@font-face{font-family:Grenze Gotisch;src:url(./grenze-gotisch-latin-800-normal-DByO6Q7M.woff) format("woff");font-weight:800;font-display:swap}@font-face{font-family:Rajdhani;src:url(./rajdhani-latin-700-normal-e0Uj8ZlN.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Cinzel;src:url(./cinzel-latin-700-normal-C-gK7hA8.woff) format("woff");font-weight:700;font-display:swap}:root{--bg: #05070a;--bg2: #0a0f0a;--panel: #0c120c;--panel-a: rgba(8, 12, 8, .86);--green: #8aff00;--green-dim: #4a8f0a;--green-deep: #1d3a08;--green-glow: rgba(138, 255, 0, .55);--red: #ff3b2b;--red-glow: rgba(255, 59, 43, .5);--gold: #c9a227;--gold-dim: #6b5523;--bone: #d6d2c4;--gray: #8a948a;--common: #9aa39a;--rare: #35e08d;--epic: #b64dff;--legendary: #ffb428;--mythic: #ff3b3b;--font-display: "Grenze Gotisch", serif;--font-body: "Rajdhani", sans-serif;--font-caps: "Cinzel", serif;--cut: polygon(10px 0, 100% 0, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 0 100%, 0 10px)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--bone);font-family:var(--font-body);font-weight:700;user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui .pass,#ui .pass *{pointer-events:none}#fx{position:fixed;inset:0;pointer-events:none;overflow:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.scanlines{position:fixed;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.4) 2px 4px)}.hidden{display:none!important}.panel{background:linear-gradient(180deg,#0e140ceb,#060906eb);border:1px solid #3c4a26;clip-path:var(--cut);position:relative;box-shadow:inset 0 0 0 1px #c9a2271f,inset 0 0 30px #0009}.panel:before{content:"";position:absolute;inset:3px;border:1px solid rgba(201,162,39,.18);clip-path:var(--cut);pointer-events:none}.btn{font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--green);background:#0a1008d9;color:var(--green);padding:.75em 1.6em;cursor:pointer;clip-path:var(--cut);transition:all .2s}.btn:hover:not(:disabled){box-shadow:0 0 24px var(--green-glow),inset 0 0 18px #8aff002e;text-shadow:0 0 8px var(--green);background:#1e320ae6}.btn:disabled{opacity:.35;cursor:default;filter:grayscale(.6)}.btn.primary{background:linear-gradient(180deg,#a6ff2e,#6fcc00);color:#061004;border-color:#c8ff7a}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#c4ff6a,#8aff00);color:#000}.btn.small{font-size:12px;padding:.5em 1em}.btn.gold{border-color:var(--gold);color:#f2d27a}.btn.gold:hover:not(:disabled){box-shadow:0 0 22px #c9a22773;text-shadow:0 0 8px #f2d27a;background:#281e06e6}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:.03em}.caps{font-family:var(--font-caps);letter-spacing:.18em;text-transform:uppercase}.green{color:var(--green)}.red{color:var(--red)}.gray{color:var(--gray)}#loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:50;transition:opacity .6s}#loading img{width:120px;filter:drop-shadow(0 0 20px var(--green-glow));animation:pulse 1.6s infinite}#loading .bar{width:260px;height:4px;background:#111;margin-top:18px;border:1px solid #2a3a18}#loading .bar i{display:block;height:100%;width:0;background:var(--green);box-shadow:0 0 10px var(--green);transition:width .2s}#loading p{margin-top:10px;color:var(--gray);font-size:13px;letter-spacing:.3em;text-align:center}@keyframes pulse{50%{filter:drop-shadow(0 0 40px var(--green));transform:scale(1.04)}}#intro{position:fixed;inset:0;display:grid;grid-template-columns:1fr minmax(260px,340px);align-items:center;padding:4vh 6vw;gap:4vw}#intro .title{align-self:end;justify-self:start;text-align:left;padding-bottom:6vh;pointer-events:none}#intro .title img{width:clamp(80px,10vw,140px);filter:drop-shadow(0 0 30px var(--green-glow));opacity:0;animation:fadeUp 1.4s .6s forwards}#intro .title h1{font-size:clamp(56px,9vw,132px);line-height:.85;color:#e8f5d0;text-shadow:0 0 30px rgba(138,255,0,.45),0 4px 0 #000,0 0 2px #000;opacity:0;animation:fadeUp 1.6s 1s forwards}#intro .title h1 span{color:var(--green);display:block}#intro .title p{font-family:var(--font-caps);letter-spacing:.5em;color:var(--gold);margin-top:14px;font-size:clamp(11px,1.1vw,15px);opacity:0;animation:fadeUp 1.4s 1.6s forwards}#intro .menu{display:flex;flex-direction:column;gap:14px;padding:28px 24px;opacity:0;animation:fadeIn 1s 2s forwards}#intro .menu .btn{width:100%;font-size:17px;padding:1em;text-align:left;position:relative}#intro .menu .btn:after{content:"›";position:absolute;right:18px;opacity:.6}#intro .menu .ver{font-size:11px;color:var(--gray);letter-spacing:.2em;text-align:center;margin-top:6px}#intro .press{position:absolute;left:50%;bottom:4vh;transform:translate(-50%);color:var(--gray);letter-spacing:.4em;font-size:12px;animation:blink 2s infinite;pointer-events:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fadeIn{to{opacity:1}}@keyframes blink{50%{opacity:.25}}.flash{position:fixed;inset:0;background:#e8ffd0;pointer-events:none;opacity:0;mix-blend-mode:screen}.modal{position:fixed;inset:0;background:#000000a6;display:grid;place-items:center;backdrop-filter:blur(3px);z-index:20}.modal .panel{padding:28px 32px;min-width:min(420px,92vw);max-width:92vw;max-height:88vh;overflow:auto}.modal h2{font-size:38px;color:var(--green);margin-bottom:14px}.codex-grid{display:grid;grid-template-columns:1fr minmax(240px,320px);gap:16px}.opt-row{display:flex;gap:10px;align-items:center;margin:12px 0;flex-wrap:wrap}.opt-row label{min-width:120px;color:var(--gray);letter-spacing:.15em;font-size:13px}.seg .btn{padding:.5em 1em;font-size:12px}.seg .btn.on{background:var(--green);color:#000}.topbar{position:fixed;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;padding:8px 18px 8px 10px}.brand img{width:44px;filter:drop-shadow(0 0 10px var(--green-glow))}.brand small{display:block;color:var(--gray);letter-spacing:.25em;font-size:10px}.brand b{font-family:var(--font-display);font-size:28px;color:#e9f3d8;line-height:.9;letter-spacing:.04em}.brand em{display:block;font-style:normal;color:var(--gold);letter-spacing:.3em;font-size:10px}.screen-title{text-align:center;padding:8px 28px}.screen-title h2{font-size:30px;color:#e9f3d8;line-height:1}.screen-title p{color:var(--gray);letter-spacing:.25em;font-size:11px;margin-top:4px}#squad{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto;padding:84px 20px 18px;gap:14px;background:radial-gradient(ellipse at center,#00000040,#000c)}#squad .wrap{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:16px;min-height:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;overflow-y:auto;padding:4px;align-content:start}.card{position:relative;aspect-ratio:3/4.1;cursor:pointer;clip-path:var(--cut);background:linear-gradient(180deg,#121a10,#050705);border:1px solid var(--rc, #333);transition:transform .15s,box-shadow .15s;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--rc) 35%,transparent),transparent 70%)}.card img{position:absolute;left:50%;bottom:26%;height:72%;transform:translate(-50%);filter:drop-shadow(0 6px 10px #000);transition:transform .2s}.card:hover{transform:translateY(-3px);box-shadow:0 0 22px color-mix(in srgb,var(--rc) 60%,transparent)}.card:hover img{transform:translate(-50%) scale(1.05)}.card .info{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.6) 70%,transparent)}.card .name{font-family:var(--font-display);font-size:21px;line-height:1;color:#f0f0e6}.card .meta{font-size:11px;letter-spacing:.14em;color:var(--rc);text-transform:uppercase}.card .stats{display:flex;gap:8px;font-size:12px;color:var(--bone);margin-top:3px}.card .stats span b{color:var(--gray);font-size:10px;margin-right:2px}.card .pick{position:absolute;top:8px;right:8px;width:30px;height:30px;display:grid;place-items:center;background:var(--green);color:#000;font-size:18px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:0;transform:scale(.5);transition:all .2s}.card.picked{border-color:var(--green);box-shadow:0 0 0 2px var(--green),0 0 26px var(--green-glow)}.card.picked .pick{opacity:1;transform:none}.card .rar{position:absolute;top:8px;left:8px;font-size:10px;letter-spacing:.2em;padding:2px 6px;background:#000000b3;border:1px solid var(--rc);color:var(--rc);text-transform:uppercase}.card.locked{filter:grayscale(1) brightness(.4);cursor:not-allowed}.detail{padding:18px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.detail .hero{height:220px;flex:none;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--rc) 30%,transparent),transparent 70%)}.detail .hero img{position:absolute;left:50%;bottom:0;height:100%;max-width:none;transform:translate(-50%);filter:drop-shadow(0 10px 18px #000)}.detail h3{font-size:36px;line-height:.9;color:#f0f0e6}.detail .sub{color:var(--rc);letter-spacing:.2em;font-size:12px;text-transform:uppercase}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.statgrid div{background:#00000073;border:1px solid #2a3320;text-align:center;padding:4px}.statgrid b{display:block;font-size:20px;color:var(--green)}.statgrid small{color:var(--gray);font-size:10px;letter-spacing:.2em}.ability{border-left:2px solid var(--green-dim);padding:4px 10px;background:#00000059}.ability.ult{border-color:var(--gold)}.ability h4{font-size:15px;letter-spacing:.08em;color:#eaeadc;text-transform:uppercase}.ability h4 small{color:var(--gold);font-size:10px;letter-spacing:.2em;margin-left:6px}.ability p{font-size:13px;color:var(--gray)}.squadbar{display:flex;align-items:center;gap:12px;padding:10px 14px;flex-wrap:wrap;justify-content:space-between}.slots{display:flex;gap:10px}.slot{width:64px;height:64px;border:1px dashed #3c4a26;display:grid;place-items:center;color:#3c4a26;font-size:24px;clip-path:var(--cut);background:#0006;position:relative;overflow:hidden}.slot img{height:120%;position:absolute;bottom:-20%}.slot.filled{border:1px solid var(--green)}.deploy-left,.deploy-right{position:fixed;top:96px;width:230px;padding:12px;display:flex;flex-direction:column;gap:8px}.deploy-left{left:12px}.deploy-right{right:12px}.deploy-left h3,.deploy-right h3{font-size:22px}.unit-chip{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center;padding:6px;border:1px solid #2a3320;background:#00000073;cursor:pointer;clip-path:var(--cut);position:relative;transition:all .15s}.unit-chip img{width:52px;height:52px;object-fit:cover;object-position:top;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 40%,transparent),transparent 70%)}.unit-chip b{font-family:var(--font-display);font-size:19px;line-height:1;display:block;color:#f0f0e6}.unit-chip small{color:var(--gray);font-size:11px;display:block;line-height:1.2}.unit-chip.sel{border-color:var(--green);box-shadow:inset 0 0 18px #8aff0040}.unit-chip.placed:after{content:"✓";position:absolute;right:8px;top:6px;color:var(--green)}.unit-chip.enemy{cursor:default;border-color:#4a1a14}.unit-chip.enemy b{color:#ffd0c8}.deploy-bottom{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:10px;padding:10px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:96vw}.deploy-tip{position:fixed;left:0;top:0;max-width:280px;padding:8px 12px;font-size:13px;line-height:1.35;color:var(--bone);background:#060906eb;border:1px solid #ffb428;clip-path:var(--cut);z-index:5}.deploy-tip b{color:#fff}.deploy-tip em{font-style:normal;color:#ffd27a}.deploy-tip small{color:var(--gray)}.hint{color:var(--gray);font-size:13px;letter-spacing:.08em;padding:0 8px;max-width:360px}.unit-bar{position:absolute;left:0;top:0;transform:translate(-50%,-100%);display:flex;align-items:center;gap:4px;pointer-events:none;transition:opacity .3s;will-change:transform}.unit-bar .ico{width:20px;height:20px;display:grid;place-items:center;font-size:11px;background:#0b0f0a;border:1px solid var(--tc);color:var(--tc);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.unit-bar .hp{width:64px;height:9px;background:#1a0c0a;border:1px solid #000;position:relative;box-shadow:0 0 0 1px #ffffff14}.unit-bar .hp i{position:absolute;left:0;top:0;bottom:0;background:var(--tc);transition:width .25s;box-shadow:0 0 8px var(--tc)}.unit-bar .hp u{position:absolute;top:0;bottom:0;background:#d8f0ff;opacity:.85;transition:all .25s}.unit-bar .hp em{position:absolute;left:0;top:0;bottom:0;background:#fff;opacity:.6;transition:width .6s .2s}.unit-bar .num{font-size:12px;color:#fff;text-shadow:0 1px 2px #000;min-width:34px}.unit-bar .en{position:absolute;left:24px;top:12px;display:flex;gap:3px}.unit-bar .en s{width:10px;height:4px;background:#222;transform:skew(-20deg)}.unit-bar .en s.on{background:var(--gold);box-shadow:0 0 6px var(--gold)}.unit-bar .en.full s.on{background:#fff38a;animation:blink .5s infinite}.unit-bar.dead{opacity:0}.unit-bar .st{position:absolute;left:24px;top:19px;display:flex;gap:3px;white-space:nowrap}.unit-bar .st i{font-style:normal;font-size:11px;line-height:1;padding:1px 4px;background:#000000bf;border:1px solid;color:#fff}.unit-bar .st i.good{border-color:#ffd27a;color:#ffd27a}.unit-bar .st i.bad{border-color:#ff6a3c;color:#ffb09a}.unit-bar .st sub{font-size:8px;margin-left:1px;opacity:.8}.float-text.target-mark{font-family:var(--font-body);font-size:26px;color:#ff4a3a;text-shadow:0 0 10px #ff2a1a}.float-text{position:absolute;left:0;top:0;font-family:var(--font-display);font-size:30px;color:#fff;text-shadow:0 0 6px #000,0 2px 0 #000;white-space:nowrap;pointer-events:none}.float-text.dmg{color:#ff5a3c}.float-text.dmg.big{font-size:44px;color:#fc3}.float-text.absorb{color:#bfe6ff;font-size:22px}.float-text.heal{color:var(--green)}.float-text.shield{color:#bfe6ff;font-size:24px}.float-text.status{font-family:var(--font-body);font-size:16px;letter-spacing:.15em;color:#ffd27a}.float-text.ability{font-family:var(--font-caps);font-size:18px;letter-spacing:.2em;color:#f2ffe0;text-shadow:0 0 12px var(--green),0 2px 0 #000}.float-text.ko{font-size:48px;color:#ff2a1a}.float-text.dice-ok{font-size:40px;color:var(--green)}.float-text.dice-fail{font-size:40px;color:#ff6a50}.round-box{padding:6px 26px 8px;text-align:center}.round-box b{font-family:var(--font-caps);font-size:20px;letter-spacing:.25em;color:#eaeadc}.round-box .frenzy{color:#ff6a3c;text-shadow:0 0 10px rgba(255,59,43,.6)}.round-box .pips{display:flex;gap:4px;justify-content:center;margin-top:4px}.round-box .pips i{width:8px;height:8px;border-radius:50%;background:#222;border:1px solid #555}.round-box .pips i.on{background:var(--green);box-shadow:0 0 6px var(--green);border-color:var(--green)}.turn-order{padding:6px 10px 8px}.turn-order small{display:block;letter-spacing:.25em;color:var(--gray);font-size:10px;margin-bottom:4px}.turn-order .row{display:flex;gap:4px}.turn-order .t{width:40px;height:40px;border:1px solid var(--tc);background:radial-gradient(circle,color-mix(in srgb,var(--tc) 35%,#000),#000);overflow:hidden;position:relative;opacity:.45;transition:all .2s}.turn-order .t img{width:100%;height:130%;object-fit:cover;object-position:top}.turn-order .t.now{opacity:1;box-shadow:0 0 12px var(--tc);transform:translateY(2px) scale(1.08)}.turn-order .t.next{opacity:.9}.turn-order .t.dead{filter:grayscale(1);opacity:.2}.active-panel{position:fixed;left:12px;bottom:12px;width:min(400px,46vw);display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 14px 10px 10px}.active-panel .por{height:120px;position:relative;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--tc) 35%,transparent),#000 75%);border:1px solid var(--tc);overflow:hidden;clip-path:var(--cut)}.active-panel .por img{position:absolute;left:50%;top:2%;height:210%;max-width:none;transform:translate(-50%);filter:drop-shadow(0 4px 8px #000)}.active-panel h3{font-size:30px;line-height:.9}.active-panel .sub{color:var(--gray);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.active-panel .bar{height:12px;background:#1a0c0a;border:1px solid #000;margin-top:8px;position:relative}.active-panel .bar i{position:absolute;inset:0 auto 0 0;background:var(--tc);box-shadow:0 0 10px var(--tc);transition:width .3s}.active-panel .bar u{position:absolute;top:0;bottom:0;background:#d8f0ff;transition:all .3s}.active-panel .row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:13px}.active-panel .en{display:flex;gap:5px;align-items:center}.active-panel .en i{width:13px;height:13px;border-radius:50%;background:#222;border:1px solid #555}.active-panel .en i.on{background:var(--gold);border-color:#ffe08a;box-shadow:0 0 8px var(--gold)}.active-panel .pas{font-size:12px;color:var(--gray);margin-top:4px}.abilities{position:fixed;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:8px;padding:8px}.ab{width:112px;min-height:92px;padding:6px 4px;border:1px solid #3c4a26;background:linear-gradient(180deg,#121a10,#060806);clip-path:var(--cut);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;transition:all .15s}.ab .k{position:absolute;top:3px;left:6px;font-size:11px;color:var(--gray)}.ab .i{font-size:26px;line-height:1;filter:drop-shadow(0 0 6px var(--green-glow))}.ab b{font-size:12px;letter-spacing:.08em;color:#eaeadc;text-transform:uppercase;margin-top:4px;line-height:1.1}.ab small{font-size:11px;color:var(--gold)}.ab.cool{opacity:.4}.ab.used{border-color:var(--green);box-shadow:0 0 22px var(--green-glow),inset 0 0 22px #8aff004d;transform:translateY(-4px)}.ab.ult.used{border-color:var(--gold);box-shadow:0 0 26px #ffc83c99,inset 0 0 22px #ffc83c4d}.controls{position:fixed;right:12px;bottom:12px;display:flex;gap:6px;padding:8px;align-items:center}.controls .btn.on{background:var(--green);color:#000}.controls .btn.off{opacity:.4;text-decoration:line-through}.log{position:fixed;left:12px;top:96px;width:280px;max-height:40vh;overflow:hidden;display:flex;flex-direction:column;gap:2px;font-size:12px;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 30%)}.log div{background:#00000080;padding:2px 8px;border-left:2px solid var(--tc, #555);color:var(--bone);animation:fadeIn .3s;opacity:0;animation-fill-mode:forwards}.banner{position:fixed;left:0;right:0;top:34%;text-align:center;pointer-events:none}.banner h1{font-size:clamp(60px,11vw,150px);line-height:.9;color:#fff;text-shadow:0 0 40px var(--glow, var(--green)),0 4px 0 #000}.banner p{font-family:var(--font-caps);letter-spacing:.5em;color:var(--gold);font-size:clamp(12px,1.5vw,20px)}.banner.fullsend h1{color:#fff7c0;--glow: #ffb428;transform:skew(-8deg)}.banner-in{animation:bannerIn 1.4s forwards}@keyframes bannerIn{0%{opacity:0;transform:scale(1.6);letter-spacing:.3em}15%{opacity:1;transform:scale(1);letter-spacing:0}80%{opacity:1}to{opacity:0;transform:scale(.96)}}.spectate{position:fixed;left:50%;top:14px;transform:translate(-50%);width:min(760px,94vw)}.spec-card{padding:14px 20px;text-align:center}.spec-card h2{font-size:34px;color:#e9f3d8;line-height:1}.spec-card p{color:var(--gray);font-size:14px;margin-top:4px}.spec-vs{margin-top:6px;font-size:18px;letter-spacing:.06em}.spec-vs b{font-family:var(--font-display);font-size:26px;color:var(--gold);margin:0 10px}.spec-vs small{color:var(--gray);font-size:11px;letter-spacing:.12em;display:block}.spec-vs span,.spec-vs small{display:inline-block}.spec-taunt{font-style:italic;color:#ffb09a!important}.spec-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;text-align:left}.spec-cols h4{font-size:12px;letter-spacing:.2em;margin-bottom:6px}.spec-cols .unit-chip{margin-bottom:4px}.spec-status{margin-top:10px;color:var(--green)!important;letter-spacing:.15em;animation:blink 1.6s infinite}.spec-result h2{font-size:54px}.spec-compact{padding:8px 16px}.spec-compact .spec-taunt{display:none}.spec-compact .spec-status{margin-top:4px}.spec-mood{font-family:var(--font-caps);color:var(--gold);letter-spacing:.4em;font-size:18px}.spec-result ul{list-style:none;text-align:left;margin:10px auto 0;max-width:560px;font-size:14px}.spec-result li{padding:3px 8px;border-left:2px solid var(--green-dim);margin:3px 0;background:#00000059}.spec-result li b{color:var(--gold);margin-right:6px}#intro .menu .btn .sub{display:block;font-size:10px;letter-spacing:.2em;opacity:.7;margin-top:2px}.wallets{display:grid;gap:8px}.wallet-btn{display:flex;align-items:center;gap:10px;text-align:left}.wallet-btn img{width:26px;height:26px}.ranked-status{min-height:1.2em;margin-top:8px}.ranked-bar{position:fixed;top:12px;right:12px;display:flex;gap:12px;align-items:center;padding:8px 12px;font-size:13px;z-index:6;flex-wrap:wrap}.gold-text{color:#f2d27a;letter-spacing:.2em}.ranked-result{margin:8px 0 0}.ranked-result .delta{font-family:var(--font-display);font-size:32px}.ranked-result .delta.up{color:var(--green)}.ranked-result .delta.down{color:var(--red)}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);padding:10px 16px;background:#060906f2;border:1px solid var(--green-dim);clip-path:var(--cut);z-index:60;max-width:90vw}.toast.error{border-color:var(--red);color:#ffb09a}.countdown{position:fixed;left:50%;top:84px;transform:translate(-50%);padding:6px 16px;font-family:var(--font-caps);letter-spacing:.2em;color:#f2d27a;z-index:5}.countdown.hurry{color:var(--red);animation:blink .5s infinite}.gi{width:1.05em;height:1.05em;fill:currentColor;vertical-align:-.17em;flex:none}.card .role-badge{position:absolute;top:40px;right:8px;width:30px;height:30px;display:grid;place-items:center;background:#000000a6;border:1px solid var(--rc);color:var(--rc);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.card .role-badge .gi{width:18px;height:18px}.card .stats span{display:inline-flex;align-items:center;gap:2px}.card .stats .gi{color:var(--gray);width:12px;height:12px}.detail .role{display:flex;gap:10px;align-items:center;padding:8px 10px;background:#0006;border:1px solid color-mix(in srgb,var(--rc) 50%,#222)}.detail .role .role-ico{width:34px;height:34px;color:var(--rc);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rc) 60%,transparent))}.detail .role b{display:block;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#f0f0e6}.detail .role span{font-size:12px;color:var(--gray)}.statgrid div{position:relative}.statgrid .gi{color:var(--gray);width:14px;height:14px;position:absolute;left:6px;top:6px;opacity:.8}.traits{display:grid;gap:6px}.trait{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--bone)}.trait .gi{width:22px;height:22px;color:#f2d27a}.trait small{display:block;font-size:9px;letter-spacing:.25em;color:var(--gray)}.ability h4{display:flex;align-items:center;gap:6px}.ability .ab-ico{width:18px;height:18px;color:var(--green)}.ability.ult .ab-ico{color:var(--gold)}.fxrow{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:4px}.fx{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;font-size:12px;background:#0000008c;border:1px solid #3c4a26;color:#eaeadc}.fx .gi{width:13px;height:13px}.fx-damage .gi,.fx-dot .gi{color:#ff7a5a}.fx-shield .gi{color:#9fd8ff}.fx-heal .gi{color:var(--green)}.fx-buff_attack .gi,.fx-buff_speed .gi{color:#ffd27a}.fx-debuff_attack .gi,.fx-taunt .gi,.fx-push .gi{color:#ff9a6a}.fx-target{font-size:11px;color:var(--gray);letter-spacing:.05em}.unit-chip small .gi{width:11px;height:11px;color:var(--gray)}.unit-bar .ico .gi{width:13px;height:13px;vertical-align:0}.unit-bar .st i .gi{width:10px;height:10px;vertical-align:-1px;margin-right:1px}.ab .i .gi{width:28px;height:28px;color:var(--green)}.ab.ult .i .gi{color:var(--gold)}.ab .abfx{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;margin-top:3px}.ab .abfx .fx{font-size:10px;padding:0 4px}.active-panel .pas .gi,.active-panel .sub .gi{width:12px;height:12px;color:#f2d27a}.credit{color:var(--gray);font-size:10px;letter-spacing:.05em;margin-left:auto}#result{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0003,#000000d9)}#result .box{text-align:center;padding:30px 40px;min-width:min(560px,94vw)}#result h1{font-size:clamp(64px,10vw,128px);line-height:.9}#result h1.win{color:var(--green);text-shadow:0 0 40px var(--green-glow)}#result h1.lose{color:var(--red);text-shadow:0 0 40px var(--red-glow)}#result h1.draw{color:var(--gold)}#result .sum{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;text-align:left}#result .sum h4{letter-spacing:.2em;font-size:12px;color:var(--gray);margin-bottom:6px}#result .hpline{display:flex;align-items:center;gap:8px;font-size:14px;margin:3px 0}#result .hpline img{width:32px;height:32px;object-fit:cover;object-position:top}#result .hpline .b{flex:1;height:6px;background:#1a0c0a}#result .hpline .b i{display:block;height:100%;background:var(--tc)}#result .btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#result .stats{color:var(--gray);font-size:13px;letter-spacing:.1em}.gauntlet{position:fixed;inset:0;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;align-items:center;background:#00000073;z-index:6}.gauntlet>*{width:min(1040px,100%)}.g-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;flex-wrap:wrap}.g-head h2{font-family:var(--font-display);font-size:40px;color:var(--green);line-height:1;text-shadow:0 0 18px var(--green-glow)}.g-head .gray{font-size:13px;letter-spacing:.12em}.g-who{display:flex;gap:8px;align-items:center;font-size:13px}.g-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g-col{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.g-col h4{font-family:var(--font-caps);font-size:13px;letter-spacing:.25em;color:#f2d27a;margin-top:4px}.g-stats,.g-split{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.g-split{grid-template-columns:repeat(3,1fr)}.g-stats div,.g-split div{background:#0006;border:1px solid #2c3820;padding:8px 4px}.g-stats b,.g-split b{display:block;font-size:22px;color:#eef6dc}.g-split b{font-size:18px;color:#f2d27a}.g-stats small,.g-split small{font-size:10px;letter-spacing:.2em;color:var(--gray)}.g-row{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:.15em}.g-tickets,.g-pips span{display:inline-flex;gap:4px}.g-tickets i,.g-pips i{width:12px;height:16px;background:#1a2014;border:1px solid #3c4a26;transform:skew(-12deg)}.g-tickets i.on{background:#f2d27a;border-color:#f2d27a;box-shadow:0 0 6px #f2d27a99}.g-pips{display:flex;justify-content:space-between;gap:12px;margin:6px 0}.g-wins i.on{background:var(--green);border-color:var(--green);box-shadow:0 0 6px var(--green-glow)}.g-lives i{border-radius:50%;transform:none;width:14px;height:14px}.g-lives i.on{background:var(--red);border-color:var(--red);box-shadow:0 0 6px var(--red-glow)}.g-run{padding:10px 12px;background:#0006;border:1px solid var(--green-dim)}.g-run small{font-size:12px;letter-spacing:.08em}.g-action{display:grid;gap:6px}.g-action .btn[disabled]{opacity:.45;pointer-events:none}.small-note{font-size:12px;letter-spacing:.05em}.g-miles{display:grid;gap:6px}.g-mile{display:grid;grid-template-columns:80px 1fr 80px;gap:8px;align-items:center;font-size:12px;letter-spacing:.1em}.g-mile span:last-child{text-align:right;color:#f2d27a}.g-mile .b{height:8px;background:#1a2014;border:1px solid #2c3820}.g-mile .b i{display:block;height:100%;background:var(--green-dim)}.g-mile.done .b i{background:var(--green);box-shadow:0 0 8px var(--green-glow)}.g-mile.done span:first-child{color:var(--green)}.g-pay,.g-board{display:grid;gap:4px;font-size:13px}.g-pay div,.g-board div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:4px 8px;background:#00000059;border-left:2px solid #2c3820}.g-board div{grid-template-columns:38px 1fr auto 70px}.g-board b{text-align:right;color:#eef6dc}.g-board div:nth-child(-n+3) span:first-child{color:#f2d27a}.g-board div.me{border-left-color:var(--green);background:#4a8f0a2e}.g-pool{font-size:15px;letter-spacing:.15em;color:var(--gray)}.g-pool b{font-family:var(--font-display);font-size:44px;color:#f2d27a;text-shadow:0 0 14px rgba(242,210,122,.4)}.g-rules summary{cursor:pointer;font-family:var(--font-caps);font-size:12px;letter-spacing:.25em;color:var(--green)}.g-rules ul{margin:8px 0 0 16px;font-size:13px;color:var(--bone);display:grid;gap:4px;font-weight:500}.g-opp{text-align:center;width:min(560px,92vw)}.g-opp h2{margin-bottom:2px}.g-tier{display:inline-block;padding:2px 12px;font-family:var(--font-caps);letter-spacing:.3em;color:#111;background:#f2d27a;clip-path:var(--cut);margin-bottom:8px}.g-taunt{font-style:italic;color:var(--bone);margin:6px 0 12px}.g-plan{font-size:12px;letter-spacing:.2em;color:var(--gray);margin:-6px 0 10px}.g-plan b{color:var(--green)}.g-oppteam{display:grid;gap:6px;text-align:left;margin-bottom:10px}.avatar{width:26px;height:26px;object-fit:cover;border:1px solid var(--green-dim);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#1a2014;flex:none;display:inline-block}.avatar.none{background:radial-gradient(circle at 50% 38%,#3c4a26 22%,transparent 24%),radial-gradient(ellipse at 50% 100%,#3c4a26 40%,#1a2014 42%)}.avatar.big{width:96px;height:96px;border-color:var(--green);filter:drop-shadow(0 0 10px var(--green-glow))}.who{display:inline-flex;align-items:center;gap:6px;min-width:0}.who b,.who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip{position:fixed;top:14px;right:14px;z-index:7;display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;padding:8px 14px;color:var(--bone);font:inherit;cursor:pointer;text-align:left}.account-chip .avatar{grid-row:span 2;width:34px;height:34px}.account-chip .who{display:contents}.account-chip b{font-size:14px;letter-spacing:.12em;color:#eef6dc}.account-chip small{font-size:9px;letter-spacing:.25em;color:var(--gray)}.account-chip:hover{border-color:var(--green)}.profile-box{width:min(560px,94vw)}.profile-box h4{font-family:var(--font-caps);font-size:12px;letter-spacing:.25em;color:#f2d27a;margin:14px 0 8px}.profile-top{display:flex;gap:16px;align-items:center}.profile-top label{flex:1;display:grid;gap:6px;font-size:11px;letter-spacing:.25em;color:var(--gray)}.profile-top input{font:inherit;font-size:18px;letter-spacing:.05em;padding:8px 10px;background:#0a0f0a;color:#eef6dc;border:1px solid #3c4a26;outline:none;user-select:text;-webkit-user-select:text}.profile-top input:focus{border-color:var(--green)}.face-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.face{display:grid;justify-items:center;gap:4px;padding:6px 4px;background:#0006;border:1px solid #2c3820;color:var(--bone);font:inherit;cursor:pointer}.face .avatar{width:56px;height:56px;border-color:var(--rc)}.face small{font-size:10px;letter-spacing:.08em}.face.on{border-color:var(--green);background:#4a8f0a38}.face.on .avatar{filter:drop-shadow(0 0 8px var(--green-glow))}.g-board .who .avatar{width:20px;height:20px}.manual-bar{position:fixed;left:50%;bottom:128px;transform:translate(-50%);z-index:8;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;padding:10px 14px;width:min(760px,96vw);border-color:var(--green-dim)}.mb-who b{display:block;font-size:18px;letter-spacing:.12em;color:var(--green)}.mb-who small{font-size:10px;letter-spacing:.25em;color:#f2d27a}.mb-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mb-btns .btn small{display:block;font-size:10px;letter-spacing:.1em;opacity:.75}.mb-btns .btn[disabled]{opacity:.35;pointer-events:none}.mb-btns .btn.on{box-shadow:0 0 0 2px var(--green),0 0 16px var(--green-glow)}.mb-hint{grid-column:1 / -1;font-size:13px;color:var(--bone);letter-spacing:.05em;margin:0}@media(max-width:860px){.manual-bar{bottom:8px;grid-template-columns:1fr;padding:8px;gap:4px}.mb-btns{justify-content:flex-start}.mb-btns .btn{padding:6px 8px;font-size:11px}.account-chip{top:8px;right:8px;padding:6px 10px}.account-chip .avatar{width:28px;height:28px}.gauntlet{padding:8px 8px 72px;gap:8px}.g-cols{grid-template-columns:1fr;gap:8px}.g-head h2{font-size:28px}.g-col{padding:12px}.g-stats b{font-size:18px}.g-pool b{font-size:34px}#intro{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;align-content:stretch;padding:4vh 6vw calc(3vh + env(safe-area-inset-bottom));gap:0}#intro .title{align-self:start;justify-self:center;text-align:center;padding-bottom:0}#intro .title img{width:56px;margin:0 auto 4px}#intro .title{max-width:100%}#intro .title h1{font-size:clamp(34px,11vw,46px);line-height:.9;overflow-wrap:anywhere}#intro .title h1 span{display:inline;margin-left:10px}#intro .title p{font-size:10px;letter-spacing:.35em;margin-top:6px}#intro .menu{grid-row:3;padding:12px;gap:8px}#intro .menu .btn{padding:.7em 1em;font-size:14px}#intro .menu .ver,#intro .press{display:none}.modal .panel{padding:16px}.modal h2{font-size:28px;margin-bottom:8px}.codex-grid{grid-template-columns:1fr;gap:10px}.codex-grid .cards{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:96px;grid-auto-rows:130px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.codex-grid .card{height:130px}.codex-grid .detail{padding:0}.codex-grid .detail .hero{height:130px}.codex-grid .detail h3{font-size:28px}#squad{padding:10px 10px calc(10px + env(safe-area-inset-bottom));gap:8px}#squad .wrap{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:8px;min-height:0}#squad .detail{display:block;max-height:26vh;overflow-y:auto;padding:10px 12px;gap:6px}#squad .detail .hero{display:none}#squad .detail h3{font-size:24px}#squad .detail .statgrid b{font-size:16px}#squad .detail .ability p,#squad .detail>p{font-size:12px}.squadbar{flex-wrap:nowrap;padding:8px;gap:8px}.squadbar .slots{gap:6px}.slot{width:44px;height:44px;font-size:18px}.squadbar .btn{padding:.6em .9em;font-size:12px;white-space:nowrap}.cards{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-auto-rows:150px}.card{aspect-ratio:auto;height:150px}.card .stats,.squadbar .hint{display:none}.card .name{font-size:16px}.deploy-left,.deploy-right{top:64px;width:calc(50vw - 16px);padding:6px;flex-direction:row;flex-wrap:wrap;gap:4px}.deploy-left h3,.deploy-right h3{font-size:15px;width:100%}.deploy-right>small{display:none}.unit-chip{grid-template-columns:1fr;padding:2px;flex:1;min-width:0;text-align:center}.unit-chip img{width:100%;height:40px}.unit-chip small{display:none}.unit-chip b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-chip.placed:after{right:3px;top:1px;font-size:11px}.deploy-bottom{padding:6px;gap:6px;flex-wrap:nowrap;bottom:10px}.deploy-bottom .hint{display:none}.deploy-bottom .btn{padding:.6em .8em;font-size:12px;white-space:nowrap}.topbar .screen-title{padding:4px 14px}.screen-title p,.deploy-tip{display:none}.countdown{top:46px;font-size:12px;padding:4px 10px}.ranked-bar{inset:auto 8px 64px;justify-content:center;font-size:11px}.active-panel{width:60vw;grid-template-columns:64px 1fr}.active-panel .por{height:70px}.active-panel h3{font-size:20px}.active-panel .pas,.abilities,.log,.hud .brand{display:none}.round-box{padding:4px 12px 6px}.round-box b{font-size:13px;letter-spacing:.15em}.turn-order{padding:4px 6px}.turn-order small{display:none}.turn-order .t{width:26px;height:26px}.active-panel{left:8px;right:8px;width:auto;bottom:62px;padding:6px 10px 6px 6px}.active-panel .row{font-size:12px}.controls{left:8px;right:8px;bottom:8px;justify-content:center;padding:6px}.controls .btn{padding:.5em .9em}.float-text.ability{font-size:14px}.unit-bar{transform-origin:50% 100%;gap:3px}.unit-bar .ico{width:15px;height:15px;font-size:9px}.unit-bar .hp{width:42px;height:6px}.unit-bar .num{font-size:10px;min-width:26px}.unit-bar .en{left:18px;top:9px}.unit-bar .en s{width:7px;height:3px}.unit-bar .st{left:18px;top:14px}.unit-bar .st i{font-size:9px;padding:0 3px}.float-text{font-size:22px}.float-text.ko,.float-text.dice-ok,.float-text.dice-fail{font-size:32px}#result{align-items:end;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}#result .box{padding:16px;min-width:0;width:100%}#result h1{font-size:56px}#result .sum{grid-template-columns:1fr;gap:10px;margin:10px 0}#result .hpline{font-size:12px}#result .hpline img{width:24px;height:24px}#result .btns .btn{padding:.6em .9em;font-size:12px}.banner h1{font-size:64px}.screen-title h2{font-size:20px}}@media(max-width:860px)and (orientation:landscape){.active-panel{right:auto;width:min(320px,46vw);bottom:8px;grid-template-columns:48px 1fr;padding:4px 8px 4px 4px}.active-panel .por{height:52px}.active-panel h3{font-size:17px}.active-panel .sub{font-size:9px}.active-panel .bar{height:7px;margin-top:4px}.controls{left:auto;right:8px;bottom:8px;padding:4px}#intro{grid-template-columns:minmax(0,1fr) minmax(220px,300px);grid-template-rows:1fr;padding:3vh 4vw;gap:3vw}#intro .title{align-self:end;justify-self:start;text-align:left}#intro .title img{margin:0 0 4px}#intro .menu{grid-row:auto;align-self:center;padding:8px;gap:6px}#intro .menu .btn{padding:.5em .8em;font-size:13px}#intro .menu .btn .sub{display:none}#squad .detail{max-height:34vh}.deploy-left,.deploy-right{top:52px;width:min(300px,34vw)}#result{align-items:center}#result .sum{grid-template-columns:1fr 1fr}#result h1{font-size:40px}}#ui{top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);right:env(safe-area-inset-right);transform:translateZ(0)}#game{touch-action:none;-webkit-tap-highlight-color:transparent}html{-webkit-tap-highlight-color:transparent}@media(pointer:coarse){.btn:hover:not(:disabled){filter:none}.btn{min-height:44px}.btn:active:not(:disabled){transform:scale(.97);filter:brightness(1.2)}.card:active{transform:scale(.98)}}@media(max-width:860px)and (orientation:portrait){.manual-bar{left:8px;right:8px;bottom:8px;width:auto;transform:none;grid-template-columns:1fr;gap:8px;padding:10px}.mb-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mb-btns .btn{padding:.7em .6em;font-size:13px;min-height:52px}.mb-btns .btn.small{min-height:44px}.mb-btns [data-k=rest]{grid-column:1 / -1}.mb-hint{grid-row:2;font-size:14px}body:has(.manual-bar) .active-panel,body:has(.manual-bar) .controls{display:none}.deploy-tip.docked{display:block;inset:auto 8px 76px;max-width:none;transform:none!important;font-size:13px}.deploy-bottom{left:8px;right:8px;transform:none;max-width:none;justify-content:space-between}.deploy-bottom .btn{flex:1;min-height:48px}.deploy-bottom .btn.primary{flex:1.4}.unit-chip{min-height:56px}.toast{bottom:140px;text-align:center}.squadbar .btn{min-height:48px}#result .btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}#result .btns .btn{min-height:48px}.controls .btn{min-height:40px;min-width:48px}}#intro.x-embed .menu{gap:10px}#intro.x-embed .x-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}#intro.x-embed .x-row .btn:after{display:none}#intro.x-embed .menu,#intro.x-embed .title img,#intro.x-embed .title h1,#intro.x-embed .title p{opacity:1;animation:none}@media(max-height:480px)and (orientation:portrait){#intro.x-embed{padding:10px 12px}#intro.x-embed .title img{width:40px}#intro.x-embed .title h1{font-size:30px}#intro.x-embed .menu{padding:8px;gap:6px}#intro.x-embed .menu .btn{padding:.5em .8em;font-size:13px;min-height:40px}#squad .detail{display:none}#squad .wrap{grid-template-rows:1fr}#result .box{max-height:100%;overflow-y:auto;padding:10px}#result h1{font-size:40px}#result .sum{display:none}#result .btns .btn{min-height:38px}}