:root{--bg:#0b1026;--card:#121a3d;--card2:#151e4a;--line:#3a4a9a;--gold:#ffd23c;--mint:#7dffb0;--mute:#9fb0e8;--orange:#b8402e;--blue:#2b3a7a;--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);color:#fff;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;font:16px/1.35 -apple-system,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#world{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}[hidden]{display:none!important}button{font:inherit;color:inherit}.btn{word-break:keep-all;overflow-wrap:break-word;background:var(--orange);color:#fff;cursor:pointer;border:2px solid #ffffff59;border-radius:12px;width:100%;min-height:48px;padding:10px 14px;font-size:18px;font-weight:800;display:block;box-shadow:0 3px #00000059}.btn:active{transform:translateY(2px);box-shadow:0 1px #00000059}.btn.alt{background:var(--blue)}.btn.ad{background:#2f6f43;font-size:16px}#panel .btn.ad{margin-bottom:10px}.btn.red{background:#a8323a}.btn.small{width:auto;min-height:48px;padding:8px 12px;font-size:15px}.btn.off,.btn:disabled{color:#aab;opacity:.85;box-shadow:none;background:#3a3f5e}#hud{padding:calc(var(--st) + 10px) 14px 0;pointer-events:none;text-shadow:0 0 3px #0b1026,0 0 3px #0b1026,0 1px 4px #0b1026;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;display:grid;position:absolute;top:0;left:0;right:0}#coins{color:var(--gold);white-space:nowrap;font-size:19px;font-weight:800}#best{color:#cfe3ff;text-align:right;word-break:keep-all;overflow-wrap:break-word;align-self:center;min-width:0;font-size:15px;font-weight:700}#stagechip{color:#ffb05a;font-size:14px;font-weight:800}#alt{left:0;right:0;top:calc(var(--hud-b,calc(var(--st) + 56px)) + 4px);text-align:center;text-shadow:0 0 4px #0b1026,0 2px 6px #0b1026;pointer-events:none;font-size:40px;font-weight:900;position:absolute}#pop{text-align:center;color:var(--gold);opacity:0;pointer-events:none;text-shadow:0 0 4px #0b1026,0 2px 6px #0b1026;font-size:34px;font-weight:900;position:absolute;top:20%;left:0;right:0}#pop.on{animation:1.2s ease-out forwards pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1)}65%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}#hint{left:16px;right:16px;bottom:calc(var(--sb) + 74px);text-align:center;white-space:pre-line;pointer-events:none;text-shadow:0 0 4px #0b1026,0 2px 6px #0b1026;font-size:19px;font-weight:800;position:absolute}#speed{left:16px;right:16px;bottom:calc(var(--sb) + 150px);text-align:center;color:#cfe3ff;pointer-events:none;text-shadow:0 0 4px #0b1026,0 2px 6px #0b1026;font-size:17px;font-weight:800;position:absolute}#speed.go{color:var(--mint);font-size:22px}#side{right:12px;top:calc(var(--hud-b,calc(var(--st) + 56px)) + 6px);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}#shopbtn.can:after,#codexbtn.can:after{content:" ●";color:var(--gold)}#gauge{left:36px;right:36px;bottom:calc(var(--sb) + 40px);pointer-events:none;background:#2a356e;border:2px solid #00000073;border-radius:9px;height:24px;position:absolute;overflow:visible}#gfill{background:#ffb05a;border-radius:7px;width:0;position:absolute;top:0;bottom:0;left:0}#gfill.perfect{background:var(--mint)}#gperfect{mix-blend-mode:normal;opacity:.55;background:#7dffb0e6;border-radius:6px;width:10%;position:absolute;top:0;bottom:0;right:0}#gmark{background:#fff;width:4px;margin-left:-2px;position:absolute;top:-6px;bottom:-6px}#gauge.hide{display:none}#peak{background:var(--card);border:2px solid var(--gold);text-align:center;border-radius:16px;padding:12px;position:absolute;top:34%;left:24px;right:24px;box-shadow:0 6px 24px #00000080}#peak .bar{background:#2a356e;border-radius:3px;height:5px;margin-top:8px;overflow:hidden}#peak .bar i{background:var(--gold);height:100%;display:block}.muted{color:var(--mute);font-size:14px}.sub{opacity:.9;font-size:13px;font-weight:600}#panel{padding:calc(var(--st) + 12px) 14px calc(var(--sb) + 16px);background:#080c24;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#panel .pbody{flex:auto;min-height:0;overflow-y:auto}#panel .pfoot{flex:none;padding-top:8px}#panel .pfoot .btn{margin-top:0}#panel h2{margin:4px 0;font-size:26px}.ph{justify-content:space-between;align-items:baseline;display:flex}.base{text-align:center;color:#cfe3ff;margin:4px 0 10px;font-weight:700}.gate{text-align:center;color:var(--mute);margin:0 0 8px;font-size:13px}.part{background:var(--card2);border:2px solid var(--line);border-radius:16px;margin-bottom:10px;padding:10px 14px 12px}.part .row{justify-content:space-between;align-items:baseline;display:flex}.part .nm{font-size:20px;font-weight:800}.part .ef{color:var(--mute);font-size:13px}.pips{gap:8px;margin:8px 0;display:flex}.pips i{background:#2a356e;border:1px solid #0006;border-radius:4px;flex:1;height:14px}.pips i.on{background:var(--gold)}.part .ch{color:#cfe3ff;margin-bottom:6px;font-size:15px;font-weight:700}.part .buy{align-items:center;gap:10px;display:flex}.part .buy .gain{color:var(--mint);flex:none;min-width:96px;font-size:16px;font-weight:800}.part .buy .btn{flex:1}.part .maxed{color:var(--mint);padding:6px 0;font-weight:800}#modal{padding:calc(var(--st) + 12px) 14px calc(var(--sb) + 12px);background:#0508169e;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}#modal.center{align-items:center}.sheet{background:var(--card);border:2px solid #4a5aa8;border-radius:20px;width:100%;max-width:420px;margin:auto 0;padding:16px}.sheet.rec{border-color:var(--gold)}.sheet h2{text-align:center;margin:0 0 8px;font-size:24px}.sheet h3{margin:12px 0 6px;font-size:17px}.sheet .big{text-align:center;font-size:54px;font-weight:900;line-height:1.1}.sheet .coins{text-align:center;color:var(--gold);margin:6px 0;font-size:30px;font-weight:900}.sheet .rl{text-align:center;color:var(--gold);font-size:28px;font-weight:800}.sheet .rl.dim{color:var(--mute);font-size:20px}.sheet .tags,.sheet .note{text-align:center;color:var(--mint);margin:4px 0;font-weight:700}.sheet .note.m{color:var(--mute)}.sheet .note.g{color:var(--gold)}.sheet .btn{margin-top:10px}.sheet .row2{gap:8px;display:flex}.sheet .row2 .btn{flex:1}.mis{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;padding:6px 0;display:flex}.langrow{flex-wrap:wrap;gap:6px;padding:6px 0;display:flex}.langrow .btn{flex:30%}.card2{background:var(--card2);border-radius:14px;margin:8px 0;padding:10px 12px}#toasts{left:14px;right:14px;bottom:calc(var(--sb) + 76px);pointer-events:none;z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute}.toast{border:1px solid var(--line);text-align:center;background:#0a0e28f2;border-radius:12px;padding:10px 14px;font-weight:700}#boot{text-align:center;background:var(--bg);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){#pop.on{animation-duration:10ms}}.mis .row2{flex:none}.btn.small{white-space:nowrap;max-width:100%}.sheet>.btn.small,.sheet .sbody>.btn.small{white-space:normal}.mis>div:first-child{flex:5em;min-width:0}.mis .btn.small{min-width:56px}#airpop{text-align:center;color:#fff3a8;opacity:0;pointer-events:none;text-shadow:0 0 4px #0b1026,0 2px 6px #0b1026;font-size:22px;font-weight:900;position:absolute;top:44%;left:0;right:0}#airpop.on{animation:1s ease-out forwards airpop}@keyframes airpop{0%{opacity:0;transform:translateY(10px)scale(.8)}15%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.stname{text-align:center;color:var(--gold);margin:2px 0 6px;font-size:24px;font-weight:900}.cx-h{margin:14px 0 6px;font-size:17px}.cx-lock{padding:8px 0 4px}.cxgrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cx{word-break:keep-all;overflow-wrap:break-word;background:var(--card2);border:2px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 6px;display:flex}.cx.sel{border-color:var(--gold)}.cx.lock{border-style:dashed}.cx svg{width:64px;height:64px;display:block}.cx .cn{font-size:14px;font-weight:800;line-height:1.2}.cx .cs{color:var(--gold);align-items:center;min-height:44px;font-size:13px;font-weight:800;display:flex}.cx .ch2{color:var(--mute);font-size:12.5px;line-height:1.3}.cx .btn.small{width:100%;min-height:48px;padding:4px 6px;font-size:14px}@media (prefers-reduced-motion:reduce){#airpop.on{animation-duration:10ms}}#stagechip,#alt,#speed,#hint,#pop,#airpop{background:#080c22b8;border-radius:12px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 32px);padding:2px 10px}#stagechip{word-break:keep-all;overflow-wrap:break-word;grid-column:1/-1;justify-self:start;min-width:0;max-width:100%}#alt,#speed,#hint,#pop,#airpop{margin-left:auto;margin-right:auto;left:0;right:0}#alt:empty,#speed:empty,#hint:empty,#pop:empty,#airpop:empty,#stagechip:empty{display:none}.sheet.fixfoot{flex-direction:column;max-height:100%;display:flex}.sheet.fixfoot .sbody{flex:auto;min-height:0;overflow-y:auto}.sheet.fixfoot .sfoot{flex:none;padding-top:6px}.sheet.fixfoot .sfoot .btn{margin-top:0}#modal.bottom{align-items:flex-end}#modal.bottom .sheet{margin:0}.sheet.fixfoot .sfoot>*+*{margin-top:8px}.sheet.fixfoot .sfoot .row2 .btn{margin-top:0}.sheet .adgroup .btn.ad{margin-top:10px}.sheet .adgroup .note{margin-top:6px}#panel .pfoot .adgroup{margin-bottom:8px}#panel .pfoot .adgroup .btn.ad{margin-bottom:0}#panel .pfoot .note{text-align:center;margin:0 0 8px}
