:root{--paper:#f4f1e9;--ink:#282d2b;--muted:#777c73;--purple:#7952d6;--line:#d8d8ce;--mint:#b8e5ba}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e78a46;outline-offset:3px}.page{max-width:1200px;padding:0 40px;margin:auto}.masthead{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:'IBM Plex Mono',monospace;font-size:22px;font-weight:700;letter-spacing:-1px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:3px}.wordmark>span:last-child{color:var(--purple)}.logo-pixel{display:grid;place-items:center;background:var(--purple);color:var(--paper);height:27px;width:27px;margin-right:8px;font-size:26px;line-height:1}.edition{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1px;display:flex;gap:9px;align-items:center}.status-dot,.live-dot{display:inline-block;width:6px;height:6px;background:#77965c}.edition-number{color:#93958d;margin-left:12px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin:37px 0 25px}.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 10px;color:var(--muted)}h1{font-size:45px;line-height:1.2;letter-spacing:-2px;margin:0;font-weight:900}h1 span{color:var(--purple)}.intro-copy{line-height:1.9;color:#70756e;font-size:12px;margin:0 0 3px}.arcade{border:1px solid #2d3d36;box-shadow:5px 5px 0 #dcded1;background:#172d2a}.hud{height:63px;display:flex;align-items:center;gap:25px;padding:0 23px;color:#e9eddd;background:#203932;border-bottom:1px solid #4b6153;font-family:'IBM Plex Mono',monospace}.hud-label{font-size:9px;color:#a2b6a3;letter-spacing:1.1px}.health-group{display:flex;align-items:center;gap:10px;flex:1}.health-track{width:160px;height:10px;background:#10251e;padding:2px}.health-track i{display:block;height:100%;width:100%;background:#bce785;transition:width .15s linear,background .15s}.health-group b{font-size:11px;min-width:36px}.chips-group{display:flex;flex-direction:column;gap:3px}.chips-group #chips{color:#f5ce78;font-size:18px;letter-spacing:4px;white-space:nowrap;line-height:20px}.score-group{display:flex;flex-direction:column;gap:4px;text-align:right;min-width:88px}.score-group b{font-size:19px;line-height:1}.score-group small{font-weight:400;font-size:10px;color:#a2b6a3}.icon-button{border:1px solid #526658;color:#cddbc8;background:transparent;width:32px;height:29px;font-size:16px;padding:0;display:flex;justify-content:center;align-items:center;gap:3px}.icon-button#sound{width:57px;font-size:15px}.icon-button span{font-size:8px}.stage-wrap{position:relative;aspect-ratio:2/1;overflow:hidden}#game{width:100%;height:100%;outline:none}canvas{display:block;image-rendering:pixelated;width:100%!important;height:100%!important}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#142c2859;text-align:center;backdrop-filter:blur(2px)}[hidden]{display:none!important}.start-content{padding:28px 40px;background:#f5f0e4f5;border:1px solid #fff7df;box-shadow:6px 6px 0 #10292070;min-width:345px}.small-badge{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:2px;color:#7c836e}.overlay h2{font-size:28px;letter-spacing:-1.3px;margin:12px 0 10px;font-weight:900}.start-content p{font-size:12px;line-height:1.9;color:#74786d;margin-bottom:21px}.primary,.secondary{border:0;padding:12px 23px;font-weight:700;font-size:12px;transition:transform .1s,background .15s}.primary{background:var(--purple);color:white;box-shadow:3px 3px 0 #513895}.primary:hover{background:#6942c9;transform:translateY(-1px)}.primary:active,.secondary:active{transform:translateY(2px);box-shadow:none}.primary span{margin-left:35px}.secondary{background:#e4e5d9;color:#3a4436;border:1px solid #ccd0bf}.start-keys{display:flex;justify-content:center;gap:16px;margin-top:22px;font-size:10px;color:#797d72}kbd{font-family:'IBM Plex Mono',monospace;font-size:8px;background:#e8e8da;color:#69715d;padding:3px 5px;border:1px solid #c6cabb}.game-footer{min-height:38px;display:flex;gap:15px;justify-content:space-between;align-items:center;padding:8px 15px;background:#f0f0e3;color:#757e6c;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.4px}.game-footer>span:first-child{display:flex;gap:7px;align-items:center}.desktop-controls{font-family:'Noto Sans KR',sans-serif;letter-spacing:0}.desktop-controls kbd{margin-left:8px;font-size:7px;padding:1px 4px}#reset-toast{position:absolute;top:23%;left:50%;transform:translateX(-50%) scale(.9);opacity:0;pointer-events:none;text-align:center;color:#fbffe7;background:#203c31ed;padding:14px 40px;border:3px solid #c7f288;box-shadow:6px 6px 0 #112720;transition:opacity .16s,transform .16s}#reset-toast.active{opacity:1;transform:translateX(-50%) scale(1)}#reset-toast span{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:3px;color:#c7f288;display:block}#reset-toast strong{display:block;font-size:40px;margin:0;letter-spacing:-2px}#reset-toast small{font-size:11px;color:#d5e6c8}.pause-content,.end-content{background:#f5f0e4fa;padding:24px 30px;border:1px solid #fff8e9;box-shadow:6px 6px 0 #10292070}.end-content{width:500px;max-width:92%;padding:24px 30px}.end-content .eyebrow{font-size:8px}.end-content h2{margin:0 0 18px}.result-stats{display:flex;justify-content:center;margin-bottom:22px}.result-stats>div{flex:1;border-right:1px solid #d6d7ca}.result-stats>div:last-child{border:none}.result-stats b{font-family:'IBM Plex Mono',monospace;font-size:27px;display:block;color:var(--purple)}.result-stats span{display:block;font-size:9px;color:#7c8175;margin-top:3px}.form-row{display:flex;gap:7px}.form-row input{min-width:0;border:1px solid #ced0c3;background:#fffdf7;padding:11px;font-size:11px;border-radius:0}.form-row input:first-of-type{width:115px}.form-row input:last-of-type{flex:1}.end-actions{display:flex;gap:8px;margin-top:10px}.end-actions button{flex:1}.end-content #form-status{font-size:10px;min-height:14px;color:#687655;margin:12px 0 0}.touch-controls{display:none}.guestbook{margin-top:42px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-heading .eyebrow{font-size:9px;margin-bottom:7px}.section-heading h2{font-size:21px;margin:0;letter-spacing:-.7px}.section-heading h2 span{color:var(--purple);padding-left:12px}.section-heading>p{font-size:11px;color:#808578;margin:0 0 3px}.guest-list{border-top:1px solid #babfb0}.empty-note{padding:26px 0;color:#8a8e81;font-size:12px;border-bottom:1px solid var(--line);margin:0}.guest-entry{display:grid;grid-template-columns:130px 1fr 115px;align-items:center;gap:14px;min-height:66px;border-bottom:1px solid var(--line);padding:12px 4px}.guest-who{font-size:11px;font-weight:700;overflow-wrap:anywhere}.guest-who::before{content:'■';font-size:10px;color:var(--purple);margin-right:10px}.guest-message{font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin:0}.guest-meta{text-align:right;font-family:'IBM Plex Mono',monospace;font-size:9px;color:#7e8578}.guest-meta time{font-size:8px;display:block;color:#a0a598;margin-top:4px}.page-footer{margin:34px 0 24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.4px;color:#8c9184;font-family:'IBM Plex Mono','Noto Sans KR',monospace}.footer-cross{margin:0 8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.page{padding:0 18px}.masthead{height:67px}.wordmark{font-size:18px}.edition{font-size:7px;letter-spacing:.3px}.edition-number{display:none}.intro{margin-top:27px;align-items:flex-start}.intro .eyebrow{font-size:8px}h1{font-size:34px}.intro-copy{font-size:10px;line-height:1.7;max-width:145px;margin-top:19px}.hud{height:53px;padding:0 10px;gap:10px}.hud-label{font-size:7px}.health-group{gap:6px}.health-group>.hud-label{display:none}.health-track{width:clamp(55px,14vw,120px)}.health-group b{font-size:9px}.chips-group #chips{font-size:13px;letter-spacing:1px}.score-group{min-width:44px}.score-group b{font-size:15px}.icon-button{width:25px;height:25px}#sound.icon-button{width:39px}.icon-button span{font-size:6px}.stage-wrap{aspect-ratio:1.65}.start-content{min-width:0;padding:17px 24px}.overlay h2{font-size:23px;margin:7px 0}.start-content p{font-size:10px;margin:8px 0 14px}.start-keys{margin-top:17px;font-size:8px}.small-badge{font-size:6px}.game-footer{font-size:7px;padding:8px 9px}.desktop-controls{display:none}.touch-controls{display:flex;gap:12px;margin-top:17px;touch-action:none;user-select:none}.touch-controls button{flex:1;padding:12px;background:#e9e8dc;border:1px solid #bfc5b5;color:#44593e;font-family:'IBM Plex Mono',monospace;font-size:20px;box-shadow:2px 3px 0 #d0d3c4;touch-action:none}.touch-controls button:last-child{background:#e2dbf5;color:var(--purple);border-color:#c3b1e6}.touch-controls span{font-size:10px;margin-left:8px}.guestbook{margin-top:30px}.section-heading h2{font-size:18px}.section-heading>p{font-size:9px;max-width:120px;text-align:right}.guest-entry{grid-template-columns:85px 1fr 73px;gap:7px}.guest-who,.guest-message{font-size:10px}.guest-meta{font-size:8px}.guest-meta time{font-size:7px}.page-footer{flex-direction:column;gap:10px;font-size:7px}.end-content{padding:13px 17px}.end-content h2{font-size:22px;margin-bottom:10px}.result-stats{margin-bottom:12px}.result-stats b{font-size:21px}.result-stats span{font-size:8px}.form-row input{font-size:10px;padding:8px}.form-row input:first-of-type{width:92px}.primary,.secondary{font-size:10px;padding:10px 14px}.end-content #form-status{margin:7px 0 0;min-height:10px;font-size:8px}#reset-toast strong{font-size:29px}#reset-toast{padding:10px 26px}.pause-content{padding:20px 35px}}
/* Compact locale switch; labels use native language names. */
.masthead .edition{margin-left:auto;margin-right:22px}.language-control{display:flex;align-items:center;gap:6px;color:#6d7564}.language-control>span{font-size:22px}.language-control select{background:transparent;color:#495542;border:0;border-bottom:1px solid #c6caba;padding:7px 2px;font-family:'IBM Plex Mono','Noto Sans KR',sans-serif;font-size:11px;max-width:113px;cursor:pointer}.intro h1 span{color:var(--ink)}.intro h1 em{color:var(--purple);font-style:normal}.start-content p{white-space:pre-line}.primary>span{margin-left:0}.intro h1{font-size:43px;letter-spacing:-1.8px}.intro-copy{max-width:315px}.end-content h2{font-size:27px}.start-content{max-width:90%}.start-content h2{font-size:29px}.section-heading h2>span{color:var(--purple)}.section-heading h2>span:first-child{color:inherit;padding-left:0}
#reset-toast{top:21%;left:54%;background:transparent;border:0;box-shadow:none;color:#fff5c8;padding:0;transform:translateX(-50%) scale(.85);text-shadow:4px 4px 0 #294639;min-width:240px}#reset-toast.active{transform:translateX(-50%) scale(1)}#reset-toast span{color:#eee4b8;font-size:10px;letter-spacing:4px}#reset-toast strong{font-family:'IBM Plex Mono',monospace;font-size:54px;font-weight:700;letter-spacing:-2px;line-height:1.3}#reset-toast small{font-size:11px;color:#f7f2d6;text-shadow:1px 2px 0 #294639}
@media(max-width:760px){.masthead .edition{display:none}.language-control select{font-size:10px;max-width:104px}.intro{display:block;margin:24px 0 20px}.intro h1{font-size:33px;letter-spacing:-1.4px}.intro-copy{margin:12px 0 0;max-width:none;font-size:11px}.stage-wrap{aspect-ratio:1.35}.start-content{padding:18px 20px}.start-content h2{font-size:25px}.start-content p{font-size:11px}.end-content h2{font-size:22px}.end-content{padding:14px 17px}.section-heading{gap:12px}.section-heading h2{font-size:17px}.section-heading>p{max-width:115px}.pause-content h2{font-size:21px}.touch-controls button{font-size:20px}.touch-controls span{font-size:9px}.hud{gap:8px}.chips-group .hud-label{max-width:112px;font-size:6px}.health-track{width:60px}.score-group .hud-label{font-size:6px}}
.online-count{display:flex;align-items:center;gap:6px;margin-left:22px;font-family:'IBM Plex Mono','Noto Sans KR',sans-serif;font-size:10px;color:#66785a;white-space:nowrap}.online-count i{width:6px;height:6px;background:#83a566;border-radius:50%;box-shadow:0 0 0 3px #83a56617}.online-count span{min-width:88px}
@media(max-width:760px){.online-count{font-size:8px;margin-left:12px;gap:5px;flex:1}.online-count span{min-width:0}.language-control select{font-size:9px;max-width:84px}.language-control>span{display:none}.wordmark{font-size:16px}.logo-pixel{width:22px;height:22px;margin-right:5px;font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}