*{box-sizing:border-box}:root{--ink:#1a1d24;--panel:#1a1d24e0;--edge:#7a8494;--tide:#2bb3c0;--tideL:#8fe3ea;--mer:#e8742a;--gold:#f2c14e;--text:#f2eee2;--dim:#b8c0cc}html,body{background:var(--ink);height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;margin:0;font:600 13px/1.2 ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex}#hud{background:linear-gradient(#22262f,#181b21);border-bottom:2px solid #2c313b;flex-wrap:nowrap;align-items:center;gap:5px;padding:3px 6px;display:flex;position:relative}.back{border:2px solid var(--edge);background:var(--panel);min-width:44px;min-height:44px;color:var(--text);white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 10px;font-weight:800;text-decoration:none;display:inline-flex}.back:focus-visible,button:focus-visible{outline:3px solid var(--tideL);outline-offset:1px}.pill{background:var(--panel);white-space:nowrap;border:2px solid #3b4250;border-radius:8px;align-items:center;gap:5px;min-height:36px;padding:3px 9px;display:inline-flex}.pill b{font-size:15px;font-weight:800}.pill small{color:var(--dim);font-weight:600}.coin{background:radial-gradient(circle at 35% 35%, #ffe7a0, var(--gold) 60%, #a07418);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}.money b{color:#ffe08a}.rank img{image-rendering:auto}.xp{background:#000a;border-radius:3px;width:54px;height:6px;overflow:hidden}.xp i{background:var(--gold);width:0;height:100%;transition:width .3s;display:block}.hbtn{border:2px solid var(--edge);background:var(--panel);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;gap:4px;padding:0 10px;font-weight:800;display:inline-flex;position:relative}.hbtn img{width:20px;height:20px}.hbtn small{color:#ffe08a;font-weight:800}.hbtn:disabled{opacity:.45;cursor:default}.hbtn .badge{min-width:20px;color:var(--text);text-align:center;background:#3b4250;border-radius:10px;padding:1px 5px}.hbtn.has{border-color:var(--gold)}.hbtn.has .badge{background:var(--gold);color:var(--ink)}.hqs{flex-direction:column;flex:1;gap:3px;min-width:120px;display:flex}.hq{align-items:center;gap:4px;display:flex}.hq em{letter-spacing:.04em;min-width:58px;font-size:11px;font-style:normal;font-weight:800}.hq.t em{color:var(--tideL)}.hq.m em{color:#f7b57e}.hp{background:#000b;border:2px solid #3b4250;border-radius:6px;flex:1;height:11px;overflow:hidden}.hp i{background:var(--tide);width:100%;height:100%;transition:width .25s;display:block}.hq.m .hp i{background:var(--mer)}#stage{background:#20242c;flex:1;min-height:0;position:relative}#game{position:absolute;inset:0}#hint{background:var(--panel);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;z-index:2;border:1px solid #3b4250;border-radius:12px;max-width:92%;padding:4px 12px;font-size:12px;position:absolute;top:6px;left:50%;overflow:hidden;transform:translate(-50%)}#toasts{pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:94%;display:flex;position:absolute;top:38px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:2px solid var(--edge);text-align:center;border-radius:10px;padding:6px 14px;font-size:14px;font-weight:800;animation:3.2s forwards toast}.toast.rank{border-color:var(--gold);color:#ffe08a}.toast.adapt{border-color:var(--mer)}.toast.pass{border-color:var(--tide)}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.fbtn{border:2px solid var(--tide);background:var(--panel);min-height:44px;color:var(--text);font:inherit;z-index:2;cursor:pointer;border-radius:22px;padding:0 12px;font-weight:800;position:absolute;top:8px;right:8px}#debug{color:#8f8;pointer-events:none;white-space:pre-wrap;z-index:2;background:#000c;max-width:98%;margin:0;padding:4px 6px;font:11px monospace;position:absolute;bottom:4px;left:4px}.sheet{z-index:5;background:#0a0c109e;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.sheet.full{z-index:10;padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));background:#0a0c10c7;position:fixed}.sheet[hidden],#debug[hidden],.fbtn[hidden]{display:none}.card{border:2px solid var(--edge);text-align:center;background:linear-gradient(#262a33,#1d2027);border-radius:12px;min-width:260px;max-width:560px;max-height:100%;padding:14px 20px;overflow:auto;box-shadow:0 10px 30px #0008}.card h2{letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:28px}.cta{min-width:180px;min-height:48px;font:inherit;letter-spacing:.08em;text-transform:uppercase;border:3px solid var(--ink);color:#0b1a1d;cursor:pointer;touch-action:manipulation;background:linear-gradient(#3cc6d3,#1f8f9b);border-radius:10px;padding:0 22px;font-size:18px;font-weight:900;box-shadow:0 3px #0e555c}.cta:active{transform:translateY(2px);box-shadow:0 1px #0e555c}.cta.ghost{color:var(--text);background:#3b4250;font-size:15px;box-shadow:0 3px #22262e}.title-card{max-width:640px;padding:10px 18px 12px}.title-card h1{margin:0;line-height:0}#wordmark{width:min(560px,86vw);height:auto}.tagline{color:#d9cba3;letter-spacing:.32em;text-transform:uppercase;text-shadow:0 2px #1a1d24;margin:2px 0 0;font:900 15px/1.1 Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,sans-serif}.tag{color:var(--dim);margin:4px 0 8px;font-size:14px}.tag .t{color:var(--tide)}.tag .m{color:var(--mer)}.how{text-align:left;color:var(--text);max-width:470px;margin:0 auto 10px;padding-left:18px;font-size:13px;font-weight:600;line-height:1.35}.rot{color:var(--dim);margin:8px 0 0;font-size:12px;display:none}@media (orientation:portrait) and (width<=600px){.rot{display:block}.how{font-size:12px}}.up-card{text-align:left;width:min(520px,96vw)}.up-card h3{margin:0;font-size:18px}.up-card .sub{color:var(--dim);margin:2px 0 8px;font-size:12px}.uprow{border-top:1px solid #333944;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:6px 0;display:grid}.uprow b{font-size:14px}.uprow .lv{color:var(--gold);letter-spacing:2px}.uprow .pro{color:#9fe8b0;font-size:12px}.uprow .con{color:#ffb08a;font-size:12px}.uprow button{border:2px solid var(--gold);min-width:76px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#3a3320;border-radius:8px;grid-area:1/2/span 3;font-weight:800}.uprow button:disabled{opacity:.55;cursor:default;background:#2a2e36;border-color:#3b4250}#upClose{width:100%;margin-top:8px}#tray{padding:5px 6px calc(5px + env(safe-area-inset-bottom));scrollbar-width:none;z-index:3;background:linear-gradient(#1d2027,#15171c);border-top:2px solid #2c313b;gap:5px;display:flex;position:relative;overflow-x:auto}#tray::-webkit-scrollbar{display:none}.sep{background:#3b4250;border-radius:1px;flex:0 0 2px;margin:2px}.b{width:58px;height:58px;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit;background:#0f4a52;border:2px solid #136a75;border-radius:8px;flex:none;padding:0;position:relative;overflow:hidden}.b img{width:100%;height:100%;position:absolute;inset:0}.b .cost{color:#fff;background:#1a1d24e0;border-radius:6px;align-items:center;gap:2px;padding:1px 4px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:2px;right:2px}.b .cost:before{content:"";background:var(--gold);border-radius:50%;width:8px;height:8px}.b .nm{white-space:nowrap;background:#1a1d24c0;border-radius:4px;max-width:52px;padding:0 3px;font-size:9px;font-weight:800;position:absolute;top:2px;left:2px;overflow:hidden}.b .cd{background:conic-gradient(#0a0c10ad var(--cd,0%), transparent 0);pointer-events:none;position:absolute;inset:0}.b:disabled{cursor:default}.b:disabled img{filter:saturate(.4)brightness(.75)}.b.poor .cost{color:#ff9c7a}.b.poor .cost:before{background:#8a6a2a}.b.locked img{filter:grayscale()brightness(.45)}.b.locked .cost{display:none}.b .lock{color:var(--gold);text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:none;position:absolute;inset:0}.b.locked .lock{display:flex}.b.sup{background:#2b2118;border-color:#8c3e10;border-radius:29px}.b.sup img{width:34px;height:34px;inset:10px}.b.sup .nm{top:auto;bottom:2px;left:50%;transform:translate(-50%)}.b.armed{outline-offset:-3px;outline:3px solid #fff4c2;animation:none}.b:not(:disabled):active{transform:scale(.95)}.b[hidden]{display:none}.chip{gap:5px;padding:0 6px}.ring{background:conic-gradient(var(--gold) var(--p,0%), #3b4250 0);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative}.ring:before{content:"";background:#1d2027;border-radius:50%;position:absolute;inset:4px}.ring b{color:var(--text);font-size:11px;font-weight:900;position:relative}.chip.atk .ring{background:var(--mer)}.chip.atk .ring b{color:#f7b57e}.threats{gap:2px;display:inline-flex}.threats i{border:1.5px solid var(--mer);background:#2a2e36 50%/cover no-repeat;border-radius:5px;width:24px;height:24px;position:relative}.threats i.ad{box-shadow:0 0 0 2px var(--mer);border-color:#ffb08a}.threats i.sh{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.threats i.sp{border-color:var(--mer);border-radius:12px}.threats i em{background:var(--ink);color:var(--text);border-radius:4px;padding:0 2px;font-size:9px;font-style:normal;font-weight:900;line-height:12px;position:absolute;bottom:-4px;right:-3px}#pass:disabled{opacity:1;cursor:default}#pass:disabled small{display:none}#hurt{pointer-events:none;z-index:1;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #e33,inset 0 0 38px 10px #dc1e1e8c}#hurt.on{animation:.7s ease-out hurt}#hurt.on.still{opacity:.55;transition:opacity .6s;animation:none}@keyframes hurt{0%{opacity:.95}to{opacity:0}}.fbtn.spd{border-color:var(--edge);min-width:52px}#follow{right:68px}.toast.win{border-color:var(--gold)}.toast.warn{color:#ffb3a3;border-color:#e33}.tog{min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#2a2e36;border:2px solid #3b4250;border-radius:8px;padding:0 12px;font-weight:700}.tog[aria-pressed=true]{border-color:var(--tide)}.up-card .tog{width:100%;margin-top:8px}.opts{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:8px 0 0;display:flex}.best{color:var(--gold);margin:4px 0 8px;font-size:13px}.opts .best{margin:0}.ovbtns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ovbtns .cta{min-width:140px}.b .vs{pointer-events:none;flex-direction:column;gap:1px;display:flex;position:absolute;top:15px;left:2px}.b .vs i{color:var(--ink);background:#9fe8b0;border-radius:3px;padding:0 2px;font-size:8px;font-style:normal;font-weight:900;line-height:10px}.b.locked .vs{display:none}@media (width<=960px) and (orientation:landscape){.hbtn>span:not(.ring):not(.threats){display:none}.threats i{width:22px;height:22px}.pill{padding:3px 7px}.pill b{font-size:14px}.xp{width:40px}}@media (height<=480px){#wordmark{width:auto;max-width:70vw;height:26vh}.tagline{font-size:12px}.how{margin-bottom:6px;font-size:12px}.tag{margin:2px 0 4px}.title-card{padding:8px 14px}}@media (width<=600px){#hud{flex-wrap:wrap;gap:3px 4px;padding:3px 4px}#hud:before{content:"";flex:0 0 100%;order:4;height:0}.hbtn>span:not(.ring):not(.threats),#waveIn,#inc,.rank .rw{display:none}.back{padding:0 8px;font-size:13px}#upOpen{min-width:44px;padding:0 4px}#upOpen .badge{min-width:18px;padding:0 4px;font-size:11px;line-height:16px;position:absolute;top:-4px;right:-4px}#upOpen img{width:22px;height:22px}.pill{gap:4px;padding:3px 6px}.pill b{font-size:14px}.xp{width:26px}.chip{gap:3px;padding:0 4px}.threats i{width:20px;height:20px}.hbtn{padding:0 6px}.threats i:nth-child(n+3){display:none}.ring{width:26px;height:26px}.pill.rank{position:relative;overflow:hidden}.rank .xp{border-radius:0;width:auto;height:3px;position:absolute;bottom:0;left:0;right:0}.pill.money .coin{display:none}.pill.wave{order:5;min-height:22px;padding:0 6px}.pill.wave b{font-size:12px}.hqs{flex-direction:row;flex:1 1 0;order:6;gap:6px;min-width:0}.hq{flex:1}.hq em{min-width:0;font-size:10px}.hp{height:9px}}.chip{flex-shrink:0}@media (width<=760px) and (orientation:landscape){.money small,#waveIn{display:none}.hqs{min-width:84px}.hq em{min-width:0;font-size:10px}.xp{width:30px}#hud{gap:4px}}#flash{opacity:0;pointer-events:none;z-index:3;background:#fff;position:absolute;inset:0}#flash.on{animation:.35s ease-out flash}@keyframes flash{0%{opacity:.55}to{opacity:0}}.banner{border:3px solid var(--gold);z-index:4;pointer-events:none;background:linear-gradient(#3a3320,#1d2027);border-radius:12px;align-items:center;gap:10px;width:fit-content;max-width:94%;margin:0 auto;padding:8px 18px;display:flex;position:absolute;top:22%;left:0;right:0;box-shadow:0 8px 24px #000a}.banner[hidden]{display:none}.banner img{width:44px;height:44px}.banner b{letter-spacing:.12em;color:#ffe08a;font-size:26px;font-weight:900;display:block}.banner small{color:var(--text);font-size:12px;display:block}.banner.go{animation:2.4s forwards banner}.banner.go.still{animation:2.4s linear forwards bannerStill}@keyframes banner{0%{opacity:0;transform:scale(1.6)}12%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes bannerStill{0%,90%{opacity:1}to{opacity:0}}.flyer{z-index:20;pointer-events:none;width:56px;height:56px;box-shadow:0 0 0 3px var(--gold), 0 6px 18px #000a;border-radius:8px;position:fixed}.b.new{box-shadow:0 0 0 3px var(--gold) inset, 0 0 12px var(--gold)}.tip{border:2px solid var(--tide);z-index:4;background:#10282cf2;border-radius:10px;align-items:center;gap:8px;width:fit-content;max-width:min(560px,94%);margin:0 auto;padding:4px 4px 4px 12px;font-size:13px;font-weight:700;animation:.25s ease-out tipIn;display:flex;position:absolute;bottom:8px;left:0;right:0}.tip[hidden]{display:none}.tip button{min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#22343a;border:0;border-radius:8px;flex:none;font-size:16px}@keyframes tipIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reduced .tip,.reduced .toast{animation:none}.bk-t{margin-left:4px}#follow{top:58px;right:8px}#hint,#toasts{max-width:calc(100% - 136px)}@media (width<=600px){#hint{white-space:normal;text-align:center;padding:3px 8px;font-size:11px;line-height:1.25}.toast{padding:5px 10px;font-size:12px}}#app{overflow-x:clip}#back{z-index:30;position:relative}.sheet.full{padding-top:calc(env(safe-area-inset-top,0px) + 56px)}@media (orientation:landscape){.sheet.full{padding-top:max(6px, env(safe-area-inset-top));padding-left:calc(env(safe-area-inset-left,0px) + 96px);padding-right:calc(env(safe-area-inset-right,0px) + 96px)}}