:root{--mc-back-color: #ffd84a;--mc-back-glow: 0 0 8px #c9a227}html,body{margin:0;height:100%;background:radial-gradient(ellipse at 50% 30%,#23413c 0%,#0b1211 70%);overflow:hidden}body{display:flex;align-items:center;justify-content:center}#wrap{position:relative;container-type:size;width:640px;height:480px;box-shadow:0 0 60px rgba(255,216,74,0.15),0 0 0 2px #2b3533}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;user-select:none}.title-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2.4cqh;padding-top:6cqh;text-align:center;font-family:"Press Start 2P",monospace}.title-screen[hidden]{display:none}.title-screen h1{margin:0;font-size:6.4cqw;font-weight:normal;line-height:1.3;letter-spacing:0.06em;color:#ffd84a;text-shadow:0 0.6cqw 0 #7a2b1d,0 0 1.2cqw rgba(0,0,0,0.9),0 0 5cqw rgba(9,11,28,0.95),0 0 3cqw rgba(255,216,74,0.25)}.sub-title{margin:0;font-size:1.8cqw;letter-spacing:0.14em;color:#a8e6ff;text-shadow:0 0 1.5cqw rgba(0,0,0,0.95)}.start-prompt{margin-top:auto;margin-bottom:5.5cqh;opacity:0.75;font:inherit;font-size:2cqw;letter-spacing:0.12em;color:#fff6dc;background:none;border:none;padding:2cqw 4cqw;cursor:pointer;animation:blink 1.15s steps(2,start) infinite}@keyframes blink{to{opacity:0.25}}.copyright{position:absolute;bottom:2cqh;margin:0;font-size:1cqw;color:rgba(255,246,220,0.5)}.keys-only{display:inline}@media(hover:none),(pointer:coarse){.keys-only{display:none}}.panel{position:absolute;left:0;right:0;display:flex;justify-content:center;font-family:"Press Start 2P",monospace}.panel[hidden]{display:none}.panel-over{bottom:8cqh}.btn{font:inherit;font-size:1.8cqw;letter-spacing:0.08em;color:#1a1400;background:#ffd84a;border:none;padding:2.4cqw 4cqw;min-height:44px;cursor:pointer}.btn:hover,.btn:focus-visible{background:#ffe680;outline:none}.btn-pause{position:absolute;top:7cqh;left:50%;transform:translateX(-50%);min-width:44px;min-height:44px;font-family:"Press Start 2P",monospace;font-size:12px;color:rgba(255,246,220,0.8);background:rgba(0,0,0,0.35);border:1px solid rgba(255,246,220,0.3);cursor:pointer;touch-action:manipulation}.btn-pause[hidden]{display:none}.btn-sound{position:absolute;right:1.6cqw;bottom:2cqh;min-width:44px;min-height:44px;font-size:18px;line-height:1;color:rgba(255,246,220,0.75);background:rgba(0,0,0,0.3);border:1px solid rgba(255,246,220,0.25);cursor:pointer;touch-action:manipulation}.btn-sound[hidden]{display:none}.btn-sound:hover,.btn-sound:focus-visible{color:#fff6dc;outline:none}.btn-sound[aria-pressed=true]{color:rgba(255,106,106,0.8)}