@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#1b261f;font-synthesis:none;background:#e9ebe0;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{padding:16px 2%}.layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.game-panel,.side-card{background:#f7f8f0;border:1px solid #c6cec0;padding:14px}.panel-heading,.game-footer,label,.message,button{font-family:DM Mono,monospace}.panel-heading{letter-spacing:.5px;justify-content:space-between;align-items:flex-start;height:30px;font-size:11px;display:flex}.connection-status{color:#758173;gap:12px;font-size:9px;display:flex}.game-status{color:#879289;font-size:9px}.game-status.online{color:#5f8733}.canvas-wrap{background:#202a24;max-width:calc(160.7vh - 170px);line-height:0;position:relative;overflow:hidden}canvas{cursor:crosshair;touch-action:none;width:100%;height:auto;display:block}.overlay{color:#e8efdf;background:#19231cbd;place-items:center;font:500 13px DM Mono,monospace;display:grid;position:absolute;inset:0}.overlay[hidden],#invite[hidden]{display:none}.game-footer{color:#758173;letter-spacing:.4px;flex-wrap:wrap;gap:12px 24px;padding:14px 1px 2px;font-size:9px;display:flex}.game-footer b{color:#334438;margin-right:5px}.side-card{padding:20px}label{letter-spacing:.7px;margin:0 0 8px;font-size:10px;display:block}label:not(:first-child){margin-top:16px}input{color:#263529;background:#f0f3e9;border:1px solid #d2d9cc;outline:none;width:100%;height:43px;padding:0 12px;font:13px Space Grotesk,sans-serif}input:focus{border-color:#78954e}button{cursor:pointer;color:#223121;letter-spacing:.6px;background:#c7eb70;border:0;justify-content:space-between;align-items:center;width:100%;height:46px;margin-top:10px;padding:0 15px;font-size:10px;font-weight:500;display:flex}button:hover{background:#b7dc5d}button span{font-size:17px}.secondary-button{background:0 0;border:1px solid #a9b8a4;height:40px}.secondary-button:hover{background:#e8eee0}.secondary-button:disabled{opacity:.5;cursor:default}#invite{border-top:1px solid #e0e5db;margin-top:18px;padding-top:16px}.message{color:#637261;margin:10px 0 0;font-size:10px;line-height:1.5}.message:empty{display:none}@media (width<=900px){.layout{grid-template-columns:1fr}.canvas-wrap{max-width:100%}}@media (width<=560px){.shell{padding:10px 3%}.game-panel{padding:8px}.game-footer{gap:8px 12px;font-size:8px}}