:root{font-family:Arial,Malgun Gothic,sans-serif;color:#111;background:#f5f1e8;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}.game-shell{position:relative;width:100%;height:100%;min-height:420px;background:#f5f1e8}.game-shell:after{content:"";position:absolute;z-index:20;inset:0;border:0 solid #a9221b;opacity:0;pointer-events:none}.game-shell.damage-flash:after{animation:damage-vignette .5s cubic-bezier(.2,.8,.2,1)}.game-shell.damage-flash #game-canvas{animation:damage-shake .18s steps(2,end)}@keyframes damage-vignette{0%{opacity:.9;border-width:22px;box-shadow:inset 0 0 110px 28px #a9221bcc}45%{opacity:.42;border-width:10px;box-shadow:inset 0 0 65px 14px #a9221b99}to{opacity:0;border-width:0;box-shadow:inset 0 0 #a9221b00}}@keyframes damage-shake{25%{transform:translate(-5px,2px) rotate(-.18deg)}75%{transform:translate(4px,-2px) rotate(.16deg)}}#game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;z-index:3;inset:0 0 auto;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));pointer-events:none;font-family:ui-monospace,Consolas,monospace}.metric{display:grid;min-width:88px;padding:5px 9px 6px;border:3px solid #111;background:#f5f1e8e8;line-height:1}.metric span{font-size:9px;font-weight:1000;letter-spacing:.18em}.metric strong{margin-top:3px;font-size:clamp(17px,2.2vw,25px);letter-spacing:.08em}.level{padding:4px 7px;border:2px solid #111;font-size:12px;font-weight:1000;letter-spacing:.08em;white-space:nowrap}.level.up{color:#f5f1e8;background:#111;animation:level-up .24s steps(2,end) infinite}@keyframes level-up{50%{transform:scale(1.12) rotate(-2deg)}}.health{--health: 100%;display:grid;grid-template-columns:auto 1fr 3ch;align-items:center;gap:7px;width:100%;min-width:0;height:18px;margin-top:1px;font:1000 8px ui-monospace,monospace;letter-spacing:.1em}.health>b{display:block;width:100%;height:10px;border:2px solid #111;background:#d2cdc3;overflow:hidden}.health>b>i{display:block;width:var(--health);height:100%;background:#111;transition:width .12s linear}.health>strong{text-align:right;font-size:10px}.health.low>b>i{animation:vital-low .3s steps(2,end) infinite}.health.heal{animation:vital-heal .22s cubic-bezier(.2,1.7,.3,1)}.health.hurt{animation:vital-hurt .16s steps(2,end)}@keyframes vital-low{50%{opacity:.28}}@keyframes vital-heal{50%{background:#fff}}@keyframes vital-hurt{50%{background:#d7aaa5}}.pause,.sound{pointer-events:auto;width:38px;height:38px;border:3px solid #111;border-radius:50%;background:#f5f1e8;font-weight:900;cursor:pointer}.sound{grid-column:4}.pause{grid-column:5}.pause[hidden]{display:none}.combo-pop{position:absolute;z-index:7;right:auto;bottom:10%;left:50%;display:grid;justify-items:center;transform:translate(-50%) rotate(-2deg);pointer-events:none;filter:drop-shadow(5px 5px 0 #f5f1e8)}.combo-pop[hidden]{display:none}.combo-pop strong{font:1000 clamp(38px,6vw,72px)/.9 Arial Black,Impact,sans-serif;letter-spacing:-.06em;-webkit-text-stroke:5px #f5f1e8;paint-order:stroke fill}.combo-pop span{padding:3px 10px;background:#111;color:#f5f1e8;font:1000 12px ui-monospace,monospace;letter-spacing:.16em}.combo-pop span b{font:inherit}.combo-pop[data-grade=BAD] strong,.combo-pop[data-grade=MISS] strong{color:#a9221b}.combo-pop.pulse{animation:combo-pop .26s cubic-bezier(.2,1.7,.3,1)}@keyframes combo-pop{50%{transform:translate(-50%) rotate(3deg) scale(1.28)}}.counter-prompt{position:absolute;z-index:8;top:54%;left:50%;padding:7px 18px 9px;border:5px solid #111;background:#f5f1e8f2;transform:translate(-50%,-50%) rotate(-1deg);font:1000 clamp(28px,4.8vw,62px)/.9 Arial Black,Impact,sans-serif;letter-spacing:-.04em;pointer-events:none;box-shadow:7px 7px #111}.counter-prompt[hidden]{display:none}.counter-prompt.braced{color:#f5f1e8;background:#111;animation:brace-call .32s cubic-bezier(.2,1.6,.3,1)}.counter-prompt.wrong{color:#a9221b;border-color:#a9221b}@keyframes brace-call{50%{transform:translate(-50%,-50%) scale(1.12) rotate(2deg)}}.judgement-board{position:absolute;z-index:5;top:38%;left:2.5%;display:grid;min-width:145px;border:4px solid #111;background:#f5f1e8ed;font:1000 11px ui-monospace,monospace;pointer-events:none;box-shadow:5px 5px #111}.judgement-board[hidden]{display:none}.judgement-board>strong{padding:5px 8px;background:#111;color:#f5f1e8;letter-spacing:.13em}.judgement-board>span{display:flex;justify-content:space-between;gap:16px;padding:3px 8px;border-top:1px solid #111}.judgement-board>span:nth-last-child(-n+2){color:#a9221b}.level-up-banner{position:absolute;z-index:6;top:clamp(132px,21vh,176px);left:50%;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.4vw,28px);min-width:min(430px,78vw);padding:8px 22px 10px;border:5px solid #111;background:#f5f1e8f5;color:#111;transform:translate(-50%) rotate(-1deg);pointer-events:none;box-shadow:7px 7px #111;animation:level-banner 1.35s cubic-bezier(.18,.9,.2,1) both}.level-up-banner[hidden]{display:none}.level-up-banner span{font:1000 clamp(28px,4.2vw,52px)/.86 Arial Black,Impact,sans-serif;letter-spacing:-.06em;white-space:nowrap}.level-up-banner b{font:1000 clamp(13px,1.8vw,21px) ui-monospace,monospace;letter-spacing:.16em;white-space:nowrap}@keyframes level-banner{0%{opacity:0;transform:translate(-50%) scale(.55) rotate(-7deg)}16%,70%{opacity:1;transform:translate(-50%) scale(1) rotate(-1deg)}to{opacity:0;transform:translate(-50%) scale(1.08) rotate(1deg)}}.top-guidance{--stack-balance: 50%;position:absolute;z-index:4;top:max(96px,calc(env(safe-area-inset-top) + 82px));left:0;right:0;display:grid;grid-template-columns:minmax(105px,1fr) minmax(300px,520px) minmax(105px,1fr);align-items:center;gap:clamp(12px,3vw,42px);padding:0 clamp(18px,5vw,72px);pointer-events:none}.top-guidance[hidden]{display:none}.curve-side{min-width:0;visibility:hidden;overflow:hidden;padding:10px 16px;border:4px solid #111;background:#f5f1e8e8;font:1000 clamp(20px,3vw,38px)/1 Arial Black,Impact,sans-serif;opacity:.2}.curve-side:last-child{text-align:right}.top-guidance.idle .curve-side{visibility:hidden}.top-guidance.service-mode .curve-side{visibility:hidden;animation:none}.top-guidance.left #curve-left,.top-guidance.right #curve-right{color:#f5f1e8;background:#111;opacity:1;animation:curve-pulse .28s steps(2,end) infinite}@keyframes curve-pulse{50%{transform:scale(1.05)}}.game-state{position:absolute;z-index:4;bottom:13%;left:50%;display:grid;width:min(520px,68vw);padding:2px 12px 4px;transform:translate(-50%);text-align:center;pointer-events:none;filter:drop-shadow(4px 4px 0 #f5f1e8)}.game-state[hidden]{display:none}.stack-balance{position:relative;display:grid;row-gap:7px;width:100%;padding:10px 16px 13px;border:4px solid #111;background:#f5f1e8e8;box-shadow:5px 5px #111}.stack-balance>span{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:12px;margin:0;font-family:ui-monospace,monospace;text-align:left}.stack-balance>span>b{font-size:clamp(13px,1.5vw,18px);letter-spacing:.16em}.stack-balance>span>strong{font-size:clamp(12px,1.35vw,16px);letter-spacing:.06em}.telemetry{display:grid;grid-template-columns:repeat(4,auto);align-items:center;justify-content:space-between;gap:8px;font:1000 10px ui-monospace,monospace;letter-spacing:.03em}.telemetry strong:nth-child(2){text-align:center}.telemetry small{text-align:right;font:inherit}.stack-balance>b{position:relative;display:block;height:14px;border:3px solid #111;background:#d2cdc3}.stack-balance>b>u{position:absolute;inset:0 calc(100% - var(--balance-limit-right)) 0 var(--balance-limit-left);border-right:4px solid #111;border-left:4px solid #111;background:#f5f1e8;text-decoration:none;transition:inset .35s ease}.stack-balance>b>i{position:absolute;top:50%;left:clamp(3%,var(--stack-balance),97%);width:24px;height:24px;min-height:0;margin:0;border:4px solid #f5f1e8;border-radius:50%;background:#111;transform:translate(-50%,-50%);transition:left .08s linear}.stack-balance>em{position:absolute;top:calc(100% + 4px);left:50%;padding:3px 10px;background:#111;color:#f5f1e8;transform:translate(-50%);font:1000 11px ui-monospace,monospace;font-style:normal;letter-spacing:.12em;white-space:nowrap}.stack-balance>em{display:none}.game-state>strong,.game-state>span,.game-state>i{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.game-state.bad>i:before{content:"× "}.beat-dots{display:flex;justify-content:center;gap:10px;margin-top:4px}.beat-dots b{width:5px;height:5px;border:1px solid #111;border-radius:50%}.beat-dots b.active{transform:scale(1.7);background:#111}.tower-controls{--tower-accent: #7418bd;position:absolute;z-index:9;right:0;bottom:max(24px,env(safe-area-inset-bottom));left:0;display:grid;grid-template-columns:repeat(4,72px);justify-content:center;gap:clamp(12px,2.2vw,28px);pointer-events:none}.tower-controls[hidden]{display:none}.tower-pad{pointer-events:auto;touch-action:manipulation;width:72px;height:72px;border:5px solid #111;border-radius:50%;background:#f5f1e8e8;color:#111;opacity:.42;font:1000 28px ui-monospace,monospace;box-shadow:4px 4px #111;transition:opacity .12s linear,transform .12s cubic-bezier(.2,1.5,.3,1),background .08s linear,color .08s linear}.tower-pad.armed{border-color:var(--tower-accent);opacity:1;transform:scale(1.12);box-shadow:0 0 0 8px color-mix(in srgb,var(--tower-accent) 24%,transparent),4px 4px #111}.tower-pad.hot{color:#f5f1e8;background:var(--tower-accent);transform:scale(1.22);animation:tower-node-hot .18s steps(2,end) infinite}.tower-pad.weak{--tower-accent: #a9221b}.tower-pad.pressed,.tower-pad:active{transform:scale(.96) translate(3px,3px);box-shadow:1px 1px #111}@keyframes tower-node-hot{50%{filter:brightness(1.35);box-shadow:0 0 0 12px color-mix(in srgb,var(--tower-accent) 30%,transparent),4px 4px #111}}.overlay{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:20px;background:#f5f1e8}.overlay[hidden]{display:none}.panel{width:min(680px,94vw);text-align:center}.panel.story-panel{width:min(1180px,96vw)}.tiny{margin:0 0 15px;font:800 12px ui-monospace,monospace;letter-spacing:.35em}h1{margin:0;font:1000 clamp(54px,10vw,112px)/.82 Arial Black,Arial,sans-serif;letter-spacing:-.08em}h2{margin:10px 0 20px;font:1000 clamp(60px,12vw,130px)/1 ui-monospace,monospace}.rule{margin:24px 0 8px;font-size:clamp(15px,2.4vw,22px)}.rule b{display:inline-block;padding:3px 7px;border:3px solid #111}.mobile-rule,.best{margin:8px;font-size:13px}.best{font:900 18px ui-monospace,monospace}.start{display:block;min-width:180px;margin:26px auto 16px;padding:13px 28px;border:4px solid #111;background:#111;color:#f5f1e8;font-weight:1000;font-size:21px;cursor:pointer;box-shadow:7px 7px #cfc9bd}.start:hover{transform:translate(2px,2px);box-shadow:5px 5px #cfc9bd}.effects{font-size:12px}.effects input{accent-color:#111}.story-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:12px;text-align:left}.story-head .tiny{margin-bottom:4px}.story-title{margin:0;font:1000 clamp(21px,3vw,34px)/1.05 Arial Black,Arial,sans-serif}.story-skip,.story-replay{border:0;border-bottom:2px solid #111;padding:4px 2px;background:transparent;font:900 12px ui-monospace,monospace;cursor:pointer}.comic{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.comic-panel{position:relative;min-width:0;height:min(45vh,310px);overflow:hidden;border:5px solid #111;background:#fffdf7;box-shadow:5px 5px #cfc9bd}.comic-panel{transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease;transform-origin:center}.story-departing .comic-panel:not(:last-child){opacity:0;transform:translate(-35px) scale(.94)}.story-departing .comic-panel:last-child{z-index:4;transform:translate(-8%) rotate(5deg) scale(1.17)}.story-departing .story-head,.story-departing .story-rule,.story-departing .story-start{opacity:0;transition:opacity .15s ease}.comic-panel svg{display:block;width:100%;height:calc(100% - 48px)}.comic-panel p{position:absolute;inset:auto 0 0;min-height:48px;margin:0;padding:9px 8px;border-top:4px solid #111;background:#f5f1e8;font-size:clamp(12px,1.3vw,16px)}.panel-number{position:absolute;z-index:2;top:7px;left:7px;display:grid;place-items:center;width:25px;height:25px;border:3px solid #111;border-radius:50%;background:#f5f1e8;font:1000 12px ui-monospace,monospace}.panel-train img{position:absolute;left:2%;bottom:55px;width:96%;filter:grayscale(1) contrast(1.25) brightness(.82);transform:scaleX(1.08);opacity:.92}.speed-lines{position:absolute;inset:20% -10% 48px;background:repeating-linear-gradient(174deg,transparent 0 15px,#111 16px 19px,transparent 20px 32px);opacity:.2}.comic-ink,.motion{stroke:#111;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.comic-fill{fill:#111}.comic-paper{fill:#fffdf7}.comic-sfx,.comic-boom{fill:#111;font:1000 20px Arial Black,sans-serif}.comic-boom{font-size:32px}.curve-world{transform-box:fill-box;transform-origin:center;transform:rotate(13deg)}.motion{fill:none;stroke-width:4}.story-rule{margin:17px 0 0;font-size:clamp(13px,1.7vw,18px)}.story-rule b{display:inline-block;border:2px solid #111;padding:2px 6px}.story-start{margin-top:13px;margin-bottom:0}.story-replay{display:block;margin:5px auto}.run-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px;margin:12px auto 0;border:3px solid #111}.run-stats span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #111;font-size:13px}.run-stats span:last-child{grid-column:1 / -1}.run-stats b{font:1000 20px ui-monospace,monospace}.stick-logo{position:relative;width:62px;height:90px;margin:16px auto 0}.stick-logo:before{content:"";position:absolute;left:21px;top:0;width:20px;height:20px;border:6px solid #111;border-radius:50%}.stick-logo:after{content:"";position:absolute;left:29px;top:27px;width:6px;height:58px;background:#111;box-shadow:-17px 22px 0 -1px #111,17px 22px 0 -1px #111}.touch-controls{position:absolute;z-index:4;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));display:none;grid-template-columns:88px 1fr 88px;align-items:end;gap:16px;padding:0 max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));pointer-events:none}.hand-button,.balance-pad{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.hand-button{width:88px;height:88px;border:5px solid #111;border-radius:50%;background:#f5f1e8;font:1000 35px ui-monospace,monospace;box-shadow:5px 5px #111}.hand-button.active,.hand-button:active{color:#f5f1e8;background:#111;transform:translate(4px,4px);box-shadow:1px 1px #111}.balance-pad{--balance-position: 50%;height:42px;position:relative;border:4px solid #111;border-radius:30px;background:#f5f1e8d9}.balance-pad:after{content:"";position:absolute;top:6px;left:var(--balance-position);width:22px;height:22px;border-radius:50%;background:#111;transform:translate(-50%)}.balance-pad span{display:none}@media(pointer:coarse),(max-width:760px){.touch-controls.playing{display:grid}.touch-controls.playing.tower-mode{display:none}.tower-controls{bottom:max(24px,env(safe-area-inset-bottom));grid-template-columns:repeat(4,min(17vw,66px));gap:min(3vw,14px)}.tower-pad{width:min(17vw,66px);height:min(17vw,66px);border-width:4px;font-size:clamp(22px,7vw,30px)}.hud{gap:5px;padding:max(8px,env(safe-area-inset-top)) 8px 6px}.metric{min-width:56px;padding:3px 5px 4px;border-width:2px}.metric span{font-size:7px;letter-spacing:.08em}.metric strong{font-size:14px;letter-spacing:.02em}.level{padding:3px 4px;font-size:8px;letter-spacing:0}.health{grid-template-columns:auto 1fr 3ch;gap:5px;width:100%;min-width:0;height:15px;margin-top:0;padding:0;font-size:7px;letter-spacing:.05em}.health>b{height:8px;border-width:1px}.health>strong{font-size:8px}.combo-pop{top:auto;bottom:max(142px,13%)}.combo-pop strong{font-size:clamp(35px,11vw,58px);-webkit-text-stroke-width:4px}.counter-prompt{top:59%;padding:5px 11px 7px;border-width:4px;font-size:clamp(25px,8vw,42px);box-shadow:4px 4px #111}.level-up-banner{top:clamp(108px,19vh,150px);min-width:min(350px,82vw);gap:9px;padding:7px 12px 8px;border-width:4px;box-shadow:5px 5px #111}.hand-button{width:78px;height:78px}.touch-controls{grid-template-columns:78px 1fr 78px;gap:10px}.game-state{bottom:max(128px,calc(env(safe-area-inset-bottom) + 112px));width:min(420px,72vw);padding:2px 8px 3px}.game-state>strong{font-size:clamp(24px,7vw,38px);-webkit-text-stroke-width:3px}.top-guidance{top:max(82px,calc(env(safe-area-inset-top) + 70px));grid-template-columns:88px minmax(0,1fr) 88px;gap:7px;padding-inline:8px}.judgement-board{top:27%;left:1.5%;min-width:105px;border-width:3px;font-size:8px;box-shadow:3px 3px #111}.judgement-board>strong,.judgement-board>span{padding:3px 5px}.curve-side{padding:8px 2px;border-width:3px;font-size:clamp(15px,4.5vw,22px);white-space:nowrap}.stack-balance{row-gap:4px;padding:7px 9px 9px;border-width:3px;box-shadow:3px 3px #111}.stack-balance>span{gap:4px}.stack-balance>span>b{font-size:clamp(9px,2.6vw,12px);letter-spacing:.04em}.stack-balance>span>strong{font-size:clamp(8px,2.5vw,11px);letter-spacing:0}.telemetry{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;font-size:7px;letter-spacing:0}.telemetry strong:nth-child(2),.telemetry small{text-align:right}.stack-balance>b{height:10px;border-width:2px}.stack-balance>b>i{width:19px;height:19px;border-width:3px}.overlay{overflow-y:auto;place-items:start center}.panel.story-panel{padding-bottom:max(18px,env(safe-area-inset-bottom))}.comic{grid-template-columns:repeat(2,1fr)}.comic-panel{height:min(28vh,230px)}.comic-panel p{padding-inline:5px;font-size:11px;letter-spacing:-.04em}}@media(max-height:520px)and (orientation:landscape){.hand-button{width:64px;height:64px;font-size:27px}.touch-controls{grid-template-columns:64px 1fr 64px}.game-state{bottom:84px;width:min(360px,46vw);padding:2px 8px 3px}.game-state>strong{font-size:25px}.top-guidance{top:70px;grid-template-columns:90px minmax(220px,380px) 90px;gap:8px;padding-inline:12px}.curve-side{padding:5px 7px;font-size:18px}.stack-balance{padding-block:5px 7px}.beat-dots{gap:8px;margin-top:2px}h1{font-size:58px}.tiny{margin-bottom:6px}.stick-logo,.mobile-rule{display:none}.rule{margin-top:12px}.start{margin-top:12px;margin-bottom:9px;padding:9px 24px}.story-head{margin-bottom:6px}.story-title{font-size:19px}.comic{grid-template-columns:repeat(4,1fr);gap:6px}.comic-panel{height:270px;border-width:3px}.story-rule{display:none}.story-start{margin:8px auto 0}}