:root{--bg: #120e24;--panel: #1b1533;--sunk: #241c45;--slot: #2b2352;--edge: #3a2f63;--mint: #4fe3d0;--mint-d: #2f9e91;--pink: #ff4d8d;--pink-s: #ff9cc0;--pink-bg: #2b1030;--gold: #ffd84d;--gold-s: #8a6a12;--epic: #c77dff;--green: #7bf06a;--green-bg: #11301a;--text: #efeaff;--dim: #8a7fb8;--off: #6b6194;--font-ui: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-display: "Do Hyeon", var(--font-ui);--font-px: "Silkscreen", ui-monospace, "SFMono-Regular", Menlo, monospace;--barsep: var(--panel);font-family:var(--font-ui);font-synthesis-weight:none;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg);overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;border-radius:0}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--mint);outline-offset:2px}.px,.num{font-family:var(--font-px);font-weight:400;letter-spacing:.02em;font-variant-numeric:tabular-nums}.tier-ticks{display:inline-flex;gap:2px;align-items:center}.tier-ticks i{width:9px;height:3px;display:block}.draw-btn,.ctrl,.skill-btn,.quick-btn,.merge-btn,.clean-btn,.inv-chip,.inventory-empty,.selected-card,.sell-btn,.reward-head,.reward-card,.banner-box,.pill,.toast,.hint,.title-block,.start-btn,.records button,.howto,.tabs button,.shop-points,.shop-item,.shop-buy,.codex-item,.gameover-card,.gameover-stats div,.gameover-summary,.gameover-points,.new-record,.mvp,.menu-btn,.daily-card,.daily-btn,.ach-item,.ach-tabs button,.hist-item,.defeat,.events-seen,.mission-result,.unlocked,.ach-toast,.rank-tabs button,.shop-nudge,.exit-btn,.cond-card,.recipe-btn,.deck-bar,.deck-card,.deck-close,.unlock-hint,.intro-panel,.intro-bubble,.intro-skip,.rank-list li,.rank-me,.rank-empty,.gameover-rank,.cert-panel{--fc: var(--edge);background-color:var(--panel);background-image:linear-gradient(var(--fc),var(--fc)),linear-gradient(var(--fc),var(--fc)),linear-gradient(var(--fc),var(--fc)),linear-gradient(var(--fc),var(--fc));background-repeat:no-repeat;background-size:calc(100% - 6px) 3px,calc(100% - 6px) 3px,3px calc(100% - 6px),3px calc(100% - 6px);background-position:3px 0,3px 100%,0 3px,100% 3px}.app{height:100%;position:relative}.game{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"field" "panel";background:var(--bg);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.panel,.field-wrap{min-width:0}.field-wrap{grid-area:field;display:flex;align-items:center;justify-content:center;min-height:0;padding:calc(2px + env(safe-area-inset-top)) 0 2px}.field{position:relative;aspect-ratio:1 / 1;max-width:100%;max-height:100%;width:min(100%,100svh,62dvh);overflow:hidden;background:#1d1836}.field:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;box-shadow:inset 0 0 0 2px var(--mint)}.field-canvas{display:block;cursor:pointer;touch-action:none;width:100%;height:100%}.panel{grid-area:panel;background:var(--bg);padding:6px 8px 10px;display:flex;flex-direction:column;gap:7px;min-height:0;overflow-y:auto}.bar{position:relative;flex:1;min-width:0;height:8px;background:var(--slot);overflow:hidden}.bar-fill{height:100%;background:var(--mint);transition:width .15s linear}.bar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),var(--barsep) calc(10% - 2px) 10%)}.bar-hp{height:9px}.bar-hp .bar-fill{background:var(--green)}.bar-hp.warn .bar-fill{background:var(--gold)}.bar-hp.danger .bar-fill{background:var(--pink)}.bar-boss{height:10px;background:#3d0f22}.bar-boss .bar-fill{background:var(--pink)}.bar-boss:after{background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 2px),var(--pink-bg) calc(5% - 2px) 5%)}.combo-chip{font-family:var(--font-px);font-size:11px;color:var(--bg);background:var(--gold);padding:4px 8px;white-space:nowrap;animation:comboPop .25s ease-out}.event-chip{font-size:11px;font-weight:800;padding:3px 8px 4px;background:var(--sunk);color:var(--dim);white-space:nowrap}.event-chip b{margin-left:5px;font-family:var(--font-px);font-weight:400}.event-good{background:var(--green-bg);color:var(--green)}.event-bad{background:var(--pink-bg);color:var(--pink-s)}.boss-name{display:flex;align-items:center;gap:5px;font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--pink-s);white-space:nowrap}.panel-top{display:flex;gap:7px;align-items:stretch}.draw-btn{flex:none;width:100%;min-height:0;height:58px}.draw-btn{--fc: var(--pink);flex:1;min-width:0;min-height:62px;background-color:var(--pink-bg);padding:9px 13px 10px;display:flex;align-items:center;gap:11px;text-align:left;color:var(--text);transition:transform .05s}.draw-btn svg{color:var(--pink-s);flex:none}.draw-btn:active:not(.disabled){transform:translateY(2px)}.draw-btn.disabled{--fc: var(--edge);background-color:var(--panel);color:var(--dim)}.draw-btn.disabled svg{color:var(--off)}.draw-btn.free{--fc: var(--mint);background-color:#102b2c}.draw-btn.free svg{color:var(--mint)}.draw-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1}.draw-title{font-family:var(--font-display);font-weight:700;font-size:21px;color:#fff}.draw-btn.disabled .draw-title{color:var(--dim)}.draw-slots{font-family:var(--font-px);font-size:9px;color:var(--pink-s)}.draw-btn.free .draw-slots{color:var(--mint)}.draw-btn.disabled .draw-slots{color:var(--off)}.draw-cost{font-family:var(--font-px);font-size:22px;color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}.draw-btn.free .draw-cost{color:var(--mint);font-size:15px}.draw-btn.disabled .draw-cost{color:var(--dim)}.controls{flex:none;display:flex;flex-direction:column;gap:4px}.ctrl{width:46px;min-height:30px;flex:1;color:var(--dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-px);font-size:12px}.ctrl.active{--fc: var(--mint);color:var(--mint)}.ctrl.small{height:38px;flex:none;width:auto;padding:0 14px;font-family:var(--font-ui);font-weight:800;font-size:12px}.odds{display:flex;gap:6px;padding:0 4px}.order-row{display:flex;align-items:center;gap:5px;padding:4px 4px 0}.order-label{font-family:var(--font-px);font-size:8px;color:var(--off);letter-spacing:.04em;flex:0 0 auto;padding-right:2px}.order-btn{position:relative;overflow:hidden;flex:1;min-height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid currentColor;border-radius:3px;background:#00000059;color:var(--off);cursor:pointer;padding:3px 2px}.order-fill{position:absolute;left:0;top:0;bottom:0;background:currentColor;opacity:.16;pointer-events:none}.order-btn .order-rank{position:relative;font-size:10px;font-weight:700;line-height:1}.order-btn .order-cost{position:relative;font-family:var(--font-px);font-size:9px;line-height:1;opacity:.85}.order-btn.rare{color:var(--mint)}.order-btn.epic{color:var(--epic)}.order-btn.legendary{color:var(--gold)}.order-btn.disabled{opacity:.32}.order-btn:active{transform:translateY(1px)}.odds span{flex:1;font-family:var(--font-px);font-size:9px;text-align:center;white-space:nowrap}.odds-n{color:var(--off)}.odds-r{color:var(--mint)}.odds-e{color:var(--epic)}.odds-l{color:var(--gold)}.skill-row{display:flex;gap:6px}.skill-btn{position:relative;flex:1;min-height:46px;display:flex;align-items:center;gap:8px;padding:6px 10px;color:var(--off);overflow:hidden;text-align:left}.skill-btn.ready.shutter{--fc: var(--mint);color:var(--mint)}.skill-btn.ready.dump{--fc: var(--pink);color:var(--pink)}.skill-btn:disabled{--fc: var(--edge);color:var(--off)}.skill-btn:active:not(:disabled){transform:translateY(2px)}.skill-cd{position:absolute;left:0;top:0;bottom:0;background:var(--slot);transition:width .2s linear;pointer-events:none}.skill-btn svg,.skill-text{position:relative}.skill-btn svg{flex:none}.skill-text{display:flex;flex-direction:column;gap:2px;line-height:1.1;min-width:0}.skill-text b{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text);white-space:nowrap}.skill-btn:disabled .skill-text b{color:var(--off)}.skill-text i{font-style:normal;font-family:var(--font-px);font-size:8px;white-space:nowrap}.quick-row{display:flex;gap:6px}.quick-btn{flex:1;min-height:38px;font-size:11px;font-weight:800;color:var(--dim);display:flex;align-items:center;justify-content:center;gap:6px}.quick-btn.active{--fc: var(--mint);color:var(--mint)}.quick-btn.disabled{color:var(--off)}.clean-btn{--fc: var(--edge);min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;color:var(--dim)}.clean-btn .px{font-size:10px;color:var(--off)}.clean-btn.urgent{--fc: var(--gold);background-color:var(--panel);color:var(--gold);animation:blink 1.3s infinite}.clean-btn.urgent .px,.draw-slots.full,.draw-btn.disabled .draw-slots.full{color:var(--gold)}.merge-row{display:flex;gap:6px;flex-wrap:wrap}.merge-btn{--fc: var(--pink);flex:1 1 auto;display:flex;align-items:center;gap:8px;padding:7px 10px;min-height:46px;background-color:var(--pink-bg)}.merge-label{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text);text-align:left}.merge-arrow{display:flex;align-items:center;gap:5px;font-family:var(--font-px);font-size:10px;color:var(--pink);white-space:nowrap}.inventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:auto}.inventory-empty{grid-column:1 / -1;font-size:12px;font-weight:700;color:var(--dim);padding:12px 10px;text-align:center;line-height:1.5}.inv-chip{padding:7px 9px;display:flex;align-items:center;gap:7px;text-align:left;min-height:44px}.inv-chip.mergeable{--fc: var(--pink);background-color:var(--pink-bg)}.inv-rarity{flex:none;width:4px;align-self:stretch;min-height:26px}.inv-body{flex:1;min-width:0;display:flex;align-items:center;gap:7px}.inv-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.inv-name{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.inv-count{font-family:var(--font-px);font-size:12px;color:var(--dim);flex:none}.inv-chip.mergeable .inv-count{color:var(--pink)}.inv-merge-hint{font-family:var(--font-px);font-size:8px;color:var(--pink-s)}.selected-card{--fc: var(--mint);display:flex;gap:0;padding:3px;align-items:stretch}.selected-rarity{flex:none;width:4px;margin:5px 0 5px 4px}.selected-main{flex:1;min-width:0;display:flex;gap:9px;padding:6px 8px 7px;align-items:flex-start}.selected-info{flex:1;min-width:0}.selected-name{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.15}.selected-rank{font-family:var(--font-px);font-size:9px;padding:3px 6px;color:var(--bg)}.selected-desc{font-size:11px;font-weight:500;color:var(--dim);margin-top:3px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selected-stats{display:flex;flex-wrap:wrap;gap:4px;font-size:10px;font-weight:800;margin-top:4px}.selected-stats span{background:var(--sunk);padding:3px 7px;color:var(--dim)}.selected-aisle{font-size:10px;font-weight:700;color:var(--dim);margin-top:5px}.selected-aisle b{color:var(--bg);background:var(--gold);padding:2px 6px}.selected-group{display:block;margin-top:4px;font-weight:800;color:var(--pink)}.selected-hint{font-size:10px;font-weight:800;color:var(--mint-d);margin-top:5px}.selected-actions{flex:none;display:flex;flex-direction:column;gap:5px;padding:6px 5px 7px 0}.sell-btn{--fc: var(--pink);min-height:42px;padding:0 12px;background-color:var(--pink-bg);color:var(--pink-s);font-weight:800;font-size:12px;white-space:nowrap}.sell-btn:active{transform:translateY(2px)}.sell-btn.confirm{--fc: var(--gold);background-color:var(--gold);color:var(--bg);animation:blink .7s infinite}.reward-overlay{position:absolute;inset:0;z-index:8;background:#120e24e6;display:flex;align-items:center;justify-content:center;padding:12px;overflow-y:auto;animation:fadeIn .2s ease-out both}.reward-panel{width:100%;max-width:460px;margin:auto;display:flex;flex-direction:column;gap:8px}.reward-head{--fc: var(--gold);padding:10px 13px 11px;animation:popIn .3s cubic-bezier(.2,1.4,.4,1) both}.reward-title{font-family:var(--font-display);font-weight:700;font-size:23px;color:var(--gold);line-height:1.05}.reward-sub{font-size:11px;font-weight:700;color:var(--dim);margin-top:3px}.reward-cards{display:flex;flex-direction:column;gap:7px}.reward-card{display:flex;align-items:stretch;gap:0;min-height:64px;text-align:left;padding:3px}.reward-card:active{transform:translateY(2px)}.reward-icon{flex:none;width:50px;display:flex;align-items:center;justify-content:center;background:var(--sunk);color:var(--dim)}.reward-body{flex:1;min-width:0;padding:8px 12px 9px;display:flex;flex-direction:column;gap:2px}.reward-tone{font-family:var(--font-px);font-size:8px;color:var(--off)}.reward-name{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--text);line-height:1.1}.reward-desc{font-size:11px;font-weight:600;color:var(--dim);line-height:1.4}.reward-card.tone-good{--fc: var(--mint)}.reward-card.tone-good .reward-icon{background:#102b2c;color:var(--mint)}.reward-card.tone-good .reward-tone{color:var(--mint)}.reward-card.tone-best{--fc: var(--gold);background-color:var(--sunk)}.reward-card.tone-best .reward-icon{background:var(--gold);color:var(--bg)}.reward-card.tone-best .reward-tone,.reward-card.tone-best .reward-name{color:var(--gold)}.reward-foot{text-align:center;font-family:var(--font-px);font-size:9px;color:var(--off)}.banner-layer{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;animation:bannerIn 2s ease-out forwards}.banner-box{--fc: var(--bg);width:100%;padding:13px 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.banner-text{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,8vw,46px);line-height:1}.banner-sub{font-size:clamp(11px,2.8vw,14px);font-weight:800;line-height:1.35;text-align:right;flex:0 1 auto;min-width:0;word-break:keep-all}.banner-legendary .banner-box{background-color:var(--gold);animation:popIn .4s cubic-bezier(.2,1.5,.4,1) both}.banner-legendary .banner-text{color:var(--bg)}.banner-legendary .banner-sub{color:var(--gold-s)}.banner-warning .banner-box{background-color:var(--pink);animation:shake .32s linear 3}.banner-warning .banner-text{color:var(--bg)}.banner-warning .banner-sub{color:#6b0f2e}.banner-boss .banner-box{--fc: var(--pink);background-color:var(--pink-bg);animation:popIn .35s ease-out both}.banner-boss .banner-text{color:var(--pink)}.banner-boss .banner-sub{color:var(--pink-s)}.banner-record .banner-box{background-color:var(--mint);animation:popIn .35s ease-out both}.banner-record .banner-text{color:var(--bg)}.banner-record .banner-sub{color:#0d3b37}.banner-stack{position:absolute;top:56px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 10px}.pill{padding:6px 13px 7px;text-align:center;animation:pillIn 2s ease-out forwards;max-width:94%}.pill-text{display:block;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text)}.pill-sub{display:block;font-size:11px;font-weight:700;color:var(--dim)}.pill-good{--fc: var(--mint)}.pill-good .pill-text{color:var(--mint)}.pill-bad{--fc: var(--pink);background-color:var(--pink-bg)}.pill-bad .pill-text{color:var(--pink)}.pill-bad .pill-sub{color:var(--pink-s)}.pill-clear{--fc: var(--gold)}.pill-clear .pill-text{color:var(--gold)}.toast{position:absolute;top:96px;left:50%;transform:translate(-50%);--fc: var(--gold);color:var(--gold);padding:7px 13px 8px;font-size:12px;font-weight:800;pointer-events:none;white-space:nowrap}.hint{position:absolute;top:96px;left:50%;transform:translate(-50%);--fc: var(--mint);color:var(--mint);padding:7px 13px 8px;font-size:12px;font-weight:800;pointer-events:none;max-width:92%;text-align:center;animation:hintNudge 1.1s ease-in-out infinite alternate}.pause-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#120e24c7;cursor:pointer}.pause-settings{display:flex;flex-direction:column;gap:6px;width:min(260px,86%);margin:14px 0 10px;cursor:default}.pause-settings .quick-btn{background-color:#120e24e6}.pause-text{font-family:var(--font-display);font-weight:700;font-size:38px;color:var(--mint)}.pause-sub{font-family:var(--font-px);font-size:10px;color:var(--dim)}.start{height:100%;overflow-y:auto;background:var(--bg)}.start-inner{max-width:560px;margin:0 auto;padding:20px max(14px,env(safe-area-inset-right)) 28px max(14px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:12px;min-height:100%}.title-block{--fc: var(--mint);position:relative;padding:11px 14px 13px;display:flex;flex-direction:column;gap:2px}.title-mute{position:absolute;top:2px;right:2px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--off)}.title-mute[aria-pressed=true]{color:var(--pink)}.title-sign{align-self:flex-start;background:var(--mint);color:var(--bg);font-family:var(--font-px);font-size:12px;padding:4px 9px}.title{margin:5px 0 0;font-family:var(--font-display);font-weight:700;font-size:clamp(27px,7.4vw,38px);line-height:1;color:var(--text)}.subtitle{margin:5px 0 0;color:var(--mint);font-weight:800;font-size:14px}.start-btn{--fc: var(--pink);min-height:62px;width:100%;background-color:var(--pink-bg);font-family:var(--font-display);font-weight:700;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.start-btn svg{color:var(--pink-s)}.start-btn:active{transform:translateY(2px)}.rec-strip{display:flex;align-items:stretch;gap:0;margin:-2px 0 2px}.rec-strip button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 2px 6px;background:none;border:0;cursor:pointer;font-family:var(--font-ui);font-size:10px;font-weight:800;color:var(--off);white-space:nowrap}.rec-strip button+button{border-left:2px solid var(--edge)}.rec-strip b{font-family:var(--font-px);font-weight:400;font-size:13px;color:var(--mint)}.rec-strip i{font-style:normal;font-size:9px;color:var(--off);margin-left:-2px}.rec-strip button.hot,.rec-strip button.hot b{color:var(--gold)}.rec-strip button:active{transform:translateY(1px)}.howto{display:flex;flex-direction:column;padding:3px}.howto-row{display:flex;align-items:center;gap:10px;padding:9px 11px;font-size:13px;font-weight:700;color:var(--text)}.howto-row+.howto-row{border-top:2px solid var(--edge)}.howto-row svg{color:var(--mint);flex:none}.tip{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;color:var(--off);padding:2px 6px 4px;text-align:center}.tip svg{color:var(--gold);opacity:.8}.tip svg{flex:none}.tabs{display:flex;gap:4px;margin-top:auto;position:sticky;bottom:0;z-index:5;padding:7px 0 calc(7px + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -12px 16px -6px var(--bg)}.tabs button{position:relative;flex:1;min-height:48px;color:var(--dim);font-weight:800;font-size:11px;white-space:nowrap;padding:0 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tab-label{font-size:11px;letter-spacing:-.02em}.tab-dot{position:absolute;top:6px;right:50%;margin-right:-16px;width:6px;height:6px;background:var(--gold)}.tabs button.active{--fc: var(--mint);color:var(--mint)}.reset-link{font-size:11px;font-weight:700;color:var(--off);text-decoration:underline;align-self:center;min-height:44px;padding:0 16px}.shop{display:flex;flex-direction:column;gap:7px}.shop-points{--fc: var(--gold);display:flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--gold);padding:9px}.shop-item{display:flex;align-items:stretch;gap:0;padding:3px}.shop-icon{flex:none;width:44px;background:var(--sunk);display:flex;align-items:center;justify-content:center;color:var(--dim)}.shop-info{flex:1;min-width:0;padding:8px 11px}.shop-name{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text);display:flex;align-items:center;gap:7px}.shop-lvl{font-family:var(--font-px);font-size:9px;color:var(--bg);background:var(--mint);padding:2px 5px}.shop-desc{font-size:11px;font-weight:500;color:var(--dim);margin-top:3px;line-height:1.45}.shop-buy{--fc: var(--mint);flex:none;min-width:70px;margin:3px;padding:0 10px;background-color:#102b2c;color:var(--mint);font-family:var(--font-px);font-size:14px;display:flex;align-items:center;justify-content:center;gap:4px}.shop-buy.disabled{--fc: var(--edge);background-color:var(--sunk);color:var(--off)}.shop-note{font-size:11px;font-weight:700;color:var(--off);text-align:center;line-height:1.55}.codex{display:flex;flex-direction:column;gap:8px}.codex-title{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text);border-bottom:3px solid var(--edge);padding-bottom:5px}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:5px}.codex-item{display:flex;align-items:stretch;padding:3px}.codex-rarity{flex:none;width:4px;align-self:stretch}.codex-body{flex:1;min-width:0;padding:6px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:4px}.codex-name{font-size:10px;font-weight:800;text-align:center;color:var(--text);line-height:1.2}.codex-item.locked{background-color:var(--bg)}.codex-item.locked .codex-name{color:var(--off)}.gameover{position:absolute;inset:0;background:#120e24e0;display:flex;align-items:flex-start;justify-content:center;padding:14px max(14px,env(safe-area-inset-right)) 14px max(14px,env(safe-area-inset-left));animation:fadeIn .35s ease-out both;overflow-y:auto;z-index:10}.gameover-card{--fc: var(--pink);margin:auto;padding:3px;width:min(430px,100%);display:flex;flex-direction:column}.gameover-head{background:var(--pink-bg);padding:16px 18px 17px}.gameover-title{font-family:var(--font-display);font-weight:700;font-size:38px;line-height:1;color:var(--pink)}.gameover-quip{color:var(--pink-s);font-size:12px;font-weight:700;margin-top:6px;line-height:1.45}.gameover-body{padding:11px 11px 12px;display:flex;flex-direction:column;gap:8px}.new-record{--fc: var(--gold);background-color:var(--gold);color:var(--bg);font-family:var(--font-display);font-weight:700;font-size:19px;padding:8px;display:flex;align-items:center;justify-content:center;gap:8px;animation:popIn .4s cubic-bezier(.2,1.5,.4,1) both}.gameover-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.gameover-stats div{padding:8px 4px 9px;display:flex;flex-direction:column;gap:3px;text-align:center;min-width:0}.gameover-stats span{font-size:10px;font-weight:800;color:var(--off);white-space:nowrap}.gameover-stats b{font-family:var(--font-px);font-weight:400;font-size:14px;color:var(--mint)}.mvp{--fc: var(--gold);display:flex;align-items:stretch;padding:3px;text-align:left}.mvp-rarity{flex:none;width:4px;align-self:stretch;margin:5px 0 5px 4px}.mvp-inner{flex:1;display:flex;align-items:center;gap:11px;padding:9px 11px;min-width:0}.mvp-label{font-family:var(--font-px);font-size:8px;color:var(--off)}.mvp-name{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--gold);margin-top:2px}.mvp-dmg{font-size:11px;font-weight:700;color:var(--dim)}.gameover-summary{font-size:12px;font-weight:800;text-align:center;color:var(--dim);padding:8px}.gameover-points{--fc: var(--mint);display:flex;align-items:center;justify-content:center;gap:9px;background-color:#102b2c;color:var(--mint);font-family:var(--font-display);font-weight:700;font-size:18px;padding:9px}.gameover-actions{display:flex;flex-direction:column;gap:6px}.menu-btn{min-height:46px;color:var(--dim);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:7px}.daily-card{--fc: var(--mint);padding:11px 13px 12px;display:flex;flex-direction:column;gap:7px}.daily-head{display:flex;align-items:center;gap:8px}.daily-tag{font-size:10px;color:var(--bg);background:var(--mint);padding:3px 7px}.daily-date{font-size:9px;color:var(--off);margin-left:auto}.daily-name{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--mint);line-height:1.1}.daily-rules{margin:0;padding-left:15px;display:flex;flex-direction:column;gap:2px}.daily-rules li{font-size:12px;font-weight:700;color:var(--dim);line-height:1.4}.daily-mission{background:var(--sunk);padding:8px 10px 9px;display:flex;flex-direction:column;gap:3px}.daily-mission-label{font-size:8px;color:var(--gold)}.daily-goal{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text);line-height:1.2}.daily-extra{font-size:11px;font-weight:700;color:var(--dim)}.daily-reward{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--gold);margin-top:2px}.daily-done{margin-left:auto;font-size:10px;color:var(--off)}.daily-record{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;font-weight:700;color:var(--off)}.daily-record b{color:var(--text);margin-left:3px}.daily-clear{color:var(--gold);font-weight:800}.daily-fail{color:var(--off)}.daily-btn{--fc: var(--gold);min-height:44px;background-color:var(--panel);color:var(--gold);font-family:var(--font-display);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.daily-btn:active{transform:translateY(2px)}.ach{display:flex;flex-direction:column;gap:9px}.ach-progress{display:flex;flex-direction:column;gap:4px}.ach-progress-top{display:flex;align-items:baseline}.ach-count{font-size:16px;color:var(--mint)}.ach-pct{margin-left:auto;font-size:13px;color:var(--gold)}.bar-ach{height:10px;--barsep: var(--bg)}.bar-ach .bar-fill{background:var(--gold)}.ach-tabs{display:flex;gap:4px;flex-wrap:wrap}.ach-tabs button{flex:1 1 auto;min-height:34px;padding:0 10px;font-size:12px;font-weight:800;color:var(--dim)}.ach-tabs button.active{--fc: var(--mint);color:var(--mint)}.ach-list{display:flex;flex-direction:column;gap:5px}.ach-item{display:flex;align-items:center;gap:9px;padding:8px 10px;text-align:left}.ach-item.got{--fc: var(--gold)}.ach-icon{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--sunk);color:var(--off)}.ach-item.got .ach-icon{background:var(--gold);color:var(--bg)}.ach-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ach-title{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--off);line-height:1.15}.ach-item.got .ach-title{color:var(--text)}.ach-desc{font-size:11px;font-weight:600;color:var(--off);line-height:1.35}.ach-item.secret .ach-title,.ach-item.secret .ach-desc{color:#4b4370}.ach-check{flex:none;color:var(--gold)}.ach-toast{--fc: var(--gold);position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:10px;padding:9px 14px;background-color:var(--panel);max-width:92%;animation:achIn 1.7s ease-out forwards;pointer-events:none}.ach-toast-icon{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--bg)}.ach-toast-body{display:flex;flex-direction:column;gap:2px;min-width:0}.ach-toast-label{font-size:8px;color:var(--gold)}.ach-toast-title{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text);white-space:nowrap}@keyframes achIn{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.9)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(8px)}}.history{display:flex;flex-direction:column;gap:6px}.hist-item{padding:9px 11px 10px;display:flex;flex-direction:column;gap:5px}.hist-head{display:flex;align-items:baseline;gap:8px}.hist-title{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-ago{margin-left:auto;font-size:9px;color:var(--off);flex:none}.hist-stats{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:10px;font-weight:700;color:var(--off)}.hist-stats b{color:var(--mint);margin-left:3px}.hist-foot{display:flex;flex-wrap:wrap;gap:5px;font-size:10px;font-weight:800}.hist-mvp{color:var(--gold)}.hist-daily{color:var(--mint)}.hist-clear{display:inline-flex;align-items:center;gap:3px;color:var(--green)}.report{display:flex;flex-direction:column;gap:8px}.report-title-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.report-label{font-size:9px;color:var(--off)}.report-title{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--gold);line-height:1.15}.defeat,.events-seen,.mission-result,.unlocked{padding:9px 11px 10px;display:flex;flex-direction:column;gap:5px}.defeat-head{font-size:8px;color:var(--off)}.defeat-rows{display:flex;flex-direction:column;gap:3px}.defeat-rows>div{display:flex;align-items:baseline;gap:8px;font-size:11px;font-weight:700;color:var(--dim)}.defeat-rows b{margin-left:auto;color:var(--text);font-weight:800;white-space:nowrap}.defeat-rows i{font-style:normal;color:var(--pink);margin-left:4px}.events-seen ul{margin:0;padding-left:15px;display:flex;flex-direction:column;gap:2px}.events-seen li{font-size:11px;font-weight:700;color:var(--dim)}.mission-result.clear{--fc: var(--gold)}.mission-goal{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text);line-height:1.2}.mission-extra{font-size:11px;font-weight:700;color:var(--dim)}.mission-verdict{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--gold);margin-top:2px}.mission-verdict .px{margin-left:auto;font-size:10px;color:var(--off)}.mission-fail{color:var(--off)}.unlocked{--fc: var(--gold)}.unlocked-row{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--dim);min-width:0}.unlocked-row svg{flex:none;color:var(--gold)}.unlocked-row b{font-weight:800;color:var(--text);white-space:nowrap}.unlocked-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verdict{font-size:12px;font-weight:700;color:var(--dim);text-align:center;line-height:1.5;padding:4px 6px;word-break:keep-all}.gameover-daily{font-size:9px;color:var(--mint);margin-top:6px}.cert-overlay{position:fixed;inset:0;z-index:20;background:#0a0814eb;display:flex;align-items:center;justify-content:center;padding:12px;overflow-y:auto;animation:fadeIn .2s ease-out both}.cert-panel{--fc: var(--mint);margin:auto;padding:10px;display:flex;flex-direction:column;gap:9px;max-width:100%}.cert-canvas{display:block;max-width:100%;height:auto!important;image-rendering:auto}.cert-actions{display:flex;gap:6px}.cert-actions .menu-btn{flex:1;min-height:42px;font-size:12px}.cert-msg{text-align:center;font-size:11px;font-weight:800;color:var(--gold)}.codex-item.open{--fc: var(--mint);grid-column:1 / -1}.codex-sub{font-size:8px;color:var(--off)}.codex-detail{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:5px;padding-top:6px;border-top:2px solid var(--sunk);text-align:left}.codex-desc{font-size:11px;font-weight:600;color:var(--dim);line-height:1.45}.codex-rows{display:flex;flex-wrap:wrap;gap:4px}.codex-rows i{font-style:normal;font-size:10px;font-weight:800;color:var(--dim);background:var(--sunk);padding:3px 7px}.codex-rows i.bad{color:var(--pink-s);background:var(--pink-bg)}.codex-event{font-size:10px;font-weight:800;color:var(--mint)}.codex-quote{font-size:11px;font-weight:600;color:var(--off)}@keyframes bannerIn{0%{opacity:0}8%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes popIn{0%{transform:scale(.84)}to{transform:scale(1)}}@keyframes shake{0%{transform:translate(-3px)}50%{transform:translate(3px)}to{transform:translate(-3px)}}@keyframes comboPop{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes pillIn{0%{opacity:0;transform:translateY(-8px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}@keyframes hintNudge{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-3px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{50%{opacity:.4}}@media (min-aspect-ratio: 5/4) and (max-width: 699px){.game{grid-template-columns:minmax(0,1fr) 236px;grid-template-rows:minmax(0,1fr);grid-template-areas:"field panel"}.panel{min-height:0;padding:6px}.field{width:auto;height:100%;max-width:100%}.panel .panel-top{flex-wrap:wrap}.panel .controls{flex-direction:row;width:100%}.panel .ctrl{height:38px;min-height:38px;flex:1;width:auto}.panel .selected-card{flex-wrap:wrap}.panel .selected-main{flex:1 1 140px}.panel .selected-actions{flex-direction:row;width:100%;padding:0 6px 6px}.panel .selected-actions .sell-btn{flex:1}.panel .draw-btn{min-height:52px}.draw-title{font-size:17px}.draw-cost{font-size:18px}.inventory{grid-template-columns:minmax(0,1fr)}}@media (min-aspect-ratio: 5/4) and (min-width: 700px){.game{grid-template-columns:minmax(0,1fr) 344px;grid-template-rows:minmax(0,1fr);grid-template-areas:"field panel"}.panel{min-height:0;padding:10px}.field-wrap{padding:10px}.field{width:auto;height:100%;max-width:100%}}@media (max-height: 760px) and (max-width: 699px){.selected-desc,.selected-hint{display:none}.selected-stats{margin-top:3px}.selected-main{padding:5px 7px 6px}.field-wrap{padding:calc(1px + env(safe-area-inset-top)) 0 1px}.panel{padding:5px 6px 8px;gap:5px}.odds{display:none}}@media (max-width: 480px){.inventory{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))}}@media (max-width: 360px){.draw-title{font-size:18px}.draw-cost{font-size:19px}.odds span{font-size:8px}}.rank{display:flex;flex-direction:column;gap:8px}.rank-tabs{display:flex;gap:5px}.rank-tabs button{flex:1;padding:8px 4px;font-family:var(--font-display);font-size:13px;color:var(--dim);background-color:var(--sunk);cursor:pointer}.rank-tabs button.active{--fc: var(--mint);color:var(--mint);background-color:var(--panel)}.rank-note{font-size:10px;font-weight:700;color:var(--off);padding:0 2px}.rank-empty{padding:22px 14px;text-align:center;font-size:11px;font-weight:700;line-height:1.6;color:var(--dim)}.rank-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.rank-list li{display:flex;align-items:center;gap:9px;padding:7px 10px}.rank-list li.me{--fc: var(--mint);background-color:var(--sunk)}.rank-no{flex:none;width:22px;text-align:center;font-family:var(--font-px);font-size:11px;color:var(--off)}.rank-no.r1{color:var(--gold)}.rank-no.r2{color:var(--text)}.rank-no.r3{color:var(--pink)}.rank-name{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px;font-size:12px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-title{font-style:normal;font-size:9px;font-weight:700;color:var(--off);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-score{flex:none;display:flex;align-items:baseline;gap:6px}.rank-score b{font-family:var(--font-px);font-size:12px;color:var(--mint)}.rank-score .px{font-size:9px;color:var(--off)}.rank-mine{text-align:center;font-size:11px;font-weight:800;color:var(--mint)}.rank-me{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px}.rank-optin,.rank-share{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border:0;background:var(--sunk);color:var(--dim);font-family:var(--font-ui);font-size:11px;font-weight:800;cursor:pointer}.rank-optin[aria-pressed=true]{color:var(--green)}.rank-share:disabled{opacity:.45;cursor:default}.rank-legal{font-size:9px;line-height:1.6;color:var(--off);padding:0 2px 2px}.gameover-rank{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:800;color:var(--dim)}.gameover-rank.ok{--fc: var(--gold);color:var(--gold)}.nick{display:flex;flex-direction:column;gap:5px;width:100%}.nick-label{font-size:10px;font-weight:800;color:var(--dim)}.nick-row{display:flex;gap:5px}.nick-row input{flex:1;min-width:0;padding:8px 9px;border:0;background:var(--sunk);color:var(--text);font-family:var(--font-ui);font-size:14px;font-weight:800}.nick-row input::placeholder{color:var(--off);font-weight:700}.nick-row input:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}.nick-save{flex:none;padding:8px 14px;border:0;background:var(--mint);color:var(--bg);font-family:var(--font-display);font-size:14px;cursor:pointer}.nick-save:disabled{background:var(--slot);color:var(--off);cursor:default}.gameover-rank.ask{--fc: var(--mint);flex-direction:column;align-items:stretch;gap:6px}.shop-nudge{--fc: var(--gold);display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;color:var(--gold);font-family:var(--font-ui);font-size:11.5px;font-weight:800;cursor:pointer}.pause-exit{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:4px}.exit-btn{--fc: var(--edge);display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;background-color:var(--panel);color:var(--dim);font-family:var(--font-ui);font-size:13px;font-weight:800;cursor:pointer}.exit-btn.armed{--fc: var(--pink);color:var(--pink)}.exit-note{font-size:10px;font-weight:700;color:var(--off);text-align:center}.intro{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.intro-flash{position:absolute;inset:0;z-index:3;pointer-events:none;animation:introFlash .42s ease-out forwards}.intro-flash.red{background:var(--pink)}.intro-flash.gold{background:var(--gold)}@keyframes introFlash{0%{opacity:.55}to{opacity:0}}.intro-head{flex:none;width:100%;max-width:588px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) 14px 8px}.intro-tag{font-size:10px;color:var(--mint);letter-spacing:.14em}.intro-skip{--fc: var(--edge);margin-left:auto;min-height:36px;padding:0 14px;background-color:var(--panel);color:var(--dim);font-family:var(--font-ui);font-size:12px;font-weight:800;cursor:pointer}.intro-strip{flex:1;min-height:0;overflow-y:auto;padding:4px 14px 10px;scrollbar-width:none}.intro-strip-inner{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.intro-strip::-webkit-scrollbar{display:none}.intro-panel{--fc: var(--edge);flex:none;padding:11px 12px 13px;display:flex;flex-direction:column;gap:8px;animation:introPanelIn .28s ease-out both}@keyframes introPanelIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.intro-panel.k-shout{--fc: var(--pink)}.intro-panel.k-manager,.intro-panel.k-ready{--fc: var(--gold)}.intro-panel.k-ask{--fc: var(--mint)}.intro-panel.shake{animation:introPanelIn .28s ease-out both,introShake .4s .28s ease-in-out 2}@keyframes introShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.intro-caption{font-size:11px;font-weight:800;line-height:1.5;color:var(--dim)}.intro-cast{display:flex;flex-wrap:wrap;gap:8px}.intro-actor{flex:1 1 100%;display:flex;align-items:flex-start;gap:9px;animation:introActorIn .3s ease-out both}@keyframes introActorIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.intro-speech{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.intro-who{font-size:10px;font-weight:800;color:var(--off)}.k-shout .intro-who{color:var(--pink)}.k-manager .intro-who,.k-ready .intro-who,.k-ask .intro-who{color:var(--gold)}.k-alba .intro-who{color:var(--mint)}.intro-bubble{--fc: var(--slot);min-width:0;padding:8px 10px;background-color:var(--sunk);font-size:13px;font-weight:800;line-height:1.4;color:var(--text)}.k-shout .intro-bubble{--fc: var(--pink);color:var(--pink);font-size:15px}.k-manager .intro-bubble,.k-ready .intro-bubble{--fc: var(--gold);color:var(--gold);font-family:var(--font-display);font-weight:400;font-size:19px}.intro-foot{flex:none;width:100%;max-width:588px;margin:0 auto;min-height:74px;display:flex;flex-direction:column;justify-content:center;padding:8px 14px calc(12px + env(safe-area-inset-bottom))}.intro-hint{text-align:center;font-size:10px;font-weight:700;color:var(--off);animation:introHint 1.6s ease-in-out infinite}@keyframes introHint{0%,to{opacity:.35}50%{opacity:1}}.start-links{display:flex;justify-content:center;gap:6px}@media (prefers-reduced-motion: reduce){.intro-panel,.intro-panel.shake,.intro-actor,.intro-hint,.intro-flash{animation:none}}.ach-earned{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:10px;font-weight:800;color:var(--off)}.ach-earned b{color:var(--gold);font-family:var(--font-px);font-weight:400;font-size:12px}.ach-reward{flex:none;display:inline-flex;align-items:center;gap:3px;padding:3px 6px;background:var(--sunk);color:var(--gold);font-size:10px;font-weight:800}.ach-reward .px{font-family:var(--font-px);font-size:11px}.ach-reward.got{color:var(--green)}.shop-sub{margin-top:3px;font-size:9.5px;line-height:1.5;color:var(--off)}.points-break{display:flex;flex-wrap:wrap;gap:4px 8px;margin-left:8px;font-size:10px;font-weight:800;color:var(--off)}.points-break .from-ach{color:var(--gold)}.deck-bar{--fc: var(--epic);display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;cursor:pointer;text-align:left}.deck-bar-label{flex:none;display:flex;flex-direction:column;gap:1px;font-family:var(--font-display);font-size:15px;color:var(--text)}.deck-bar-label .px{font-family:var(--font-px);font-size:9px;color:var(--off)}.deck-bar-units{flex:1;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.deck-bar-edit{flex:none;font-size:11px;font-weight:800;color:var(--epic)}.unlock-hint{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;--fc: var(--edge);font-size:11px;font-weight:700;color:var(--dim)}.unlock-hint b{color:var(--mint)}.deck{display:flex;flex-direction:column;gap:14px}.deck-head{display:flex;align-items:flex-start;gap:10px}.deck-title{font-family:var(--font-display);font-size:22px;color:var(--text)}.deck-sub{font-size:11px;line-height:1.5;color:var(--off);max-width:34ch}.deck-close{--fc: var(--mint);flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 14px;background-color:var(--panel);color:var(--mint);font-family:var(--font-ui);font-size:13px;font-weight:800;cursor:pointer}.deck-group{display:flex;flex-direction:column;gap:7px}.deck-group-head{display:flex;align-items:baseline;gap:8px}.deck-rarity{font-family:var(--font-display);font-size:15px}.deck-count{margin-left:auto;font-family:var(--font-px);font-size:12px}.deck-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.deck-card{--fc: var(--edge);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;row-gap:1px;align-items:center;min-height:56px;padding:7px 9px;text-align:left;cursor:pointer}.deck-card canvas{grid-row:1 / 3}.deck-card.on{background-color:var(--sunk)}.deck-card:disabled{cursor:default;opacity:.55}.deck-name{font-size:12.5px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-role{font-size:9.5px;line-height:1.35;color:var(--off);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.deck-lock{font-family:var(--font-px);font-size:10px;color:var(--pink)}.deck-note{font-size:10px;line-height:1.6;color:var(--off)}.draw-btn.denied{animation:denyShake .26s ease-in-out}@keyframes denyShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}.inv-rarity,.selected-rarity,.codex-rarity,.mvp-rarity{background-color:var(--rc, var(--off));background-repeat:repeat-y}.r-rare{background-image:repeating-linear-gradient(transparent 0 3px,var(--sunk) 3px 6px)}.r-epic{background-image:repeating-linear-gradient(transparent 0 2px,var(--sunk) 2px 3px)}.r-legendary{background-image:linear-gradient(90deg,transparent 0 1px,var(--sunk) 1px 2px,transparent 2px 4px)}.r-special{background-image:repeating-linear-gradient(45deg,transparent 0 2px,var(--sunk) 2px 4px)}.recipe-row{display:flex;flex-direction:column;gap:4px}.recipe-btn{--fc: var(--edge);display:flex;align-items:center;gap:8px;min-height:48px;padding:5px 9px;background-color:var(--panel);text-align:left;cursor:pointer}.recipe-btn:disabled{cursor:default;opacity:.72}.recipe-btn.ready{--fc: var(--pink);background-color:var(--sunk);animation:recipeReady 1.4s ease-in-out infinite}@keyframes recipeReady{0%,to{--fc: var(--pink)}50%{--fc: var(--gold)}}.recipe-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.recipe-name{font-size:12.5px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-hint{font-size:9.5px;line-height:1.35;color:var(--off);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-btn.ready .recipe-hint{color:var(--dim)}.recipe-cta{flex:none;font-family:var(--font-px);font-size:11px;color:var(--off);padding:4px 7px;background:var(--slot)}.recipe-btn.ready .recipe-cta{color:var(--bg);background:var(--pink)}@media (prefers-reduced-motion: reduce){.recipe-btn.ready{animation:none}}.deck-plan{display:flex;flex-direction:column;gap:4px;margin-top:4px}.deck-plan-head{font-family:var(--font-display);font-size:14px;color:var(--dim);margin-bottom:2px}.deck-plan-row{display:flex;align-items:center;gap:8px;padding:6px 9px;background:var(--sunk);opacity:.6}.deck-plan-row.on{opacity:1;background:var(--panel);box-shadow:inset 3px 0 0 var(--pink)}.deck-plan-name{flex:none;font-size:12px;font-weight:800;color:var(--text)}.deck-plan-row.on .deck-plan-name{color:var(--pink)}.deck-plan-hint{flex:1;min-width:0;font-size:9.5px;color:var(--off);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-plan-count{flex:none;font-family:var(--font-px);font-size:11px;color:var(--off)}.deck-plan-row.on .deck-plan-count{color:var(--pink)}.deck-sub b{color:var(--mint)}.deck-card.pinned{--fc: var(--mint);background-color:var(--sunk)}.deck-card.banned{--fc: var(--pink);opacity:.6}.deck-card.pinned .deck-role{color:var(--mint)}.deck-card.banned .deck-role{color:var(--pink)}.deck-card.banned .deck-name{text-decoration:line-through;color:var(--off)}.order-summary{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;align-items:center;padding:9px 10px;background:var(--sunk);font-size:11px}.order-tag{font-family:var(--font-px);font-size:10px;padding:2px 6px}.order-tag.pin{color:var(--bg);background:var(--mint)}.order-tag.ban{color:var(--bg);background:var(--pink)}.order-names{font-weight:800;color:var(--dim);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-sub .ban{color:var(--pink)}.deck-bar-ban{position:relative;display:inline-flex}.deck-bar-ban:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 44%,var(--pink) 44% 56%,transparent 56%)}.deck-bar-empty{font-size:10px;font-weight:700;color:var(--off);align-self:center}.cond{height:100%;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column;gap:14px;padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.cond-head{max-width:560px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:3px}.cond-tag{font-family:var(--font-px);font-size:10px;letter-spacing:.16em;color:var(--mint)}.cond-title{font-family:var(--font-display);font-size:clamp(24px,6.5vw,32px);line-height:1.15;color:var(--text)}.cond-sub{font-size:12px;color:var(--off)}.cond-list{max-width:560px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:8px}.cond-card{--fc: var(--edge);display:flex;flex-direction:column;gap:5px;padding:13px 14px 14px;text-align:left;cursor:pointer}.cond-card.safe{--fc: var(--mint)}.cond-card.risky{--fc: var(--pink)}.cond-card-top{display:flex;align-items:baseline;gap:8px}.cond-name{font-family:var(--font-display);font-size:19px;color:var(--text)}.cond-mult{margin-left:auto;font-family:var(--font-px);font-size:14px;color:var(--gold)}.cond-line{font-size:11.5px;color:var(--dim)}.cond-effects{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:2px;font-size:11.5px;font-weight:800}.cond-good,.cond-bad{display:inline-flex;align-items:center;gap:4px}.cond-good{color:var(--green)}.cond-bad{color:var(--pink)}@media (min-width: 960px){.start-inner{max-width:1180px;display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-areas:"brand content" "nav   content" "links content";grid-template-rows:auto auto 1fr;align-content:start;column-gap:22px;row-gap:12px;padding-block:28px 32px}.start-inner>.title-block{grid-area:brand}.start-inner>.title-block .title{font-size:25px;letter-spacing:-.02em;word-break:keep-all}.start-inner>.title-block .subtitle{font-size:11px}.start-content{grid-area:content;display:flex;flex-direction:column;gap:12px;min-width:0}.start-inner>.tabs{grid-area:nav;position:static;flex-direction:column;gap:3px;margin-top:0;padding:0;background:none;box-shadow:none;align-self:start}.start-inner>.tabs button{flex:none;flex-direction:row;justify-content:flex-start;gap:10px;min-height:46px;padding:0 14px;font-size:14px}.start-inner>.tabs .tab-label{font-size:14px}.start-inner>.tabs .tab-dot{top:50%;right:12px;margin-right:0;transform:translateY(-50%)}.start-inner>.start-links{grid-area:links;flex-direction:column;gap:2px;align-items:flex-start;align-self:start}.start-inner>.start-links .reset-link{align-self:flex-start;padding:0 14px;min-height:38px}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:6px;align-items:start}.ach-list,.history,.shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:7px;align-items:start}.shop-points,.shop-note,.ach-progress,.ach-tabs,.codex-tabs,.rank-tabs,.rank-note,.rank-me,.rank-legal{grid-column:1 / -1}.rank-list{column-count:2;column-gap:8px}.rank-list li{break-inside:avoid}.deck-pool{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}.promote-panel{max-width:420px}.promote-panel .reward-head,.event-panel .reward-head{background:var(--panel);border-radius:4px}.promote-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 10px 10px}.promote-card{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:150px;padding:12px 8px;border:2px solid var(--fc, #fff);border-radius:4px;background:var(--panel);color:var(--ink);cursor:pointer;text-align:center}.promote-card:active{transform:translateY(1px)}.promote-rank{font-family:var(--font-px);font-size:9px;color:var(--fc, #fff);letter-spacing:.06em}.promote-name{font-size:14px;font-weight:700;line-height:1.2}.promote-desc{font-size:11px;line-height:1.35;opacity:.78}.reward-card.kind-build{--fc: var(--gold)}.reward-card.kind-build .reward-tone{color:var(--gold);letter-spacing:.06em}.event-panel{max-width:400px}.event-choices{display:flex;flex-direction:column;gap:8px;padding:0 10px 10px}.event-choice{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:58px;padding:10px 12px;border:2px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);cursor:pointer;text-align:left}.event-choice:active{transform:translateY(1px)}.event-choice-label{font-size:14px;font-weight:700}.event-choice-desc{font-size:11.5px;opacity:.78;line-height:1.35}.theme-chip{font-size:9.5px;font-weight:700;line-height:1.25;padding:2px 6px;border:1px solid currentColor;border-radius:2px;background:#0006;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-chip.now{flex:1 1 auto;min-width:0}.theme-chip.next{flex:0 0 auto;opacity:.85}.theme-chip.t-fast{color:#7dd3fc}.theme-chip.t-swarm{color:#fb923c}.theme-chip.t-armor{color:#cbd5e1}.theme-chip.t-boss{color:var(--hot)}.restart-body{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.restart-sub{font-family:var(--font-px);font-size:9px;opacity:.75;letter-spacing:.04em}.merge-btn.tier-merge{--fc: var(--gold)}.tier-merge-badge{font-size:15px;color:var(--gold);min-width:30px;text-align:center}.tier-merge-hint{font-size:10px;opacity:.7}.near-chip{font-family:var(--font-px);font-size:9.5px;padding:3px 7px;border:1px solid var(--gold);border-radius:2px;color:var(--gold);background:#00000073;white-space:nowrap}.near-chip.bad{border-color:var(--hot);color:var(--hot);animation:nearPulse .7s ease-in-out infinite}@keyframes nearPulse{0%,to{opacity:1}50%{opacity:.45}}.stage-screen{padding:16px max(14px,env(safe-area-inset-right)) 28px max(14px,env(safe-area-inset-left));overflow-y:auto}.screen-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.screen-kicker{font-size:9px;color:var(--mint);letter-spacing:.18em}.screen-title{font-family:var(--font-display);font-size:24px;margin:2px 0 4px}.screen-sub{font-size:12px;opacity:.72;margin:0;line-height:1.4}.back-btn{width:44px;height:44px;flex:0 0 auto;border:2px solid var(--line);border-radius:3px;background:#0000004d;color:var(--ink)}.stage-list{display:flex;flex-direction:column;gap:12px}.stage-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border:2px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.stage-card.current{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.stage-card.locked{cursor:default;border-color:var(--edge)}.stage-scene{position:relative;line-height:0;background:#0b0818}.stage-sign{position:absolute;left:10px;bottom:8px;font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.1;color:#fff;text-shadow:0 2px 0 #0b0818,0 0 12px rgba(79,227,208,.45)}.stage-badge{position:absolute;right:8px;top:8px;font-size:10px;color:var(--gold);background:#0b0818b8;padding:3px 7px}.stage-badge.new{color:var(--mint)}.stage-shutter{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:11px;font-weight:800;color:var(--gold);background:#0b0818d1;padding:4px 8px 5px}.stage-body{display:flex;flex-direction:column;gap:5px;padding:8px 12px 10px}.stage-sub{font-size:12px;font-weight:700;color:var(--off)}.stage-gauges{display:flex;flex-direction:column;gap:4px}.stage-gauge{display:flex;align-items:center;gap:8px}.g-label{font-style:normal;font-size:11px;font-weight:800;color:var(--dim);width:52px;flex:none}.g-dots{display:inline-flex;gap:3px;flex:1}.g-dots b{width:13px;height:7px;background:var(--slot)}.g-dots b.on.hot{background:var(--pink)}.g-dots b.on.gold{background:var(--gold)}.g-num{font-style:normal;font-size:10px;color:var(--off);width:34px;text-align:right;flex:none}.stage-stats{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:9.5px;color:var(--off)}.stage-stats .pay{color:var(--gold)}.stage-desc{font-size:11px;line-height:1.45;color:var(--dim)}.stage-card.locked .stage-desc,.stage-card.locked .stage-sub{color:var(--off)}.branch-strip{border:2px solid var(--line);border-radius:4px;background:#00000047;padding:9px 11px 10px;display:flex;flex-direction:column;gap:6px}.branch-strip-head{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;color:var(--mint);letter-spacing:.14em}.branch-open{font-family:var(--font-px);color:var(--gold);letter-spacing:0}.branch-row{display:flex;gap:5px;flex-wrap:wrap}.branch-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 7px;border:1px solid var(--line);border-radius:2px}.branch-pill.cur{border-color:var(--mint);color:var(--mint)}.branch-pill.locked{opacity:.42;letter-spacing:.1em}.branch-pill b{font-size:9px;color:var(--gold)}.branch-note{font-size:10.5px;opacity:.7;line-height:1.35}.branch-locked{font-size:8.5px;font-style:normal;opacity:.7}.hero{position:relative;margin:0 0 12px;border-radius:4px;overflow:hidden;background:#0b0818}.front-scene{display:block;width:100%;height:auto;aspect-ratio:360 / 260}.hero-toggles{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:2}.hero-title{position:absolute;left:14px;right:14px;bottom:9px;z-index:2}.hero-title .title{margin:0;text-shadow:0 2px 0 #0b0818,0 0 18px rgba(79,227,208,.35)}.hero-title .subtitle{margin:2px 0 0}.go-block{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.start-btn{flex-direction:column;align-items:stretch;gap:3px;min-height:74px;padding:13px 16px}.start-btn-main{display:flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1}.start-btn-sub{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;opacity:.72}.start-btn-sub b{font-size:9.5px;color:var(--gold)}.go-row{display:flex;gap:7px}.go-chip{flex:1;display:flex;flex-direction:column;gap:3px;min-height:46px;padding:7px 10px;border:1px solid var(--line);border-radius:3px;background:#0000004d;color:var(--ink);text-align:left}.go-chip-label{font-family:var(--font-px);font-size:8.5px;color:var(--off);letter-spacing:.1em}.go-chip-body{display:flex;align-items:center;gap:4px;font-size:12px;min-height:20px}.go-chip-body b{font-family:var(--font-px);font-size:13px;color:var(--mint)}.go-chip-dim{font-size:10px;opacity:.55}.go-chip-empty{font-size:11px;opacity:.55}.go-next{display:flex;flex-direction:column;gap:3px;font-size:10px;opacity:.66;padding:0 2px}.go-next span{display:inline-flex;align-items:center;gap:5px}.daily-fold{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.daily-toggle{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:3px;background:#0000004d;color:var(--ink);text-align:left}.daily-fold.open .daily-toggle{border-color:var(--mint)}.daily-toggle-name{flex:1;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-toggle-best{font-size:10px;color:var(--gold)}.daily-toggle-new{font-size:9px;color:var(--mint);letter-spacing:.1em}.daily-body{display:flex;flex-direction:column;gap:7px;padding:2px 2px 0}.daily-go{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;font-size:11px;font-weight:800;border:1px solid var(--gold-s);border-radius:3px;background:#ffd84d0d;color:var(--gold);opacity:.88}.fhud{position:absolute;left:0;right:0;z-index:4;pointer-events:none}.fhud button{pointer-events:auto}.fhud-head{top:0;display:flex;flex-direction:column;gap:4px;padding-bottom:12px;background:linear-gradient(180deg,#0b0818e6,#0b0818b8 46%,#0b081800)}.fhud-wave-line{height:4px;background:#efeaff1f}.fhud-wave-fill{height:100%;background:var(--mint);transition:width .15s linear}.fhud-top{display:flex;align-items:center;gap:6px;padding:0 4px 0 7px;min-width:0}.fhud-clock{font-size:13px;color:var(--mint);white-space:nowrap;text-shadow:0 1px 0 #0b0818}.fhud-wave{font-size:13px;color:#fff;white-space:nowrap}.fhud-timer{font-size:9px;color:var(--off);white-space:nowrap}.fhud-gap{flex:1;min-width:2px}.fhud-coin{font-size:14px;color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #0b0818}.fhud-ctrls{display:flex;gap:2px;flex:none}.fhud-ctrls button{width:38px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:3px;color:var(--dim);background:#120e24b8;cursor:pointer}.fhud-ctrls button.active{color:var(--mint);background:#4fe3d029}.fhud-ctrls .px{font-size:11px}.fhud-chips{display:flex;flex-wrap:wrap;gap:4px;padding:0 7px}.fhud-sub{margin-top:1px}.fhud-next-boss{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--pink);background:var(--pink-bg);padding:3px 7px;white-space:nowrap;animation:blink 1.1s infinite}.fhud-boss{display:flex;align-items:center;gap:7px;margin:0 7px;padding:4px 8px 5px;background:#3d0f22e6;--barsep: var(--pink-bg)}.fhud-foot{bottom:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:16px 0 5px;background:linear-gradient(0deg,#0b0818eb,#0b0818db 40%,#0b08188c 72%,#0b081800)}.fhud-hp{display:flex;align-items:center;gap:7px;padding:0 8px}.fhud-hp-num{flex:none;font-size:13px;color:var(--green);min-width:24px;text-align:right;text-shadow:0 1px 0 #0b0818}.fhud-hp-num.warn{color:var(--gold)}.fhud-hp-num.danger{color:var(--pink)}.fhud-run{flex:none;font-size:9px;color:var(--off);white-space:nowrap}@media (max-width: 360px){.fhud-run,.fhud-timer{display:none}}.merge-btn.buy-one{--fc: var(--gold)}.merge-btn.buy-one .merge-label>span:first-child{color:var(--gold)}.buy-one-hint{font-size:10px;font-weight:700;color:var(--off)}.buy-one-cost{flex:none;font-size:14px;color:var(--gold);font-variant-numeric:tabular-nums}.merge-btn.buy-one.disabled{--fc: var(--edge);opacity:.55}.merge-btn.buy-one.disabled .merge-label>span:first-child,.merge-btn.buy-one.disabled .buy-one-cost{color:var(--off)}.shop-stages{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;font-family:var(--font-px);font-size:9px;color:var(--off)}.shop-stages b{font-weight:400;color:var(--mint)}.shop-stages .full b{color:var(--gold)}.shop-stages .full:after{content:" 꽉";color:var(--gold)}.pin-btn{--fc: var(--edge);flex:none;display:flex;align-items:center;gap:5px;padding:0 11px;min-height:38px;font-family:var(--font-ui);font-size:12px;font-weight:800;color:var(--off);background-color:transparent;background-image:linear-gradient(var(--fc),var(--fc)),linear-gradient(var(--fc),var(--fc)),linear-gradient(var(--fc),var(--fc)),linear-gradient(var(--fc),var(--fc));background-repeat:no-repeat;background-size:calc(100% - 6px) 3px,calc(100% - 6px) 3px,3px calc(100% - 6px),3px calc(100% - 6px);background-position:3px 0,3px 100%,0 3px,100% 3px;cursor:pointer}.pin-btn.on{--fc: var(--mint);color:var(--mint)}.inv-ticks{display:inline-flex;align-items:center;gap:4px}.inv-ticks svg{color:var(--mint)}.fhud-prep{display:flex;align-items:center;gap:8px;margin:2px 7px 0;padding:5px 9px 6px;background:#0b0818e0;border:2px solid var(--gold-s);animation:prepPulse 1s ease-in-out infinite alternate}.fhud-prep-label{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--gold);white-space:nowrap}.fhud-prep-sec{flex:1;font-size:16px;color:var(--gold);text-align:right}.fhud-prep-go{flex:none;pointer-events:auto;border:0;border-radius:3px;padding:5px 10px 6px;font-family:var(--font-ui);font-size:11px;font-weight:800;color:var(--bg);background:var(--gold);cursor:pointer}.fhud-prep-go:active{transform:translateY(1px)}@keyframes prepPulse{0%{box-shadow:0 0 #ffd84d00}to{box-shadow:0 0 14px #ffd84d59}}