@font-face{font-family:Slackey;src:url(/games/design-test/fonts/slackey/Slackey-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark}html,body{margin:0;height:100%;background:#000;overflow:hidden;touch-action:none}#game-root{width:100vw;height:100vh;background:#000}#rotate-overlay{position:fixed;inset:0;display:none;place-items:center;text-align:center;background:#07151d;color:#bfe9dd;font-family:Slackey,system-ui,sans-serif;font-size:1.4rem;z-index:50;padding:2rem;line-height:1.5}@media (orientation: landscape) and (pointer: coarse){#rotate-overlay{display:grid}}.sg-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:end center;padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;background:#07151d73;font-family:Slackey,system-ui,sans-serif;color:#eaf6f2}.sg-card{background:#0e2a38;border:2px solid #2f6f63;border-radius:14px;padding:.9rem 1rem;max-width:360px;width:88%;box-shadow:0 8px 28px #00000073}.sg-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sg-rate-avatar{max-height:130px;object-fit:contain;display:block;margin:0 auto 4px;flex:1}.sg-card h2{margin:0;font-size:1rem;line-height:1.25;font-weight:400}.sg-min-btn{flex-shrink:0;background:#ffffff0f;border:1px solid #2f6f63;color:#bfe9dd;border-radius:8px;width:26px;height:26px;font-size:.85rem;line-height:1;cursor:pointer;padding:0}.sg-min-btn:hover{background:#ffffff24}.sg-stars{font-size:1.7rem;cursor:pointer;user-select:none;margin-top:.3rem}.sg-stars .on{color:#ffcf4d}.sg-stars .off{color:#44606b}.sg-card textarea{width:100%;box-sizing:border-box;margin:.25rem 0 .6rem;border-radius:8px;min-height:2rem;font-family:system-ui,sans-serif;font-size:.82rem}.sg-card button.sg-submit{background:#2f9e89;color:#042019;border:none;border-radius:9px;padding:.5rem 1.1rem;font-size:.85rem;cursor:pointer}.sg-card button.sg-submit:disabled{opacity:.5;cursor:default}.sg-card label{display:block;font-size:.78rem;margin-top:.3rem}.sg-overlay.sg-min{place-items:end center;background:transparent;pointer-events:none}.sg-overlay.sg-min .sg-card{pointer-events:auto;width:auto;max-width:92%;margin-bottom:max(8px,env(safe-area-inset-bottom));padding:.45rem .7rem}.sg-overlay.sg-min .sg-card h2{font-size:.85rem}.sg-overlay.sg-min .sg-body{display:none}#sg-hud{position:fixed;top:env(safe-area-inset-top,12px);left:12px;z-index:45;padding:8px 14px 10px;font-family:Slackey,system-ui,sans-serif;font-size:15px;color:#eaf6f2;line-height:1.7;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6);pointer-events:none;user-select:none}.sg-hud-row{display:flex;align-items:center;gap:7px}.sg-hud-row.done{opacity:.55}.sg-hud-marker{font-size:17px;line-height:1;flex-shrink:0}.sg-hud-label{white-space:nowrap}#sg-skip{position:fixed;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:45;background:none;border:none;padding:4px 6px;font-family:Slackey,system-ui,sans-serif;font-size:11px;color:#bfe9dd99;cursor:pointer;touch-action:manipulation}#sg-skip:hover,#sg-skip:active{color:#bfe9ddf2}.dt-landing{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:2rem;box-sizing:border-box;overflow:auto;background:#07151d;color:#eaf6f2;font-family:Slackey,system-ui,sans-serif}.dt-landing-card{width:100%;max-width:420px;text-align:center}.dt-landing-emoji{font-size:5rem;line-height:1;margin-bottom:.4rem}.dt-landing h1{margin:0 0 .6rem;font-size:2rem;font-weight:400;color:#eaf6f2}.dt-landing-lead{margin:0 0 1.4rem;font-size:1.05rem;color:#bfe9dd;line-height:1.4}.dt-code-input{width:100%;box-sizing:border-box;text-align:center;font-family:Courier New,ui-monospace,monospace;font-weight:700;font-size:2.4rem;letter-spacing:.5rem;text-transform:uppercase;padding:.7rem .5rem;border-radius:12px;border:2px solid #2f6f63;background:#0e2a38;color:#eaf6f2;caret-color:#2f9e89}.dt-code-input:focus{outline:none;border-color:#2f9e89;box-shadow:0 0 0 3px #2f9e894d}.dt-code-input:disabled{opacity:.55}.dt-landing-err{min-height:1.3rem;margin:.6rem 0 .2rem;color:#ff9b8a;font-size:.9rem;line-height:1.3}.dt-code-btn{width:100%;box-sizing:border-box;margin-top:.4rem;background:#2f9e89;color:#042019;border:none;border-radius:12px;padding:.8rem 1.1rem;font-family:Slackey,system-ui,sans-serif;font-size:1.1rem;cursor:pointer}.dt-code-btn:disabled{opacity:.5;cursor:default}.dt-landing-hint{margin:1.2rem 0 0;font-size:.8rem;color:#6f8a92;line-height:1.4}#dt-scene-header{position:fixed;top:max(10px,env(safe-area-inset-top,10px));left:50%;transform:translate(-50%);z-index:45;font-family:Slackey,system-ui,sans-serif;font-size:20px;color:#eaf6f2;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6);pointer-events:none;user-select:none;white-space:nowrap}