@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-500-normal-CsrJDWc5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2) format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2) format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2) format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Integral CF;src:url(/fonts/integral-cf-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Integral CF;src:url(/fonts/integral-cf-bold.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:Integral CF;src:url(/fonts/integral-cf-extra-bold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Integral CF;src:url(/fonts/integral-cf-heavy.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--amber: #f99e1a;--amber-bright: #ffc163;--amber-deep: #c47407;--amber-glow: rgb(249 158 26 / .28);--surface-void: #0b1016;--surface-900: #0e141b;--surface-800: #151d26;--surface-700: #1d2833;--surface-600: #283645;--surface-500: #35485a;--text-strong: #eef4fa;--text-body: #b3c3d2;--text-muted: #9aafc4;--text-faint: #8ba0b5;--line: rgb(255 255 255 / .07);--line-strong: rgb(255 255 255 / .14);--role-tank: #4a8fe0;--role-damage: #e8613c;--role-support: #6bc08a;--danger: #e5484d;--danger-dim: #7a2226;--chamfer: 10px;--chamfer-sm: 6px;--font-display: "Integral CF", "Barlow Condensed", "Arial Narrow", sans-serif;--font-body: "Barlow", system-ui, sans-serif;--shadow-panel: 0 12px 32px rgb(6 10 15 / .55);--shadow-card: 0 6px 18px rgb(6 10 15 / .5);--z-board: 1;--z-raised: 10;--z-header: 20;--z-overlay: 30}.chamfer{clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer))}.chamfer-sm{clip-path:polygon(var(--chamfer-sm) 0,100% 0,100% calc(100% - var(--chamfer-sm)),calc(100% - var(--chamfer-sm)) 100%,0 100%,0 var(--chamfer-sm))}.hex-field{background-image:linear-gradient(30deg,rgb(255 255 255 / .014) 12%,transparent 12.5%,transparent 87%,rgb(255 255 255 / .014) 87.5%),linear-gradient(150deg,rgb(255 255 255 / .014) 12%,transparent 12.5%,transparent 87%,rgb(255 255 255 / .014) 87.5%),linear-gradient(90deg,rgb(255 255 255 / .01) 1px,transparent 1px);background-size:34px 60px,34px 60px,34px 34px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100dvh;background:radial-gradient(1100px 620px at 50% -12%,rgb(249 158 26 / .07),transparent 62%),var(--surface-900);color:var(--text-body);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display)}button{font-family:inherit}::selection{background:var(--amber);color:var(--surface-void)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.app{max-width:1180px;margin:0 auto;padding:1rem 1.5rem 3rem;min-height:100dvh}.topbar{position:relative;z-index:var(--z-header);display:flex;align-items:center;gap:1rem;height:64px;border-bottom:1px solid var(--line);margin-bottom:1.25rem}.wordmark{display:flex;align-items:baseline;gap:.55rem;margin:0;font-family:var(--font-display);font-weight:700;font-size:1.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong);line-height:1}.wordmark span{color:var(--amber)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.75rem}.chip{font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .7rem;background:var(--surface-700);color:var(--text-body);border:1px solid var(--line-strong)}.chip-amber{background:#f99e1a24;border-color:#f99e1a66;color:var(--amber-bright)}.chip-live{background:#6bc08a1f;border-color:#6bc08a59;color:var(--role-support)}.chip-down{background:#e5484d1f;border-color:#e5484d59;color:#f2888b}.notice{display:flex;align-items:center;gap:.85rem;padding:.7rem 1rem;margin-bottom:.9rem;background:var(--surface-800);border-left:3px solid var(--amber);color:var(--text-body);font-size:.9rem}.notice-danger{border-left-color:var(--danger)}.notice-target{border-left-color:var(--amber-bright);background:#f99e1a1a;color:var(--text-strong)}.notice code{font-family:var(--font-body);font-size:.85em;background:#0000004d;padding:.1rem .35rem;color:var(--amber-bright)}.notice .spacer{margin-left:auto}.btn{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:.6rem 1.4rem;border:1px solid transparent;background:var(--surface-600);color:var(--text-strong);cursor:pointer;white-space:nowrap;transition:background .14s ease,transform 90ms ease,box-shadow .14s ease}.btn:hover:not(:disabled){background:var(--surface-500)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--amber);color:var(--surface-void)}.btn-primary:hover:not(:disabled){background:var(--amber-bright);box-shadow:0 0 20px var(--amber-glow)}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--text-body);padding:.35rem .8rem;font-size:.85rem}.btn-ghost:hover:not(:disabled){background:var(--surface-700);color:var(--text-strong)}.immersive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;flex-direction:column;gap:.4rem;padding:.5rem .75rem .75rem;background:radial-gradient(90% 55% at 50% 45%,rgb(40 54 69 / .45),transparent 72%),var(--surface-void);overflow:auto}.immersive-bar{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.immersive .arena{flex:1 1 auto;min-height:0}.arena{position:relative;display:grid;grid-template-rows:auto auto 1fr auto 1fr auto auto;gap:.5rem;min-height:min(760px,78dvh);padding:.75rem 1rem 1.25rem;border:1px solid var(--line);background:radial-gradient(120% 62% at 50% 50%,rgb(40 54 69 / .5),transparent 70%),linear-gradient(180deg,#101821,#0c1219 45%,#101821);box-shadow:var(--shadow-panel);overflow:hidden}.arena-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem}.arena-bar .hand-back{justify-content:center;margin:0}.arena-bar .piles{justify-self:end}.player-tag{display:flex;align-items:center;gap:.55rem}.player-tag-face{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line-strong);background:var(--surface-700);font-family:var(--font-display);color:var(--text-muted)}.player-tag-face img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}.player-tag-text{display:flex;flex-direction:column;line-height:1.1}.player-tag-text b{font-family:var(--font-display);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-strong)}.player-tag-text small{font-size:.72rem;color:var(--text-muted)}.arena-hero{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem}.arena-hero>*{min-width:0}.arena-hero>:first-child{justify-self:start}.arena-hero>:last-child{justify-self:end}.arena-hero-spacer{display:block}.arena-controls{display:flex;align-items:center;gap:.7rem}.hero-avatar-slot{position:relative;display:inline-block}.hero-avatar{position:relative;display:grid;place-items:center;width:104px;height:104px;padding:0;border:none;background:none;transition:transform .14s ease,filter .14s ease}button.hero-avatar{cursor:pointer}button.hero-avatar:disabled{cursor:default}.hero-avatar.is-targetable:not(:disabled){filter:drop-shadow(0 0 12px var(--amber-glow))}.hero-avatar.is-targetable:not(:disabled):hover{transform:scale(1.05)}.hero-avatar.is-blocked{opacity:.45;filter:grayscale(.8);cursor:not-allowed}.hero-avatar.is-hit{animation:hero-hit .42s cubic-bezier(.36,.07,.19,.97)}.hero-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.hero-ring-track,.hero-ring-fill{fill:none;stroke-width:6}.hero-ring-track{stroke:#ffffff14}.hero-ring-fill{stroke:var(--role-support);stroke-linecap:round;transition:stroke-dashoffset .36s cubic-bezier(.16,1,.3,1)}.hero-avatar.is-low .hero-ring-fill{stroke:var(--danger)}.hero-avatar.is-mine .hero-ring-track{stroke:#f99e1a24}.hero-portrait{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--surface-700)}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}.hero-life{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);min-width:36px;padding:.05rem .4rem;background:var(--surface-void);border:1px solid var(--line-strong);font-family:var(--font-display);font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center;color:var(--text-strong)}.hero-avatar.is-low .hero-life{color:#f2888b;border-color:var(--danger-dim)}.piles{display:flex;gap:.85rem}.pile{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;gap:0 .4rem}.pile-stack{grid-row:1 / 3;width:30px;height:42px;background:repeating-linear-gradient(45deg,var(--surface-600) 0 3px,var(--surface-700) 3px 6px);border:1px solid var(--line-strong);box-shadow:2px 2px 0 -1px var(--surface-700),4px 4px 0 -2px var(--surface-800)}.pile-stack.is-graveyard{background:repeating-linear-gradient(45deg,#2a1f22 0,#2a1f22 3px,#211a1c 3px,#211a1c 6px)}.pile-stack[data-empty=true]{background:none;border-style:dashed;box-shadow:none;opacity:.45}.pile-count{align-self:end;font-family:var(--font-display);font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-strong)}.pile-label{align-self:start;font-family:var(--font-display);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.battlefield{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:158px;padding:0 .25rem}.arena-line{height:1px;margin:.15rem 0;background:linear-gradient(90deg,transparent,rgb(249 158 26 / .28) 20%,rgb(249 158 26 / .28) 80%,transparent)}.hand-fan{display:flex;justify-content:center;align-items:flex-end;min-height:154px;padding-top:.2rem}.hand-fan .hand-card{height:150px}.hand-fan .card-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.4rem}.hand-fan .portrait{height:58px}.hand-fan .hand-card{margin:0 -14px;transform-origin:bottom center;transform:rotate(var(--fan-rot, 0deg)) translateY(var(--fan-y, 0px))}.hand-fan .hand-card:hover:not(:disabled){transform:rotate(0) translateY(-22px) scale(1.05);z-index:60!important}.hand-fan .hand-card:focus-visible{transform:rotate(0) translateY(-22px);z-index:60!important}.arena-endturn{position:absolute;right:1rem;bottom:1.25rem;z-index:var(--z-raised)}.board{display:grid;gap:.85rem;min-width:0}.side{position:relative;min-width:0;padding:.75rem .9rem;background:linear-gradient(180deg,var(--surface-800),var(--surface-900));border:1px solid var(--line);box-shadow:var(--shadow-panel)}.side-rival{border-top:2px solid rgb(232 97 60 / .5)}.side-mine{border-bottom:2px solid rgb(249 158 26 / .55)}.side-label{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.5rem}.hero-row{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.hero-plate{display:flex;align-items:center;gap:.7rem;padding:.5rem .9rem;background:var(--surface-700);border:1px solid var(--line-strong);color:var(--text-strong);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}button.hero-plate{cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}button.hero-plate:disabled{cursor:not-allowed;opacity:.5}button.hero-plate.is-targetable:not(:disabled){border-color:var(--amber);filter:drop-shadow(0 0 9px var(--amber-glow))}.hp{font-variant-numeric:tabular-nums;font-size:1.25rem;color:var(--text-strong)}.hp-bar{display:inline-block;width:108px;height:7px;background:var(--surface-900);border:1px solid var(--line);overflow:hidden;vertical-align:middle}.hp-fill{display:block;height:100%;background:linear-gradient(90deg,var(--role-support),#9adcb2);transition:width .32s cubic-bezier(.16,1,.3,1)}.hp-fill.is-low{background:linear-gradient(90deg,var(--danger),#f2888b)}.resource{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.pips{display:flex;gap:3px}.pip{width:9px;height:9px;background:var(--surface-600);transform:rotate(45deg)}.pip.is-full{background:var(--amber);box-shadow:0 0 7px var(--amber-glow)}.row{display:flex;gap:.55rem;flex-wrap:wrap;align-items:flex-start}.row-board{min-height:152px;align-items:center;padding:.4rem 0}.row-hand{margin-top:.7rem}.unit{position:relative;display:flex;flex-direction:column;width:122px;min-height:174px;background:linear-gradient(180deg,var(--surface-700) 0%,var(--surface-800) 60%,var(--surface-900) 100%);border:2px solid var(--surface-500);box-shadow:inset 0 0 0 1px #ffffff0d;cursor:pointer;overflow:hidden;transition:transform .14s cubic-bezier(.16,1,.3,1),border-color .14s ease,filter .14s ease}.unit:hover{transform:translateY(-3px)}.unit.is-selected{border-color:var(--amber);filter:drop-shadow(0 0 12px var(--amber-glow));transform:translateY(-5px)}.unit.is-targetable{border-color:var(--amber-bright);filter:drop-shadow(0 0 9px var(--amber-glow))}.unit.is-sick{opacity:.5}.unit.is-stealth{opacity:.72;border-style:dashed}.portrait{position:relative;height:88px;display:grid;place-items:center;overflow:hidden;border-bottom:2px solid var(--role, var(--surface-500));background:linear-gradient(150deg,var(--role) 0%,transparent 78%),var(--surface-600)}.portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,var(--surface-700) 100%)}.portrait-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}.portrait-initial{font-family:var(--font-display);font-size:3.6rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:#ffffffe6;mix-blend-mode:overlay;-webkit-user-select:none;user-select:none}.unit-name{font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-strong);padding:.3rem .5rem .1rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keywords{display:flex;flex-wrap:wrap;gap:3px;padding:0 .5rem .35rem;min-height:18px}.keyword{font-family:var(--font-display);font-size:.62rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:.05rem .3rem;background:var(--surface-600);color:var(--text-muted)}.statline{display:flex;justify-content:space-between;align-items:center;gap:.25rem;padding:.3rem .4rem .45rem;margin-top:auto}.stat-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.12rem .4rem;border:1px solid transparent;font-family:var(--font-display);font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.stat-badge.is-attack{background:#f99e1a29;border-color:#f99e1a73;color:var(--amber-bright)}.stat-badge.is-health{background:#6bc08a24;border-color:#6bc08a66;color:#9adcb2}.stat-badge.is-health.is-hurt{background:#e5484d29;border-color:#e5484d73;color:#f2888b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.charge{height:4px;background:var(--surface-900);overflow:hidden}.charge-fill{height:100%;background:var(--amber-deep);transition:width .3s cubic-bezier(.16,1,.3,1)}.charge.is-ready .charge-fill{background:var(--amber-bright);animation:charge-pulse 1.6s ease-in-out infinite}@keyframes charge-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.ult-btn{position:absolute;top:5px;right:5px;z-index:var(--z-raised);font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.12em;padding:.15rem .42rem;border:none;background:var(--amber-bright);color:var(--surface-void);cursor:pointer;animation:ult-ready 1.6s ease-in-out infinite}@keyframes ult-ready{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.28);transform:scale(1.06)}}.unit.has-barrier{border-color:var(--role-tank);box-shadow:inset 0 2px 0 var(--role-tank)}.unit.is-blocked,.hero-plate.is-blocked{opacity:.4;filter:grayscale(.7);cursor:not-allowed}.keyword.is-barrier{background:#4a8fe033;color:#9cc6f5}.hero-power{position:relative;width:46px;height:46px;padding:0;flex:0 0 auto;background:var(--surface-700);border:2px solid var(--amber);cursor:pointer;overflow:hidden;transition:transform .12s ease,filter .14s ease}.hero-power img{width:100%;height:100%;object-fit:cover}.hero-power-fallback{display:grid;place-items:center;width:100%;height:100%;font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--amber-bright)}.hero-power:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.25)}.hero-power:disabled{cursor:not-allowed;border-color:var(--line-strong);filter:grayscale(1) brightness(.6)}.hero-power.is-used:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,rgb(0 0 0 / .55) 0 4px,transparent 4px 8px)}.hero-power-cost{position:absolute;right:0;bottom:0;min-width:16px;padding:0 3px;background:var(--amber);color:var(--surface-void);font-family:var(--font-display);font-size:.72rem;font-weight:700;text-align:center}.turn-banner{position:fixed;top:38%;left:0;right:0;z-index:var(--z-overlay);display:grid;place-items:center;pointer-events:none;animation:turn-sweep 1.4s cubic-bezier(.16,1,.3,1) forwards}.turn-banner span{padding:.5rem 3rem;background:linear-gradient(90deg,transparent,var(--amber),transparent);color:var(--surface-void);font-family:var(--font-display);font-size:clamp(1.8rem,6vw,3rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase}@keyframes turn-sweep{0%{opacity:0;transform:scale(.9)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1.04)}}.unit.is-hit{animation:unit-hit .42s cubic-bezier(.36,.07,.19,.97)}@keyframes unit-hit{0%{transform:translate(0);filter:none}15%{transform:translate(-4px) rotate(-1.5deg);filter:brightness(1.9) saturate(.5)}35%{transform:translate(4px) rotate(1.5deg);filter:brightness(1.5)}60%{transform:translate(-2px)}to{transform:translate(0);filter:none}}.unit.is-entering{animation:unit-enter .38s cubic-bezier(.16,1,.3,1)}@keyframes unit-enter{0%{opacity:0;transform:translateY(18px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}.unit.is-dying{pointer-events:none;animation:unit-die .52s cubic-bezier(.4,0,1,1) forwards}@keyframes unit-die{0%{opacity:1;transform:scale(1) rotate(0);filter:brightness(1.6)}to{opacity:0;transform:scale(.72) rotate(-6deg) translateY(14px);filter:brightness(.4) grayscale(1)}}.hero-plate.is-hit{animation:hero-hit .42s cubic-bezier(.36,.07,.19,.97)}@keyframes hero-hit{0%,to{transform:translate(0);border-color:var(--line-strong)}20%{transform:translate(-5px);border-color:var(--danger)}55%{transform:translate(5px);border-color:var(--danger)}}.unit-slot,.fx-anchor{position:relative;display:inline-block}.damage-popup{position:absolute;top:-2px;left:50%;z-index:var(--z-overlay);transform:translate(-50%);font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#ff6b6b;text-shadow:0 2px 6px rgb(0 0 0 / .8);pointer-events:none;animation:popup-rise .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes popup-rise{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}25%{opacity:1;transform:translate(-50%,-6px) scale(1.15)}to{opacity:0;transform:translate(-50%,-30px) scale(1)}}.hand-card{position:relative;width:152px;padding:0;text-align:left;background:var(--surface-700);border:1px solid var(--line-strong);color:inherit;font-family:inherit;cursor:pointer;overflow:hidden;transition:transform .14s cubic-bezier(.16,1,.3,1),border-color .14s ease,filter .14s ease}.hand-card:hover:not(:disabled){transform:translateY(-6px);border-color:var(--amber);filter:drop-shadow(0 8px 16px rgb(6 10 15 / .7))}.hand-card:active:not(:disabled){transform:translateY(-2px)}.hand-card:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.hand-card:disabled{opacity:.42;cursor:not-allowed}.cost{position:absolute;top:6px;left:6px;z-index:var(--z-raised);width:26px;height:26px;display:grid;place-items:center;background:var(--amber);color:var(--surface-void);font-family:var(--font-display);font-size:1rem;font-weight:700;transform:rotate(45deg)}.cost>span{transform:rotate(-45deg)}.hand-card.is-ability .portrait{background:linear-gradient(150deg,#7c5cc4 0%,transparent 78%),var(--surface-600)}.card-text{margin:0;padding:0 .55rem .6rem;font-size:.72rem;line-height:1.35;color:var(--text-muted)}.hand-back{display:flex;gap:3px;margin-bottom:.5rem}.card-back{width:26px;height:38px;background:repeating-linear-gradient(45deg,var(--surface-600) 0 3px,var(--surface-700) 3px 6px);border:1px solid var(--line)}.empty{font-family:var(--font-display);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);padding:0 .5rem}.searching{display:grid;place-items:center;gap:1rem;padding:4rem 1rem;text-align:center}.searching p{margin:0;color:var(--text-muted);font-size:.92rem}.searching h2{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-strong)}.scanline{width:220px;height:3px;background:var(--surface-700);overflow:hidden}.scanline:after{content:"";display:block;width:40%;height:100%;background:var(--amber);animation:scan 1.3s cubic-bezier(.6,0,.4,1) infinite}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(350%)}}.gate{max-width:420px;margin:3.5rem auto 0;padding:2.25rem 2rem;text-align:center;background:linear-gradient(180deg,var(--surface-800),var(--surface-900));border:1px solid var(--line-strong);box-shadow:var(--shadow-panel)}.gate h2{margin:0 0 .6rem;font-family:var(--font-display);font-size:1.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-strong)}.gate p{margin:0 0 1.6rem;color:var(--text-muted);font-size:.92rem;line-height:1.5}.home{position:relative;min-height:62vh;display:grid;align-items:center;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-800),var(--surface-900))}.home-roster{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:.28;filter:grayscale(.5) contrast(1.05);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);pointer-events:none}.home-roster img{flex:1 1 0;min-width:0;height:100%;object-fit:cover;object-position:50% 15%}.home-content{position:relative;padding:3rem 2.5rem;max-width:34rem;background:linear-gradient(90deg,var(--surface-900) 55%,transparent)}.home-title{margin:0 0 .6rem;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;line-height:.98;letter-spacing:.02em;text-transform:uppercase;color:var(--text-strong)}.home-tagline{margin:0 0 1.8rem;max-width:34ch;color:var(--text-muted);font-size:1rem;line-height:1.5}.btn-lg{font-size:1.15rem;padding:.8rem 2.4rem}.home-actions{display:flex;gap:.7rem;flex-wrap:wrap}.modes-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.modes-head h2{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-strong)}.modes-head .btn{margin-left:auto}.modes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mode-card{display:grid;grid-template-rows:168px auto;padding:0;text-align:left;background:var(--surface-800);border:1px solid var(--line-strong);color:inherit;font-family:inherit;cursor:pointer;overflow:hidden;transition:transform .16s cubic-bezier(.16,1,.3,1),border-color .16s ease}.mode-card:hover{transform:translateY(-4px);border-color:var(--amber)}.mode-card:active{transform:translateY(-1px)}.mode-art{position:relative;overflow:hidden;background:var(--surface-700)}.mode-art img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}.mode-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,var(--surface-800))}.mode-body{padding:.9rem 1.1rem 1.2rem}.mode-body h3{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-strong)}.mode-subtitle{display:block;margin-bottom:.5rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.11em;text-transform:uppercase;color:var(--amber)}.mode-body p{margin:0;font-size:.85rem;line-height:1.45;color:var(--text-muted)}.owtcg-clerk-cardbox,.owtcg-clerk-modal{box-shadow:var(--shadow-panel)!important}.owtcg-clerk-card{background:linear-gradient(180deg,var(--surface-800),var(--surface-900))!important;border:1px solid var(--line-strong)!important;clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer))}.owtcg-clerk-title{font-family:var(--font-display)!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--text-strong)!important}.owtcg-clerk-subtitle{color:var(--text-muted)!important;font-size:.9rem!important}.owtcg-clerk-primary{font-family:var(--font-display)!important;font-size:1rem!important;font-weight:600!important;letter-spacing:.09em!important;text-transform:uppercase!important;background:var(--amber)!important;color:var(--surface-void)!important;border:none!important;box-shadow:none!important;clip-path:polygon(var(--chamfer-sm) 0,100% 0,100% calc(100% - var(--chamfer-sm)),calc(100% - var(--chamfer-sm)) 100%,0 100%,0 var(--chamfer-sm));transition:background .14s ease,transform 90ms ease!important}.owtcg-clerk-primary:hover{background:var(--amber-bright)!important}.owtcg-clerk-primary:active{transform:translateY(1px)!important}.owtcg-clerk-social{background:var(--surface-700)!important;border:1px solid var(--line-strong)!important;color:var(--text-strong)!important;clip-path:polygon(var(--chamfer-sm) 0,100% 0,100% calc(100% - var(--chamfer-sm)),calc(100% - var(--chamfer-sm)) 100%,0 100%,0 var(--chamfer-sm))}.owtcg-clerk-social:hover{background:var(--surface-600)!important}.owtcg-clerk-social-text{font-family:var(--font-display)!important;letter-spacing:.06em!important;text-transform:uppercase!important}.owtcg-clerk-label{font-family:var(--font-display)!important;font-size:.8rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--text-body)!important}.owtcg-clerk-input{background:var(--surface-900)!important;border:1px solid var(--line-strong)!important;color:var(--text-strong)!important;box-shadow:none!important}.owtcg-clerk-input:focus,.owtcg-clerk-input:focus-visible{border-color:var(--amber)!important;outline:2px solid var(--amber)!important;outline-offset:1px!important}.owtcg-clerk-divider{background:var(--line)!important}.owtcg-clerk-divider-text{font-family:var(--font-display)!important;font-size:.72rem!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--text-faint)!important}.owtcg-clerk-footer-text{color:var(--text-muted)!important}.owtcg-clerk-link{color:var(--amber-bright)!important;font-weight:600!important}.owtcg-clerk-link:hover{color:var(--amber)!important;text-decoration:underline!important}.owtcg-clerk-identity{background:var(--surface-700)!important;border:1px solid var(--line)!important;color:var(--text-body)!important}.owtcg-clerk-avatar{width:34px!important;height:34px!important;border:2px solid var(--amber)!important}.owtcg-clerk-popover-action{font-family:var(--font-body)!important;color:var(--text-body)!important}.owtcg-clerk-popover-action:hover{background:var(--surface-700)!important;color:var(--text-strong)!important}.gameover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#060a0fd1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .26s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.gameover{width:min(420px,100%);padding:2rem 1.75rem 1.5rem;text-align:center;background:linear-gradient(180deg,var(--surface-800),var(--surface-900));border:1px solid var(--line-strong);box-shadow:var(--shadow-panel);animation:gameover-in .32s cubic-bezier(.16,1,.3,1)}@keyframes gameover-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}.gameover h2{margin:0 0 .4rem;font-size:2.4rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1}.gameover.is-win h2{color:var(--amber)}.gameover.is-loss h2{color:#f2888b}.gameover.is-draw h2{color:var(--text-body)}.gameover.is-win{border-top:3px solid var(--amber)}.gameover.is-loss{border-top:3px solid var(--danger)}.gameover p{margin:0 0 1.5rem;color:var(--text-muted)}.gameover-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.hero-picker{margin-bottom:.8rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.hero-picker-label{display:block;margin-bottom:.4rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint)}.hero-picker-row{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.hero-pick{padding:0;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);background:var(--surface-700);cursor:pointer;opacity:.5;transition:opacity .12s ease,border-color .12s ease,transform .12s ease}.hero-pick img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}.hero-pick:hover{opacity:.85;transform:translateY(-2px)}.hero-pick.is-current{opacity:1;border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.hero-picker-power{margin:.55rem 0 0;font-size:.76rem;line-height:1.4;color:var(--text-muted)}.hero-picker-power b{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--amber-bright)}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:1rem;background:#060a0fdb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.tutorial{width:min(680px,100%);max-height:min(92dvh,780px);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface-800),var(--surface-900));border:1px solid var(--line-strong);box-shadow:var(--shadow-panel)}.tutorial:focus-visible{outline:none}.tutorial-head{display:flex;align-items:center;gap:1rem;padding:.8rem 1.1rem .5rem}.tutorial-step{font-family:var(--font-display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.tutorial-head .btn{margin-left:auto}.tutorial-progress{display:flex;gap:4px;padding:0 1.1rem .9rem}.tutorial-dot{flex:1;height:3px;background:var(--surface-600);transition:background .22s ease}.tutorial-dot.is-done{background:var(--amber)}.tutorial-body{flex:1;min-height:0;overflow-y:auto;padding:0 1.4rem 1.2rem}.tutorial-body h2{margin:0 0 .7rem;font-size:1.55rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-strong)}.tutorial-text p{margin:0 0 .6rem;font-size:.98rem;line-height:1.55;color:var(--text-body);max-width:56ch}.tutorial-text b{color:var(--text-strong)}.tutorial-text .tip{padding:.5rem .75rem;border-left:3px solid var(--amber);background:#f99e1a14;font-size:.9rem;color:var(--text-body)}.tutorial-visual{margin-top:1.1rem;padding:1.1rem;background:var(--surface-900);border:1px solid var(--line);display:grid;place-items:center;min-height:190px}.tutorial-foot{display:flex;gap:.6rem;padding:.9rem 1.1rem;border-top:1px solid var(--line)}.tutorial-foot .btn-primary{margin-left:auto}.demo-row{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap}.demo-col{display:flex;flex-direction:column;gap:.9rem;width:min(320px,100%)}.demo-pair{display:flex;flex-direction:column;align-items:center;gap:.45rem}.demo-pair.is-dim{opacity:.4;filter:grayscale(.75)}.demo-caption{font-family:var(--font-display);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted)}.demo-caption.demo-ok{color:var(--role-support)}.demo-caption.demo-no{color:#f2888b}.demo-vs,.demo-arrow{font-family:var(--font-display);font-size:1.4rem;color:var(--text-faint)}.demo-mana-row{display:flex;align-items:center;gap:.8rem}.demo-mana-row .demo-caption{width:70px}.demo-pips{flex-wrap:wrap}.demo-card{pointer-events:none;cursor:default}.demo-card.is-big{width:186px}.demo-charge{display:flex;align-items:center;gap:.8rem}.demo-charge .charge{flex:1;height:8px}.demo-charge-label{width:90px;font-family:var(--font-display);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.demo-power{pointer-events:none}.anatomy{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;justify-content:center}.anatomy-card{position:relative}.marker{position:absolute;z-index:var(--z-raised);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--amber);color:var(--surface-void);font-family:var(--font-display);font-size:.85rem;font-weight:700;box-shadow:0 2px 8px #060a0fb3}.m-cost{top:-8px;left:-8px}.m-name{top:86px;right:-10px}.m-keyword{top:116px;right:-10px}.m-atk{bottom:58px;left:-10px}.m-hp{bottom:58px;right:-10px}.anatomy-legend{margin:0;padding-left:1.3rem;display:flex;flex-direction:column;gap:.4rem;font-size:.88rem;line-height:1.4;color:var(--text-body);max-width:30ch}.anatomy-legend b{color:var(--text-strong)}@media (max-width: 767px){.tutorial-body{padding:0 1rem 1rem}.tutorial-body h2{font-size:1.3rem}.tutorial-visual{padding:.8rem;min-height:160px}.demo-row{gap:.8rem}.anatomy{gap:1rem}.demo-card.is-big{width:160px}.m-name{top:74px}.m-keyword{top:100px}}.builder-grid{display:grid;grid-template-columns:300px 1fr;gap:1rem;align-items:start}.deck-panel{position:sticky;top:1rem;padding:.9rem;background:var(--surface-800);border:1px solid var(--line-strong)}.deck-name{width:100%;padding:.5rem .7rem;margin-bottom:.7rem;background:var(--surface-900);border:1px solid var(--line-strong);color:var(--text-strong);font-family:var(--font-display);font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase}.deck-name:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.deck-stats{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.6rem;font-family:var(--font-display)}.count-ok,.count-bad{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.count-ok{color:var(--role-support)}.count-bad{color:var(--amber)}.deck-errors{margin:0 0 .7rem;padding-left:1.1rem;font-size:.78rem;line-height:1.45;color:#f2a88b}.deck-list{display:flex;flex-direction:column;gap:3px;max-height:320px;overflow-y:auto;margin-bottom:.8rem}.deck-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:.5rem;padding:.35rem .5rem;background:var(--surface-700);border:1px solid var(--line);color:var(--text-body);font-family:inherit;font-size:.82rem;text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease}.deck-row:hover{background:var(--surface-600);border-color:var(--danger)}.deck-row-cost{display:grid;place-items:center;width:20px;height:20px;background:var(--amber);color:var(--surface-void);font-family:var(--font-display);font-weight:700;font-size:.8rem}.deck-row-name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong)}.deck-row-count{font-family:var(--font-display);color:var(--text-muted)}.deck-actions{display:flex;gap:.5rem}.saved-decks{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--line)}.saved-decks h3{margin:0 0 .5rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.saved-row{display:flex;gap:.3rem;margin-bottom:.3rem}.saved-row .btn:first-child{flex:1;text-align:left}.btn.is-current{border-color:var(--amber);color:var(--amber-bright)}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:.55rem}.catalog-card{position:relative;padding:0;background:var(--surface-700);border:1px solid var(--line-strong);color:inherit;font-family:inherit;cursor:pointer;overflow:hidden;text-align:left;transition:transform .14s cubic-bezier(.16,1,.3,1),border-color .14s ease}.catalog-card:hover:not(:disabled){transform:translateY(-3px);border-color:var(--amber)}.catalog-card:disabled{opacity:.4;cursor:not-allowed}.catalog-portrait{position:relative;display:block;height:72px;overflow:hidden;background:linear-gradient(150deg,var(--role) 0%,transparent 78%),var(--surface-600)}.catalog-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}.catalog-cost{position:absolute;top:5px;left:5px;display:grid;place-items:center;width:22px;height:22px;background:var(--amber);color:var(--surface-void);font-family:var(--font-display);font-weight:700;font-size:.85rem}.catalog-used{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:20px;height:20px;background:var(--surface-void);border:1px solid var(--amber);color:var(--amber-bright);font-family:var(--font-display);font-weight:700;font-size:.75rem}.catalog-name{display:block;padding:.35rem .5rem 0;font-family:var(--font-display);font-size:.88rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-role{display:flex;align-items:center;gap:.25rem;padding:0 .5rem .45rem;font-family:var(--font-display);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.builder-hint{margin-top:.9rem;font-size:.8rem;color:var(--text-faint)}@media (max-width: 1023px){.app{padding:.85rem 1rem 2.5rem}.unit{width:106px}.hand-card{width:140px}}@media (max-width: 767px){.app{padding:.6rem .7rem 2rem}.topbar{height:52px;margin-bottom:.8rem}.wordmark{font-size:1.2rem}.side{padding:.55rem .6rem}.hero-row{gap:.5rem}.row-board,.row-hand,.battlefield,.hand-fan{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--surface-600) transparent;padding-bottom:.3rem}.row-board::-webkit-scrollbar,.row-hand::-webkit-scrollbar,.battlefield::-webkit-scrollbar,.hand-fan::-webkit-scrollbar{height:4px}.row-board::-webkit-scrollbar-thumb,.row-hand::-webkit-scrollbar-thumb,.battlefield::-webkit-scrollbar-thumb,.hand-fan::-webkit-scrollbar-thumb{background:var(--surface-600)}.hand-fan .hand-card{margin:0 .25rem;transform:none}.hand-fan .hand-card:hover:not(:disabled),.hand-fan .hand-card:focus-visible{transform:translateY(-6px)}.arena{min-height:0;padding:.5rem .6rem 1rem;gap:.35rem}.battlefield{min-height:136px}.hand-fan{min-height:0;padding-top:.4rem}.hero-avatar{width:76px;height:76px}.hero-portrait{width:58px;height:58px}.hero-life{font-size:1.05rem;min-width:30px}.arena-hero{gap:.5rem}.arena-controls{gap:.45rem}.pile-stack{width:24px;height:34px}.pile-label{display:none}.piles{gap:.45rem}.pile{gap:0 .25rem}.player-tag-text small{display:none}.arena-endturn{position:static;align-self:center;justify-self:center;width:100%}.unit-slot,.hand-card{scroll-snap-align:center;flex:0 0 auto}.unit{width:92px}.portrait{height:56px}.portrait-initial{font-size:2.6rem}.unit-name{font-size:.8rem}.statline{font-size:1.15rem}.row-board{min-height:132px}.hand-card{width:126px}.card-text{font-size:.66rem}.unit:hover,.hand-card:hover:not(:disabled),.catalog-card:hover:not(:disabled){transform:none}.hero-power{width:40px;height:40px}.modes-grid{grid-template-columns:1fr}.home{min-height:54vh}.home-content{padding:2rem 1.1rem;background:linear-gradient(180deg,transparent,var(--surface-900) 22%)}.mode-card{grid-template-rows:128px auto}.builder-grid{grid-template-columns:1fr}.deck-panel{position:static}.deck-list{max-height:220px}.catalog{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.4rem}.catalog-portrait{height:60px}}@media (pointer: coarse){.btn,.btn-ghost,.deck-row{min-height:40px}.hero-power{width:48px;height:48px}}@media (max-width: 400px){.unit{width:84px}.hand-card{width:114px}.portrait{height:50px}.row-board{min-height:122px}.side-rival .resource:last-of-type,.side-mine .resource:last-of-type{display:none}.hp-bar{width:74px}}@media (max-height: 480px) and (orientation: landscape){.topbar{height:44px;margin-bottom:.5rem}.home{min-height:auto}.row-board{min-height:118px}.card-text{display:none}.hand-card{width:108px}}.home.cinematic{position:relative;min-height:74vh;display:grid;align-items:center;overflow:hidden}.home-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.home-backdrop img{width:100%;height:100%;object-fit:cover;transform-origin:60% 35%;animation:kenburns 34s ease-in-out infinite alternate;filter:saturate(1.06)}@keyframes kenburns{0%{transform:scale(1.06) translate(0)}to{transform:scale(1.2) translate(-2.5%,3%)}}.home-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b1016f0,#0b10169e 46%,#0b10161f),linear-gradient(0deg,rgb(11 16 22 / .88) 0%,transparent 42%)}.home.cinematic .home-content{position:relative;z-index:2;background:none}.title-letter{display:inline-block;opacity:0;transform:translateY(26px) rotate(2deg);animation:title-in .64s cubic-bezier(.16,1,.3,1) forwards}@keyframes title-in{to{opacity:1;transform:none}}.title-accent .title-letter{color:var(--amber);text-shadow:0 0 22px var(--amber-glow)}.embers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.embers span{position:absolute;bottom:-8px;border-radius:50%;background:var(--amber-bright);box-shadow:0 0 6px var(--amber-glow);opacity:0;animation-name:ember-rise;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes ember-rise{0%{transform:translate(0);opacity:0}10%{opacity:var(--ember-o, .4)}75%{opacity:var(--ember-o, .4)}to{transform:translate(var(--drift, 0px),-88vh);opacity:0}}@media (prefers-reduced-motion: reduce){.embers{display:none}}.arena>:not(.embers){position:relative;z-index:1}.arena>.arena-endturn{z-index:var(--z-raised)}.btn-sheen{position:relative;overflow:hidden}.btn-sheen:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:42%;background:linear-gradient(105deg,transparent,rgb(255 255 255 / .35),transparent);transform:skew(-18deg);animation:sheen-sweep 4.6s ease-in-out infinite;pointer-events:none}@keyframes sheen-sweep{0%,55%{left:-60%}to{left:135%}}.hand-card .card-inner{display:flex;flex-direction:column;height:100%;transform:perspective(640px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .13s ease;will-change:transform}.hand-card .card-inner .statline{margin-top:auto}@media (hover: hover){.hand-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(115deg,transparent 32%,rgb(255 255 255 / .2) 46%,transparent 60%);transform:translate(-130%);transition:transform .48s ease;pointer-events:none}.hand-card:hover:not(:disabled):after{transform:translate(130%)}}.gameover{position:relative;overflow:hidden}.gameover>*{position:relative;z-index:1}.gameover.is-win:before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;background:repeating-conic-gradient(rgb(249 158 26 / .07) 0deg 9deg,transparent 9deg 20deg);animation:rays-spin 26s linear infinite;pointer-events:none}@keyframes rays-spin{to{transform:rotate(360deg)}}.audio-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:.35rem .5rem}.home.cinematic{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;min-height:100dvh;border:none;overflow-y:auto;overflow-x:hidden}.home.cinematic .home-backdrop,.home.cinematic .home-scrim,.home.cinematic .embers{position:fixed;top:0;right:0;bottom:0;left:0}.home.cinematic .home-content{max-width:40rem;padding:4rem clamp(1.5rem,7vw,7rem)}.app>.notice{position:relative;z-index:21}@media (max-width: 767px){.home.cinematic .home-content{padding:5.5rem 1.25rem 2.5rem;background:none}}.app:has(.home.cinematic) .topbar{display:none}.topbar{margin:0 calc(50% - 50vw) 1.25rem;padding:0 1.1rem;height:56px;justify-content:flex-end;border-bottom:none}.home.cinematic .home-content.menu-center{margin:0 auto;max-width:26rem;padding:5rem 1.5rem 3rem;display:flex;flex-direction:column;align-items:center;text-align:center;background:none}.home.cinematic .home-scrim{background:radial-gradient(90% 70% at 50% 38%,#0b101633,#0b1016a8 62%,#0b1016e6),linear-gradient(0deg,rgb(11 16 22 / .85) 0%,transparent 45%)}.game-logo{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.4rem;margin-bottom:2.4rem}.game-logo:before{content:"";position:absolute;top:-34%;right:-60%;bottom:-34%;left:-60%;background:radial-gradient(50% 50% at 50% 45%,rgb(249 158 26 / .16),transparent 70%);pointer-events:none}.logo-mark{display:block;filter:drop-shadow(0 0 20px var(--amber-glow));animation:mark-in .7s cubic-bezier(.16,1,.3,1) both,mark-pulse 4.5s ease-in-out 1.2s infinite}@keyframes mark-in{0%{opacity:0;transform:scale(.55) rotate(-10deg)}}@keyframes mark-pulse{0%,to{filter:drop-shadow(0 0 14px var(--amber-glow))}50%{filter:drop-shadow(0 0 32px var(--amber-glow))}}.logo-mark.small{animation:none;filter:drop-shadow(0 0 9px var(--amber-glow))}.logo-word{font-family:var(--font-display);font-size:clamp(2.6rem,7.5vw,4.4rem);font-weight:700;line-height:1;letter-spacing:.07em;text-transform:uppercase;color:var(--text-strong);white-space:nowrap}.menu-buttons{display:flex;flex-direction:column;gap:.8rem;width:min(320px,84vw)}.menu-buttons .btn{width:100%;justify-content:center;text-align:center;padding-top:.9rem;padding-bottom:.9rem}@media (max-width: 767px){.home.cinematic .home-content.menu-center{padding:4.5rem 1.25rem 2.5rem}.game-logo .logo-mark{width:86px;height:86px}}.immersive .arena{width:min(100%,1440px);margin:0 auto}.arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(52% 40% at 50% 50%,rgb(249 158 26 / .05),transparent 72%);pointer-events:none}.arena-line{overflow:visible}.arena-line:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;transform:translate(-50%,-50%) rotate(45deg);background:var(--surface-700);border:1px solid rgb(249 158 26 / .45);box-shadow:0 0 12px var(--amber-glow)}.battlefield{min-height:172px}.battlefield:has(.empty){border:1px dashed rgb(255 255 255 / .09);background:#ffffff03}.battlefield .empty{font-size:.72rem;letter-spacing:.22em;color:#ffffff2e}.hero-avatar{width:118px;height:118px}.hero-portrait{width:90px;height:90px}.hero-avatar.is-turn:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:2px solid var(--amber);border-radius:50%;pointer-events:none;animation:turn-ring 2.2s ease-in-out infinite}@keyframes turn-ring{0%,to{opacity:.45;box-shadow:0 0 8px var(--amber-glow)}50%{opacity:.95;box-shadow:0 0 24px var(--amber-glow)}}@media (min-width: 768px){.arena>.arena-endturn{position:absolute;right:clamp(1rem,2.5vw,2.25rem);top:50%;bottom:auto;transform:translateY(-50%);z-index:var(--z-raised);min-width:172px;padding:.85rem 1.5rem;font-size:1.05rem}.arena>.arena-endturn:not(:disabled){box-shadow:0 0 22px var(--amber-glow)}.arena>.arena-endturn:disabled{background:var(--surface-700);color:var(--text-muted);opacity:1}}.hand-fan .hand-card{height:auto;min-height:166px}@media (hover: hover) and (pointer: fine){.hand-fan{margin-bottom:-1.4rem}.hand-fan .hand-card{transform:rotate(var(--fan-rot, 0deg)) translateY(calc(var(--fan-y, 0px) + 22px))}.hand-fan .hand-card:hover:not(:disabled),.hand-fan .hand-card:focus-visible{transform:rotate(0) translateY(-30px) scale(1.06);z-index:60!important}}.immersive-bar .spacer{margin-left:auto}.modes-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;overflow-y:auto;display:grid;place-items:center;padding:4.2rem 1rem 1.5rem;background:radial-gradient(80% 60% at 50% 28%,rgb(40 54 69 / .55),transparent 72%),var(--surface-void)}.modes-panel{position:relative;width:min(1220px,96vw);padding:2rem 2.2rem 1.5rem;background:linear-gradient(165deg,#2e3c4ceb,#151d26f7);border:1px solid var(--line-strong);box-shadow:var(--shadow-panel),inset 0 1px #ffffff0f}.modes-panel:before,.modes-panel:after{content:"";position:absolute;background:#ffffff08;pointer-events:none;animation:float-sq 12s ease-in-out infinite alternate}.modes-panel:before{width:54px;height:54px;left:5%;bottom:12%}.modes-panel:after{width:26px;height:26px;right:7%;top:15%;animation-duration:9s}@keyframes float-sq{0%{transform:translateY(0)}to{transform:translateY(-18px)}}.modes-panel-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.modes-panel-head h2{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;font-style:italic;letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong)}.modes-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}.pmode{--tone: var(--amber);--tone-tint: rgb(249 158 26 / .2);--tone-border: rgb(249 158 26 / .5);position:relative;display:flex;flex-direction:column;padding:0;border:2px solid rgb(255 255 255 / .13);background:var(--surface-900);color:inherit;font-family:inherit;text-align:center;cursor:pointer;overflow:hidden;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s ease,box-shadow .18s ease;animation:pmode-in .52s cubic-bezier(.16,1,.3,1) both}.pmode:nth-child(2){animation-delay:90ms}.pmode:nth-child(3){animation-delay:.18s}@keyframes pmode-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.tone-blue{--tone: var(--role-tank);--tone-tint: rgb(74 143 224 / .22);--tone-border: rgb(74 143 224 / .55)}.tone-green{--tone: var(--role-support);--tone-tint: rgb(107 192 138 / .2);--tone-border: rgb(107 192 138 / .5)}.pmode-art{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden}.pmode-art img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(.7) saturate(.85);transition:filter .22s ease,transform .22s ease}.pmode-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--tone-tint) 0%,transparent 38%),linear-gradient(0deg,rgb(11 16 22 / .92) 0%,transparent 46%)}.pmode-name{position:relative;z-index:2;margin-top:-3.1rem;font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px rgb(0 0 0 / .85)}.pmode-plaque{position:relative;z-index:2;margin:.6rem .85rem .95rem;padding:.65rem .75rem;font-size:.78rem;line-height:1.45;color:var(--text-body);background:linear-gradient(180deg,var(--tone-tint),rgb(11 16 22 / .55));border:1px solid var(--tone-border)}.pmode:hover,.pmode:focus-visible{transform:translateY(-10px);border-color:#ffffffd9;box-shadow:0 0 0 1px #ffffff80,0 16px 42px #0000008c,0 0 34px var(--tone-tint)}.pmode:hover .pmode-art img,.pmode:focus-visible .pmode-art img{filter:grayscale(0) saturate(1.12);transform:scale(1.045)}.modes-panel-foot{display:flex;margin-top:1.4rem;position:relative;z-index:1}@media (max-width: 767px){.modes-screen{padding:4.4rem .7rem 1.2rem;place-items:start center}.modes-panel{padding:1.3rem 1rem 1.1rem}.modes-row{grid-template-columns:1fr;gap:.9rem}.pmode-art{aspect-ratio:16 / 8}.pmode-art img{object-position:50% 18%}}.gallery-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;overflow-y:auto;display:grid;place-items:start center;padding:4.2rem 1rem 1.5rem;background:radial-gradient(80% 60% at 50% 25%,rgb(40 54 69 / .55),transparent 72%),var(--surface-void)}.gallery-panel{position:relative;width:min(1360px,97vw);padding:1.8rem 2rem 1.4rem;background:linear-gradient(165deg,#2e3c4ceb,#151d26f7);border:1px solid var(--line-strong);box-shadow:var(--shadow-panel),inset 0 1px #ffffff0f}.gallery-head{margin-bottom:1.2rem}.gallery-back{margin-left:auto}.gallery-body{position:relative;z-index:1;display:grid;grid-template-columns:280px 1fr;gap:1.4rem;align-items:start}.gallery-panel .deck-panel{position:static}.gallery-roles{display:grid;grid-template-columns:repeat(4,auto);gap:1.6rem;justify-content:space-between;align-items:start}.role-head{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-bottom:.7rem;font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.role-grid{display:grid;grid-template-columns:repeat(2,96px);gap:.55rem;justify-content:center}.htile{position:relative;display:flex;flex-direction:column;padding:0;background:var(--surface-800);border:1px solid rgb(255 255 255 / .16);color:inherit;font-family:inherit;cursor:pointer;overflow:hidden;transition:transform .15s cubic-bezier(.16,1,.3,1),border-color .15s ease,box-shadow .15s ease}.htile-art{display:block;aspect-ratio:1;overflow:hidden;background:linear-gradient(160deg,var(--role, var(--surface-600)) -40%,var(--surface-700) 75%)}.htile-art img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transition:transform .18s ease}.htile-name{padding:.28rem .2rem;font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--text-body);background:#0b1016b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htile-cost{position:absolute;top:4px;left:4px;width:20px;height:20px;display:grid;place-items:center;background:var(--amber);color:var(--surface-void);font-family:var(--font-display);font-size:.72rem;font-weight:700;transform:rotate(45deg) scale(.82)}.htile-used{position:absolute;top:4px;right:4px;padding:.05rem .3rem;background:var(--surface-void);border:1px solid var(--amber);color:var(--amber-bright);font-family:var(--font-display);font-size:.68rem;font-weight:700}.htile:hover,.htile:focus-visible{transform:translateY(-5px);border-color:#ffffffd9;box-shadow:0 0 0 1px #fff6,0 10px 26px #00000080;z-index:2}.htile:hover .htile-art img{transform:scale(1.06)}.hsheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#060a0fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .22s ease-out}.hsheet{position:relative;width:min(1080px,96vw);max-height:min(92dvh,720px);overflow:hidden;background:linear-gradient(165deg,#2e3c4cf5,#151d26fa);border:1px solid var(--line-strong);box-shadow:var(--shadow-panel);animation:gameover-in .3s cubic-bezier(.16,1,.3,1)}.hsheet-art{position:absolute;top:0;right:0;bottom:0;width:58%;pointer-events:none}.hsheet-art img{width:100%;height:100%;object-fit:cover;object-position:65% 20%;mask-image:linear-gradient(90deg,transparent 0%,#000 34%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%)}.hsheet-body{position:relative;z-index:1;width:min(56%,30rem);max-height:inherit;overflow-y:auto;padding:2.2rem 1.6rem 1.6rem 2.2rem}.hsheet-ghost{position:absolute;top:.55rem;left:2rem;font-family:var(--font-display);font-size:3.4rem;font-weight:700;font-style:italic;letter-spacing:.04em;text-transform:uppercase;color:#ffffff0d;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.hsheet-name{position:relative;margin:.8rem 0 1rem;font-size:clamp(2rem,4.5vw,2.8rem);font-weight:700;font-style:italic;letter-spacing:.03em;text-transform:uppercase;color:var(--text-strong);line-height:1}.hsheet-meta{display:flex;gap:1.6rem;flex-wrap:wrap;margin-bottom:.9rem}.hsheet-label{display:block;margin-bottom:.2rem;font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#6fc7e0}.hsheet-value{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-strong)}.hsheet-bio{margin:0 0 1rem;font-size:.86rem;line-height:1.55;color:var(--text-body);max-width:46ch}.hsheet-card-stats{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-bottom:1rem;padding:.6rem .7rem;background:#0b101680;border:1px solid var(--line)}.hsheet-cost{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-display);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-variant-numeric:tabular-nums}.hsheet-cost i{display:grid;place-items:center;width:24px;height:24px;background:var(--amber);color:var(--surface-void);font-style:normal;font-weight:700;transform:rotate(45deg) scale(.85)}.hsheet-abilities{display:flex;gap:.55rem;flex-wrap:wrap;margin:.5rem 0 .8rem}.hability{width:52px;height:52px;display:grid;place-items:center;padding:8px;border-radius:50%;border:2px solid rgb(255 255 255 / .25);background:#0b10168c;color:var(--text-strong);cursor:pointer;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.hability img{width:100%;height:100%;object-fit:contain}.hability:hover{transform:translateY(-2px);border-color:#ffffffb3}.hability.is-active{border-color:var(--amber);box-shadow:0 0 14px var(--amber-glow)}.hability.is-ult{border-style:dashed}.hsheet-ability-name{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--amber-bright)}.hsheet-ability-name em{font-style:normal;font-size:.72rem;letter-spacing:.14em;color:var(--text-muted)}.hsheet-ability-info p{margin:.3rem 0 1rem;font-size:.85rem;line-height:1.5;color:var(--text-body);max-width:46ch}.hsheet-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:.4rem}.hsheet-copies{font-family:var(--font-display);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}@media (max-width: 1100px){.gallery-roles{grid-template-columns:repeat(2,auto);justify-content:space-evenly;row-gap:1.4rem}}@media (max-width: 767px){.gallery-screen{padding:4.4rem .6rem 1.2rem}.gallery-panel{padding:1.2rem .9rem 1rem}.gallery-body,.gallery-roles{grid-template-columns:1fr}.role-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.hsheet{max-height:94dvh;overflow-y:auto}.hsheet-art{position:relative;width:100%;height:200px}.hsheet-art img{mask-image:linear-gradient(180deg,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);object-position:50% 15%}.hsheet-body{width:100%;padding:.4rem 1.1rem 1.2rem}.hsheet-ghost{display:none}}button.unit{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;font:inherit;color:inherit;text-align:left}button.unit:disabled{cursor:default}.unit.is-stunned{filter:saturate(.3) brightness(.75)}.stun-marker{position:absolute;top:4px;left:50%;transform:translate(-50%);z-index:var(--z-raised);padding:.1rem .45rem;background:#4a8fe0e6;color:#0b1016;font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.unit.is-lunging{animation:unit-lunge .32s cubic-bezier(.3,0,.4,1)}@keyframes unit-lunge{0%{transform:translateY(0)}40%{transform:translateY(-16px) scale(1.04)}to{transform:translateY(0)}}.arena.is-shaking{animation:board-shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes board-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-4px,1px)}80%{transform:translate(3px,-1px)}}.ult-banner{position:absolute;top:34%;left:0;right:0;z-index:var(--z-overlay);display:grid;place-items:center;pointer-events:none;animation:turn-sweep .9s cubic-bezier(.16,1,.3,1) forwards}.ult-banner span{padding:.4rem 2.6rem;background:linear-gradient(90deg,transparent,var(--amber-bright),transparent);color:var(--surface-void);font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.6rem);font-weight:700;font-style:italic;letter-spacing:.18em;text-transform:uppercase}.lang-toggle{font-family:var(--font-display);font-weight:700;letter-spacing:.08em;min-width:40px}.drag-ghost{position:fixed;left:0;top:0;z-index:80;pointer-events:none;will-change:transform}.drag-ghost .ghost-card{width:118px;transform:translate(-50%,-72%) rotate(4deg);box-shadow:0 18px 40px #0000008c;animation:ghost-pop .14s ease-out;opacity:.95}@keyframes ghost-pop{0%{transform:translate(-50%,-72%) rotate(0) scale(.72);opacity:.4}}.hand-card.is-dragging{opacity:.3;filter:grayscale(.5)}.battlefield.drop-ready{outline:1px dashed rgb(249 158 26 / .65);outline-offset:-6px;border-radius:12px;background:linear-gradient(#f99e1a12,#f99e1a05)}.hand-card,.drag-ghost{user-select:none;-webkit-user-select:none}.target-arrow{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:74;pointer-events:none}.target-arrow-line{fill:none;stroke:var(--amber);stroke-width:4;stroke-linecap:round;stroke-dasharray:12 10;animation:arrow-march .48s linear infinite;filter:drop-shadow(0 2px 8px rgb(249 158 26 / .45))}.target-arrow-head{fill:var(--amber-bright);filter:drop-shadow(0 2px 6px rgb(249 158 26 / .55))}@keyframes arrow-march{to{stroke-dashoffset:-22}}.preview-popup{position:absolute;top:-10px;right:-8px;z-index:var(--z-overlay);font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:#fff;background:var(--danger);padding:1px 8px;border-radius:4px;box-shadow:0 2px 10px #00000080;pointer-events:none;animation:preview-pop .14s ease-out}@keyframes preview-pop{0%{transform:scale(.6);opacity:0}}.unit.is-doomed{border-color:var(--danger)}.unit.is-doomed:after{content:"☠";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2.4rem;color:#ff7a7a;text-shadow:0 2px 10px rgb(0 0 0 / .85);background:#b41e2838;z-index:4;pointer-events:none;animation:doom-pulse .62s ease-in-out infinite alternate}@keyframes doom-pulse{0%{opacity:.65}to{opacity:1}}.hero-avatar.is-doomed{filter:drop-shadow(0 0 14px rgb(229 72 77 / .8))}.unit.is-ready:not(:disabled):not(.is-targetable){border-color:#6bc08abf;animation:ready-breathe 1.6s ease-in-out infinite}@keyframes ready-breathe{0%,to{filter:drop-shadow(0 0 5px rgb(107 192 138 / .25))}50%{filter:drop-shadow(0 0 14px rgb(107 192 138 / .55))}}.history-strip{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:30}.history-dot{position:relative;width:38px;height:38px;border-radius:50%;background:var(--surface-700);border:2px solid var(--line-strong);display:grid;place-items:center;animation:history-in .26s cubic-bezier(.16,1,.3,1)}.history-dot.is-mine{border-color:var(--amber)}.history-dot.is-rival{border-color:var(--danger)}.history-dot .fx-portrait{width:100%;height:100%;border-radius:50%;object-fit:cover}.history-glyph{font-size:1.05rem;color:var(--text-muted)}.history-badge{position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;border-radius:50%;background:var(--surface-900);border:1px solid var(--line-strong);display:grid;place-items:center;font-size:.62rem;color:var(--text-strong)}@keyframes history-in{0%{transform:translate(-16px);opacity:0}}.history-dot:nth-child(n+5){opacity:.55}.history-dot:nth-child(n+7){opacity:.3}.fx-portrait-fallback{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);color:var(--text-muted);background:var(--surface-600)}.turn-rope{position:absolute;left:6px;right:6px;bottom:3px;height:3px;border-radius:2px;background:#0000004d;pointer-events:none}.turn-rope-fill{position:absolute;inset:0 auto 0 0;border-radius:2px;background:#ffffffd9;transition:width .22s linear}.turn-rope-spark{position:absolute;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ffffffe6;transition:left .22s linear}.turn-rope.is-burning .turn-rope-fill{background:#ff8d90}.turn-rope.is-burning .turn-rope-spark{background:#ffd08a;animation:spark-flicker .16s steps(2) infinite}.turn-rope:not(.is-mine){opacity:.45}@keyframes spark-flicker{50%{box-shadow:0 0 6px var(--amber-bright),0 0 14px #f99e1a66;transform:translate(-50%,-50%) scale(.8)}}.mulligan-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:56;display:grid;place-items:center;background:#05080cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mulligan{width:min(640px,calc(100vw - 32px));padding:26px 26px 24px;background:linear-gradient(180deg,var(--surface-800),var(--surface-900));border:1px solid var(--line-strong);text-align:center;position:relative;animation:mull-in .32s cubic-bezier(.16,1,.3,1)}.mulligan h2{margin:0 0 6px;font-family:var(--font-display);font-size:1.6rem;letter-spacing:.08em;text-transform:uppercase}.mulligan-body{margin:0 0 16px;color:var(--text-body)}.mulligan-timer{position:absolute;top:18px;right:20px;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-muted)}.mulligan-timer.is-low{color:var(--danger);animation:doom-pulse .6s ease-in-out infinite alternate}.mulligan-cards{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.mull-card{position:relative;width:132px;padding:12px 10px;background:linear-gradient(180deg,var(--surface-700),var(--surface-800));border:1px solid var(--line-strong);color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .16s ease,border-color .16s ease,filter .16s ease}.mull-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--amber)}.mull-card:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.mull-card .fx-portrait{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--line-strong)}.mull-card-name{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mull-card-cost{position:absolute;top:-9px;left:-9px;width:26px;height:26px;display:grid;place-items:center;background:var(--surface-600);border:1px solid var(--amber);font-family:var(--font-display);font-size:.85rem;font-weight:700;line-height:1;transform:rotate(45deg)}.mull-card.is-marked{filter:grayscale(.7) brightness(.8);border-color:var(--danger);transform:translateY(2px)}.mull-card-x{position:absolute;inset:42% 0 auto;padding:3px 0;background:#b41e28d9;color:#fff;font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-7deg)}.mulligan-dots:after{content:"· · ·";display:block;font-size:1.8rem;letter-spacing:.3em;color:var(--text-muted);animation:doom-pulse .8s ease-in-out infinite alternate}.mull-card-cost>span{display:block;transform:rotate(-45deg)}@keyframes mull-in{0%{transform:translateY(22px) scale(.96);opacity:0}}.fly-card{position:absolute;width:52px;height:72px;z-index:26;pointer-events:none;background:linear-gradient(150deg,var(--surface-600),var(--surface-800));border:1px solid var(--amber-deep);box-shadow:0 8px 22px #00000080;opacity:0}.fly-card.is-me{left:14%;bottom:15%;animation:fly-me .64s cubic-bezier(.3,.7,.4,1) var(--fly-delay, 0ms) forwards}.fly-card.is-rival{right:12%;top:4%;animation:fly-rival .64s cubic-bezier(.3,.7,.4,1) var(--fly-delay, 0ms) forwards}@keyframes fly-me{0%{opacity:0;transform:translate(0) rotate(-14deg) scale(.8)}20%{opacity:1}to{opacity:0;transform:translate(28vw,12vh) rotate(6deg) scale(1)}}@keyframes fly-rival{0%{opacity:0;transform:translate(0) rotate(14deg) scale(.8)}20%{opacity:1}to{opacity:0;transform:translate(-24vw,2vh) rotate(-6deg) scale(1)}}@media (max-width: 767px){.history-strip{display:none}.mull-card{width:108px}}.arena>.history-strip{position:absolute;z-index:30}.arena>.fly-card{position:absolute;z-index:26}.hand-card{width:156px;background:var(--surface-900);border-color:#ffffff29;display:flex;flex-direction:column}.hand-card .card-inner{position:relative;flex:1;justify-content:flex-end;min-height:148px}.hand-card .card-inner .portrait{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;border-bottom:0;z-index:0}.hand-card .card-inner .portrait:after{background:linear-gradient(180deg,#080c1100 26%,#080c1173 52%,#090d12e6 74%,#090d12fa)}.hand-card .card-inner .portrait-img{object-position:50% 16%}.hand-card .card-inner:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgb(255 255 255 / .12);z-index:3;pointer-events:none}.hand-card .card-inner:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--role, var(--surface-500)),transparent 85%);z-index:3;pointer-events:none}.hand-card .card-inner>:not(.portrait){position:relative;z-index:2}.hand-card .card-inner .unit-name{margin-top:auto;font-size:1rem;padding:0 .55rem .05rem;text-shadow:0 1px 4px rgb(0 0 0 / .85)}.hand-card .card-inner .keywords{padding:0 .5rem .25rem;min-height:0}.hand-card .card-inner .keyword{background:#090d12b8;border:1px solid rgb(255 255 255 / .14);color:var(--text-body)}.hand-card .card-inner .card-text{color:var(--text-body);text-shadow:0 1px 3px rgb(0 0 0 / .9)}.hand-card .card-inner .statline{margin-top:0;padding:0 .45rem .5rem}.hand-card .card-inner .stat-badge{font-size:1.2rem;padding:.14rem .5rem;background:#090d12cc}.hand-card .card-inner .stat-badge.is-attack{border-color:#f99e1aa6}.hand-card .card-inner .stat-badge.is-health{border-color:#6bc08a99}.hand-card .cost{top:8px;left:8px;width:28px;height:28px;background:linear-gradient(160deg,var(--amber-bright),var(--amber-deep));border:1px solid rgb(255 255 255 / .4);box-shadow:0 2px 8px #0009}.hand-card.is-ability .cost{background:linear-gradient(160deg,#a98ae8,#6a4cb0);border-color:#ffffff59;color:#fff}.demo-card .card-inner{min-height:168px}.demo-card.is-big .card-inner{min-height:196px}@media (max-width: 1023px){.hand-card{width:140px}}@media (max-width: 767px){.hand-card{width:126px}}@media (pointer: coarse){.hand-card{width:114px}}@media (max-width: 400px){.hand-card{width:108px}}.gameover-backdrop{background:radial-gradient(ellipse at 50% 42%,#0a0f16b8,#04070bf0 70%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gameover{width:min(480px,100%);padding:2.6rem 2.2rem 2rem}.gameover-medal{position:relative;display:grid;place-items:center;width:116px;height:116px;margin:0 auto 1.1rem;border-radius:50%;overflow:hidden;border:3px solid var(--amber);box-shadow:0 0 34px #f99e1a66,0 0 0 7px #f99e1a1f;animation:medal-pop .52s cubic-bezier(.16,1,.3,1) both}.gameover-medal img{width:100%;height:100%;object-fit:cover}.gameover.is-loss .gameover-medal{border-color:var(--danger);box-shadow:0 0 26px #e5484d59,0 0 0 7px #e5484d1f;filter:grayscale(.55) brightness(.85)}.gameover.is-draw .gameover-medal{border-color:var(--line-strong);box-shadow:none;filter:grayscale(.4)}@keyframes medal-pop{0%{transform:scale(.35);opacity:0}60%{transform:scale(1.08)}}.gameover h2{font-size:3rem;letter-spacing:.16em;margin-bottom:.45rem}.gameover.is-win h2{background:linear-gradient(180deg,#ffdf9e 8%,var(--amber) 55%,var(--amber-deep) 96%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 14px rgb(249 158 26 / .35))}.gameover-letter{display:inline-block;animation:letter-rise .42s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.14s + var(--i) * 50ms)}@keyframes letter-rise{0%{transform:translateY(20px);opacity:0}}.gameover p{margin-bottom:.9rem}.gameover-meta{display:inline-block;margin-bottom:1.5rem;padding:.22rem .85rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--line)}.gameover.is-loss:before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;background:repeating-conic-gradient(rgb(229 72 77 / .05) 0deg 9deg,transparent 9deg 20deg);animation:rays-spin 34s linear infinite reverse;pointer-events:none}.gameover-actions .btn-primary{padding:.8rem 1.7rem;font-size:1rem}.immersive{padding:.4rem .5rem .5rem}.immersive .arena{width:100%;max-width:none;margin:0;border:none;box-shadow:none;padding:.5rem clamp(.6rem,4vw,4.5rem) 1rem;background:radial-gradient(58% 46% at 50% 52%,rgb(58 74 92 / .32),transparent 70%),linear-gradient(180deg,rgb(190 70 50 / .05),transparent 42%),linear-gradient(0deg,rgb(249 158 26 / .06),transparent 44%),linear-gradient(180deg,#0f1720,#0b1118 45%,#0f1720)}.arena:before{background:linear-gradient(90deg,rgb(3 6 10 / .5),transparent 5%,transparent 95%,rgb(3 6 10 / .5)),radial-gradient(115% 92% at 50% 50%,transparent 60%,rgb(3 6 10 / .5) 100%),radial-gradient(52% 40% at 50% 50%,rgb(249 158 26 / .05),transparent 72%)}.arena-line{height:2px;background:linear-gradient(90deg,transparent,rgb(249 158 26 / .32) 10%,rgb(249 158 26 / .32) 90%,transparent)}.arena-line:after{width:14px;height:14px}.battlefield{position:relative}.battlefield:before{content:"";position:absolute;top:8px;right:3%;bottom:8px;left:3%;border-radius:50%;border:1px solid rgb(255 255 255 / .05);pointer-events:none}.battlefield[data-drop=enemy-board]:before{border-color:#e8613c1a;background:radial-gradient(60% 90% at 50% 50%,rgb(232 97 60 / .045),transparent 78%)}.battlefield[data-drop=my-board]:before{border-color:#f99e1a1f;background:radial-gradient(60% 90% at 50% 50%,rgb(249 158 26 / .05),transparent 78%)}.battlefield:has(.empty){border:none;background:transparent}.battlefield>*{position:relative;z-index:1}.battlefield.drop-ready{outline:none;background:transparent}.battlefield.drop-ready:before{border-color:#f99e1a8c;background:radial-gradient(60% 90% at 50% 50%,rgb(249 158 26 / .1),transparent 80%);box-shadow:inset 0 0 34px #f99e1a14}.preset-decks{margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--line)}.preset-decks h3{margin:0 0 .5rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.preset-row{display:flex;gap:4px;margin-bottom:5px}.preset-load{flex:1;min-width:0;display:flex;align-items:center;gap:.55rem;padding:.3rem .5rem .3rem .3rem;background:var(--surface-700);border:1px solid var(--line);color:inherit;cursor:pointer;text-align:left;transition:border-color .14s ease,transform .14s ease}.preset-load:hover{border-color:var(--amber);transform:translate(2px)}.preset-load:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.preset-face{flex:0 0 auto;width:34px;height:34px;overflow:hidden;border:1px solid var(--line-strong);background:var(--surface-600)}.preset-face img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}.preset-text{display:flex;flex-direction:column;min-width:0}.preset-text b{font-family:var(--font-display);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-text small{font-size:.68rem;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase}.preset-use{flex:0 0 auto;min-width:34px;color:var(--amber)}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:1rem}.deck-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:178px;padding:0;overflow:hidden;background:var(--surface-800);border:1px solid var(--line-strong);text-align:left}.deck-tile.is-active{border-color:var(--amber);box-shadow:0 0 0 1px #f99e1a40}.deck-tile-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.deck-tile-art img{width:100%;height:100%;object-fit:cover;object-position:60% 22%}.deck-tile-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#090d1224,#090d128c 48%,#090d12f0 88%)}.deck-tile>:not(.deck-tile-art){position:relative;z-index:1}.deck-tile>.deck-tile-badge{position:absolute;top:8px;left:8px;font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.14rem .5rem;background:var(--amber);color:var(--surface-void)}.deck-tile-info{display:flex;flex-direction:column;gap:2px;padding:0 .8rem .55rem}.deck-tile-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong);text-shadow:0 1px 4px rgb(0 0 0 / .85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-tile-info small{font-size:.72rem;color:var(--text-body);text-shadow:0 1px 3px rgb(0 0 0 / .85)}.deck-tile-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--line-strong);background:#090d12e6}.deck-seg{padding:.52rem .3rem;background:none;border:none;border-left:1px solid var(--line);color:var(--text-muted);font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .13s ease,background .13s ease}.deck-seg:first-child{border-left:none}.deck-seg:hover{color:var(--amber-bright);background:#f99e1a14}.deck-seg:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.deck-seg.is-done{color:#9adcb2}.deck-tile>.deck-tile-delete{position:absolute;top:6px;right:6px;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#090d12b3;color:var(--text-faint);font-size:.75rem;cursor:pointer;transition:color .13s ease,border-color .13s ease}.deck-tile>.deck-tile-delete:hover{color:#f2888b;border-color:#e5484d99}.deck-tile-new{display:grid;place-items:center;place-content:center;gap:10px;min-height:178px;border:1px dashed var(--line-strong);background:#ffffff05;color:var(--text-muted);font-family:var(--font-display);font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .14s ease,color .14s ease}.deck-tile-new:hover:not(:disabled){border-color:var(--amber);color:var(--amber-bright)}.deck-tile-new:disabled{opacity:.4;cursor:not-allowed}.deck-new-plus{width:46px;height:46px;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:50%;font-size:1.7rem;line-height:1;transition:border-color .14s ease}.deck-tile-new:hover:not(:disabled) .deck-new-plus{border-color:var(--amber)}.decks-tools{display:flex;gap:8px;margin-bottom:1.1rem}.preset-strip{border-top:1px solid var(--line)}.preset-strip-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.preset-strip .preset-row{margin-bottom:0}.import-box{width:min(440px,calc(100vw - 32px));padding:1.4rem 1.5rem;background:linear-gradient(180deg,var(--surface-800),var(--surface-900));border:1px solid var(--line-strong);text-align:center}.import-box h3{margin:0 0 .3rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase}.import-box p{margin:0 0 .9rem;color:var(--text-muted);font-size:.85rem}.import-code{width:100%;margin-bottom:1rem;padding:.6rem .7rem;background:var(--surface-void);border:1px solid var(--line-strong);color:var(--text-body);font-family:monospace;font-size:.78rem;resize:vertical}.import-code:focus-visible{outline:2px solid var(--amber);outline-offset:1px}@media (max-width: 767px){.deck-grid,.preset-strip-row{grid-template-columns:1fr}}.audio-controls{position:relative}.audio-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:80;width:220px;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.6rem;background:linear-gradient(180deg,var(--surface-700),var(--surface-800));border:1px solid var(--line-strong);box-shadow:0 12px 30px #00000080}.audio-row{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.audio-row span{width:62px;flex:0 0 auto}.audio-row input[type=range]{flex:1;accent-color:var(--amber)}.audio-mute-row{justify-content:center}.profile-panel{max-width:720px;margin:0 auto}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:1.4rem}.pstat{padding:.9rem .6rem;text-align:center;background:linear-gradient(180deg,var(--surface-700),var(--surface-800));border:1px solid var(--line)}.pstat b{display:block;font-family:var(--font-display);font-size:1.9rem;font-weight:700;line-height:1.1;color:var(--text-strong)}.pstat span{font-family:var(--font-display);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.pstat.is-rating{border-color:#f99e1a73}.pstat.is-rating b{color:var(--amber-bright)}.profile-subtitle{margin:0 0 .6rem;font-family:var(--font-display);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.profile-matches{display:flex;flex-direction:column;gap:6px}.pmatch{display:flex;align-items:center;gap:.8rem;padding:.55rem .8rem;background:var(--surface-800);border:1px solid var(--line)}.pmatch-result{width:84px;flex:0 0 auto;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pmatch-result.is-win{color:#9adcb2}.pmatch-result.is-loss{color:#f2888b}.pmatch-result.is-draw{color:var(--text-muted)}.pmatch-rival{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-body)}.pmatch-meta{flex:0 0 auto;font-size:.75rem;color:var(--text-faint)}.curve-chart{display:flex;align-items:flex-end;gap:4px;height:74px;padding:0 2px;margin-bottom:.7rem}.curve-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}.curve-bar{position:relative;width:100%;min-height:2px;background:linear-gradient(180deg,var(--amber),var(--amber-deep));transition:height .22s ease}.curve-bar i{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-style:normal;font-family:var(--font-display);font-size:.68rem;color:var(--text-muted)}.curve-label{font-family:var(--font-display);font-size:.64rem;color:var(--text-faint)}.import-preview{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;margin-bottom:.9rem;text-align:left;background:var(--surface-700);border:1px solid rgb(107 192 138 / .4)}.import-bad{margin:0 0 .9rem;font-size:.8rem;color:#f2888b}.emote-controls{position:relative}.emote-wheel{position:absolute;top:calc(100% + 6px);left:0;z-index:80;display:grid;grid-template-columns:1fr 1fr;gap:4px;width:260px;padding:.5rem;background:linear-gradient(180deg,var(--surface-700),var(--surface-800));border:1px solid var(--line-strong);box-shadow:0 12px 30px #00000080}.emote-wheel .btn{justify-content:flex-start;font-size:.78rem;padding:.4rem .55rem}.emote-bubble{position:absolute;left:50%;z-index:40;transform:translate(60px);max-width:220px;padding:.45rem .8rem;background:var(--text-strong);color:var(--surface-void);font-weight:600;border-radius:14px;box-shadow:0 8px 22px #00000073;animation:bubble-in .2s cubic-bezier(.16,1,.3,1),reveal-out .2s ease-in 2.5s forwards;pointer-events:none}.emote-bubble:after{content:"";position:absolute;top:50%;left:-6px;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:inherit}.emote-bubble.is-rival{top:12%}.emote-bubble.is-mine{bottom:20%}@keyframes bubble-in{0%{transform:translate(60px) scale(.7);opacity:0}}.arena>.emote-bubble{position:absolute;z-index:40}.projectile{position:fixed;left:0;top:0;z-index:76;width:30px;height:6px;margin:-3px 0 0 -15px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--amber-bright) 55%,#fff);box-shadow:0 0 12px var(--amber-glow),0 0 4px var(--amber-bright);pointer-events:none}.impact-flash{animation:impact-pop .24s ease-out}@keyframes impact-pop{30%{filter:brightness(1.9) drop-shadow(0 0 14px var(--amber-bright))}}.menu-buttons{gap:.7rem;width:min(344px,86vw)}.menu-buttons .btn{position:relative;overflow:hidden;padding:1.05rem 1rem;font-size:1.02rem;font-weight:700;letter-spacing:.16em;color:var(--text-strong);background:linear-gradient(90deg,#0f161eeb,#161e28db);border:1px solid rgb(255 255 255 / .15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .17s cubic-bezier(.2,.8,.3,1.2),letter-spacing .17s ease,color .17s ease,border-color .17s ease,filter .17s ease;animation:menu-in .48s cubic-bezier(.16,1,.3,1) both}.menu-buttons .btn:nth-child(1){animation-delay:.62s}.menu-buttons .btn:nth-child(2){animation-delay:.72s}.menu-buttons .btn:nth-child(3){animation-delay:.82s}.menu-buttons .btn:nth-child(4){animation-delay:.92s}@keyframes menu-in{0%{opacity:0;transform:translate(-30px)}}.menu-buttons .btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--amber);transform:scaleY(0);transition:transform .19s ease}.menu-buttons .btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .16) 50%,transparent 65%);transform:translate(-130%);transition:transform .48s ease;pointer-events:none}.menu-buttons .btn:hover,.menu-buttons .btn:focus-visible{transform:translate(10px);letter-spacing:.24em;color:var(--amber-bright);border-color:#f99e1ab3;filter:drop-shadow(0 0 14px rgb(249 158 26 / .28))}.menu-buttons .btn:hover:before,.menu-buttons .btn:focus-visible:before{transform:scaleY(1)}.menu-buttons .btn:hover:after,.menu-buttons .btn:focus-visible:after{transform:translate(130%)}.menu-buttons .btn:active{transform:translate(10px) scale(.985)}.menu-buttons .btn-primary{background:linear-gradient(180deg,var(--amber-bright) 0%,var(--amber) 55%,var(--amber-deep) 100%);border-color:#fff6;color:var(--surface-void);animation:menu-in .48s cubic-bezier(.16,1,.3,1) both,primary-breathe 3.4s ease-in-out 1.8s infinite}.menu-buttons .btn-primary:hover,.menu-buttons .btn-primary:focus-visible{color:#140d02;border-color:#ffffffb3;filter:drop-shadow(0 0 24px rgb(249 158 26 / .55))}.menu-buttons .btn-primary:before{background:#ffffffbf}@keyframes primary-breathe{0%,to{filter:drop-shadow(0 0 8px rgb(249 158 26 / .25))}50%{filter:drop-shadow(0 0 20px rgb(249 158 26 / .5))}}.home.cinematic.home-mega{display:flex;flex-direction:column;place-items:initial;padding:0}.mega-hero{position:absolute;top:0;right:0;bottom:0;width:62%;z-index:1;pointer-events:none;animation:mega-hero-in .9s cubic-bezier(.16,1,.3,1) .2s both}.mega-hero img{width:100%;height:100%;object-fit:cover;object-position:62% 30%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%);filter:saturate(1.05)}@keyframes mega-hero-in{0%{opacity:0;transform:translate(60px)}}.mega-top{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:3.4rem clamp(1.5rem,5vw,4.5rem) 0}.mega-brand{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.22em;color:#ffffff8c}.mega-brand b{color:var(--amber);font-weight:700}.mega-id{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.mega-id-name{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-strong);text-shadow:0 1px 6px rgb(0 0 0 / .7)}.mega-id-stats{font-family:var(--font-display);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-shadow:0 1px 4px rgb(0 0 0 / .7)}.mega-id-stats b{color:var(--amber-bright)}.mega-menu{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.15em;padding:0 clamp(1.5rem,5vw,4.5rem)}.mega-item{position:relative;background:none;border:none;padding:.02em 0;cursor:pointer;font-family:var(--font-display);font-size:clamp(2.9rem,7.2vw,5.4rem);font-weight:700;line-height:.98;letter-spacing:.02em;text-transform:uppercase;text-align:left;color:var(--text-strong);text-shadow:0 2px 18px rgb(0 0 0 / .65);transition:transform .18s cubic-bezier(.2,.8,.3,1.2),letter-spacing .18s ease,color .18s ease;animation:mega-item-in .52s cubic-bezier(.16,1,.3,1) both}.mega-item:nth-child(1){animation-delay:.16s}.mega-item:nth-child(2){animation-delay:.26s}.mega-item:nth-child(3){animation-delay:.36s}@keyframes mega-item-in{0%{opacity:0;transform:translate(-44px)}}.mega-item:before{content:"";position:absolute;left:-.55em;top:50%;width:.3em;height:.3em;transform:translateY(-50%) rotate(45deg) scale(0);border-top:4px solid var(--amber);border-right:4px solid var(--amber);transition:transform .18s ease}.mega-item:hover,.mega-item:focus-visible{color:var(--amber-bright);transform:translate(.35em);letter-spacing:.05em;outline:none;text-shadow:0 2px 18px rgb(0 0 0 / .65),0 0 34px rgb(249 158 26 / .4)}.mega-item:hover:before,.mega-item:focus-visible:before{transform:translateY(-50%) rotate(45deg) scale(1)}.mega-item.is-primary{color:var(--amber)}.mega-item.is-primary:hover,.mega-item.is-primary:focus-visible{color:var(--amber-bright)}.mega-secondary{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:1.6rem;animation:mega-item-in .52s cubic-bezier(.16,1,.3,1) .48s both}.mega-secondary button{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);text-shadow:0 1px 8px rgb(0 0 0 / .7);transition:color .16s ease,letter-spacing .16s ease}.mega-secondary button:hover,.mega-secondary button:focus-visible{color:var(--amber-bright);letter-spacing:.2em;outline:none}.mega-foot{position:relative;z-index:3;padding:0 clamp(1.5rem,5vw,4.5rem) 1.4rem;display:flex;align-items:center;justify-content:space-between}.mega-commander{font-family:var(--font-display);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:#fff6;text-shadow:0 1px 6px rgb(0 0 0 / .7)}.home.cinematic.home-mega .home-scrim{background:linear-gradient(90deg,#070b10d1,#070b108c 42%,#070b102e 75%),linear-gradient(180deg,rgb(7 11 16 / .5),transparent 30%,transparent 72%,rgb(7 11 16 / .6))}@media (max-width: 767px){.mega-hero{width:100%;opacity:.4}.mega-hero img{-webkit-mask-image:none;mask-image:none}.mega-top{padding-top:4.2rem}.mega-id-stats{font-size:.68rem}.mega-controls .audio-panel{width:200px}}.mega-id{display:flex;flex-direction:row;align-items:center;gap:.85rem;padding:0;background:none;border:none;cursor:pointer;transition:transform .16s ease,filter .16s ease}.mega-id:hover,.mega-id:focus-visible{transform:translateY(-2px);filter:drop-shadow(0 0 14px rgb(249 158 26 / .3));outline:none}.mega-id-text{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.mega-id-stats b{color:#fff;font-size:.9rem}.mega-id-hex{--hex: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);width:64px;height:58px;flex:0 0 auto;display:grid;place-items:center;clip-path:var(--hex);background:linear-gradient(200deg,#10161d 48%,var(--amber) 48%);transform:rotate(-3deg);transition:transform .16s ease}.mega-id:hover .mega-id-hex,.mega-id:focus-visible .mega-id-hex{transform:rotate(0) scale(1.05)}.mega-id-hex-inner{width:calc(100% - 7px);height:calc(100% - 7px);clip-path:var(--hex);overflow:hidden;background:var(--surface-700)}.mega-id-hex-inner img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}@media (max-width: 767px){.mega-id-hex{width:52px;height:47px}}.mega-item.is-locked{color:#ffffff52;cursor:default}.mega-item.is-locked:hover,.mega-item.is-locked:focus-visible{color:#ffffff52;transform:none;letter-spacing:.02em;text-shadow:0 2px 18px rgb(0 0 0 / .65)}.mega-item.is-locked:hover:before{transform:translateY(-50%) rotate(45deg) scale(0)}.mega-soon{display:inline-block;vertical-align:top;margin-top:.32em;margin-left:.35em;padding:.18em .55em;font-size:.16em;font-weight:700;letter-spacing:.2em;color:var(--surface-void);background:var(--amber);text-shadow:none}.mega-controls{display:flex;align-items:center;gap:8px}.mega-controls>.btn,.mega-controls .audio-toggle{background:var(--amber);border-color:var(--amber-bright);color:var(--surface-void);font-weight:700}.mega-controls>.btn:hover,.mega-controls .audio-toggle:hover{background:var(--amber-bright);color:var(--surface-void)}.mega-controls .audio-panel{top:auto;bottom:calc(100% + 8px)}.profile-account{display:flex;align-items:center;gap:6px}.profile-panel{max-width:1000px;padding:2rem 2.2rem 2.4rem}.profile-hero{display:flex;align-items:center;gap:1.3rem;padding-bottom:1.6rem;margin-bottom:1.6rem;border-bottom:1px solid var(--line)}.profile-hex{--hex: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);width:104px;height:94px;flex:0 0 auto;display:grid;place-items:center;clip-path:var(--hex);background:linear-gradient(200deg,#10161d 48%,var(--amber) 48%);transform:rotate(-3deg)}.profile-hex-inner{width:calc(100% - 9px);height:calc(100% - 9px);clip-path:var(--hex);overflow:hidden;background:var(--surface-700)}.profile-hex-inner img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.profile-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.profile-name{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-sub{font-family:var(--font-display);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.profile-account{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}.profile-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:1.8rem}.pstat{padding:1.5rem .8rem 1.2rem}.pstat b{font-size:clamp(2.4rem,5vw,3.2rem);font-weight:800}.pstat span{font-size:.72rem}.pstat.is-rating{background:linear-gradient(180deg,var(--amber-bright),var(--amber) 60%,var(--amber-deep));border-color:#ffffff59}.pstat.is-rating b{color:var(--surface-void)}.pstat.is-rating span{color:#140d02bf}.pmatch{padding:.8rem 1rem;gap:1rem}.pmatch-result{width:96px;padding:.3rem 0;text-align:center;border:1px solid var(--line-strong);background:#090d1299}.pmatch-result.is-win{border-color:#6bc08a80}.pmatch-result.is-loss{border-color:#e5484d80}.pmatch-rival{font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media (max-width: 767px){.profile-hero{flex-wrap:wrap}.profile-account{width:100%;justify-content:flex-start}.profile-hex{width:76px;height:69px}}.mega-id-hex-inner.is-user img,.profile-hex-inner.is-user img{object-position:50% 50%}.profile-name-row{display:flex;align-items:center;gap:.7rem;min-width:0}.profile-name-row .profile-name{min-width:0}.profile-gear{flex:0 0 auto;padding:.45rem .55rem;line-height:0}.bp-panel{max-width:1080px;padding:2rem 2.2rem 2.4rem}.bp-hero{gap:1.1rem}.bp-star{flex:0 0 auto;display:grid;place-items:center;width:84px;height:84px;color:var(--amber);background:#f99e1a1a;border:1px solid rgb(249 158 26 / .4);border-radius:50%;filter:drop-shadow(0 0 16px rgb(249 158 26 / .3))}.bp-xp-row{display:flex;align-items:baseline;gap:.5rem}.bp-xp{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:900;line-height:1;color:var(--text-strong)}.bp-xp-label{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.2em;color:var(--amber)}.bp-bar{display:block;width:min(360px,100%);height:8px;margin-top:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.bp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber-deep),var(--amber-bright));border-radius:4px;transition:width .4s ease}.bp-next{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.bp-next-item{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff47}.bp-hint{margin:0 0 1.4rem;font-size:.82rem;color:var(--text-faint)}.bp-section{margin-bottom:1.6rem}.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.bp-card{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface-700),var(--surface-800));border:1px solid var(--line);overflow:hidden}.bp-card-top{display:flex;align-items:center;justify-content:space-between;padding:.45rem .7rem;background:#090d12b3;border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.bp-card-top b{color:var(--text-strong)}.bp-card-xp{color:var(--amber-bright)}.bp-card.is-done .bp-card-top{background:var(--amber);color:var(--surface-void);border-bottom-color:transparent}.bp-card.is-done .bp-card-top b,.bp-card.is-done .bp-card-xp{color:var(--surface-void)}.bp-card-icon{display:grid;place-items:center;padding:.9rem 0 .4rem;color:var(--text-faint)}.bp-card.is-done .bp-card-icon{color:var(--amber)}.bp-card-name{padding:0 .8rem;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-strong)}.bp-card-desc{flex:1;margin:.25rem 0 .7rem;padding:0 .8rem;font-size:.76rem;line-height:1.4;color:var(--text-muted)}.bp-card-bar{display:block;height:5px;background:#ffffff12}.bp-card-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber-deep),var(--amber));transition:width .4s ease}.bp-card.is-done .bp-card-bar i{background:var(--amber)}@media (max-width: 767px){.bp-next{display:none}.bp-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.tone-violet{--tone: #9a7ae0;--tone-tint: rgb(138 106 224 / .22);--tone-border: rgb(138 106 224 / .55)}.private-create{width:100%;margin-bottom:.9rem;padding-top:.75rem;padding-bottom:.75rem}.private-join{display:flex;gap:8px;margin-bottom:1rem}.private-code-input{flex:1;margin-bottom:0;text-align:center;font-size:1.2rem;letter-spacing:.4em;text-transform:uppercase}.private-share{display:grid;justify-items:center;gap:8px}.private-share p{margin:0;color:var(--text-muted)}.private-code{padding:.5rem 1.4rem;font-family:var(--font-display);font-size:2.4rem;font-weight:800;letter-spacing:.35em;text-indent:.35em;color:var(--amber-bright);background:var(--surface-800);border:1px solid rgb(249 158 26 / .5);-webkit-user-select:all;user-select:all}.social-panel{max-width:760px;padding:2rem 2.2rem 2.4rem}.social-search{display:flex;align-items:center;gap:8px;padding:.55rem .8rem;margin-bottom:.6rem;background:var(--surface-void);border:1px solid var(--line-strong);color:var(--text-faint)}.social-search input{flex:1;background:none;border:none;outline:none;color:var(--text-body);font-size:.95rem}.social-results{display:flex;flex-direction:column;gap:6px}.social-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .8rem;margin-bottom:6px;background:var(--surface-800);border:1px solid var(--line)}.social-row.is-incoming{border-color:#f99e1a73}.social-row.is-pending{opacity:.7}.social-name{font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.social-remove{color:var(--text-faint)}.social-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--text-faint)}.social-dot.is-online{background:#6bc08a;box-shadow:0 0 6px #6bc08ab3;animation:social-dot-pulse 2.2s ease-in-out infinite}@keyframes social-dot-pulse{0%,to{box-shadow:0 0 5px #6bc08a80}50%{box-shadow:0 0 10px #6bc08ae6}}.social-level{flex:0 0 auto;font-size:.68rem;color:var(--amber-bright);border-color:#f99e1a59}.invite-toast{position:fixed;top:84px;right:clamp(1rem,3vw,2.5rem);z-index:90;width:min(320px,calc(100vw - 2rem));padding:1rem 1.1rem;background:linear-gradient(180deg,var(--surface-700),var(--surface-800));border:1px solid var(--amber);box-shadow:0 14px 34px #00000080,0 0 22px #f99e1a33;animation:invite-toast-in .26s cubic-bezier(.16,1,.3,1)}.invite-toast p{margin:0 0 .7rem;font-family:var(--font-display);font-weight:700;letter-spacing:.02em;color:var(--text-strong)}.invite-toast-actions{display:flex;gap:8px}.invite-toast-error{position:fixed;top:84px;right:clamp(1rem,3vw,2.5rem);z-index:90;width:min(320px,calc(100vw - 2rem))}@keyframes invite-toast-in{0%{opacity:0;transform:translateY(-14px)}}.social-remove:hover{color:#f2888b}.pass-track{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}.pass-tile{position:relative;flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;padding:1.5rem .6rem .7rem;background:linear-gradient(180deg,var(--surface-700),var(--surface-800));border:1px solid var(--line);cursor:pointer;transition:transform .15s ease,border-color .15s ease,filter .15s ease}.pass-tile.is-milestone{flex-basis:152px;border-color:#f99e1a66}.pass-tile.is-unlocked:hover{transform:translateY(-4px);border-color:var(--amber);filter:drop-shadow(0 6px 16px rgb(249 158 26 / .2))}.pass-tile.is-locked{cursor:default;filter:grayscale(.5);opacity:.55}.pass-tile.is-equipped{border-color:var(--amber);background:linear-gradient(180deg,rgb(249 158 26 / .14),var(--surface-800) 60%)}.pass-tile-level{position:absolute;top:0;left:50%;transform:translate(-50%,-1px);padding:.1rem .55rem;font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.14em;background:var(--surface-900);border:1px solid var(--line-strong);color:var(--text-muted)}.pass-tile.is-unlocked .pass-tile-level{background:var(--amber);border-color:var(--amber-bright);color:var(--surface-void)}.pass-tile-art{display:grid;place-items:center;width:56px;height:56px;color:var(--text-muted);border:2px solid var(--line-strong)}.pass-tile-art.kind-frame{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:none;background:var(--surface-600)}.pass-tile-art.kind-cardback{border-radius:4px;width:44px;height:60px}.pass-tile-art.reward-bronze{background:linear-gradient(200deg,#6b4a2e 48%,#b07b4f 48%);color:#f0d5bd}.pass-tile-art.reward-silver{background:linear-gradient(200deg,#4d5a68 48%,#b9c6d4 48%);color:#eef4fa}.pass-tile-art.reward-gold{background:linear-gradient(200deg,#7a5410 48%,#f4c356 48%);color:#fff3d6}.pass-tile-art.reward-champion{background:linear-gradient(200deg,#f99e1a 48%,#ffe9b8 48%);color:#4a2f00;animation:champion-glow 2.4s ease-in-out infinite}.pass-tile-art.reward-circuit{background:repeating-linear-gradient(45deg,#10161d 0,#10161d 6px,#f99e1a80 6px,#f99e1a80 8px);color:var(--amber-bright)}.pass-tile-art.reward-void{background:repeating-linear-gradient(-45deg,#170f26 0,#170f26 7px,#3d2a66 7px,#3d2a66 9px);color:#b9a0f2}.pass-tile-art.reward-gilded{background:repeating-conic-gradient(#2a1f0a 0,#2a1f0a 25%,#7a5410 25%,#7a5410 50%) 0 0 / 14px 14px;color:#f4c356}.pass-tile-art.reward-storm{background:repeating-linear-gradient(70deg,#0c1420 0,#0c1420 8px,#274a72 8px,#274a72 10px);color:#7db4ec}@keyframes champion-glow{0%,to{filter:drop-shadow(0 0 4px rgb(249 158 26 / .4))}50%{filter:drop-shadow(0 0 14px rgb(249 158 26 / .8))}}.pass-tile-name{font-family:var(--font-display);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong);text-align:center;line-height:1.15}.pass-tile-state{font-family:var(--font-display);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.pass-tile.is-equipped .pass-tile-state{color:var(--amber-bright)}.mega-id-hex.hexframe-bronze,.profile-hex.hexframe-bronze{background:linear-gradient(200deg,#6b4a2e 48%,#b07b4f 48%)}.mega-id-hex.hexframe-silver,.profile-hex.hexframe-silver{background:linear-gradient(200deg,#4d5a68 48%,#b9c6d4 48%)}.mega-id-hex.hexframe-gold,.profile-hex.hexframe-gold{background:linear-gradient(200deg,#7a5410 48%,#f4c356 48%)}.mega-id-hex.hexframe-champion,.profile-hex.hexframe-champion{background:linear-gradient(200deg,var(--amber) 48%,#ffe9b8 48%);animation:champion-glow 2.4s ease-in-out infinite}.pile-stack.cardback-circuit{background:repeating-linear-gradient(45deg,#10161d 0,#10161d 5px,#f99e1a73 5px,#f99e1a73 7px)}.pile-stack.cardback-void{background:repeating-linear-gradient(-45deg,#170f26 0,#170f26 6px,#3d2a66 6px,#3d2a66 8px)}.pile-stack.cardback-gilded{background:repeating-conic-gradient(#2a1f0a 0,#2a1f0a 25%,#7a5410 25%,#7a5410 50%) 0 0 / 12px 12px}.pile-stack.cardback-storm{background:repeating-linear-gradient(70deg,#0c1420 0,#0c1420 7px,#274a72 7px,#274a72 9px)}.mega-id-title{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--amber-bright);text-shadow:0 1px 4px rgb(0 0 0 / .7)}@media (max-width: 767px){.pass-tile{flex-basis:116px}}.landing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);overflow-y:auto;overflow-x:hidden;background:var(--surface-void);color:var(--text-body)}.land-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:1.4rem clamp(1.2rem,4vw,3rem)}.land-top-right{display:flex;align-items:center;gap:8px}.land-hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:6rem 1.25rem 5rem;overflow:hidden}.land-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.land-hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% 35%;animation:kenburns 38s ease-in-out infinite alternate}.land-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(75% 60% at 50% 45%,#070b108c,#070b10e0 75%),linear-gradient(180deg,rgb(7 11 16 / .7),transparent 30%,rgb(11 16 22 / .95))}.land-hero-body{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;width:100%;max-width:min(720px,100%)}.land-title{margin:.4rem 0 0;font-family:var(--font-display);font-size:clamp(3rem,11vw,6.4rem);font-weight:900;line-height:.95;letter-spacing:.02em;color:var(--text-strong);text-shadow:0 4px 28px rgb(0 0 0 / .75);animation:land-rise .62s cubic-bezier(.16,1,.3,1) both}.land-title span{color:var(--amber)}.land-tagline{margin:0;max-width:34rem;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.5;color:var(--text-body);text-shadow:0 2px 10px rgb(0 0 0 / .8);animation:land-rise .62s cubic-bezier(.16,1,.3,1) .12s both}.land-cta{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.6rem;animation:land-rise .62s cubic-bezier(.16,1,.3,1) .22s both}.land-cta-main{padding:1rem 2.6rem;font-size:1.05rem;letter-spacing:.16em}.land-cta-note{font-family:var(--font-display);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.land-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem clamp(1rem,5vw,3rem);margin:1.8rem 0 0;max-width:100%;animation:land-rise .62s cubic-bezier(.16,1,.3,1) .32s both}.land-stats div{display:flex;flex-direction:column;gap:2px}.land-stats dt{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;line-height:1;color:var(--amber-bright)}.land-stats dd{margin:0;font-family:var(--font-display);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.land-scroll-hint{position:absolute;bottom:1.6rem;left:50%;z-index:3;transform:translate(-50%);color:var(--text-faint);animation:land-bob 2.2s ease-in-out infinite}@keyframes land-rise{0%{opacity:0;transform:translateY(22px)}}@keyframes land-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.land-section-title{margin:0 0 .4rem;font-family:var(--font-display);font-size:clamp(1.6rem,4.5vw,2.6rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong);text-align:center}.land-section-sub{margin:0 auto 1.8rem;max-width:46ch;text-align:center;color:var(--text-muted)}.land-roster-band{padding:clamp(3rem,8vw,5rem) 1.25rem;background:linear-gradient(180deg,var(--surface-void),var(--surface-900));border-top:1px solid var(--line)}.land-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1000px;margin:0 auto}.land-face{--hex: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);width:76px;height:68px;clip-path:var(--hex);overflow:hidden;background:var(--surface-700);filter:grayscale(.6);transition:filter .2s ease,transform .2s ease}.land-face:hover{filter:none;transform:translateY(-4px) scale(1.06)}.land-face img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.land-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:1100px;margin:0 auto;padding:clamp(3rem,8vw,5rem) 1.25rem}.land-card{padding:1.5rem 1.3rem;background:linear-gradient(180deg,var(--surface-800),var(--surface-900));border:1px solid var(--line);transition:border-color .18s ease,transform .18s ease}.land-card:hover{border-color:#f99e1a73;transform:translateY(-4px)}.land-card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.9rem;color:var(--amber);background:#f99e1a1a;border:1px solid rgb(249 158 26 / .3)}.land-card h3{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong)}.land-card p{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-muted)}.land-final{display:flex;flex-direction:column;align-items:center;padding:clamp(3rem,9vw,6rem) 1.25rem;background:radial-gradient(60% 100% at 50% 100%,rgb(249 158 26 / .09),transparent 70%),var(--surface-900);border-top:1px solid var(--line)}.land-foot{padding:2rem 1.5rem 2.6rem;background:var(--surface-void);border-top:1px solid var(--line)}.land-foot p{max-width:60ch;margin:0 auto;text-align:center;font-size:.76rem;line-height:1.6;color:var(--text-faint)}@media (max-width: 767px){.land-face{width:60px;height:54px}.land-title span{display:block}.land-title{font-size:clamp(2.6rem,13vw,4rem)}}.update-banner{position:fixed;left:clamp(.75rem,3vw,2rem);bottom:clamp(.75rem,3vw,2rem);z-index:95;display:flex;align-items:center;gap:.85rem;max-width:min(420px,calc(100vw - 1.5rem));padding:.85rem 1rem;background:linear-gradient(180deg,var(--surface-700),var(--surface-800));border:1px solid var(--amber);box-shadow:0 14px 34px #0000008c,0 0 22px #f99e1a2e;color:var(--amber);animation:update-banner-in .32s cubic-bezier(.16,1,.3,1)}.update-banner-text{display:flex;flex-direction:column;gap:1px;min-width:0}.update-banner-text b{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong)}.update-banner-text span{font-size:.78rem;color:var(--text-muted)}.update-banner .btn{flex:0 0 auto}@keyframes update-banner-in{0%{opacity:0;transform:translateY(18px)}}@media (max-width: 480px){.update-banner{right:clamp(.75rem,3vw,2rem);flex-wrap:wrap}.update-banner .btn{width:100%}}