:root{--paper: #e6eceb;--ink: #203b40;--muted: #49676b;--teal: #146b64;--orange: #b74417;--white: #ffffff;--line: #78918d;--overlay: #e6ecebef;--shadow: #203b401a;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--small: 12px;--body: 15px;--medium: 18px;--h2: 32px;--title: 44px;--clock: 112px;--radius: 4px;--pill: 100px;--border: 1px;--focus: 3px;--min-touch: 44px;--font: "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--mono: "SFMono-Regular", Consolas, monospace;--duration: .18s}:root{--size-10: 10px;--size-100: 100px;--size-32: 32px;--size-420: 420px;--size-52: 52px;--size-56: 56px;--size-660: 660px;--size-760: 760px;--size-80: 80px;--size-88: 88px;--size-9: 9px;--size-neg-2: -2px}:root{--arcade-top: 112px;--arcade-mobile-top: 152px;--arcade-width: 540px;--arcade-mobile-width: 343px;--reward-top: 30%;--reward-mobile-top: 31%;--reward-size: 48px;--fever-glow: #b744172b;--speed-alpha: .22;--pop-time: .24s;--streak-width: 48px;--streak-height: 3px;--streak-duration: .38s;--result-score: 24px;--small-label: 10px;--combo-width: 150px;--combo-mobile: 102px;--panel-border: 2px;--compact-header: 100px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--body);word-break:keep-all}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:var(--min-touch)}button:focus-visible,a:focus-visible{outline:var(--focus) solid var(--orange);outline-offset:var(--s1)}button:hover{filter:brightness(.93)}[hidden]{display:none!important}#app{position:relative;min-height:var(--size-760);height:100svh;overflow:hidden}header{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--s5) var(--s7)}.brand{display:flex;align-items:center;gap:var(--s3);font:bold var(--small) var(--mono);letter-spacing:.06em;color:var(--ink);text-decoration:none}.brand-mark{background:var(--ink);color:var(--paper);font-size:var(--h2);width:var(--min-touch);height:var(--min-touch);text-align:center;line-height:1.25}.top-actions{display:flex;align-items:center;gap:var(--s5)}.edition{font-size:var(--small);color:var(--muted)}.icon-button{border:var(--border) solid var(--line);border-radius:var(--pill);padding:var(--s2) var(--s4);background:var(--paper);font-size:var(--small);font-weight:700}.intro{position:absolute;z-index:2;left:7%;top:20%;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{font-size:var(--small);font-weight:700;letter-spacing:.12em;display:flex;align-items:center;gap:var(--s2);color:var(--teal)}.status-dot{width:var(--s2);height:var(--s2);background:var(--teal);border-radius:var(--pill)}h1{margin:var(--s4) 0 var(--s5);line-height:1.1;letter-spacing:-.05em}.clock-title{display:block;font:900 var(--clock)/1 var(--mono);letter-spacing:-.08em}.korean-title{display:block;font-size:var(--title);margin-top:var(--s3);font-weight:900}.title-dot{color:var(--orange)}.pitch{font-size:var(--medium);line-height:1.65;margin:0 0 var(--s4);font-weight:700}.description{line-height:1.7;color:var(--muted);margin:0 0 var(--s5)}.primary{display:flex;align-items:center;justify-content:space-between;gap:var(--s7);border:0;background:var(--teal);color:var(--white);font-weight:700;padding:var(--s4) var(--s5);border-radius:var(--radius);font-size:var(--medium);min-height:var(--size-56);transition:filter var(--duration),transform var(--duration)}.primary:hover{transform:translateY(var(--size-neg-2))}.primary span{font-size:var(--h2);line-height:1}.sub-start{font-size:var(--small);color:var(--muted);margin-top:var(--s3)}.sub-start span{margin:0 var(--s2)}.record{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s6);font:var(--small) var(--mono);color:var(--muted)}.record strong{font:bold var(--body) var(--font);color:var(--ink)}.stage{position:absolute;width:70%;height:88%;right:-3%;top:9%}canvas{width:100%;height:100%;display:block}.scene-label{position:absolute;right:12%;bottom:15%;font-size:var(--small);color:var(--muted)}.scene-label span{border:var(--border) solid var(--line);padding:var(--s1) var(--s2);margin-right:var(--s2)}.scene-label b{display:block;margin-top:var(--s3);color:var(--teal);text-align:right}footer{position:absolute;z-index:2;bottom:0;left:var(--s7);right:var(--s7);padding:var(--s5) 0;border-top:var(--border) solid var(--line);display:flex;justify-content:space-between;gap:var(--s4);font-size:var(--small);color:var(--muted)}.controls{display:flex;gap:var(--s5);flex-wrap:wrap;align-items:center}kbd{font:var(--small) var(--mono);border:var(--border) solid var(--line);padding:var(--s1) var(--s2);border-radius:var(--radius);color:var(--ink)}.hud{position:absolute;z-index:3;left:50%;top:var(--s5);transform:translate(-50%);display:flex;align-items:center;gap:var(--s6);padding:var(--s3) var(--s5);background:var(--paper);border-bottom:var(--border) solid var(--line)}.hud span,.hud label{display:block;font-size:var(--small);color:var(--muted);margin-bottom:var(--s1)}.timer strong{font:bold var(--h2) var(--mono)}.timer small{margin-left:var(--s1)}.stamp-counter strong{font-size:var(--medium);color:var(--teal);white-space:nowrap}progress{width:var(--size-100);height:var(--s2);accent-color:var(--teal)}.playing .stage{width:100%;height:84%;right:0;top:10%}.playing .brand{font-size:0}.playing .edition{display:none}.toast{position:absolute;z-index:3;bottom:13%;left:50%;transform:translate(-50%);padding:var(--s3) var(--s5);background:var(--ink);color:var(--white);border-radius:var(--radius);text-align:center;white-space:nowrap;font-weight:700}.overlay{position:absolute;inset:0;z-index:5;background:var(--overlay);display:grid;place-items:center}.result-card{max-width:var(--size-420);padding:var(--s7);display:flex;flex-direction:column;gap:var(--s5);text-align:center;align-items:center}.result-card h2{font-size:var(--h2);margin:0;letter-spacing:-.04em}.result-card p{line-height:1.7;margin:0;color:var(--muted);white-space:pre-line}.secondary{background:transparent;border:0;text-decoration:underline;color:var(--muted);padding:var(--s2) var(--s4)}.touch{position:absolute;z-index:4;bottom:var(--s5);left:var(--s5);right:var(--s5);display:none;justify-content:space-between;align-items:end}.dpad{display:grid;grid-template-columns:repeat(3,var(--size-52));gap:var(--s1)}.dpad button,#boost{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--paper);border:var(--border) solid var(--teal);color:var(--teal);border-radius:var(--radius);font-size:var(--medium);font-weight:700;height:var(--size-52)}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.dpad button:active,#boost:active{background:var(--teal);color:var(--white)}#boost{height:var(--size-80);padding:var(--s4);font:bold var(--small)/1.5 var(--mono)}@media(max-width:1000px){header{padding:var(--s5)}.intro{left:5%;top:18%}.clock-title{font-size:var(--size-88)}.korean-title{font-size:var(--h2)}.stage{right:-10%;width:76%}.edition,.footer-note{display:none}footer{left:var(--s5);right:var(--s5)}.controls,.hud{gap:var(--s4)}}@media(max-width:600px){#app{min-height:var(--size-660)}header{padding:var(--s4);align-items:start}.brand{font-size:var(--size-9);gap:var(--s2)}.brand-mark{width:var(--s6);height:var(--s6);font-size:var(--h2)}.top-actions{gap:var(--s2)}.intro{top:12%;left:var(--s5)}.eyebrow{font-size:var(--size-10)}.clock-title{font-size:var(--size-80)}.korean-title{font-size:var(--h2);margin-top:var(--s1)}h1{margin:var(--s2) 0 var(--s3)}.pitch{font-size:var(--body);line-height:1.5}.description,.record{display:none}.intro .primary{position:fixed;bottom:var(--s8);left:var(--s5);right:var(--s5);justify-content:space-between}.sub-start{position:fixed;bottom:var(--s6);left:var(--s5)}.stage{width:110%;height:53%;top:32%;right:-5%}.scene-label{right:var(--s5);bottom:22%;font-size:var(--size-10)}.scene-label b{display:none}footer{display:none}.playing .stage{top:16%;height:65%;width:110%;right:-5%}.playing .brand{display:none}.playing header{justify-content:end}.hud{top:var(--s8);width:calc(100% - var(--size-32));justify-content:space-between;padding:var(--s3);gap:var(--s3)}.timer strong{font-size:var(--h2)}progress{width:var(--size-80)}.touch{display:flex}.toast{bottom:21%;max-width:92%;white-space:normal;width:max-content;font-size:var(--small)}.result-card{padding:var(--s6)}.result-card h2{font-size:var(--h2)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.primary:hover{transform:none}}@media(min-width:601px)and (max-width:1000px){.stage{width:65%;right:0;top:12%;height:80%}.playing .stage{width:100%;right:0;top:10%;height:84%}}@media(pointer:coarse){.playing .touch{display:flex}.playing footer{display:none}.playing .toast{bottom:21%}}.arcade{position:absolute;z-index:3;top:var(--arcade-top);left:50%;transform:translate(-50%);width:min(var(--arcade-width),92%);display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s3) var(--s4);border-left:var(--panel-border) solid var(--orange);background:var(--paper)}.score-block{display:grid;grid-template-columns:auto auto;gap:var(--s1) var(--s2);align-items:baseline}.score-block>span{font-size:var(--small);color:var(--muted)}.score-block>strong{font:bold var(--h2)/1 var(--mono);font-variant-numeric:tabular-nums}.score-block>small{grid-column:1/-1;font:var(--small) var(--mono);color:var(--muted)}.combo-block{display:grid;grid-template-columns:auto auto;align-items:center;gap:var(--s1) var(--s2)}.combo-block>strong{font:bold var(--h2)/1 var(--mono);color:var(--orange)}.combo-block>span{font-size:var(--small);font-weight:700}.combo-block progress{grid-column:1/-1;width:var(--combo-width);accent-color:var(--orange)}.fever-status{font:bold var(--small)/1.5 var(--mono);color:var(--orange);max-width:var(--combo-width)}.reward{position:absolute;z-index:4;top:var(--reward-top);left:50%;transform:translate(-50%);text-align:center;pointer-events:none;color:var(--orange);background:var(--paper);padding:var(--s2) var(--s4);border-radius:var(--radius)}.reward span{display:block;font-size:var(--body);font-weight:700}.reward strong{font:900 var(--reward-size)/1.1 var(--mono);letter-spacing:-.04em}.reward.pop{animation:reward-pop var(--pop-time) ease-out}.reward[data-kind=paper] strong{font-size:var(--h2)}.fever .arcade{border:var(--panel-border) solid var(--orange)}.fever #fever-status{font-weight:900}.fever .stage{filter:drop-shadow(0 0 var(--s5) var(--fever-glow))}.result-score{font:900 var(--result-score)/1.25 var(--mono);color:var(--orange)}.speed-lines{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.speed-lines i{position:absolute;width:var(--streak-width);height:var(--streak-height);background:var(--teal);opacity:var(--speed-alpha);animation:speed-streak var(--streak-duration) linear infinite}.speed-lines i:nth-child(1){left:8%;top:35%}.speed-lines i:nth-child(2){left:4%;top:55%;animation-delay:-.1s}.speed-lines i:nth-child(3){left:12%;top:73%;animation-delay:-.2s}.speed-lines i:nth-child(4){right:8%;top:35%}.speed-lines i:nth-child(5){right:4%;top:55%;animation-delay:-.1s}.speed-lines i:nth-child(6){right:12%;top:73%;animation-delay:-.2s}@keyframes reward-pop{0%{transform:translate(-50%) scale(1.25)}to{transform:translate(-50%) scale(1)}}@keyframes speed-streak{0%{transform:translateY(calc(-1 * var(--s5))) scaleX(.3)}to{transform:translateY(var(--s5)) scaleX(1.4)}}@media(max-width:600px){.arcade{top:var(--arcade-mobile-top);gap:var(--s2);padding:var(--s2);width:calc(100% - var(--s6));flex-wrap:wrap}.score-block>strong{font-size:var(--result-score)}.score-block>span,.score-block>small,.combo-block>span{font-size:var(--small-label)}.combo-block>strong{font-size:var(--result-score)}.combo-block progress{width:var(--combo-mobile)}.fever-status{flex-basis:100%;max-width:none;text-align:center;font-size:var(--small-label)}.playing .stage{top:24%;height:51%}.reward{top:var(--reward-mobile-top)}.reward strong{font-size:var(--h2)}.reward span{font-size:var(--small)}}@media(min-width:601px)and (max-width:1000px){.arcade{top:var(--compact-header)}.playing .stage{top:17%;height:76%}}@media(prefers-reduced-motion:reduce){.reward.pop,.speed-lines i{animation:none}.speed-lines{display:none}.fever .stage{filter:none}}#lounge{margin:auto;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:var(--s6);color:var(--ink);background:var(--paper);border:var(--border) solid var(--line);border-radius:var(--radius);box-shadow:0 24px 80px var(--shadow)}#lounge::backdrop{background:var(--overlay)}#lounge h2{font-size:var(--h2);line-height:1.2;margin:var(--s4) 0}#lounge p{line-height:1.6}.lounge-close{float:right}#lounge-form{display:grid;gap:var(--s3);margin-top:var(--s5)}#lounge fieldset{border:var(--border) solid var(--line);padding:var(--s3);display:flex;flex-wrap:wrap;gap:var(--s4)}#lounge label{line-height:1.5}#lounge input{accent-color:var(--teal)}#lounge textarea{width:100%;box-sizing:border-box;resize:vertical;padding:var(--s3);background:var(--white);color:var(--ink);border:var(--border) solid var(--line);font:inherit;line-height:1.6}#lounge small{color:var(--muted);font-size:var(--small);line-height:1.6}#vent-count{text-align:right}#lounge .primary{position:static;width:100%;margin:var(--s2) 0 0}#lounge .primary:disabled{opacity:.6;cursor:default}#vent-reply{padding:var(--s4);background:var(--white);border-left:var(--focus) solid var(--teal);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.brand{font-size:0}.brand-mark{font-size:var(--h2)}#lounge{padding:var(--s5)}}