/* Everything is an overlay on a single, edge-to-edge playfield. */
:root{color-scheme:dark}html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;background:#294643}body{color:#eff4dc}.page{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;margin:0;padding:0}.intro,.page-footer{display:none}.arcade{position:absolute;inset:0;border:0;box-shadow:none;background:#294643}.stage-wrap{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none}canvas{width:100%!important;height:100%!important;image-rendering:pixelated}
.masthead{position:absolute;z-index:20;top:max(17px,env(safe-area-inset-top));left:24px;right:24px;height:30px;border:0;padding:0;pointer-events:none;gap:12px}.masthead>*{pointer-events:auto}.wordmark{font-size:19px;color:#f4efd4;filter:drop-shadow(1px 2px 0 #1a3529)}.wordmark>span:last-child{color:#d2b9ff}.logo-pixel{width:25px;height:25px;color:#fff4da}.online-count{margin-left:7px;font-size:10px;color:#deead0;text-shadow:0 1px 2px #143329}.masthead .edition{font-size:8px;margin-right:5px;color:#c5d5bd;opacity:.6}.language-control{color:#dcebcf}.language-control select{color:#e7f1d9;background:#18382e70;border:1px solid #99ae7c55;padding:6px 8px;font-size:10px;border-radius:4px}.language-control select option{background:#203d32}.language-control>span{font-size:18px}
.hud{position:absolute;z-index:20;top:65px;left:24px;right:24px;height:50px;border:1px solid #bdd59c25;border-radius:7px;background:linear-gradient(100deg,#163b2eaa,#18372b55);backdrop-filter:blur(8px);padding:0 15px;gap:22px}.health-group{flex:1}.health-track{width:min(210px,21vw);height:12px;border-radius:2px;background:#0c251e90}.health-track i{border-radius:1px}.chips-group{min-width:115px}.score-group{min-width:70px}.icon-button{border-color:#c4dba54d;border-radius:3px}.icon-button:hover{background:#ddedbd20}
.game-footer{position:absolute;z-index:20;bottom:max(18px,env(safe-area-inset-bottom));left:24px;right:24px;padding:0;min-height:0;color:#e0ebc3;background:none;font-size:9px;text-shadow:0 1px 3px #183326;pointer-events:none}.game-footer kbd{color:#e5f1d3;background:#234c3680;border:1px solid #9eb88666}.live-dot{background:#c3e995}.desktop-controls{opacity:.7}
.overlay{z-index:30;background:#10291f40;backdrop-filter:blur(2px);padding:16px}.start-content,.pause-content,.end-content{color:#263528;background:#f0f1d9f5;border:1px solid #d8e8bd;box-shadow:0 14px 60px #09221f50;border-radius:5px}.start-content{min-width:310px;padding:28px 34px}.start-content h2{font-size:32px}.start-content .primary{min-width:190px}.start-content p{color:#697860}.start-keys{color:#6b765f}#fan-notice{display:block;font-size:8px;line-height:1.6;color:#7c866f;margin-top:20px;max-width:285px}.end-content{width:450px}.end-content h2{font-size:28px}.end-content input{color:#2b3d2b;background:#fffdf0}.end-content .eyebrow{color:#81896c}.result-stats b{color:#7650c5}.primary{border-radius:3px;box-shadow:0 3px 0 #513895}.secondary{border-radius:3px}.form-row input{border-radius:3px}.pause-content h2{font-size:27px}.end-actions button{white-space:nowrap}.result-stats span{color:#6c775d}
.guestbook{position:absolute;z-index:22;right:26px;top:144px;width:275px;margin:0;pointer-events:none;text-shadow:0 1px 3px #163229}.section-heading{margin:0 0 9px;display:block}.section-heading .eyebrow,.section-heading>p{display:none}.section-heading h2{font-family:'IBM Plex Mono','Noto Sans KR',monospace;font-size:10px;letter-spacing:2px;font-weight:500;color:#e2edce;opacity:.65}.section-heading h2::before{content:'';display:inline-block;width:5px;height:5px;background:#bce785;margin-right:8px;border-radius:50%}.guest-list{border:0;max-height:220px;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}.guest-entry{display:block;min-height:0;padding:7px 11px;margin:0 0 5px;border:0;border-left:2px solid #ccdfaa55;background:linear-gradient(90deg,#133a2b66,#17362705);border-radius:0 5px 5px 0}.guest-who{display:inline;font-size:10px;color:#d6b8ff}.guest-who::before{display:none}.guest-message{display:inline;font-size:11px;line-height:1.65;color:#f1f2d8;overflow-wrap:anywhere}.guest-message::before{content:': ';color:#e0e8c7}.guest-meta{font-size:8px;color:#c9dcb18c;text-align:left;margin-top:2px}.guest-meta time{display:inline;margin-left:8px;color:#b2c89c80}.empty-note{font-size:10px;color:#d0dfba99;border:0;padding:5px 0;line-height:1.8}.guest-entry.new-entry{animation:feed-arrival .35s ease-out}@keyframes feed-arrival{from{transform:translateX(15px);opacity:0}to{transform:translateX(0);opacity:1}}
#reset-toast{z-index:15;top:30%;left:52%;min-width:250px;text-shadow:3px 4px 0 #24472c}#reset-toast strong{font-size:60px}#reset-toast span{font-size:10px}.touch-controls{position:absolute;z-index:24;bottom:max(17px,env(safe-area-inset-bottom));left:18px;right:18px;margin:0;gap:12px;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;border:1px solid #c9dda75c;border-radius:9px;box-shadow:0 4px 0 #153b2c55;background:#1a412f99;color:#e2ecc9;backdrop-filter:blur(7px);height:57px;font-size:24px;padding:8px}.touch-controls button:last-child{background:#4c347f99;border-color:#b4a1d566;color:#eee1ff}.touch-controls span{font-size:10px}
@media(max-width:760px){.masthead{top:max(12px,env(safe-area-inset-top));left:14px;right:14px;gap:5px;height:25px}.wordmark{font-size:15px}.logo-pixel{width:20px;height:20px;font-size:21px;margin-right:3px}.online-count{font-size:8px;flex:1;margin-left:4px;gap:5px}.online-count span{min-width:0}.language-control select{font-size:9px;max-width:88px;padding:4px}.masthead .edition,.language-control>span{display:none}.hud{top:50px;left:12px;right:12px;height:49px;padding:0 9px;gap:9px}.health-group{gap:5px}.health-group>.hud-label{display:none}.health-track{width:clamp(54px,20vw,140px)}.health-group b{font-size:9px;min-width:28px}.chips-group{min-width:76px}.chips-group #chips{font-size:14px;letter-spacing:1px}.hud-label{font-size:6px}.score-group{min-width:42px}.score-group b{font-size:14px}.icon-button{width:23px;height:25px;font-size:14px}.icon-button#sound{width:35px}.icon-button span{font-size:6px}.guestbook{right:16px;top:124px;width:205px}.section-heading h2{font-size:8px}.guest-list{max-height:155px}.guest-entry{padding:5px 8px;margin-bottom:4px}.guest-who{font-size:9px}.guest-message{font-size:10px}.guest-meta{font-size:7px}.guest-meta time{display:none}.touch-controls{display:flex}.game-footer{bottom:87px;left:18px;right:18px;font-size:8px}.desktop-controls{display:none}.overlay{padding:13px}.start-content{min-width:0;width:330px;max-width:94%;padding:24px 23px}.start-content h2{font-size:28px}.start-content p{font-size:12px}.start-keys{font-size:9px}.end-content{padding:20px 18px;max-width:100%;width:380px}.end-content h2{font-size:25px}.result-stats b{font-size:23px}.result-stats span{font-size:8px}.form-row{flex-wrap:wrap}.form-row input:first-of-type{width:100%;padding:10px}.form-row input:last-of-type{width:100%;flex-basis:100%;padding:12px}.end-actions button{font-size:10px;padding:12px 9px}.end-content #form-status{font-size:9px;line-height:1.5;min-height:15px}body[data-phase=over] .guestbook,body[data-phase=paused] .guestbook{opacity:.25}#reset-toast{top:36%;left:50%}#reset-toast strong{font-size:48px}.section-heading h2>span{padding:0}}
@media(max-height:520px){.masthead{top:8px}.hud{top:43px;height:42px}.guestbook{top:105px;width:220px}.guest-list{max-height:100px}.game-footer{bottom:11px}.touch-controls{bottom:10px;left:18px;right:18px;width:220px}.touch-controls button{height:42px}.start-content{padding:16px 28px}.start-content h2{font-size:26px;margin:5px 0}.start-content p{margin:8px 0 12px}.start-keys{margin-top:14px}#fan-notice{margin-top:10px}.end-content{padding:12px 25px}.end-content h2{font-size:23px;margin-bottom:10px}.result-stats{margin-bottom:12px}.form-row{flex-wrap:nowrap}.form-row input:first-of-type{width:110px}.form-row input:last-of-type{flex-basis:auto}#reset-toast{top:30%}}
.guestbook{z-index:40;padding:10px 12px 0;border-radius:6px;background:linear-gradient(135deg,#102d26b3,#123a2855);backdrop-filter:blur(2px)}
@media(max-width:760px){.guestbook{left:16px;right:16px;top:116px;width:auto;max-height:110px;padding:8px 10px 0}.guest-list{max-height:80px}.guest-meta{display:none}body[data-phase=over] .guestbook,body[data-phase=paused] .guestbook{opacity:1}}
@media(min-width:700px) and (max-height:520px){.end-content,.pause-content{margin-right:240px}.guestbook{left:auto;width:205px;max-height:160px}.guest-list{max-height:130px}}
@media(prefers-reduced-motion:reduce){.guest-entry.new-entry{animation:none}}