@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(./cinzel-latin-900-normal-BI3z7Tow.woff2)format("woff2"),url(./cinzel-latin-900-normal-t_fSDEbn.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(./inter-latin-800-normal-BYj_oED-.woff2)format("woff2"),url(./inter-latin-800-normal-D1mf63XC.woff)format("woff")}:root{--bg:#070b12;--panel:#101925;--panel-2:#162233;--line:#2b3c53;--line-2:#4a6382;--cyan:#6fdcf5;--cyan-dim:#3b8eaa;--bronze:#c9963f;--bronze-2:#6b4718;--ivory:#efe6d2;--text:#e6ecf3;--muted:#8b9cb2;--gold:#e9c46a;--atk:#ff8a3d;--def:#4fc8ee;--player:#4fd2f0;--enemy:#ff6a3d;--good:#7dff8a;--bad:#ff6b5b;--serif:"Cinzel", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--sans);margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}img{-webkit-user-drag:none}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center}.up{color:var(--good)}.down{color:var(--bad)}.eyebrow{font:800 .68rem/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.eyebrow.cyan{color:var(--cyan)}.loading{height:100%;font-family:var(--serif);color:var(--ivory);letter-spacing:.3em;place-items:center;display:grid}.frame{--c:12px;--frame-bg:linear-gradient(180deg, var(--panel-2), var(--panel));--frame-line:linear-gradient(180deg, var(--line-2), var(--line));isolation:isolate;background:var(--frame-line);clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c));border:0;position:relative}.frame:before{content:"";z-index:-1;background:var(--frame-bg);clip-path:polygon(calc(var(--c) - .6px) 0, calc(100% - var(--c) + .6px) 0, 100% calc(var(--c) - .6px), 100% calc(100% - var(--c) + .6px), calc(100% - var(--c) + .6px) 100%, calc(var(--c) - .6px) 100%, 0 calc(100% - var(--c) + .6px), 0 calc(var(--c) - .6px));position:absolute;inset:1.5px}.btn{border:1px solid var(--line-2);background:linear-gradient(180deg, var(--panel-2), var(--panel));color:var(--text);letter-spacing:.12em;text-transform:uppercase;border-radius:10px;padding:.75rem 1.1rem;font-size:.82rem;font-weight:800;transition:transform .12s,filter .12s;box-shadow:0 4px 14px #00000073}.btn:not(:disabled):hover{filter:brightness(1.15)}.btn:not(:disabled):active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg, #d9a54c, var(--bronze-2));color:#fff6e3;border-color:#f0cf8a}.btn.danger{background:linear-gradient(#c8402a,#6e1a10);border-color:#ff9a85}.btn.ghost{box-shadow:none;background:#070b1299}.btn.big{padding:1rem 2rem;font-size:1.1rem}.btn.small{border-radius:8px;padding:.45rem .8rem;font-size:.72rem}.btn-bronze,.end-turn{--c:14px;--frame-bg:linear-gradient(180deg, #a87832, #5e3d14 60%, #3e280c);--frame-line:linear-gradient(180deg, #f3d38e, #8a6224);color:#fff3dc;font:900 1.05rem/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;text-shadow:0 2px #00000073;padding:1.05rem 1.6rem;transition:transform .12s,filter .12s}.btn-bronze:not(:disabled):active,.end-turn:not(:disabled):active{transform:scale(.97)}.btn-bronze:not(:disabled):hover,.end-turn:not(:disabled):hover{filter:brightness(1.12)}.chip-btn{--c:9px;color:var(--ivory);font:800 clamp(.6rem, 2.6vw, .72rem)/1.1 var(--sans);letter-spacing:.14em;text-transform:uppercase;overflow-wrap:anywhere;padding:.85rem .4rem}.icon-btn{border:1px solid var(--line-2);background:#070b12b3;border-radius:50%;width:40px;height:40px;font-size:1.1rem}.mute-btn{border:1px solid var(--line-2);width:38px;height:38px;color:var(--cyan);background:#070b12bf;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mute-btn.off{color:var(--muted)}.mute-btn:disabled{opacity:.6}.mute-btn.corner{z-index:5;top:calc(12px + var(--safe-top));position:absolute;right:12px}.setting.note{color:var(--gold);font-size:.85rem}.screen{background:radial-gradient(circle at 50% 0%, #15233a, var(--bg) 70%);background-position:50%;background-size:cover;flex-direction:column;display:flex;position:absolute;inset:0}.topbar{padding:calc(10px + var(--safe-top)) 14px 10px;border-bottom:1px solid var(--line);background:#070b12d1;align-items:center;gap:.75rem;display:flex;position:relative}.topbar h2{text-align:center;font:700 1.1rem/1.1 var(--serif);color:var(--ivory);letter-spacing:.18em;text-transform:uppercase;flex:1;margin:0}.topbar-right{justify-content:flex-end;min-width:80px;display:flex}.gold{color:var(--gold);font-weight:800}.home-shade{pointer-events:none;background:radial-gradient(#070b1259,#070b12eb);position:absolute;inset:0}.home-content{padding:calc(16px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));flex-direction:column;flex:1;align-items:center;gap:16px;display:flex;position:relative;overflow:auto}.home-title{flex-direction:column;align-items:center;gap:10px;width:min(560px,100%);display:flex}.realm-gate{--c:10px;font:800 .72rem/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--ivory);padding:.6rem 2.2rem}.title-plate{--c:22px;text-align:center;flex-direction:column;gap:6px;width:100%;padding:1rem 1rem 1.15rem;display:flex}.title-plate h1{font:700 clamp(1.9rem, 8vw, 3rem)/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(#fff6e0,#c9b48a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.home-panel{--c:26px;flex-direction:column;align-items:center;gap:16px;width:min(560px,100%);padding:18px;display:flex}.featured{flex-direction:column;align-items:center;gap:12px;display:flex}.tag{--c:10px;font:800 .66rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ivory);padding:.5rem 1.2rem}.featured-card{filter:drop-shadow(0 18px 30px #0009);background:0 0;border:0;width:min(220px,52vw);padding:0;animation:5s ease-in-out infinite floaty}.home-side{flex-direction:column;gap:12px;width:100%;display:flex}.profile-card{--c:14px;text-align:left;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.profile-card img{object-fit:cover;border-radius:50%;width:56px;height:56px}.profile-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.profile-info b{font-size:1rem}.profile-info small{color:var(--muted)}.rank-name{font:700 .72rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase}.rank-bar{background:#ffffff14;border-radius:3px;height:5px;overflow:hidden}.rank-bar i{background:linear-gradient(90deg, var(--cyan-dim), var(--cyan));height:100%;display:block}.rank-ring{border:3px solid #6b7686}.rank-ring.r2{border-color:#cfd6e0}.rank-ring.r3{border-color:var(--gold)}.rank-ring.r4{border-color:var(--cyan)}.rank-ring.r5{border-color:#c48cff}.rank-ring.r6{border-color:#ff5a3c;box-shadow:0 0 18px #ff5a3c}.rank-name.r1{color:#a9b6c6}.rank-name.r2{color:#e2e8f0}.rank-name.r3{color:var(--gold)}.rank-name.r4{color:var(--cyan)}.rank-name.r5{color:#d6b0ff}.rank-name.r6{color:#ff7a5c}.chip-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.home-side .btn-bronze{width:100%}.warn-text{color:var(--bad);text-align:center;font-size:.85rem}@media (orientation:landscape) and (width>=760px){.home-content{justify-content:center}.home-panel{flex-direction:row;align-items:center;gap:28px;width:min(900px,100%);padding:22px 28px}.featured-card{width:min(240px,26vw)}.home-title{width:min(900px,100%)}}.codex-list{padding:16px 16px calc(24px + var(--safe-bottom));flex-direction:column;flex:1;gap:12px;width:100%;max-width:720px;margin:0 auto;display:flex;position:relative;overflow:auto}.chapter{--c:16px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.chapter h3{font:700 1.05rem/1.25 var(--serif);color:var(--ivory);letter-spacing:.06em;margin:0}.chapter p{color:#cdd6e2;max-width:65ch;margin:0;line-height:1.6}.chapter.locked{opacity:.6}.login-box{border:1px solid var(--line-2);background:#101925eb;border-radius:14px;flex-direction:column;gap:12px;width:min(400px,92vw);padding:18px;display:flex}.login-or{color:var(--muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1px}.login-form{flex-direction:column;gap:8px;display:flex}.login-form input{font:inherit;color:var(--text);border:1px solid var(--line-2);background:#070b12b3;border-radius:10px;padding:.7rem .8rem}.link-btn{color:var(--cyan);background:0 0;border:0;font-size:.85rem;text-decoration:underline}.logo{font-family:var(--serif);color:var(--ivory);text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(2.2rem,9vw,4rem);font-weight:900;line-height:1}.logo span{color:var(--cyan)}.logo small{font:800 .22em/1 var(--sans);letter-spacing:.5em;color:var(--muted);margin-top:.6rem;display:block}.home .home-content>.logo{margin-top:12vh}.battle{position:absolute;inset:0;overflow:hidden}.board-host{position:absolute;inset:0}.board-overlay{pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.board-overlay.hidden{opacity:0}.lane-overlay{flex-direction:column;align-items:center;display:flex;position:absolute}.lane-scores{filter:drop-shadow(0 4px 8px #0009);align-items:stretch;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-100% - 2px))}.score{min-width:2.1em;font:800 clamp(.9rem, 3vmin, 1.5rem)/1 var(--sans);color:#08121a;place-items:center;padding:.28em .5em;transition:transform .2s;display:grid}.score.player{clip-path:polygon(22% 0,100% 0,100% 100%,22% 100%,0 50%);background:linear-gradient(#9cecff,#3fb5dc);padding-left:.75em}.score.enemy{clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%);background:linear-gradient(#ffc09b,#e8693a);padding-right:.75em}.vs{font:900 clamp(.55rem, 1.6vmin, .75rem)/1 var(--sans);letter-spacing:.08em;color:var(--ivory);background:#0b111a;place-items:center;padding:0 .35em;font-style:normal;display:grid}.score.lead{transform:scale(1.12)}.lane-name{border:1px solid var(--line-2);font:700 clamp(.5rem, 1.5vmin, .78rem)/1.15 var(--serif);color:var(--ivory);letter-spacing:.14em;text-transform:uppercase;text-align:center;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);background:#080c13e0;max-width:92%;padding:.32rem .7rem;position:absolute;top:calc(50% + 2px)}.hud-top{top:calc(6px + var(--safe-top));pointer-events:none;grid-template-columns:1fr 1fr;grid-template-areas:"bar bar""me foe""line line";gap:4px 8px;display:grid;position:absolute;left:8px;right:8px}.hud-top>*{pointer-events:auto}.hud-bar{--c:12px;grid-area:bar;justify-content:space-around;align-items:center;gap:6px;padding:6px 8px 6px 14px;display:flex}.hud-stat{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.hud-stat span{font:800 .58rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.hud-stat b{font:700 1.25rem/1 var(--serif);color:var(--ivory);font-variant-numeric:tabular-nums}.hud-stat b small{color:var(--muted);font-size:.65em}.hud-stat.mana span{color:var(--cyan)}.hud-stat.timer b{color:var(--gold)}.hud-stat.timer.warn b{color:var(--bad);animation:.8s infinite blink}.flag-btn{color:#fff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(#c8402a,#6e1a10);border:1px solid #ff9a85;width:38px;height:38px;font-size:.95rem}.duelist{align-items:center;gap:8px;min-width:0;display:flex}.duelist.me{grid-area:me}.duelist.foe{text-align:right;grid-area:foe;justify-content:flex-end}.duelist img{object-fit:cover;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--line-2);flex-shrink:0;width:36px;height:36px}.duelist div{flex-direction:column;min-width:0;line-height:1.15;display:flex}.duelist span{font:800 .55rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.duelist b{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000;font-size:.85rem;overflow:hidden}.duel-line{text-align:center;font:italic 500 .72rem/1.2 var(--serif);color:#c9d4e2;text-shadow:0 1px 3px #000;white-space:nowrap;text-overflow:ellipsis;grid-area:line;overflow:hidden}@media (orientation:landscape){.hud-top{grid-template-columns:1fr auto 1fr;grid-template-areas:"me bar foe""line line line";align-items:center;left:16px;right:16px}.hud-bar{min-width:340px}.duelist img{width:46px;height:46px}.duelist b{font-size:1rem}}.hud-bottom{pointer-events:none;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:19.6%;left:8px;right:8px}.hud-bottom>*{pointer-events:auto}.hud-hint{text-align:center;color:var(--muted);text-shadow:0 1px 3px #000;flex:1;align-self:center;font-size:.74rem;pointer-events:none!important}.end-turn{--c:11px;letter-spacing:.22em;padding:.85rem 1.1rem;font-size:.82rem}.end-turn.ready{animation:1.1s infinite glow}@media (orientation:landscape){.hud-bottom{bottom:calc(3% + var(--safe-bottom));left:16px;right:16px}.hud-hint{left:30%;right:30%;top:calc(76px + var(--safe-top));font-size:.85rem;position:fixed}.end-turn{margin-left:auto;padding:1.05rem 1.8rem;font-size:1rem}}.mana-crystal{filter:drop-shadow(0 0 10px #6f8cff8c);flex-shrink:0;transition:transform .2s;position:relative}.mana-crystal.pulse{transform:scale(1.12)}.mana-crystal.empty{filter:grayscale(.6)drop-shadow(0 0 4px #0009)}.mana-crystal .liquid{transition:transform .6s cubic-bezier(.3,1.4,.5,1)}.mana-crystal .wave{animation:3.2s linear infinite wave}.mana-crystal .wave.back{animation-duration:4.6s;animation-direction:reverse}.mana-crystal .bubble{fill:#dcfaffbf;animation:2.8s ease-in infinite bubble}.mana-num{font:800 44px/1 var(--sans);fill:#fff;paint-order:stroke;stroke:#080a1ebf;stroke-width:6px}@media (orientation:landscape){.hud-bottom .mana-crystal{width:64px!important;height:90px!important}}.toast{z-index:30;white-space:nowrap;background:#78140af0;border:1px solid #ff9a85;border-radius:10px;padding:.6rem 1.2rem;font-weight:700;animation:.2s pop;position:absolute;top:22%;left:50%;transform:translate(-50%)}.finale-panel{--c:16px;z-index:36;left:0;right:0;bottom:calc(10px + var(--safe-bottom));flex-direction:column;align-items:center;gap:6px;width:min(440px,100% - 16px);margin:0 auto;padding:12px 16px;animation:.25s pop;display:flex;position:absolute}.finale-panel h3{font:700 1.05rem/1.1 var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ivory);text-align:center;margin:0}.battle.finale-on .hud-top,.battle.finale-on .hud-bottom{opacity:0;pointer-events:none;transition:opacity .3s}.finale-scores{align-items:center;gap:14px;display:flex}.finale-scores i{font:900 .8rem/1 var(--sans);color:var(--muted);font-style:normal}.fs{border-radius:12px;flex-direction:column;align-items:center;min-width:84px;padding:6px 12px;display:flex}.fs span{font:800 .6rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase}.fs b{font:800 2.4rem/1 var(--sans);font-variant-numeric:tabular-nums}.fs.player{color:#9cecff;background:#4fd2f01f}.fs.enemy{color:#ffc09b;background:#ff6a3d1f}.fs.bump b{animation:.35s ease-out bump}.finale-verdict{font:800 1rem/1 var(--serif);letter-spacing:.16em;text-transform:uppercase;animation:.4s ease-out slam}.finale-verdict.player{color:var(--player);text-shadow:0 0 16px #4fd2f0b3}.finale-verdict.enemy{color:var(--enemy);text-shadow:0 0 16px #ff6a3db3}.finale-verdict.tie{color:var(--muted)}.notice{--c:14px;--frame-line:linear-gradient(180deg, #ff9a85, #8a2f1c);z-index:35;flex-direction:column;gap:6px;width:min(420px,100% - 24px);margin:0 auto;padding:14px 16px 12px;animation:.2s pop;display:flex;position:absolute;bottom:calc(27% + 8px);left:0;right:0}.notice b{font:800 .8rem/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#ffb4a6}.notice p{margin:0;font-size:.92rem;line-height:1.4}.notice p.hint{color:var(--muted);font-size:.85rem}.notice-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.notice-actions:empty{display:none}.notice-close{width:28px;height:28px;color:var(--muted);background:0 0;border:0;position:absolute;top:6px;right:8px}.hud-bottom.mana-error .mana-crystal{filter:drop-shadow(0 0 12px #ff5a3ce6);animation:.45s shake}@media (orientation:landscape){.notice{bottom:calc(30% + 8px)}}.big-move{text-align:center;font:900 clamp(1.8rem, 7vmin, 4rem)/1.1 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:#fff3dc;text-shadow:0 0 22px var(--atk), 0 4px 0 #4a1c05;z-index:27;pointer-events:none;animation:.35s ease-out slam;position:absolute;top:16%;left:0;right:0}.big-video{z-index:26;background:radial-gradient(circle,#070b1259,#070b12e6);place-items:center;animation:.2s fade;display:grid;position:absolute;inset:0}.big-video video{aspect-ratio:1;object-fit:cover;border:2px solid var(--cyan);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);width:min(78vmin,520px);animation:.35s ease-out slam;box-shadow:0 0 60px #6fdcf573}.coach{z-index:40;background:#070b1299;justify-content:center;align-items:flex-end;padding-bottom:32vh;display:flex;position:absolute;inset:0}.coach-box{border:1px solid var(--cyan-dim);text-align:center;background:#101925f5;border-radius:12px;max-width:min(440px,90vw);padding:16px 18px;animation:.25s pop}.coach-box p{margin:0 0 12px;line-height:1.45}.vs-intro{z-index:45;background:radial-gradient(circle at 30% 20%,#503c1459,#0000 60%),radial-gradient(circle at 70% 80%,#14466e66,#0000 60%),#05080df5;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 16px;animation:.25s fade;display:flex;position:absolute;inset:0}.vs-card{--c:22px;flex-direction:column;align-items:center;gap:10px;width:min(320px,82vw);padding:18px;animation:.45s ease-out slideL;display:flex}.vs-card.foe{--frame-bg:linear-gradient(180deg, #13202f, #0b131d);animation-name:slideR}.vs-card img{object-fit:cover;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);width:96px;height:96px}.vs-card .lvl{font:800 .62rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-2);padding:5px 10px}.vs-card b{font:700 1.5rem/1 var(--serif);letter-spacing:.1em;text-transform:uppercase;color:var(--ivory)}.vs-mark{flex-direction:column;align-items:center;gap:6px;display:flex}.vs-mark strong{font:900 3.2rem/1 var(--sans);background:linear-gradient(#fff,#6fdcf5);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:.5s ease-out slam}@media (orientation:landscape){.vs-intro{flex-direction:row;gap:32px}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080db8;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line-2);background:linear-gradient(#172435,#0c131d);border-radius:14px;max-width:min(720px,100%);max-height:92vh;padding:18px;animation:.18s pop;position:relative;overflow:auto;box-shadow:0 20px 60px #000000b3}.modal h2,.modal h3{font-family:var(--serif);color:var(--ivory);letter-spacing:.06em;margin:0 0 8px}.modal-close{border:1px solid var(--line-2);z-index:2;background:#070b12b3;border-radius:50%;width:32px;height:32px;position:absolute;top:8px;right:8px}.card-img{aspect-ratio:400/560;position:relative}.card-img img{filter:drop-shadow(0 6px 12px #0009);width:100%;height:100%;display:block}.card-ph{clip-path:polygon(8% 0,92% 0,100% 6%,100% 94%,92% 100%,8% 100%,0 94%,0 6%);background:linear-gradient(135deg,#1c2a3e,#0b111a);width:100%;height:100%}.inspector{align-items:flex-start;gap:18px;display:flex}.inspector-media{flex-shrink:0;position:relative}.inspector-card{flex-shrink:0;width:min(280px,42vw)}.inspector-video{object-fit:cover;pointer-events:none;clip-path:polygon(5% 0,95% 0,100% 6%,100% 94%,95% 100%,5% 100%,0 94%,0 6%);width:87%;height:59%;position:absolute;top:18.6%;left:6.5%}.inspector-info{flex-direction:column;gap:8px;min-width:0;display:flex}.lore{color:#c9d4e2;margin:0;font-style:italic}.effect-box{border:1px solid var(--cyan-dim);background:#6fdcf514;border-radius:10px;padding:8px 10px}.moves{flex-wrap:wrap;gap:12px;font-size:.9rem;display:flex}.moves .atk{color:#ffb27a}.moves .def{color:#9fe6ff}.breakdown{background:#070b1280;border-radius:10px;padding:8px 12px}.breakdown .row{justify-content:space-between;padding:2px 0;display:flex}.breakdown .total{border-top:1px solid var(--line);margin-top:4px;padding-top:4px;font-size:1.1rem}@media (orientation:portrait){.inspector{flex-direction:column;align-items:center}.inspector-card{width:min(250px,62vw)}}.location-info{gap:16px;display:flex}.location-art{object-fit:cover;border-radius:12px;width:min(200px,38vw)}.location-info ul{margin:0;padding-left:1.1rem}.posture-layer{z-index:50;background:linear-gradient(#05080d26,#05080dbf);justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.posture-sheet{--c:18px;width:min(560px,100%);margin:0 8px calc(10px + var(--safe-bottom));flex-direction:column;gap:10px;padding:14px 16px 12px;animation:.22s ease-out sheetUp;display:flex}.posture-head{flex-direction:column;align-items:center;gap:4px;display:flex}.posture-head h3{font:700 1.1rem/1.1 var(--serif);letter-spacing:.1em;color:var(--ivory);text-transform:uppercase;margin:0}.posture-body{align-items:stretch;gap:12px;display:flex}.posture-card{flex-shrink:0;align-self:center;width:min(120px,26vw)}.posture-buttons{flex:1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.posture-btn{background:#070b12a6;border:2px solid;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:132px;padding:14px 8px;animation:1.8s ease-in-out infinite breathe;display:flex;position:relative}.posture-btn.def{animation-delay:.9s}.posture-btn.best{animation-name:breatheStrong}.posture-btn:active{animation:none;transform:scale(.95)}.posture-btn span{font:800 .74rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}.posture-btn b{font:800 2.6rem/1 var(--sans)}.posture-btn small{color:var(--muted);text-align:center;font-size:.78rem;font-style:italic}.posture-btn.atk{--glow:255, 138, 61;border-color:var(--atk)}.posture-btn.def{--glow:79, 200, 238;border-color:var(--def)}.posture-btn.atk b,.posture-btn.atk span{color:#ffb27a}.posture-btn.def b,.posture-btn.def span{color:#9fe6ff}.best-tag{font:800 .58rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:rgb(var(--glow));color:#0b111a;border-radius:999px;padding:4px 8px;font-style:normal;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.posture-hint{text-align:center;color:var(--muted);margin:0;font-size:.78rem}@media (orientation:landscape){.posture-sheet{margin-bottom:calc(14px + var(--safe-bottom))}.posture-card{width:110px}}.confirm{text-align:center}.row-btns{justify-content:center;gap:10px;display:flex}.result-screen{z-index:60;background:radial-gradient(circle,#101c2ce6,#05080df7);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;animation:.4s fade;display:flex;position:absolute;inset:0;overflow:auto}.result-screen h1{font:700 clamp(2.6rem, 11vmin, 5.5rem)/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;margin:0;animation:.5s slam}.result-screen h1.win{color:var(--gold);text-shadow:0 0 30px #e9c46a99}.result-screen h1.loss{color:#8a96a6}.result-screen h1.draw{color:var(--cyan)}.result-lanes{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-lane{border:2px solid var(--line);background:#070b1299;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:120px;padding:10px 14px;display:flex}.result-lane span{color:var(--muted);letter-spacing:.08em;font-size:.72rem}.result-lane b{font-size:1.4rem}.result-lane.player{border-color:var(--player)}.result-lane.enemy{border-color:var(--enemy);opacity:.75}.rewards{flex-wrap:wrap;justify-content:center;gap:18px;font-size:1.05rem;display:flex}.promo{color:var(--gold);font-family:var(--serif);font-weight:900}.reward-card{color:var(--gold);font-family:var(--serif);flex-direction:column;align-items:center;gap:6px;display:flex}.reward-card .card-img{width:130px;animation:.5s slam}.unlocked{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ach{border:1px solid var(--cyan-dim);background:#6fdcf51a;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.ach img{border-radius:50%;width:32px;height:32px}.deck-layout{flex:1;min-height:0;display:flex}.deck-panel{border-right:1px solid var(--line);background:#070b1280;flex-direction:column;width:280px;display:flex}.deck-meta{flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px;display:flex}.curve{flex:100%;align-items:flex-end;gap:3px;max-width:220px;height:70px;display:flex}.curve i{background:linear-gradient(180deg, var(--cyan), var(--cyan-dim));border-radius:3px 3px 0 0;flex:1;position:relative}.curve span{text-align:center;color:var(--muted);font-size:.6rem;font-style:normal;position:absolute;bottom:-14px;left:0;right:0}.deck-list{flex-direction:column;flex:1;gap:4px;padding:14px 10px 10px;display:flex;overflow:auto}.deck-row{text-align:left;background:#101925f2;border:1px solid;border-left-width:4px;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:34px;padding:6px 8px;display:flex}.deck-row.empty{border:1px dashed var(--line);background:0 0}.deck-row .cost{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,#a9b8ff,#4f46e5);flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:grid}.deck-row .nm{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;overflow:hidden}.deck-row .pw{color:var(--muted);font-size:.75rem}.collection{flex-direction:column;flex:1;min-width:0;display:flex}.chips{flex-shrink:0;gap:6px;padding:10px;display:flex;overflow-x:auto}.chip{border:2px solid var(--line);background:#070b1299;border-radius:999px;min-width:36px;height:36px}.chip.on{background:#6fdcf533}.card-grid{padding:10px 12px calc(20px + var(--safe-bottom));flex:1;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));align-content:start;gap:12px;display:grid;overflow:auto}.grid-card{cursor:pointer;transition:transform .12s;position:relative}.grid-card:active{transform:scale(.97)}.grid-card.used .card-img{filter:grayscale(.9)brightness(.55)}.grid-card.locked .card-img{filter:grayscale(.6)brightness(.6)}.grid-card .count{border:1px solid var(--cyan-dim);background:#0b111a;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:800;position:absolute;top:-6px;right:-4px}.grid-card .info{border:1px solid var(--cyan-dim);background:#0b111a;border-radius:50%;width:24px;height:24px;font-size:.75rem;font-weight:800;position:absolute;top:34%;right:-4px}.shop-grid .buy{width:100%;margin-top:4px}@media (orientation:portrait){.deck-layout{flex-direction:column}.deck-panel{border-right:0;border-bottom:1px solid var(--line);width:auto;max-height:36%}.deck-meta{flex-wrap:nowrap;padding-bottom:16px}.curve{flex:auto;height:44px}.deck-row{min-height:28px;padding:4px 6px}.deck-row .pw{display:none}.deck-list{grid-template-columns:1fr 1fr;gap:4px;padding-top:16px;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}}.ach-list,.settings-list{flex-direction:column;flex:1;gap:10px;width:100%;max-width:640px;margin:0 auto;padding:14px;display:flex;overflow:auto}.ach-row{border:1px solid var(--line);opacity:.6;background:#101925cc;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.ach-row.got{opacity:1;border-color:var(--gold)}.ach-row img{border-radius:10px;width:48px;height:48px}.ach-row div{flex-direction:column;flex:1;display:flex}.ach-row span{color:var(--muted);font-size:.8rem}.setting{border:1px solid var(--line);background:#101925cc;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.seg{border:1px solid var(--line-2);border-radius:999px;display:flex;overflow:hidden}.seg button{background:0 0;border:0;padding:.45rem .9rem;font-size:.85rem}.seg button.on{background:var(--cyan);color:#08121a;font-weight:800}.profile-editor{flex-direction:column;gap:12px;width:min(460px,92vw);display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.field input{font:inherit;color:var(--text);border:1px solid var(--line-2);background:#070b12b3;border-radius:10px;padding:.6rem .8rem}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.avatar-grid img{aspect-ratio:1;object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:50%;width:100%}.avatar-grid img.sel{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan)}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slam{0%{opacity:0;transform:scale(2.2)}70%{opacity:1;transform:scale(.95)}to{transform:scale(1)}}@keyframes glow{0%,to{filter:brightness()}50%{filter:brightness(1.35)drop-shadow(0 0 10px #f3d38e)}}@keyframes blink{50%{opacity:.4}}@keyframes breathe{0%,to{box-shadow:0 0 10px rgba(var(--glow), .25);transform:scale(1)}50%{box-shadow:0 0 22px rgba(var(--glow), .55);transform:scale(1.03)}}@keyframes breatheStrong{0%,to{box-shadow:0 0 16px rgba(var(--glow), .45);transform:scale(1.02)}50%{box-shadow:0 0 34px rgba(var(--glow), .85);transform:scale(1.07)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes bump{0%{color:#fff;transform:scale(1.5)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes floaty{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-100px)}}@keyframes bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-90px)}}@keyframes slideL{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes slideR{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.featured-card,.mana-crystal .wave,.mana-crystal .bubble,.end-turn.ready,.posture-btn{animation:none}}