@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&family=Exo+2:wght@400;500;700&display=swap";:root{--bg: #060a15;--bg-2: #0c1324;--surface: rgba(12, 19, 36, .8);--surface-2: rgba(18, 27, 49, .86);--surface-3: rgba(27, 40, 71, .65);--text: #edf4ff;--muted: #a9b7d3;--accent: #2ee6ff;--accent-2: #35f3b1;--danger: #ff6f8c;--line: rgba(131, 157, 211, .26);--glow: 0 0 40px rgba(46, 230, 255, .18)}*{box-sizing:border-box}body{margin:0;font-family:"Exo 2",Segoe UI,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(46,230,255,.15),transparent 35%),radial-gradient(circle at 85% 85%,rgba(53,243,177,.12),transparent 30%),linear-gradient(160deg,var(--bg),var(--bg-2));min-height:100vh;overflow-x:hidden}.top-nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.65rem clamp(.8rem,2vw,1.6rem);background:#050a17e0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:.65rem}.brand-logo{width:142px;height:46px;object-fit:contain;border-radius:8px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#051225;font-family:Rajdhani,sans-serif;font-weight:700;background:linear-gradient(130deg,var(--accent),var(--accent-2))}.brand p{margin:0;color:var(--muted);font-size:.78rem}.nav-btn{padding:.48rem .72rem;font-size:.83rem;display:inline-flex;align-items:center;gap:.45rem}.nav-icon{width:16px;height:16px;object-fit:contain}.page{min-height:100vh;display:flex;flex-direction:column;padding-top:62px}.page.tabletop-page{grid-template-columns:1fr}.hero{position:relative;overflow:hidden;padding:clamp(2rem,6vw,3.6rem) 1.2rem clamp(1.4rem,4vw,2.4rem);display:flex;justify-content:center;text-align:center;background:radial-gradient(circle at 50% -10%,rgba(46,230,255,.18),transparent 55%),radial-gradient(circle at 100% 100%,rgba(53,243,177,.12),transparent 45%),linear-gradient(180deg,#070c1800,#060a1599)}.hero-compact{padding:clamp(1.2rem,3vw,1.8rem) 1.2rem .4rem}.hero-content{max-width:620px;display:grid;justify-items:center;gap:.55rem}.hero-emblem{position:relative;width:132px;height:132px;display:grid;place-items:center;margin-bottom:.1rem}.hero-orb{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);pointer-events:none}.hero-logo{position:relative;z-index:1;width:64px;height:64px;object-fit:contain}.hero-kicker{font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#8ce8ff}.hero-content h1{margin:0;font-family:Rajdhani,sans-serif;font-size:clamp(2.1rem,8vw,3.6rem);line-height:1;letter-spacing:.01em;background:linear-gradient(120deg,#fff,#8ce8ff 55%,#35f3b1);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content p{margin:0;max-width:48ch;color:#cdddf6;font-size:clamp(.95rem,2.4vw,1.08rem);line-height:1.55}.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.3rem}.hero-chip{border:1px solid var(--line);background:#0c1425b3;border-radius:999px;padding:.35rem .8rem;font-size:.82rem;font-weight:600;color:#dbe7fb}.hero h1{margin:0;font-family:Rajdhani,sans-serif;font-size:clamp(2.1rem,4.4vw,4rem);letter-spacing:.02em;line-height:1;text-shadow:0 6px 26px rgba(0,0,0,.55)}.hero p{color:#d2dff7;line-height:1.6;font-size:.96rem;max-width:46ch}.panel{padding:clamp(1.1rem,3vw,2.3rem);display:flex;justify-content:center;align-items:flex-start}.panel-tabletop{width:100%;padding:0}.card{width:min(760px,100%);background:linear-gradient(160deg,#0b1223db,#090f1dd6);border:1px solid var(--line);border-radius:24px;padding:clamp(.85rem,2vw,1.3rem);box-shadow:0 26px 70px #00000073,var(--glow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:cardIn .36s cubic-bezier(.2,.82,.2,1)}.card-lobby{width:min(1160px,100%);padding:clamp(1rem,2.5vw,1.6rem)}.card-tabletop{width:100%;height:calc(100dvh - 62px);overflow:hidden;border-radius:0;border-left:0;border-right:0;padding:.6rem 1rem .5rem;box-shadow:none;background:linear-gradient(180deg,#080d1bf5,#080c17fa),#080c17fa}.footer-note-tabletop{margin:.65rem 0 0;padding-bottom:.45rem}.game-split{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.room-panel,.table-panel{border:1px solid var(--line);border-radius:12px;padding:.72rem;background:#0a1121c7}.room-size{max-width:136px}.host-mode-toggle{display:flex;gap:.55rem;flex-wrap:wrap}.tabletop-grid{display:grid;gap:.58rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.table-seat{border:1px solid var(--line);border-radius:14px;background:#090f1de6;padding:.65rem;display:grid;gap:.24rem;min-width:170px;max-width:198px;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:transform .18s cubic-bezier(.18,.82,.22,1),box-shadow .18s ease,border-color .18s ease;will-change:transform}.table-seat p,.table-seat strong,.table-seat span{margin:0}.table-seat span{font-size:.8rem;color:var(--muted)}.table-seat.ready{border-color:#35f3b18c;box-shadow:inset 0 0 0 1px #35f3b140;animation:readyPulse 1.6s ease-in-out infinite}.table-seat.active-turn{border-color:#2ee6ffa8;box-shadow:inset 0 0 0 1px #2ee6ff4d,0 0 22px #2ee6ff40;animation:activeSeat .95s ease-in-out infinite}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem}.class-card{border:1px solid var(--line);border-radius:14px;background:#080e1be0;background-size:cover;background-position:center;padding:.85rem;display:grid;gap:.4rem;align-content:start;cursor:pointer;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:transform .18s cubic-bezier(.18,.82,.22,1),box-shadow .18s ease,border-color .18s ease;will-change:transform}.class-card p,.class-card small{margin:0;color:var(--muted)}.class-sprite{width:100%;aspect-ratio:4 / 3;object-fit:contain;object-position:center;border-radius:10px;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#3c6fb033,#080e1cbf),#040813b8;padding:.3rem}.class-card strong{font-family:Rajdhani,sans-serif;font-size:1.05rem;line-height:1.1}.class-card small{font-size:.74rem;line-height:1.4}.chip{justify-self:start;padding:.14rem .44rem;border-radius:999px;background:#2ee6ff29;border:1px solid rgba(46,230,255,.32);color:#b5f6ff;font-size:.7rem;letter-spacing:.05em}.class-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.crest-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.class-card:hover,.table-seat:hover{border-color:#2ee6ff7a;box-shadow:inset 0 0 0 1px #2ee6ff33,0 10px 24px #0000004d}.selected-character{border-color:#35f3b1b8;box-shadow:inset 0 0 0 1px #35f3b159,0 12px 26px #35f3b12e}.character-locked{opacity:.6;filter:grayscale(.35)}.seat-head{display:flex;align-items:center;gap:.4rem}.seat-avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#080e1acc}.seat-character{display:flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:9px;padding:.24rem;background:#070c17d1}.seat-character img{width:42px;height:42px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.seat-character-text{display:grid;gap:.12rem}.seat-character-text strong{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;line-height:1.2}.seat-character-text span{font-size:.72rem}.crest-inline{width:16px;height:16px}.impact .card{animation:impactShake .22s linear 1}.auth{display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#090e1c8c}.auth-hero{position:relative;padding:1.3rem 1.2rem;display:grid;gap:.5rem;align-content:start;background:radial-gradient(circle at 100% 0%,rgba(46,230,255,.22),transparent 55%),radial-gradient(circle at 0% 100%,rgba(53,243,177,.16),transparent 50%),linear-gradient(165deg,#0f1b32f5,#080d1af5);border-bottom:1px solid var(--line)}.auth-hero-logo{width:46px;height:46px;object-fit:contain}.auth-hero-kicker{font-family:Rajdhani,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8ce8ff}.auth-hero h2{margin:0;font-family:Rajdhani,sans-serif;font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.04}.auth-hero p{margin:0;color:#cdddf6;font-size:.92rem;line-height:1.5;max-width:42ch}.auth-hero-points{display:none;list-style:none;margin:.4rem 0 0;padding:0;gap:.4rem}.auth-hero-points li{position:relative;padding-left:1.2rem;color:#cdddf6;font-size:.88rem}.auth-hero-points li:before{content:"◆";position:absolute;left:0;color:var(--accent);font-size:.7rem;top:.15rem}.auth-form-col{padding:1.2rem 1.1rem 1.35rem;display:grid;gap:1rem;align-content:start}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:.28rem;border-radius:14px;border:1px solid var(--line);background:#070c18b3}.auth-tab{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:11px;padding:.62rem .5rem;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1.02rem;font-weight:700;letter-spacing:.02em;transition:color .16s ease,background .16s ease}.auth-tab.active{color:#07111f;background:linear-gradient(130deg,var(--accent),var(--accent-2))}.auth-form{display:grid;gap:.85rem}.label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.label-text{margin:0;font-size:.86rem;color:var(--muted);font-weight:500}.auth-forgot{font-size:.8rem;text-decoration:none}.auth-hint{margin:0;color:var(--muted);font-size:.8rem;line-height:1.45}.auth-submit{width:100%;padding:.85rem;font-size:1.02rem;border-radius:13px}.auth-switch{margin:0;text-align:center;color:var(--muted);font-size:.86rem}@media (min-width: 860px){.auth{grid-template-columns:.9fr 1.1fr}.auth-hero{border-bottom:0;border-right:1px solid var(--line);align-content:center;padding:1.8rem 1.5rem}.auth-hero-points{display:grid}}.landing-section-kicker{color:#8ce8ff;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.auth-panel{padding:1.05rem;background:radial-gradient(circle at 100% 0%,rgba(46,230,255,.08),transparent 40%),#070c18cc;display:grid;gap:1rem;align-content:start}.tabs{display:inline-flex;gap:.46rem;margin-bottom:1rem;padding:.2rem;border-radius:999px;border:1px solid var(--line);background:#0c1425cc}.tab{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:999px;padding:.48rem .95rem;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1.04rem;font-weight:700;letter-spacing:.03em;transition:transform .16s ease,color .16s ease,background .16s ease,border-color .16s ease}.tab:hover{transform:translateY(-1px);color:var(--text)}.tab.active{color:#07111f;background:linear-gradient(130deg,var(--accent),var(--accent-2));border-color:#ffffff40}.form{display:grid;gap:.78rem}.label{display:grid;gap:.36rem;font-size:.86rem;color:var(--muted);font-weight:500;letter-spacing:.01em}.input,.select,.button{border-radius:13px;border:1px solid var(--line);background:linear-gradient(180deg,#141f39e6,#0f182df2);color:var(--text);padding:.67rem .83rem;font-family:inherit}.input,.select{box-shadow:inset 0 0 0 1px #ffffff04;font-size:16px;min-height:46px;width:100%}.input::placeholder{color:#8297be}.input:focus,.select:focus{outline:2px solid rgba(46,230,255,.43);border-color:transparent}.button{cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.button-icon{width:15px;height:15px;object-fit:contain;flex:0 0 auto}.button.primary{color:#051225;border-color:#fff3;background:linear-gradient(130deg,var(--accent),var(--accent-2))}.button.button-secondary{background:linear-gradient(180deg,#1c213bf5,#101426f5);border-color:#7a96c247;color:#dce8ff}.button:disabled{opacity:.55;cursor:not-allowed}.button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 8px 22px #2ee6ff30}.row{display:flex;gap:.65rem;flex-wrap:wrap}.input-wrap{display:flex;gap:.45rem}.input-wrap .input{flex:1}.peek{flex:0 0 auto;border:1px solid var(--line);border-radius:11px;background:#0b1324e6;color:var(--muted);padding:0 .85rem;min-width:58px;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.02em}.peek:hover{color:var(--text)}.muted{color:var(--muted);font-size:.86rem}.error{color:var(--danger);margin:0;font-size:.87rem}.good{color:var(--accent-2);margin:0;font-size:.87rem}.checkbox{display:flex;align-items:flex-start;gap:.5rem}.checkbox input{margin-top:.15rem}.link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.avatar-picker{display:grid;gap:.42rem}.avatar-grid{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin;scroll-snap-type:x proximity}.avatar-option{flex:0 0 auto;width:52px;height:52px;border:1px solid var(--line);border-radius:12px;background:#0a1222d9;padding:.18rem;cursor:pointer;scroll-snap-align:start;transition:transform .14s ease,border-color .14s ease}.avatar-option:hover{transform:translateY(-2px)}.avatar-option img{width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover;border-radius:8px;display:block}.avatar-option.active{border-color:#35f3b1bf;box-shadow:inset 0 0 0 1px #35f3b152}.grid{display:grid;gap:.75rem}.card-tabletop .grid{display:flex;flex-direction:column;height:100%;min-height:0;gap:0}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .8rem;font-size:.9rem}.turn-banner{border:1px solid var(--line);border-radius:12px;background:#080e1cd6;padding:.55rem .72rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem}.turn-banner p,.turn-banner span{margin:0}.turn-banner p{font-family:Rajdhani,sans-serif;font-size:1.05rem;letter-spacing:.04em}.tabletop-only{min-height:72vh}.duel-layout{gap:.95rem}.combat-hint-banner{border:1px solid rgba(125,169,231,.22);border-radius:12px;background:#0a101dd1;padding:.55rem .75rem;display:grid;gap:.15rem}.combat-hint-banner span{color:var(--muted);font-size:.84rem;line-height:1.4}.duel-shell{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr) minmax(240px,290px);gap:1rem;align-items:stretch}.side-panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0a1120f2,#080d18f2),#090e1aeb;padding:.7rem;min-height:820px;display:grid;align-content:start;gap:.7rem}.side-panel-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.hand-panel{overflow:hidden}.hand-zone-side{grid-template-columns:1fr;max-height:680px;overflow:auto;padding-right:.2rem}.hand-card-compact{gap:.34rem;padding:.72rem;border-radius:16px;background:linear-gradient(180deg,#0c1529f5,#080d1af5),#090e1af0}.panel-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.panel-stat{border:1px solid rgba(122,161,214,.25);border-radius:12px;background:#0b1222eb;padding:.55rem .6rem;display:grid;gap:.18rem}.panel-stat span{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.panel-stat strong{font-family:Rajdhani,sans-serif;font-size:1.02rem;letter-spacing:.03em}.status-panel{overflow:hidden}.status-list{display:grid;gap:.55rem;max-height:680px;overflow:auto;padding-right:.2rem}.how-to-panel{border:1px solid rgba(255,216,146,.26);border-radius:14px;background:linear-gradient(180deg,#1e1812f0,#0f0d10f0),#141110f0;padding:.78rem;display:grid;gap:.45rem;box-shadow:inset 0 0 0 1px #ffe8c60d}.how-to-list{margin:0;padding-left:1rem;display:grid;gap:.3rem;color:#efe7d6;font-size:.84rem;line-height:1.45}.inspect-card,.history-panel{border:1px solid rgba(122,150,194,.22);border-radius:14px;background:#090e1ad6;padding:.7rem;display:grid;gap:.4rem}.inspect-card-art{width:100%;max-width:148px;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;border:1px solid rgba(140,196,255,.38);box-shadow:0 10px 18px #00000047}.inspect-card span{color:var(--muted);font-size:.82rem;line-height:1.45}.history-list{display:grid;gap:.45rem;max-height:220px;overflow:auto;padding-right:.2rem}.history-item{display:grid;gap:.15rem;padding:.45rem .5rem;border-radius:10px;border:1px solid rgba(122,150,194,.18);background:#080d18b8}.history-item span,.history-item small{color:var(--muted);font-size:.78rem;line-height:1.35}.action-stack{display:grid;gap:.45rem}.action-helper{margin:0}.attack-option-group{display:grid;gap:.35rem;padding:.45rem;border-radius:12px;border:1px solid rgba(122,150,194,.18);background:#080d189e}.status-card{border:1px solid var(--line);border-radius:12px;background:#0a1222d6;padding:.65rem;display:grid;gap:.22rem}.status-card span{color:var(--muted);font-size:.82rem}.status-meta{display:flex;flex-wrap:wrap;gap:.4rem}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .45rem;border-radius:999px;border:1px solid rgba(124,157,212,.22);background:#080d19b3;color:var(--muted);font-size:.76rem}.status-icon{width:13px;height:13px;object-fit:contain}.status-active{border-color:#2ee6ff9e;box-shadow:inset 0 0 0 1px #2ee6ff38,0 0 18px #2ee6ff1f}.tabletop-surface{position:relative;min-height:860px;--turn-path-duration: 1.2s;--turn-travel-duration: 1.5s;--turn-shift-duration: .62s;--turn-glow-strength: .6;border-radius:20px;border:1px solid var(--line);background:radial-gradient(circle at 18% 18%,rgba(58,119,255,.25),transparent 34%),radial-gradient(circle at 82% 84%,rgba(88,42,156,.25),transparent 36%),radial-gradient(circle at 50% 50%,#081a38e0,#060c1cfa 66%),linear-gradient(165deg,#090f1d,#070d18);overflow:hidden}.tabletop-surface.anim-subtle{--turn-path-duration: 1.8s;--turn-travel-duration: 2.2s;--turn-shift-duration: .42s;--turn-glow-strength: .35}.tabletop-surface.anim-balanced{--turn-path-duration: 1.2s;--turn-travel-duration: 1.5s;--turn-shift-duration: .62s;--turn-glow-strength: .6}.tabletop-surface.anim-cinematic{--turn-path-duration: .85s;--turn-travel-duration: 1.15s;--turn-shift-duration: .76s;--turn-glow-strength: .9}.turn-path-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.turn-path{position:absolute;background:linear-gradient(180deg,#5ebf9208,#5ebf9233,#5ebf9208);border-radius:999px;opacity:.3;transition:opacity .22s ease,filter .22s ease}.turn-path.active{opacity:1;filter:drop-shadow(0 0 8px rgba(112,247,185,var(--turn-glow-strength)));animation:turnPathPulse var(--turn-path-duration) ease-in-out infinite}.path-top{left:50%;top:20%;width:3px;height:30%;transform:translate(-50%)}.path-top-right{left:58%;top:31%;width:30%;height:3px;transform:rotate(-30deg);transform-origin:left center}.path-bottom-right{left:58%;top:56%;width:30%;height:3px;transform:rotate(30deg);transform-origin:left center}.path-bottom{left:50%;top:50%;width:3px;height:31%;transform:translate(-50%)}.path-bottom-left{left:12%;top:56%;width:30%;height:3px;transform:rotate(-30deg);transform-origin:right center}.path-top-left{left:12%;top:31%;width:30%;height:3px;transform:rotate(30deg);transform-origin:right center}.turn-glow{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#c1ffe0fa,#35f3b11a);box-shadow:0 0 16px #80ffcbbf;animation:turnTravel var(--turn-travel-duration) ease-out infinite}.glow-top{--tx: 0px;--ty: -180px}.glow-top-right{--tx: 190px;--ty: -96px}.glow-bottom-right{--tx: 190px;--ty: 96px}.glow-bottom{--tx: 0px;--ty: 180px}.glow-bottom-left{--tx: -190px;--ty: 96px}.glow-top-left{--tx: -190px;--ty: -96px}.tabletop-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(300px,44vw);aspect-ratio:1 / 1;border-radius:50%;border:2px solid rgba(107,176,255,.52);background:radial-gradient(circle at 50% 46%,#1c427cd9,#101f3df2 74%),linear-gradient(180deg,rgba(255,255,255,.04),transparent);box-shadow:0 20px 50px #0000006b,inset 0 0 42px #12437673,inset 0 0 0 1px #d2f0ff2e;display:grid;place-items:center;gap:.2rem;text-align:center;padding:1rem;z-index:2}.tabletop-core strong{font-family:Rajdhani,sans-serif;font-size:1.18rem;letter-spacing:.03em}.rift-board-frame{position:absolute;top:118px;right:78px;bottom:128px;left:78px;border-radius:42px;border:3px solid rgba(221,178,105,.75);background:linear-gradient(180deg,#0f1421d6,#0a0f1ae6),repeating-linear-gradient(120deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 2px,transparent 2px,transparent 20px);box-shadow:inset 0 0 0 1px #ffdc9c40,inset 0 0 30px #00000059,0 20px 45px #0006}.table-deck-stack{position:absolute;width:92px;height:122px;border-radius:14px;border:1px solid rgba(227,186,118,.45);background:linear-gradient(180deg,#141a2cf5,#080c16f5),#0a0f1bf2;box-shadow:0 12px 24px #00000057,inset 0 0 0 1px #ffe5b514;z-index:3}.table-deck-stack:before,.table-deck-stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;border:1px solid rgba(123,149,194,.2);background:#ffffff05}.table-deck-stack:before{transform:translate(5px,-5px)}.table-deck-stack:after{transform:translate(10px,-10px)}.table-deck-stack span{position:absolute;inset:auto 10px 10px 10px;z-index:1;text-align:center;font-size:.72rem;letter-spacing:.04em;color:#ffe2b6}.deck-back-art{position:absolute;top:8px;right:8px;bottom:26px;left:8px;width:calc(100% - 16px);height:calc(100% - 34px);object-fit:cover;border-radius:10px;opacity:.92;border:1px solid rgba(148,181,235,.22)}.deck-stack-top{top:26px;right:28px}.deck-stack-bottom{bottom:26px;left:28px}.table-resource-cluster{position:absolute;display:grid;gap:.45rem;z-index:3}.resource-cluster-top{top:34px;left:26px}.resource-cluster-bottom{right:26px;bottom:34px}.resource-chip{min-width:82px;padding:.42rem .5rem;border-radius:13px;border:1px solid rgba(227,186,118,.34);background:linear-gradient(180deg,#141929f5,#090d18f5),#0a0f1bf2;box-shadow:0 10px 20px #00000047,inset 0 0 0 1px #ffe5b50d;display:grid;justify-items:center;gap:.14rem}.resource-chip strong{font-family:Rajdhani,sans-serif;font-size:1.02rem;letter-spacing:.04em}.resource-chip span{color:#d9be85;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.table-action-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);width:min(280px,40vw);border-radius:16px;border:1px solid rgba(255,227,171,.55);background:#090e1af0;box-shadow:0 18px 36px #0006;padding:.6rem;display:grid;grid-template-columns:84px 1fr;gap:.6rem;align-items:center;z-index:4;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.table-action-card.visible{opacity:1;transform:translate(-50%,-50%) scale(1);animation:actionCardReveal 1s cubic-bezier(.18,.82,.22,1)}.table-action-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.table-action-copy{display:grid;gap:.2rem}.table-action-copy span{color:var(--muted);font-size:.82rem}.table-action-copy p,.table-action-copy small{margin:0;color:var(--muted);font-size:.8rem;line-height:1.4}.battle-lane{position:absolute;left:34px;right:34px;z-index:3}.battle-lane-top{top:22px}.battle-lane-bottom{bottom:22px}.lane-player{border:1px solid rgba(122,150,194,.22);border-radius:18px;background:#090e1ac7;padding:.78rem;box-shadow:inset 0 0 0 1px #ffffff05}.lane-player+.lane-player{margin-top:.55rem}.lane-player-self{background:#0c1627e0}.lane-player-opponent{background:#0e1222d1}.lane-targeted{border-color:#ff84ac80;box-shadow:inset 0 0 0 1px #ff84ac2e,0 0 22px #ff84ac1f}.lane-under-attack{border-color:#ffab659e;box-shadow:inset 0 0 0 1px #ffab653d,0 0 28px #ff78522e;animation:laneImpact .78s ease-out 1}.lane-player-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.55rem}.lane-player-head strong{font-family:Rajdhani,sans-serif;font-size:1rem;letter-spacing:.04em}.lane-player-head span,.lane-empty{color:var(--muted);font-size:.8rem}.field-label{margin-bottom:.45rem;color:#f1d7a4;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.lane-card-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.55rem;margin-top:-5.1rem;position:relative;z-index:1}.defeated-card-signal{padding:.26rem .52rem;border-radius:10px;border:1px solid rgba(255,122,122,.3);background:#3a0c13e6;color:#ffd2d2;font-size:.72rem;letter-spacing:.03em;animation:defeatedSignal 1.4s ease-out 1}.lane-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;min-height:112px}.lane-slot{border-radius:12px;border:1px dashed rgba(166,198,242,.18);background:linear-gradient(180deg,#ffffff05,#ffffff03),#060a146b;box-shadow:inset 0 0 0 1px #ffffff05}.board-card{width:82px;display:grid;gap:.2rem;justify-items:center;cursor:pointer;transition:transform .14s ease,filter .14s ease;position:relative;z-index:1}.board-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:8px;border:1px solid rgba(140,196,255,.38);box-shadow:0 10px 18px #00000047}.board-card span{font-size:.76rem;color:#cfe6ff}.board-card-ready{position:absolute;top:-8px;right:-6px;z-index:2;padding:.12rem .38rem;border-radius:999px;border:1px solid rgba(105,244,191,.4);background:#08221ceb;color:#9effd8;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.board-card-ready-opponent{background:#192331f0;color:#d9ecff;border-color:#8bb4e759}.board-card:hover{transform:translateY(-2px)}.board-card-selected img{border-color:#35f3b1b8;box-shadow:0 0 18px #35f3b12e,0 10px 18px #00000047}.board-card-opponent img{filter:saturate(.9) brightness(.9)}.table-feed{position:absolute;left:50%;bottom:142px;transform:translate(-50%);width:min(420px,calc(100% - 240px));border-radius:14px;border:1px solid rgba(124,157,212,.24);background:#080d18c7;padding:.65rem .8rem;display:grid;gap:.18rem;text-align:center;z-index:4;box-shadow:0 12px 24px #0000003d}.table-feed-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#d9be85}.table-feed strong{font-family:Rajdhani,sans-serif;font-size:1rem;letter-spacing:.03em}.table-travel-card{position:absolute;left:50%;top:50%;width:88px;opacity:0;transform:translate(-50%,-50%) scale(.7);z-index:5;pointer-events:none}.table-travel-card.to-self-hand{--to-x: -330px;--to-y: 210px}.table-travel-card.to-self-lane{--to-x: 0px;--to-y: 220px}.table-travel-card.to-opponent-lane{--to-x: 0px;--to-y: -220px}.table-travel-card.to-center{--to-x: 0px;--to-y: 0px}.table-travel-card img,.table-travel-turn-mark{width:100%;aspect-ratio:3 / 4;border-radius:12px;border:1px solid rgba(255,221,171,.44);background:#0c1221eb;box-shadow:0 16px 30px #00000057}.table-travel-turn-mark{display:grid;place-items:center;font-family:Rajdhani,sans-serif;font-size:1.2rem;letter-spacing:.08em;color:#fff2d4}.table-travel-card.action-draw{animation:cardTravelFromDeck 1.2s cubic-bezier(.15,.8,.2,1)}.table-travel-card.action-play{animation:cardTravelFromSeat 1.25s cubic-bezier(.15,.8,.2,1)}.table-travel-card.action-end-turn{animation:turnStamp .9s cubic-bezier(.18,.82,.22,1)}.from-top{--from-x: 0px;--from-y: -250px}.from-top-right{--from-x: 290px;--from-y: -160px}.from-bottom-right{--from-x: 290px;--from-y: 170px}.from-bottom{--from-x: 0px;--from-y: 250px}.from-bottom-left{--from-x: -290px;--from-y: 170px}.from-top-left{--from-x: -290px;--from-y: -160px}.tabletop-surface.action-draw .deck-stack-top,.tabletop-surface.action-draw .deck-stack-bottom{animation:deckPulse .72s ease-in-out 1}.tabletop-surface.action-play .tabletop-core{animation:coreImpact .72s ease-out 1}.tabletop-surface.action-attack .tabletop-core{animation:coreAttack .78s ease-out 1}.draw-trail,.target-beam{position:absolute;left:50%;top:50%;pointer-events:none;z-index:4}.draw-trail{width:240px;height:4px;border-radius:999px;background:linear-gradient(90deg,#59deff00,#59defff2,#59deff00);transform-origin:center;animation:drawTrail .9s ease-out 1}.draw-trail-self{transform:translate(-210px,140px) rotate(145deg)}.draw-trail-opponent{transform:translate(120px,-140px) rotate(-35deg)}.target-beam{width:260px;height:3px;border-radius:999px;background:linear-gradient(90deg,#ff84ac00,#ff84ac,#ff84ac00);box-shadow:0 0 18px #ff84ac66;transform-origin:left center;animation:targetBeam 1.1s ease-out 1}.tabletop-surface.action-attack .target-beam{height:4px;box-shadow:0 0 18px #ff84ac66,0 0 30px #ffaf6f47}.preview-beam{background:linear-gradient(90deg,#53e9be00,#53e9be,#53e9be00);box-shadow:0 0 18px #53e9be47}.beam-to-top{transform:translate(-10px,-150px) rotate(-90deg)}.beam-to-top-right{transform:translate(20px,-130px) rotate(-28deg)}.beam-to-bottom-right{transform:translate(20px,120px) rotate(28deg)}.beam-to-bottom{transform:translate(-10px,150px) rotate(90deg)}.beam-to-bottom-left{transform:translate(-250px,120px) rotate(-28deg)}.beam-to-top-left{transform:translate(-250px,-130px) rotate(28deg)}.tabletop-surface.action-end-turn:before{animation:endTurnSweep .9s ease-out 1}.rift-board-frame:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:18px;border:1px solid rgba(132,157,194,.32);background:radial-gradient(circle at 50% 50%,rgba(74,114,177,.12),transparent 56%),repeating-linear-gradient(60deg,rgba(220,233,255,.04) 0px,rgba(220,233,255,.04) 1px,transparent 1px,transparent 22px)}.zone-strip{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:2}.zone-top{top:34px}.zone-bottom{bottom:34px}.zone-cell{min-width:108px;text-align:center;padding:.48rem .55rem;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.04em;border-radius:11px;border:1px solid rgba(235,184,105,.62);color:#ffe6bf;background:linear-gradient(180deg,#231a0fe6,#1a120ae6);box-shadow:inset 0 0 0 1px #ffdfad26}.table-banner{position:absolute;width:16px;height:92px;border-radius:6px;border:1px solid rgba(230,186,104,.58);background:linear-gradient(180deg,#754a8ee6,#311f45e6);box-shadow:0 8px 16px #00000059;z-index:1}.banner-left-top{left:24px;top:80px}.banner-left-mid{left:24px;top:250px;background:linear-gradient(180deg,#3f6c99e6,#1d3556e6)}.banner-left-bottom{left:24px;bottom:80px;background:linear-gradient(180deg,#7f472de6,#482718e6)}.banner-right-top{right:24px;top:80px;background:linear-gradient(180deg,#84383fe6,#4b1f24e6)}.banner-right-mid{right:24px;top:250px;background:linear-gradient(180deg,#408858e6,#244f33e6)}.banner-right-bottom{right:24px;bottom:80px;background:linear-gradient(180deg,#405c92e6,#20304ee6)}.tabletop-surface .table-seat{position:absolute;width:clamp(180px,16vw,228px);min-height:146px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;border-color:#6a93d673;background:linear-gradient(180deg,#121d33f2,#09101ff0),#0a101ef0;box-shadow:0 18px 26px #00000047,inset 0 0 0 1px #c4e0ff14}.tabletop-surface .seat-top{top:4%;left:50%;transform:translate(-50%)}.tabletop-surface .seat-top-right{top:14%;right:2%}.tabletop-surface .seat-bottom-right{bottom:14%;right:2%}.tabletop-surface .seat-bottom{bottom:4%;left:50%;transform:translate(-50%)}.tabletop-surface .seat-bottom-left{bottom:14%;left:2%}.tabletop-surface .seat-top-left{top:14%;left:2%}.tabletop-surface .seat-character img{object-fit:contain;background:#090d18f5}.tabletop-surface.turn-shift:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(125deg,#2ee6ff00 32%,#2ee6ff59 48%,#35f3b159 52%,#35f3b100 68%);animation:turnSweep var(--turn-shift-duration) cubic-bezier(.25,.86,.3,1) 1;pointer-events:none;z-index:3}.hand-zone{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.hand-card{border:1px solid var(--line);border-radius:10px;background:#080e1cdb;padding:.55rem;display:grid;gap:.32rem;position:relative;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .18s cubic-bezier(.18,.82,.22,1),border-color .18s ease}.hand-card-art{width:100%;aspect-ratio:3 / 4;border-radius:8px;object-fit:cover;border:1px solid var(--line);background:#060a13cc}.card-hover-detail{position:absolute;left:calc(100% + 12px);top:0;width:min(260px,42vw);display:grid;gap:.35rem;padding:.75rem;border-radius:14px;border:1px solid rgba(126,170,230,.28);background:#070c17f5;box-shadow:0 18px 36px #00000061;opacity:0;pointer-events:none;transform:translate(-8px);transition:opacity .14s ease,transform .14s ease;z-index:8}.hand-card:hover .card-hover-detail{opacity:1;transform:translate(0)}.card-hover-detail strong{font-family:Rajdhani,sans-serif;font-size:1rem;letter-spacing:.03em}.card-hover-detail span{color:var(--muted);font-size:.82rem;line-height:1.45}.card-hover-stats{display:flex;flex-wrap:wrap;gap:.35rem}.card-hover-stats small{padding:.18rem .45rem;border-radius:999px;border:1px solid rgba(126,170,230,.22);background:#0f172ae0;color:#d6e7ff}.turn-orb{width:16px;height:16px;border-radius:50%;background:#6484bf;box-shadow:0 0 0 1px #ffffff1a}.turn-orb.active{background:var(--accent-2);animation:turnPulse 1.05s ease-in-out infinite}.log{border:1px solid var(--line);border-radius:12px;background:#080e1cd6;max-height:180px;overflow:auto;padding:.55rem .72rem}.log p{margin:.2rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.footer-note{margin:1rem 0 0;text-align:center}.toast-stack{position:fixed;top:74px;right:12px;z-index:60;display:grid;gap:.5rem;width:min(360px,calc(100vw - 24px))}.toast{border-radius:12px;border:1px solid var(--line);padding:.66rem .78rem;font-size:.88rem;font-weight:600;background:#070d18ed;box-shadow:0 12px 24px #00000059;animation:toastIn .18s ease}.toast-info{color:#cbe4ff;border-color:#7db3f080}.toast-success{color:#bcffdd;border-color:#59db9c9e}.toast-error{color:#ffd4df;border-color:#ff7798b3}.legal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1700;background:#020617c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;overflow-y:auto}.legal-card{width:min(560px,100%);background:#0f172a;border:1px solid var(--line);border-radius:16px;padding:1rem;animation:cardIn .22s ease}.auth-modal{width:min(440px,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;background:radial-gradient(circle at 100% 0%,rgba(46,230,255,.12),transparent 55%),linear-gradient(165deg,#0f1b32fa,#080d1afa);border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.1rem 1.3rem;display:grid;gap:.8rem;animation:cardIn .22s ease;box-shadow:0 30px 80px #0000008c}.auth-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.auth-modal-head h3{margin:.25rem 0 0;font-family:Rajdhani,sans-serif;font-size:1.45rem;line-height:1.05}.icon-close{flex:0 0 auto;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--line);background:#070c18b3;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer}.icon-close:hover{color:var(--text)}.guide-card{width:min(760px,100%);background:#0f172a;border:1px solid var(--line);border-radius:16px;padding:1rem;animation:cardIn .22s ease;display:grid;gap:.7rem}.guide-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.guide-head h3{margin:0}@keyframes cardIn{0%{opacity:0;transform:translateY(10px) scale(.986)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes readyPulse{0%{box-shadow:inset 0 0 0 1px #35f3b133}50%{box-shadow:inset 0 0 0 1px #35f3b173,0 0 18px #35f3b133}to{box-shadow:inset 0 0 0 1px #35f3b133}}@keyframes impactShake{0%{transform:translate(0)}25%{transform:translate(4px)}50%{transform:translate(-4px)}75%{transform:translate(3px)}to{transform:translate(0)}}@keyframes activeSeat{0%{transform:perspective(700px) translateY(0)}50%{transform:perspective(700px) translateY(-2px)}to{transform:perspective(700px) translateY(0)}}@keyframes turnPulse{0%{box-shadow:0 0 #35f3b18c}to{box-shadow:0 0 0 12px #35f3b100}}@keyframes turnPathPulse{0%{box-shadow:0 0 #71fabc00}50%{box-shadow:0 0 18px #71fabc85}to{box-shadow:0 0 #71fabc00}}@keyframes turnTravel{0%{transform:translate(-50%,-50%) scale(.45);opacity:0}20%{opacity:1}82%{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1.08);opacity:.95}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.9);opacity:0}}@keyframes actionCardReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.78)}32%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes deckPulse{0%,to{box-shadow:0 12px 24px #00000057,inset 0 0 0 1px #ffe5b514}50%{box-shadow:0 0 30px #42beff47,0 12px 24px #00000057,inset 0 0 0 1px #ffe5b529}}@keyframes cardTravelFromDeck{0%{opacity:0;transform:translate(-50%,230px) scale(.56)}20%{opacity:1}65%{opacity:1;transform:translate(-50%,-50%) scale(.92)}to{opacity:0;transform:translate(calc(-50% + var(--to-x)),calc(-50% + var(--to-y))) scale(.88)}}@keyframes cardTravelFromSeat{0%{opacity:0;transform:translate(calc(-50% + var(--from-x)),calc(-50% + var(--from-y))) scale(.54) rotate(-10deg)}18%{opacity:1}70%{opacity:1;transform:translate(-50%,-50%) scale(.92) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--to-x)),calc(-50% + var(--to-y))) scale(.92) rotate(0)}}@keyframes drawTrail{0%{opacity:0;filter:blur(6px)}25%{opacity:1;filter:blur(1px)}to{opacity:0;filter:blur(4px)}}@keyframes targetBeam{0%{opacity:0;transform-origin:left center;filter:blur(4px)}20%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(4px)}}@keyframes turnStamp{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes coreImpact{0%,to{box-shadow:0 20px 50px #0000006b,inset 0 0 42px #12437673,inset 0 0 0 1px #d2f0ff2e}50%{box-shadow:0 0 40px #2ee6ff2e,0 20px 50px #0000006b,inset 0 0 50px #1d6cbe94,inset 0 0 0 1px #d2f0ff3d}}@keyframes coreAttack{0%,to{box-shadow:0 20px 50px #0000006b,inset 0 0 42px #12437673,inset 0 0 0 1px #d2f0ff2e}35%{box-shadow:0 0 50px #ff84ac24,0 20px 50px #0000006b,inset 0 0 62px #ff8d4f38,inset 0 0 0 1px #ffdcb847}}@keyframes laneImpact{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.01);filter:brightness(1.08)}to{transform:scale(1);filter:brightness(1)}}@keyframes defeatedSignal{0%{opacity:0;transform:translateY(8px) scale(.92)}20%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}@keyframes endTurnSweep{0%{opacity:0;transform:translate(-60%)}20%{opacity:1}to{opacity:0;transform:translate(110%)}}@keyframes turnSweep{0%{transform:translate(-26%) translateY(-8%) rotate(-2deg);opacity:.8}to{transform:translate(25%) translateY(8%) rotate(-2deg);opacity:0}}@keyframes heroFloat{0%{background-position:center top}to{background-position:center bottom}}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.page,.game-split{grid-template-columns:1fr}.tabletop-surface{min-height:auto;padding:.65rem;display:grid;gap:.55rem}.duel-shell{grid-template-columns:1fr}.side-panel{min-height:auto}.panel-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hand-zone-side,.status-list{max-height:none}.turn-path-layer,.zone-strip,.table-banner{display:none}.rift-board-frame{position:relative;inset:auto;min-height:520px}.table-action-card{position:relative;left:auto;top:auto;transform:none;width:100%;margin:0 auto}.table-action-card.visible{transform:none}.battle-lane{position:relative;left:auto;right:auto;transform:none;width:100%;padding:.65rem}.battle-lane-top,.battle-lane-bottom{top:auto;bottom:auto}.table-feed{position:relative;left:auto;bottom:auto;width:100%;transform:none;margin-top:.65rem}.table-deck-stack,.table-travel-card,.draw-trail,.target-beam{display:none}.tabletop-core{position:relative;transform:none;top:auto;left:auto;width:100%;max-width:none;aspect-ratio:auto;border-radius:16px;padding:.8rem}.tabletop-surface .table-seat{position:relative;width:100%;min-height:auto;transform:none;top:auto;right:auto;bottom:auto;left:auto}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-hover-detail{position:static;width:100%;opacity:1;pointer-events:auto;transform:none;margin-top:.2rem}}.library{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;padding:1.4rem clamp(.9rem,3vw,2.4rem) 3rem;background:radial-gradient(circle at 12% 0%,rgba(46,230,255,.08),transparent 42%),#050912f7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;max-width:1200px;margin:0 auto 1.1rem}.library-head h1{margin:.3rem 0 0;font-family:Rajdhani,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.04}.library-sub{margin:.35rem 0 0;color:var(--muted);font-size:.92rem;max-width:46ch}.library-filters{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:.6rem;max-width:1200px;margin:0 auto 1rem}.library-count{max-width:1200px;margin:0 auto .8rem;color:var(--muted);font-size:.82rem;letter-spacing:.04em}.library-status{max-width:1200px;margin:2rem auto;text-align:center;color:var(--muted)}.library-error{color:#ff9bb0}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;max-width:1200px;margin:0 auto}.library-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#0d1426e6,#090e1be6);overflow:hidden;display:flex;flex-direction:column;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.library-card:hover{transform:translateY(-3px);border-color:#2ee6ff80;box-shadow:0 18px 38px #0006}.library-card.rarity-legendary{border-color:#ffc4548c}.library-card.rarity-epic{border-color:#c182ff80}.library-card.rarity-rare{border-color:#60adff80}.library-card-art{position:relative;aspect-ratio:3 / 4;background:#060a14}.library-card-art img{width:100%;height:100%;object-fit:cover;display:block}.library-cost{position:absolute;top:.5rem;left:.5rem;min-width:1.7rem;height:1.7rem;padding:0 .35rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(130deg,var(--accent),var(--accent-2));color:#07111f;font-weight:800;font-size:.95rem;box-shadow:0 4px 10px #0006}.library-card-body{padding:.7rem .8rem .85rem;display:grid;gap:.35rem}.library-card-title{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.library-card-title h3{margin:0;font-family:Rajdhani,sans-serif;font-size:1.08rem;line-height:1.1}.library-tag{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .4rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.tag-legendary{color:#ffc454;border-color:#ffc45480}.tag-epic{color:#c182ff;border-color:#c182ff80}.tag-rare{color:#60adff;border-color:#60adff80}.library-card-meta{margin:0;color:#8ce8ff;font-size:.72rem;letter-spacing:.04em}.library-card-desc{margin:0;color:#cfddf7;font-size:.82rem;line-height:1.45}.library-stats{display:flex;gap:.8rem;margin-top:.15rem;font-weight:700;font-size:.92rem}.stat-atk{color:#ffb27a}.stat-hp{color:#7affa6}@media (max-width: 720px){.library-filters{grid-template-columns:1fr 1fr}}.rift-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 10px rgba(46,230,255,.25))}50%{filter:drop-shadow(0 0 22px rgba(53,243,177,.45))}}.hero-logo{animation:floatLogo 5s ease-in-out infinite,glowPulse 4s ease-in-out infinite}.hero-content>*{animation:riseIn .6s cubic-bezier(.2,.82,.2,1) both}.hero-content>*:nth-child(1){animation-delay:.02s}.hero-content>*:nth-child(2){animation-delay:.08s}.hero-content>*:nth-child(3){animation-delay:.14s}.hero-content>*:nth-child(4){animation-delay:.2s}.hero-content>*:nth-child(5){animation-delay:.26s}.hero-content>*:nth-child(6){animation-delay:.32s}.hero-chip{transition:transform .16s ease,border-color .16s ease}.hero-chip:hover{transform:translateY(-2px);border-color:#2ee6ff80}@media (prefers-reduced-motion: reduce){.hero-logo,.hero-content>*{animation:none}}.victory-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#030712d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:riseIn .3s ease both}.victory-lottie{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.victory-card{position:relative;z-index:1;width:min(380px,100%);text-align:center;display:grid;justify-items:center;gap:.5rem;padding:1.6rem 1.3rem;border-radius:20px;border:1px solid var(--line);background:linear-gradient(165deg,#0f1b32f5,#080d1afa);box-shadow:0 30px 80px #0009;animation:popIn .45s cubic-bezier(.2,.9,.2,1.1) both}.victory-win{border-color:#ffd16680;box-shadow:0 0 0 1px #ffd16659,0 30px 80px #0009}.victory-lose{border-color:#ff6f8c66}.victory-emoji{font-size:3.4rem;line-height:1}.victory-card h2{margin:0;font-family:Rajdhani,sans-serif;font-size:2.2rem;line-height:1}.victory-win h2{background:linear-gradient(120deg,#ffd166,#fff3c4,#ffd166);-webkit-background-clip:text;background-clip:text;color:transparent}.victory-card p{margin:0 0 .5rem;color:#cdddf6;font-size:.95rem}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lore-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem;width:100%;margin-top:.8rem}.lore-pillar{border:1px solid var(--line);border-radius:14px;background:#0a112199;padding:.85rem .9rem;text-align:left}.lore-pillar h4{margin:0 0 .25rem;font-family:Rajdhani,sans-serif;font-size:1.05rem;color:#fff}.lore-pillar p{margin:0;color:#cfddf7;font-size:.86rem;line-height:1.5}.guide-lore{display:grid;gap:.7rem}.guide-steps{display:grid;gap:.4rem;padding-left:1.1rem;line-height:1.5}.guide-lead{font-size:1rem;line-height:1.6;color:var(--text);padding:.7rem .9rem;border-left:3px solid var(--accent-2, #8ce8ff);background:#8ce8ff0f;border-radius:0 10px 10px 0}.guide-h{margin:.6rem 0 .1rem;font-family:Rajdhani,sans-serif;letter-spacing:.04em;color:#ffd166;font-size:1.02rem}.guide-bullets,.guide-sub{display:grid;gap:.35rem;padding-left:1.1rem;line-height:1.55}.guide-sub{margin-top:.3rem;gap:.25rem;color:var(--muted)}.guide-rules b{color:#ffd166}.guide-rules em{color:#ff9bb0;font-style:normal;font-weight:600}.about-dev-card{border:1px solid rgba(221,178,105,.3);background:linear-gradient(160deg,#ffffff0d,#ffffff04);border-radius:14px;padding:1.1rem 1.2rem}.about-dev-card h3{margin:0 0 .4rem;font-size:1.25rem}.about-dev-card p{line-height:1.6;color:var(--muted)}.about-dev-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.about-dev-links .nav-btn{text-decoration:none}.auth-stage{flex:1;display:grid;grid-template-columns:1fr;gap:1.2rem;align-content:center;width:100%;max-width:1280px;margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(.9rem,4vw,2.4rem) 2rem}.auth-stage-pitch{display:grid;justify-items:center;text-align:center;gap:.55rem;align-content:center;position:relative;padding:clamp(1.4rem,4vw,2.4rem);border-radius:20px;border:1px solid var(--line);background:linear-gradient(165deg,#060a15bd,#060a15e6),url(/assets/branding/hero-key-art.jpg) center/cover no-repeat;overflow:hidden}.auth-stage-pitch h1{margin:0;font-family:Rajdhani,sans-serif;font-size:clamp(1.9rem,6vw,3.2rem);line-height:1;background:linear-gradient(120deg,#fff,#8ce8ff 55%,#35f3b1);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-stage-pitch p{margin:0;max-width:42ch;color:#cdddf6;font-size:clamp(.92rem,2.3vw,1.04rem);line-height:1.55}.auth-stage-form{display:grid;align-content:center}.auth.auth-embedded{grid-template-columns:1fr;max-width:460px;margin:0 auto;width:100%}@media (min-width: 900px){.auth-stage{grid-template-columns:1.15fr .85fr;align-items:stretch;min-height:calc(100dvh - 62px);gap:2.4rem;padding-top:clamp(1.2rem,4vh,3rem);padding-bottom:clamp(1.2rem,4vh,3rem)}.auth-stage-pitch{text-align:left;justify-items:start;align-content:end;min-height:540px}.auth-stage-form{align-content:center}}.info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;display:grid;place-items:center;padding:1rem;background:#030712d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto}.info-screen{width:min(720px,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;background:radial-gradient(circle at 0% 0%,rgba(46,230,255,.1),transparent 45%),linear-gradient(165deg,#0d1426fa,#080d1afa);border:1px solid var(--line);border-radius:18px;padding:clamp(1.2rem,3vw,1.8rem);display:grid;gap:1rem;animation:cardIn .24s ease;box-shadow:0 30px 80px #0000008c}.info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.info-head h2{margin:.2rem 0 0;font-family:Rajdhani,sans-serif;font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.05}.info-body{display:grid;gap:.8rem}.info-body .guide-lore p{color:#cfddf7;line-height:1.65;margin:0}.info-body .guide-steps{display:grid;gap:.5rem;padding-left:1.1rem;color:#cfddf7;line-height:1.5}.lobby{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.lobby-controls{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0d1426e6,#090f1de6);padding:1.1rem;display:grid;gap:.85rem;align-content:start}.lobby-head h3{margin:0;font-family:Rajdhani,sans-serif;font-size:1.5rem;line-height:1.05}.lobby-head p{margin:.25rem 0 0;font-size:.86rem}.lobby-field-row{display:grid;grid-template-columns:1fr 1.4fr;gap:.7rem}.host-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.host-mode-toggle .button{padding:.55rem .4rem;font-size:.85rem}.lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.lobby-cta{width:100%;padding:.8rem}.lobby-join{display:flex;gap:.5rem}.lobby-join .input{flex:1}.lobby-leave{width:100%;color:#ff9bb0;border-color:#ff6f8c4d}.lobby-advanced{margin-top:.2rem;opacity:.85}.room-banner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;border:1px solid rgba(46,230,255,.3);border-radius:14px;background:#2ee6ff0f;padding:.75rem .9rem}.room-banner-label{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.room-code{font-family:Rajdhani,sans-serif;font-size:1.6rem;letter-spacing:.18em;color:#8ce8ff}.room-banner-meta{display:flex;gap:.4rem;flex-wrap:wrap}.roster{display:grid;gap:.45rem}.roster-row{display:flex;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:12px;background:#0a112199;padding:.5rem .7rem}.roster-row.is-ready{border-color:#35f3b173}.roster-avatar{width:38px;height:38px;border-radius:999px;object-fit:cover;border:1px solid var(--line);flex:0 0 auto}.roster-info{display:grid;gap:.05rem;flex:1;min-width:0}.roster-info strong{font-size:.92rem}.roster-info .muted{font-size:.76rem}.roster-badge{flex:0 0 auto;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.roster-badge.ready{color:#07111f;background:linear-gradient(130deg,var(--accent-2),var(--accent));border-color:transparent}.lobby-characters{display:grid;gap:.7rem;align-content:start}@media (min-width: 900px){.lobby{grid-template-columns:.85fr 1.15fr;align-items:start}}.nav-menu-wrap{position:relative}.nav-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:42px;height:38px;padding:0 10px;border-radius:11px;border:1px solid var(--line);background:#0c1425cc;cursor:pointer}.nav-burger span{display:block;height:2px;border-radius:2px;background:var(--text);transition:opacity .16s ease}.nav-burger:hover span{background:var(--accent)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0206128c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .16s ease}.drawer{position:fixed;top:0;right:0;height:100dvh;width:min(300px,86vw);display:flex;flex-direction:column;gap:.3rem;padding:.9rem;border-left:1px solid var(--line);background:linear-gradient(180deg,#0b111ffc,#080c18fc);box-shadow:-24px 0 60px #00000080;animation:slideInRight .22s cubic-bezier(.2,.82,.2,1)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:.2rem .3rem .6rem;border-bottom:1px solid var(--line);margin-bottom:.4rem}.drawer-head strong{font-family:Rajdhani,sans-serif;font-size:1.1rem;letter-spacing:.05em}.drawer-items{display:grid;gap:.4rem;flex:1;align-content:start;padding-top:.2rem}.nav-menu-item{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;border:1px solid transparent;background:#ffffff05;color:var(--text);padding:.7rem .8rem;border-radius:12px;font-family:inherit;font-size:.98rem;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.nav-menu-item:hover{background:#2ee6ff1a;border-color:#2ee6ff4d;transform:translate(2px)}.nav-ico-chip{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:#2ee6ff14}.nav-label{flex:1;min-width:0}.nav-state{flex:0 0 auto;font-size:.74rem;font-weight:700;color:var(--accent-2);background:#35f3b11f;border-radius:999px;padding:.15rem .55rem}.drawer-logout{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;margin-top:auto;padding:.8rem;border-radius:12px;border:1px solid rgba(255,111,140,.5);background:#ff6f8c1f;color:#ff8da3;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer}.drawer-logout:hover{background:#ff6f8c33}.drawer .nav-icon{width:18px;height:18px;object-fit:contain}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{width:min(480px,100%)}.profile-divider{border:none;border-top:1px solid var(--line);margin:.4rem 0}.battle-status-bar{display:flex;flex-direction:column;gap:.45rem;border:1px solid var(--line);border-radius:14px;padding:.55rem .8rem;background:#0a1121cc}.bsb-main{display:flex;align-items:center;gap:.6rem}.bsb-main .bsb-turn{flex:1 1 auto;min-width:0}.bsb-main .bsb-turn-text{min-width:0}.bsb-main .bsb-turn-text strong,.bsb-main .bsb-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.bsb-endturn{flex:0 0 auto;padding:.5rem 1rem;font-weight:800}.bsb-timer{flex:0 0 auto;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;background:#8ce8ff1f;border:1px solid rgba(140,232,255,.4);color:#cfe9ff;border-radius:999px;padding:.3rem .7rem;font-weight:700;font-size:.85rem}.bsb-collapse{flex:0 0 auto;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);cursor:pointer;font-size:.9rem}.bsb-collapse:hover{background:#ffffff1f}.bsb-details{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.08)}.battle-status-bar.bsb-mine{border-color:#35f3b18c;background:linear-gradient(120deg,#35f3b11f,#0a1121cc)}.bsb-turn{display:flex;align-items:center;gap:.7rem}.bsb-turn>div{display:grid;gap:.1rem}.bsb-turn strong{font-family:Rajdhani,sans-serif;font-size:1.2rem;line-height:1}.bsb-hint{font-size:.8rem;color:var(--muted)}.bsb-dot{width:12px;height:12px;border-radius:999px;background:var(--muted);flex:0 0 auto}.bsb-mine .bsb-dot{background:var(--accent-2);box-shadow:0 0 0 4px #35f3b133;animation:turnPulse 1.6s ease-in-out infinite}.bsb-stats{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.bsb-stat{font-size:.86rem;font-weight:700;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--line);background:#070c1899}.bsb-hp{color:#ff8da3}.bsb-mana{color:#8ce8ff}.bsb-timer{color:var(--accent-2)}.bsb-help{width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:#070c1899;color:var(--text);font-weight:800;cursor:pointer}.bsb-help:hover{border-color:var(--accent);color:var(--accent)}.coach-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:78;display:grid;place-items:center;padding:1rem;background:#030712d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto}.coach-card{width:min(440px,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;border:1px solid var(--line);border-radius:18px;padding:1.3rem;display:grid;gap:.8rem;background:linear-gradient(165deg,#0f1b32fa,#080d1afa);box-shadow:0 30px 80px #0000008c;animation:cardIn .22s ease}.coach-card h3{margin:0;font-family:Rajdhani,sans-serif;font-size:1.5rem}.coach-steps{margin:0;padding-left:1.1rem;display:grid;gap:.55rem;color:#cfddf7;font-size:.9rem;line-height:1.5}.coach-steps strong{color:#fff}.coach-steps em{color:var(--accent);font-style:normal}.hand-card-media{position:relative}.hand-cost{position:absolute;top:.3rem;left:.3rem;min-width:1.5rem;height:1.5rem;padding:0 .3rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(130deg,#8ce8ff,#2ee6ff);color:#07111f;font-weight:800;font-size:.85rem;box-shadow:0 3px 8px #0006}.hand-cost-short{background:linear-gradient(130deg,#ff9bb0,#ff6f8c)}.hand-unit-stats,.hand-type-tag{position:absolute;bottom:.3rem;left:.3rem;right:.3rem;text-align:center;font-size:.72rem;font-weight:700;padding:.18rem .3rem;border-radius:8px;background:#050912c7;color:#e7f1ff}.hand-type-tag{right:auto;left:.3rem;background:#7c3aed80}.hand-card-desc{font-size:.74rem;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hand-playable{border-color:#35f3b180;box-shadow:0 0 0 1px #35f3b140}.hand-unaffordable{opacity:.55;filter:saturate(.7)}.hand-play-btn{width:100%;font-size:.82rem}.hand-reason{color:#ff9bb0;font-size:.72rem;text-align:center}.duel{display:flex;flex-direction:column;gap:.5rem;width:100%;flex:1;min-height:0;overflow:hidden}.duel>.battle-status-bar,.duel>.opp-strip,.duel>.duel-dock,.duel>.spell-zone,.duel>.attack-hint-bar{flex:0 0 auto}.duel>.battlefield{flex:1 1 auto;min-height:0;overflow:hidden;border-radius:50%/14%}.duel>.battlefield .bf-plane{height:100%;align-content:center}.duel>.opp-strip{gap:.5rem}.bsb-actions{display:flex;gap:.4rem;align-items:center}.bsb-endturn{padding:.5rem 1rem;font-weight:800}.bsb-mini{padding:.45rem .7rem;font-size:.8rem}.bsb-leave{color:#ff8da3}.duel-dock{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center}.dock-handle,.pile-hand{display:none}.confirm-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem;flex-wrap:wrap}.confirm-actions .button{flex:1 1 auto}.practice-players{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:120;display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;border-radius:999px;background:#080e1aeb;border:1px solid rgba(221,178,105,.4);box-shadow:0 6px 18px #0006}.practice-players-label{font-size:.72rem;color:var(--muted);padding:0 .3rem}.practice-players-btn{width:28px;height:28px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--text);font-weight:700;cursor:pointer}.practice-players-btn.active{background:#ffd166;color:#07111f;border-color:#ffd166}.my-seat{display:flex;align-items:center;gap:.5rem}.my-seat-id{display:flex;align-items:center;gap:.4rem}.my-seat-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(221,178,105,.5)}.my-seat-info{display:grid;line-height:1.15}.my-seat-info strong{font-size:.85rem}.seat-hp{color:#ff8da3}.seat-mana{color:#8ce8ff;margin-left:.3rem}.duel-dock .your-hand{border:none;background:none;padding:0;min-width:0}.duel-dock .field-head{display:none}.duel-dock .hand-card{width:116px}.duel-dock .hand-card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.64rem;line-height:1.2}@media (max-width: 560px){.duel-dock{grid-template-columns:1fr}.my-seat{justify-content:space-between}}.duel-wait{display:grid;gap:.8rem;max-width:560px;margin:0 auto;width:100%}.duel-controls{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.duel-controls .lobby-cta{flex:1 1 160px;max-width:240px}.attack-hint-bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;border:1px solid rgba(255,196,84,.5);background:#ffc4541f;border-radius:12px;padding:.6rem .9rem;font-size:.9rem}.attack-hint-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.attack-direct-btn{background:linear-gradient(135deg,#ff7a59,#ff4d6d);color:#fff;font-weight:700;padding:.4rem .8rem}.opp-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.opp-card{border:1px solid var(--line);border-radius:14px;background:#0a1121b3;padding:.7rem;display:grid;gap:.5rem;transition:border-color .16s ease,box-shadow .16s ease}.opp-turn{border-color:#ffd1668c;box-shadow:0 0 0 1px #ffd1664d}.opp-targetable{border-color:#ff6f8c99}.opp-head{display:flex;align-items:center;gap:.6rem}.opp-targetable .opp-head{cursor:crosshair}.opp-avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;border:1px solid var(--line);flex:0 0 auto}.opp-meta{display:grid;gap:.05rem;flex:1;min-width:0}.opp-meta strong{font-size:.95rem}.opp-meta .muted{font-size:.74rem}.opp-hp{font-weight:800;color:#ff8da3;font-size:1rem}.opp-substats{display:flex;gap:.6rem;font-size:.78rem;color:var(--muted)}.opp-units{display:flex;flex-wrap:wrap;gap:.4rem}.opp-empty{font-size:.76rem;color:var(--muted);font-style:italic}.mini-unit{display:grid;gap:.1rem;border:1px solid var(--line);border-radius:9px;background:#070c18cc;color:var(--text);padding:.35rem .5rem;font-size:.72rem;cursor:default;text-align:left}.mini-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.mini-stats{color:var(--muted)}.mini-targetable{cursor:crosshair;border-color:#ff6f8c99}.mini-targetable:hover{background:#ff6f8c2e}.your-field,.your-hand{border:1px solid var(--line);border-radius:14px;background:#080d1899;padding:.7rem .8rem;display:grid;gap:.55rem}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.field-head strong{font-family:Rajdhani,sans-serif;font-size:1.05rem}.field-head .muted{font-size:.78rem}.field-units,.hand-row{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.35rem}.field-unit{flex:0 0 auto;width:122px;display:grid;gap:.25rem;border:1px solid var(--line);border-radius:12px;background:#0b1223e6;color:var(--text);padding:.4rem;cursor:default;text-align:center;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.field-canact{cursor:pointer;border-color:#35f3b180}.field-canact:hover{transform:translateY(-3px)}.field-selected{border-color:var(--accent-2);box-shadow:0 0 0 2px #35f3b180}.field-unit-art{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px}.field-unit-name{font-size:.74rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-unit-stats{font-size:.78rem;color:#cfe0ff}.field-unit-flag{font-size:.64rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.field-unit-flag.ready{color:var(--accent-2)}.hand-row .hand-card{flex:0 0 auto;width:150px;display:grid;gap:.3rem;border:1px solid var(--line);border-radius:12px;background:#0b1223e6;padding:.45rem}.hand-row .hand-card-art{width:100%;aspect-ratio:3 / 4;max-height:96px;object-fit:contain;object-position:center;background:#070b14;border-radius:8px}.hand-row .hand-card strong{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-strip{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.plate{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:999px;background:#0a1121cc;color:var(--text);padding:.3rem .7rem .3rem .3rem;cursor:default}.plate-turn{border-color:#ffd16699;box-shadow:0 0 0 1px #ffd16659}.plate-target{cursor:crosshair;border-color:#ff6f8cb3}.plate-target:hover{background:#ff6f8c29}.plate-avatar{width:34px;height:34px;border-radius:999px;object-fit:cover;border:1px solid var(--line)}.plate-name{font-weight:700;font-size:.85rem}.plate-stats{font-size:.78rem;color:var(--muted)}.plate-hp{color:#ff8da3}.battlefield{position:relative;perspective:1300px;border-radius:18px;padding:clamp(.8rem,3vw,1.6rem) .8rem;border:1px solid rgba(221,178,105,.4);background:radial-gradient(circle at 50% 30%,rgba(58,119,255,.18),transparent 55%),radial-gradient(circle at 50% 92%,rgba(53,243,177,.14),transparent 55%),radial-gradient(ellipse at 50% 50%,#08101cc7,#040810f2 72%),var(--realm-bg, none) center/cover no-repeat,linear-gradient(165deg,#0a1320,#070d18);box-shadow:inset 0 0 80px #000000b3,0 18px 50px #00000073;overflow:hidden}.battlefield:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ddb2692e,inset 0 0 90px #0000008c}.bf-plane{transform:rotateX(15deg);transform-style:preserve-3d;display:grid;gap:.6rem}.bf-row{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;min-height:150px;align-items:center;padding:.55rem;border-radius:14px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#ffffff03;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0d}.bf-enemy{background-image:linear-gradient(180deg,#ff50781a,#ff507805);border-color:#ff63844d}.bf-enemy-seats{display:flex;gap:.6rem;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:.3rem;overflow:auto}.enemy-seat{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem .5rem;border-radius:12px;background:linear-gradient(180deg,#ff50781a,#ff507805);border:1px solid rgba(255,99,132,.25)}.enemy-seat-turn{border-color:#ffc454b3;box-shadow:0 0 12px #ffc4544d}.seat-plate{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;color:var(--text);cursor:default;padding:.2rem}.seat-plate.plate-target{cursor:crosshair}.seat-plate.plate-target:hover{filter:brightness(1.12)}.seat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(221,178,105,.5)}.seat-name{font-weight:700;font-size:.8rem}.seat-stats{font-size:.78rem}.seat-stats .plate-hp{color:#ff8da3}.seat-stats .seat-mana{color:#8ce8ff;margin-left:.3rem}.seat-meta{font-size:.7rem;color:var(--muted)}.seat-grave{font-size:.7rem;padding:.15rem .5rem}.enemy-seat-field{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;max-width:280px}.seat-empty{color:var(--muted);font-size:.7rem;font-style:italic;padding:.3rem}.bf-you{background-image:linear-gradient(180deg,#35f3b10a,#35f3b11f);border-color:#35f3b152}.bf-line{display:flex;align-items:center;justify-content:center;position:relative;height:1px;background:linear-gradient(90deg,transparent,rgba(140,232,255,.5),transparent)}.bf-line span{font-family:Rajdhani,sans-serif;font-size:.7rem;letter-spacing:.4em;color:#8ce8ff;background:#0a1320;padding:0 .6rem}.bf-empty{color:var(--muted);font-size:.8rem;font-style:italic}.tcg-card{position:relative;width:96px;height:130px;border-radius:11px;border:2px solid var(--line);background:#0a0e1a;overflow:hidden;padding:0;cursor:default;transform:rotateX(-15deg);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.bf-enemy .tcg-card{width:84px;height:116px}.tcg-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#070b14}.tcg-name{position:absolute;bottom:0;left:0;right:0;padding:3px 20px;font-size:.58rem;font-weight:700;text-align:center;background:linear-gradient(transparent,#03060eeb 40%);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tcg-atk,.tcg-hp{position:absolute;bottom:2px;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;font-size:.74rem;font-weight:800;color:#0a0e1a;box-shadow:0 2px 5px #00000080}.tcg-atk{left:2px;background:linear-gradient(140deg,#ffd166,#ff9f1a)}.tcg-hp{right:2px;background:linear-gradient(140deg,#ff9bb0,#ff4d6d);color:#fff}.tcg-ready{position:absolute;top:3px;right:4px;color:#35f3b1;font-size:.7rem;text-shadow:0 0 6px rgba(53,243,177,.9)}.tcg-card.rarity-rare{border-color:#60adff;box-shadow:0 0 10px #60adff59}.tcg-card.rarity-epic{border-color:#c182ff;box-shadow:0 0 12px #c182ff66}.tcg-card.rarity-legendary{border-color:#ffc454;box-shadow:0 0 16px #ffc45480}.tcg-crest{position:absolute;top:3px;left:3px;width:16px;height:16px;object-fit:contain;opacity:.55;filter:drop-shadow(0 1px 3px rgba(0,0,0,.9));pointer-events:none;z-index:2}.tcg-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 22%),linear-gradient(0deg,rgba(3,6,14,.85),transparent 38%);box-shadow:inset 0 0 0 1px #ffffff14;z-index:1}.tcg-name,.tcg-atk,.tcg-def,.tcg-pos,.tcg-ready,.card-info-btn{z-index:3}.tcg-canact{cursor:pointer}.tcg-canact:hover{transform:rotateX(-15deg) translateY(-8px) scale(1.04)}.tcg-selected{box-shadow:0 0 0 3px #35f3b1cc,0 10px 24px #00000080;transform:rotateX(-15deg) translateY(-8px) scale(1.04)}.tcg-target{cursor:crosshair}.tcg-target:hover{box-shadow:0 0 0 3px #ff4d6dcc}@media (max-width: 560px){.tcg-card{width:76px;height:104px}.bf-enemy .tcg-card{width:68px;height:94px}.bf-plane{transform:rotateX(10deg)}.tcg-card{transform:rotateX(-10deg)}.tcg-canact:hover,.tcg-selected{transform:rotateX(-10deg) translateY(-6px)}}.play-stance{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;width:100%}.play-stance .hand-play-btn{padding:.4rem .3rem;font-size:.74rem}.tcg-def{position:absolute;bottom:2px;right:2px;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;font-size:.74rem;font-weight:800;color:#07111f;background:linear-gradient(140deg,#8ce8ff,#2ea6ff);box-shadow:0 2px 5px #00000080}.tcg-pos{position:absolute;top:3px;left:4px;font-size:.8rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.tcg-defense{transform:rotateX(-15deg) rotate(8deg);border-style:dashed}.tcg-defense .tcg-atk{opacity:.5}.tcg-slot{display:grid;justify-items:center;gap:.25rem}.flip-btn{border:1px solid var(--line);background:#070c18d9;color:#cfe0ff;border-radius:8px;font-size:.66rem;font-weight:700;padding:.2rem .45rem;cursor:pointer}.flip-btn:hover{border-color:var(--accent);color:var(--accent)}.duel-piles{display:flex;gap:1rem;justify-content:center}.pile{position:relative;width:74px;border:1px solid var(--line);border-radius:10px;background:#070c18b3;padding:.3rem;display:grid;justify-items:center;gap:.2rem;color:var(--text)}.pile-art{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:7px;opacity:.92}.pile-count{position:absolute;top:4px;right:4px;min-width:1.4rem;text-align:center;background:#030712d9;border-radius:999px;font-size:.74rem;font-weight:800;padding:.05rem .3rem}.pile-label{font-size:.7rem;color:var(--muted)}.pile-deck{cursor:not-allowed}.pile-draw{cursor:pointer;border-color:#35f3b199;box-shadow:0 0 0 1px #35f3b14d;animation:turnPulse 1.8s ease-in-out infinite}.pile-draw .pile-label{color:var(--accent-2);font-weight:700}.bf-row{flex-direction:column;align-items:stretch;gap:.4rem}.bf-zone-label{font-family:Rajdhani,sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#9fb4d8;text-align:center}.bf-enemy .bf-zone-label{color:#ff9bb0}.bf-you .bf-zone-label{color:#8ce8ff}.bf-zones{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}.bf-zone{width:96px;min-height:130px;display:grid;justify-items:center;align-content:start;gap:.25rem}.bf-enemy .bf-zone{width:84px;min-height:116px}.bf-zone-empty{border:1px dashed rgba(255,255,255,.14);border-radius:11px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 6px,transparent 6px 12px)}.bf-enemy .bf-zone-empty{min-height:116px}.bf-attacking .bf-enemy .bf-zone-empty{border-color:#ff6f8c4d}.bf-attacking .bf-you{opacity:.85}.tcg-canact{box-shadow:0 0 0 2px #35f3b18c;animation:turnPulse 1.8s ease-in-out infinite}.practice-loading{display:grid;place-items:center;min-height:50vh;color:var(--muted);font-family:Rajdhani,sans-serif;font-size:1.1rem}.fx-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;overflow:hidden}.fx-slash .fx-overlay:before{content:"";position:absolute;top:46%;left:-40%;width:180%;height:5px;background:linear-gradient(90deg,transparent,#ffffff,#ff4d6d,transparent);box-shadow:0 0 16px #ff4d6d;transform:rotate(-32deg) translate(-70%);opacity:0;animation:slashSweep .85s cubic-bezier(.3,.7,.2,1) forwards}@keyframes slashSweep{0%{transform:rotate(-32deg) translate(-70%);opacity:0}18%{opacity:0}46%{opacity:1}70%{opacity:1}to{transform:rotate(-32deg) translate(70%);opacity:0}}.fx-slash{animation:hitFlash .85s ease-out}@keyframes hitFlash{0%,18%,to{box-shadow:none}46%{box-shadow:0 0 0 3px #ff4d6de6,0 0 26px #ff4d6da6}}.fx-shield .fx-overlay:before{content:"🛡";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2.2rem;filter:drop-shadow(0 0 12px #8ce8ff);opacity:0;animation:shieldPop .9s cubic-bezier(.2,.8,.2,1) forwards}.fx-shield{animation:blockFlash .9s ease-out}@keyframes blockFlash{0%,to{box-shadow:none}40%{box-shadow:0 0 0 3px #8ce8ffe6,0 0 24px #60adff99}}@keyframes shieldPop{0%{transform:translateY(12px) scale(.5);opacity:0}35%{transform:translateY(0) scale(1.2);opacity:1}70%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-4px) scale(1);opacity:0}}.plate{position:relative}.bf-shake{animation:bfShake .42s ease}@keyframes bfShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.hp-pop{display:inline-block;animation:hpPop .42s ease}@keyframes hpPop{0%{transform:scale(1.55);filter:brightness(1.7)}to{transform:scale(1)}}.tcg-facedown .tcg-art{filter:brightness(.85) saturate(.8)}.tcg-facedown .tcg-name{background:#03060ee6;color:#8ce8ff;letter-spacing:.2em}.hand-row .hand-card{animation:drawIn .34s cubic-bezier(.2,.82,.2,1)}@keyframes drawIn{0%{opacity:0;transform:translate(-40px) translateY(10px) scale(.85)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}.pile-flyer{position:absolute;top:.3rem;right:.3rem;bottom:.3rem;left:.3rem;width:calc(100% - .6rem);border-radius:7px;pointer-events:none;animation:deckLift .5s ease-out forwards;z-index:2}@keyframes deckLift{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-46px) scale(.7) rotate(-8deg);opacity:0}}.pile-count-pop{animation:hpPop .4s ease}.pile-discard{cursor:pointer}.pile-discard:hover{border-color:var(--accent)}.grave-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.6rem;max-height:60vh;overflow-y:auto}.grave-card{display:grid;gap:.2rem;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#080d18b3;padding-bottom:.3rem}.grave-card.rarity-rare{border-color:#60adff}.grave-card.rarity-epic{border-color:#c182ff}.grave-card.rarity-legendary{border-color:#ffc454}.grave-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.grave-name{font-size:.7rem;font-weight:700;text-align:center;padding:0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grave-stats{font-size:.66rem;color:var(--muted);text-align:center}.plate-wrap{display:grid;justify-items:center;gap:.25rem}.grave-chip{border:1px solid var(--line);background:#070c18b3;color:var(--muted);border-radius:999px;font-size:.7rem;font-weight:700;padding:.1rem .5rem;cursor:pointer}.grave-chip:hover{border-color:var(--accent);color:var(--accent)}.grave-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.grave-tab{border:1px solid var(--line);background:#070c1899;color:var(--muted);border-radius:999px;font-size:.76rem;font-weight:700;padding:.3rem .6rem;cursor:pointer}.grave-tab.active{color:#07111f;background:linear-gradient(130deg,var(--accent),var(--accent-2));border-color:transparent}.tcg-card.stance-attack:before,.tcg-card.stance-defense:before,.hand-row .hand-card.card-unit:before,.hand-row .hand-card.card-spell:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:3}.tcg-card{position:relative}.hand-row .hand-card{position:relative;overflow:hidden}.tcg-card.stance-attack:before{background:linear-gradient(90deg,#ff7a59,#ff4d6d)}.tcg-card.stance-defense:before{background:linear-gradient(90deg,#60adff,#8ce8ff)}.hand-row .hand-card.card-unit:before{background:linear-gradient(90deg,#ff7a59,#ffb27a)}.hand-row .hand-card.card-spell:before{background:linear-gradient(90deg,#c182ff,#8a5cff)}.hand-row .hand-card.card-spell{background:linear-gradient(180deg,#28143ce6,#140c1eeb)}.type-legend{display:inline-flex;gap:.4rem;flex-wrap:wrap}.lg{font-size:.66rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--line)}.lg-atk{color:#ff8d6e;border-color:#ff7a5980}.lg-def{color:#8ce8ff;border-color:#60adff80}.lg-spell{color:#c182ff;border-color:#c182ff80}.spell-zone{display:grid;gap:.35rem;border:1px solid rgba(193,130,255,.4);border-radius:12px;background:linear-gradient(180deg,#28143c66,#140c1e80);padding:.5rem .7rem}.spell-zone-label{color:#c182ff}.spell-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.spell-card{position:relative;width:64px;border:1px solid rgba(193,130,255,.5);border-radius:9px;overflow:hidden;background:#140c1ecc}.spell-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.spell-card .spell-name{display:block;font-size:.6rem;text-align:center;padding:1px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spell-enemy{border-color:#ff6f8c80;opacity:.92}.spell-mine{border-color:#c182ffb3}.card-detail{position:relative;width:min(420px,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;border:1px solid var(--line);border-radius:18px;padding:1rem;display:grid;gap:.8rem;background:linear-gradient(165deg,#0f1b32fa,#080d1afa);box-shadow:0 30px 80px #0009;animation:cardIn .22s ease}.card-detail-close{position:absolute;top:.6rem;right:.6rem;z-index:2}.card-detail-art{position:relative;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.card-detail-art img{width:100%;height:100%;object-fit:contain;background:#070b14}.cd-cost,.cd-atk,.cd-def,.cd-spelltag{position:absolute;font-weight:800;border-radius:8px;padding:.2rem .5rem;font-size:.85rem;box-shadow:0 2px 6px #00000080}.cd-cost{top:.5rem;left:.5rem;background:linear-gradient(140deg,#8ce8ff,#2ee6ff);color:#07111f}.cd-atk{bottom:.5rem;left:.5rem;background:linear-gradient(140deg,#ffd166,#ff9f1a);color:#07111f}.cd-def{bottom:.5rem;right:.5rem;background:linear-gradient(140deg,#8ce8ff,#2ea6ff);color:#07111f}.cd-spelltag{bottom:.5rem;left:.5rem;background:#7c3aedb3;color:#fff}.card-detail-body{display:grid;gap:.55rem}.card-detail-body h3{margin:0;font-family:Rajdhani,sans-serif;font-size:1.5rem}.cd-tags{display:flex;flex-wrap:wrap;gap:.35rem}.cd-tag{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-transform:capitalize}.cd-tag.tag-legendary{color:#ffc454;border-color:#ffc45480}.cd-tag.tag-epic{color:#c182ff;border-color:#c182ff80}.cd-tag.tag-rare{color:#60adff;border-color:#60adff80}.cd-desc{margin:0;color:#cfddf7;font-size:.9rem;line-height:1.55}.cd-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.cd-stats-grid div{border:1px solid var(--line);border-radius:10px;padding:.5rem;display:grid;gap:.15rem;text-align:center}.cd-stats-grid span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.cd-stats-grid strong{font-size:1rem}.cd-profile{border:1px solid rgba(46,230,255,.3);background:#2ee6ff12;border-radius:10px;padding:.6rem .7rem;display:grid;gap:.15rem}.cd-profile strong{color:#8ce8ff}.cd-profile span{font-size:.84rem;color:#cfddf7}.card-info-btn{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:999px;border:none;background:#030712bf;color:#8ce8ff;font-size:.72rem;display:grid;place-items:center;cursor:pointer;z-index:4}.card-info-btn:hover{background:#2ee6ff4d;color:#fff}.hand-card-media .card-info-btn{top:4px;right:4px;width:20px;height:20px}.tcg-ready{left:4px;right:auto}.library-card{cursor:pointer}.pile-deck .pile-art{animation:deckShuffle .7s ease 1}@keyframes deckShuffle{0%{transform:translate(0) rotate(0)}20%{transform:translate(-3px) rotate(-4deg)}45%{transform:translate(3px) rotate(4deg)}70%{transform:translate(-2px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.bf-center-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;pointer-events:none}.stats-range{display:flex;gap:.5rem;margin-bottom:.8rem}.stats-range-btn{padding:.35rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:var(--muted);cursor:pointer;font-weight:600}.stats-range-btn.active{border-color:var(--accent-2, #8ce8ff);color:#fff;background:#8ce8ff1f}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin-bottom:.4rem}.stat-cell{display:grid;gap:.15rem;padding:.7rem .6rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#ffffff0d,#ffffff04);text-align:center}.stat-cell b{font-size:1.5rem;font-family:Rajdhani,sans-serif;color:#ffd166;line-height:1}.stat-cell span{font-size:.72rem;color:var(--muted)}.stats-balance{display:grid;gap:.4rem}.stats-balance-row{display:flex;justify-content:space-between;padding:.5rem .7rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.stats-faction{font-weight:700}.stats-faction-nums{color:var(--muted);font-size:.85rem}.stats-window{margin-top:.8rem;font-size:.75rem}.library-spell-text{color:#c8b3ff;font-weight:600}.hand-backdrop,.hand-sheet-close{display:none}@media (max-width: 640px){.duel>.battlefield{flex:1 1 auto;min-height:0;overflow:hidden;border-radius:14px;perspective:none;padding:.4rem}.duel>.battlefield .bf-plane{transform:none;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:.3rem}.bf-row{flex:1 1 0;min-height:0;flex-direction:column;justify-content:center;padding:.4rem;gap:.25rem}.bf-zones{flex:1;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 0;gap:.35rem}.bf-zone,.bf-zone-empty{flex:0 0 auto}.bf-zone-empty{display:none}.tcg-card{transform:none!important;width:78px;height:106px}.bf-enemy .tcg-card{width:74px;height:100px}.bf-zone{width:78px;min-height:106px}.bf-enemy .bf-zone{width:74px;min-height:100px}.bf-zone-label{font-size:.58rem}.bf-enemy-seats{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:.4rem}.enemy-seat{flex:0 0 auto;padding:.3rem}.seat-avatar{width:32px;height:32px}.seat-name{font-size:.72rem}.enemy-seat-field{max-width:170px}.enemy-seat-field.bf-zones{flex:none;overflow:visible;align-content:center}.duel-dock{display:flex;align-items:center;gap:.5rem}.duel-dock .my-seat{display:flex;flex:1;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.pile-hand{display:grid;border-color:#ddb26999;box-shadow:0 0 10px #ddb2694d}.pile-hand .pile-label{color:#ffd9a0;font-weight:700}.hand-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:#02060c99}.duel-dock .your-hand{display:block;position:fixed;left:0;right:0;bottom:0;z-index:1500;max-height:80vh;overflow-y:auto;background:linear-gradient(180deg,#0b1426,#070d18);border-top:1px solid rgba(221,178,105,.4);border-radius:16px 16px 0 0;padding:.7rem .8rem calc(.9rem + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .28s ease;box-shadow:0 -16px 40px #0009}.duel-dock.hand-open .your-hand{transform:translateY(0)}.duel-dock .your-hand .field-head{display:flex;align-items:center;gap:.5rem}.hand-sheet-close{display:inline-grid;place-items:center;margin-left:auto;width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);font-size:1.1rem;cursor:pointer}.duel-dock .your-hand .hand-row{flex-wrap:wrap;justify-content:center;overflow:visible;gap:.5rem}.duel-dock .hand-card{width:44%;min-width:130px}}.pile-deck-back{filter:brightness(.7) saturate(1.2) contrast(1.05)}.pile-deck-crest{position:absolute;top:4px;left:4px;width:30%;height:auto;opacity:.55;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85));pointer-events:none}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#02060ceb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.intro-stage{position:relative;width:min(92vw,960px);aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #000000b3,0 0 0 1px #ddb26959;background:#000}.intro-video{width:100%;height:100%;object-fit:cover;display:block}.intro-close{position:absolute;top:10px;right:12px;z-index:2;width:36px;height:36px;border-radius:999px;border:none;background:#0000008c;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}.intro-close:hover{background:#000c}.intro-unmute{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:2;padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#000000b3;color:#fff;font-weight:700;cursor:pointer;animation:clashLabel .4s ease-out}.intro-unmute:hover{background:#000000e6}.intro-replay-btn{align-self:flex-start;text-decoration:none;margin-bottom:.3rem}.hero-trailer-btn{align-self:flex-start;margin-top:1rem;background:#ddb26924;border:1px solid rgba(221,178,105,.5);color:#ffd9a0;font-weight:700}.hero-trailer-btn:hover{background:#ddb26942}.clash-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.clash-card{position:relative;width:clamp(120px,24vw,180px);aspect-ratio:3 / 4;border-radius:14px;overflow:visible;box-shadow:0 24px 60px #0009;transform-origin:center bottom}.clash-card.clash-slash{animation:clashLunge 1.25s cubic-bezier(.3,.8,.2,1) forwards}.clash-card.clash-shield{animation:clashBounce 1.25s cubic-bezier(.3,.8,.2,1) forwards}.clash-art{width:100%;height:100%;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.25)}.clash-card-name{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.85rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9)}.clash-burst{position:absolute;top:50%;left:50%;font-size:clamp(3rem,10vw,6rem);transform:translate(-50%,-50%) scale(0);opacity:0}.burst-slash{color:#ff6b3a;filter:drop-shadow(0 0 18px rgba(255,107,58,.9));animation:burstPop .6s ease-out .55s forwards}.burst-shield{color:#6bc6ff;filter:drop-shadow(0 0 18px rgba(107,198,255,.9));animation:burstPop .6s ease-out .55s forwards}.clash-label{font-family:Rajdhani,sans-serif;font-weight:800;font-size:clamp(1.4rem,4.5vw,2.4rem);letter-spacing:.04em;text-shadow:0 3px 16px rgba(0,0,0,.8);opacity:0;animation:clashLabel .9s ease-out .55s forwards}.clash-label.tone-destroy{color:#ffd166}.clash-label.tone-reduce{color:#ff5d7a}.clash-label.tone-block{color:#6bc6ff}@keyframes clashLunge{0%{transform:translateY(60px) scale(.5);opacity:0}28%{transform:translateY(0) scale(1.05);opacity:1}48%{transform:translateY(0) scale(1.05);opacity:1}62%{transform:translateY(-18px) scale(1.18) rotate(-4deg);opacity:1}78%{transform:translateY(0) scale(1.05);opacity:1}to{transform:translateY(-20px) scale(.92);opacity:0}}@keyframes clashBounce{0%{transform:translateY(60px) scale(.5);opacity:0}28%{transform:translateY(0) scale(1.05);opacity:1}58%{transform:translateY(-14px) scale(1.12);opacity:1}66%{transform:translateY(6px) scale(1) rotate(2deg);opacity:1}78%{transform:translateY(0) scale(1.04);opacity:1}to{transform:translateY(-12px) scale(.92);opacity:0}}@keyframes burstPop{0%{transform:translate(-50%,-50%) scale(0) rotate(-20deg);opacity:0}40%{transform:translate(-50%,-50%) scale(1.3) rotate(8deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:0}}@keyframes clashLabel{0%{transform:translateY(14px) scale(.7);opacity:0}30%{transform:translateY(0) scale(1.1);opacity:1}80%{opacity:1}to{transform:translateY(-6px) scale(1);opacity:.92}}.attack-beam-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:60}.attack-beam{stroke:#ff5d3a;stroke-width:3.5;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(255,93,58,.9));stroke-dasharray:10 8;animation:beamDash .9s linear forwards,beamFade .9s ease-out forwards}.attack-beam-arrow{fill:#ff5d3a;filter:drop-shadow(0 0 6px rgba(255,93,58,.9))}@keyframes beamDash{to{stroke-dashoffset:-54}}@keyframes beamFade{0%{opacity:0}18%{opacity:1}72%{opacity:1}to{opacity:0}}.attack-info{position:absolute;top:-6%;left:50%;transform:translate(-50%);white-space:nowrap;font-family:Rajdhani,sans-serif;font-weight:700;font-size:clamp(.95rem,2.4vw,1.3rem);color:#fff;padding:.3rem .9rem;border-radius:999px;background:#120806d1;border:1px solid rgba(255,93,58,.55);box-shadow:0 6px 22px #00000080;animation:attackInfoPop 1.4s ease-out forwards}.attack-info strong{color:#ffb199}@keyframes attackInfoPop{0%{transform:translate(-50%) translateY(8px) scale(.85);opacity:0}15%{transform:translate(-50%) translateY(0) scale(1.05);opacity:1}80%{opacity:1}to{transform:translate(-50%) translateY(-6px) scale(1);opacity:0}}.float-dmg{position:absolute;font-family:Rajdhani,sans-serif;font-weight:800;font-size:clamp(2.2rem,7vw,4rem);text-shadow:0 2px 14px rgba(0,0,0,.7);animation:floatUp 1.05s ease-out forwards}.dmg-enemy{color:#ffd166}.dmg-self{color:#ff5d7a}@keyframes floatUp{0%{transform:translateY(20px) scale(.6);opacity:0}25%{transform:translateY(0) scale(1.25);opacity:1}60%{transform:translateY(-10px) scale(1);opacity:1}to{transform:translateY(-46px) scale(.95);opacity:0}}.destroy-pop{position:absolute;top:8%;font-weight:800;font-size:.95rem;color:#fff;background:#b41e32d9;padding:.3rem .7rem;border-radius:999px;white-space:nowrap;animation:destroyPop 1.5s ease-out forwards}@keyframes destroyPop{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.1);opacity:1}75%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.opp-hand{position:relative;display:flex;align-items:center;height:26px}.opp-hand-card{width:16px;height:23px;object-fit:cover;border-radius:3px;border:1px solid rgba(255,255,255,.18);margin-left:-8px;box-shadow:0 1px 3px #00000080}.opp-hand-card:first-child{margin-left:0}.opp-hand-count{margin-left:.4rem;font-size:.72rem;font-weight:700;color:var(--muted)}.bf-zones .tcg-card{animation:summonIn .4s cubic-bezier(.2,.85,.25,1.1)}@keyframes summonIn{0%{opacity:0;transform:rotateX(-15deg) translateY(-22px) scale(.7)}60%{opacity:1;transform:rotateX(-15deg) translateY(4px) scale(1.06)}to{transform:rotateX(-15deg) translateY(0) scale(1)}}.bf-zones .tcg-defense{animation:summonInDef .4s cubic-bezier(.2,.85,.25,1.1)}@keyframes summonInDef{0%{opacity:0;transform:rotateX(-15deg) rotate(8deg) translateY(-22px) scale(.7)}to{opacity:1;transform:rotateX(-15deg) rotate(8deg) translateY(0) scale(1)}}@media (hover: hover){.hand-row .hand-card{transition:transform .16s ease,box-shadow .16s ease}.hand-row .hand-card:hover{transform:translateY(-8px);box-shadow:0 14px 30px #00000080;z-index:3}}.bf-myturn{box-shadow:inset 0 0 60px #00000080,0 0 0 1px #35f3b159,0 0 24px #35f3b12e}.bf-myturn .bf-you{background-color:#35f3b117}.tcg-lunge{animation:lunge .34s ease-in-out!important;z-index:8}@keyframes lunge{0%{transform:rotateX(-15deg) translateY(0)}45%{transform:rotateX(-15deg) translateY(-34px) scale(1.08)}to{transform:rotateX(-15deg) translateY(0)}}.tcg-flip{animation:flipCard .45s ease!important}@keyframes flipCard{0%{transform:rotateX(-15deg) rotateY(0)}50%{transform:rotateX(-15deg) rotateY(90deg) scale(.9)}to{transform:rotateX(-15deg) rotateY(0)}}.turn-sweep{position:fixed;top:0;right:0;bottom:0;left:0;z-index:82;display:grid;place-items:center;pointer-events:none}.turn-sweep span{font-family:Rajdhani,sans-serif;font-weight:800;font-size:clamp(2rem,8vw,4.5rem);letter-spacing:.08em;padding:.4rem 2.5rem;color:#fff;white-space:nowrap;animation:sweepIn 1.5s cubic-bezier(.2,.8,.2,1) forwards}.turn-sweep-mine span{background:linear-gradient(90deg,transparent,rgba(53,243,177,.25),transparent);text-shadow:0 0 24px rgba(53,243,177,.8)}.turn-sweep-foe span{background:linear-gradient(90deg,transparent,rgba(255,111,140,.22),transparent);text-shadow:0 0 24px rgba(255,111,140,.7)}@keyframes sweepIn{0%{transform:translate(-60vw) skew(-12deg);opacity:0}25%{transform:translate(0) skew(0);opacity:1}70%{transform:translate(0);opacity:1}to{transform:translate(60vw) skew(12deg);opacity:0}}