@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2)format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2)format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-sans-3-latin-400-normal-DQi5PRDE.woff2)format("woff2"),url(/assets/source-sans-3-latin-400-normal-AFMiCETP.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-sans-3-latin-600-normal-DeckBYAU.woff2)format("woff2"),url(/assets/source-sans-3-latin-600-normal-BvDVuF-j.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/source-sans-3-latin-700-normal-CkzU-mV9.woff2)format("woff2"),url(/assets/source-sans-3-latin-700-normal-BBbVrHF_.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--font-display:"Fraunces", Georgia, serif;--ink:oklch(92% .025 82);--ink-muted:oklch(74% .02 85);--void:oklch(12% .012 165);--basalt-1:oklch(16% .015 190);--basalt-2:oklch(21% .018 205);--basalt-3:oklch(29% .02 205);--brass:oklch(70% .13 78);--brass-bright:oklch(83% .13 82);--brass-dark:oklch(38% .075 68);--frost:oklch(80% .12 205);--frost-dark:oklch(42% .095 215);--bastion:oklch(78% .095 150);--bastion-dark:oklch(39% .075 155);--ember:oklch(75% .17 43);--ember-dark:oklch(40% .11 35);--storm:oklch(88% .13 101);--storm-dark:oklch(46% .12 278);--danger:oklch(58% .16 28);--focus:oklch(93% .12 105);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--ease-out:cubic-bezier(.22, 1, .36, 1);font-family:"Source Sans 3",sans-serif}*{box-sizing:border-box}html{background:var(--void)}body{background:radial-gradient(circle at 50% 0%, oklch(22% .025 178), var(--void) 48rem);min-width:320px;min-height:100vh;color:var(--ink);margin:0;font-size:1rem;line-height:1.55}button{font:inherit}button:focus{outline:none}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}.skip-link{z-index:100;background:var(--focus);color:var(--void);padding:10px 14px;font-weight:700;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.section-kicker{color:var(--brass-bright);letter-spacing:.18em;font-size:.72rem;font-weight:800}.live-region{clip-path:inset(50%);width:1px;height:1px;position:fixed;overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.starter{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:clamp(32px,6vw,100px);min-height:100vh;padding:clamp(32px,6vw,92px);display:grid;position:relative;overflow:hidden}.starter:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,oklch(68% .08 78/.15) 50%,#0000 50.2%),radial-gradient(circle at 18% 78%,oklch(57% .08 74/.13),#0000 24rem);position:absolute;inset:0}.starter__rune{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px oklch(70% .06 78/.12);-webkit-user-select:none;user-select:none;font-size:min(46vw,680px);font-weight:700;line-height:1;position:absolute;top:-12vh;right:-2vw;transform:rotate(-7deg)}.starter__copy{z-index:1;align-self:center;max-width:780px;position:relative}.starter__copy h1{font-family:var(--font-display);letter-spacing:-.055em;margin:18px 0 28px;font-size:clamp(3.4rem,7vw,7.8rem);font-weight:600;line-height:.92}.starter__copy h1 em{color:var(--brass-bright);font-style:normal}.starter__copy p{max-width:36ch;color:var(--ink-muted);margin:0;font-size:clamp(1.1rem,1.45vw,1.45rem);line-height:1.55}.rival-oath{border:1px solid var(--brass-dark);background:oklch(13% .012 175/.78);grid-template-columns:1fr auto;gap:3px 16px;max-width:560px;margin-top:24px;padding:14px 16px;display:grid}.rival-oath span,.rival-oath small{color:var(--ink-muted);letter-spacing:.09em;grid-column:1;font-size:.68rem}.rival-oath strong{color:var(--brass-bright);font-family:var(--font-display);grid-column:1;font-size:1.08rem}.rival-oath button{border:1px solid var(--basalt-3);background:var(--basalt-1);min-height:40px;color:var(--ink);cursor:pointer;grid-area:1/2/4;align-self:center;padding:8px 12px}.rival-oath.is-empty{border-style:dashed;border-color:var(--basalt-3);display:grid}.rival-oath.is-empty strong{color:var(--ink);font-family:var(--font-body);font-size:.9rem}.save-notice{color:var(--brass-bright)!important;margin:10px 0 0!important;font-size:.78rem!important}.starter__choice{z-index:1;align-self:center;gap:16px;display:grid;position:relative}.starter__choices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.starter__choice h2{font-family:var(--font-display);margin:6px 0 10px;font-size:2rem}.starter-card{border:1px solid var(--basalt-3);clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);background:linear-gradient(135deg, var(--basalt-2), var(--basalt-1));min-height:138px;color:var(--ink);text-align:left;cursor:pointer;transition:transform .22s var(--ease-out), border-color .12s, background-color .12s;border-radius:0;grid-template-columns:62px 1fr;align-items:center;gap:12px;padding:16px;display:grid}.starter-card:hover{border-color:var(--brass);transform:translate(-8px)}.starter-card:active{transform:translate(-3px)scale(.992)}.starter-card.school-frost:hover{border-color:var(--frost)}.starter-card.school-bastion:hover{border-color:var(--bastion)}.starter-card.school-ember:hover{border-color:var(--ember)}.starter-card.school-storm{grid-column:1/-1}.starter-card.school-storm:hover{border-color:var(--storm)}.starter-card__glyph{aspect-ratio:1;width:58px;color:var(--brass-bright);border:1px solid var(--brass-dark);background:oklch(13% .012 168);place-items:center;display:grid;transform:rotate(45deg)}.starter-card.school-frost .starter-card__glyph{color:var(--frost);border-color:var(--frost-dark)}.starter-card.school-bastion .starter-card__glyph{color:var(--bastion);border-color:var(--bastion-dark)}.starter-card.school-ember .starter-card__glyph{color:var(--ember);border-color:var(--ember-dark)}.starter-card.school-storm .starter-card__glyph{color:var(--storm);border-color:var(--storm-dark);background:radial-gradient(circle,oklch(36% .1 278),oklch(13% .012 168) 68%)}.starter-card__glyph svg{fill:currentColor;width:38px;transform:rotate(-45deg)}.starter-card small,.starter-card strong,.starter-card span{display:block}.starter-card small{color:var(--brass-bright);letter-spacing:.16em;font-weight:800}.starter-card.school-frost small{color:var(--frost)}.starter-card.school-bastion small{color:var(--bastion)}.starter-card.school-ember small{color:var(--ember)}.starter-card.school-storm small{color:var(--storm)}.starter-card strong{font-family:var(--font-display);margin:2px 0 4px;font-size:1.28rem}.starter-card span span{color:var(--ink-muted)}.starter-card b{color:var(--ink);white-space:nowrap;grid-column:2;font-size:.72rem}.starter__footer{border-top:1px solid var(--basalt-3);color:var(--ink-muted);flex-wrap:wrap;grid-column:1/-1;gap:16px 42px;padding-top:24px;font-size:.88rem;display:flex}.game-shell{min-height:100vh}.run-hud{z-index:6;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:oklch(10% .012 175/.78);border:1px solid oklch(67% .08 76/.48);align-items:stretch;display:flex;position:absolute;top:18px;left:24px;overflow:hidden;box-shadow:0 12px 32px oklch(4% .01 175/.32)}.run-hud>span{border-right:1px solid oklch(67% .08 76/.28);align-content:center;min-width:112px;padding:8px 12px;display:grid}.run-hud>span:nth-child(2){min-width:172px}.run-hud>span:last-child{border-right:0}.run-hud small,.run-hud strong{line-height:1.15;display:block}.run-hud small{color:var(--ink-muted);letter-spacing:.13em;font-size:.55rem;font-weight:800}.run-hud strong{font-family:var(--font-display);white-space:nowrap;margin-top:3px;font-size:.86rem}.run-hud__supply strong{color:var(--brass-bright);font-size:1.04rem}.shop-screen{background:var(--void);min-height:100vh}.shop-stage{isolation:isolate;background:var(--void);height:100vh;min-height:720px;position:relative;overflow:hidden}.shop-stage__arena{z-index:0;position:absolute;inset:0}.shop-stage__arena .battle-arena{position:absolute;inset:0}.shop-stage__shade{z-index:1;pointer-events:none;background:linear-gradient(oklch(8% .012 175/.34),#0000 58%,oklch(8% .012 175/.48)),radial-gradient(circle at 50% 74%,#0000 0 22%,oklch(7% .01 175/.24) 72%);position:absolute;inset:0}.forge-overlay{z-index:2;width:min(1120px,100% - 48px);margin:72px auto 0;position:relative;overflow:visible}.shop-actions{flex:none;gap:10px;display:flex}.shop-actions--floating{z-index:6;position:absolute;top:18px;right:24px}.shop-actions button,.battle-controls button,.primary-action{border:1px solid var(--basalt-3);background:var(--basalt-2);min-height:46px;color:var(--ink);cursor:pointer;padding:10px 18px;font-weight:700}.shop-actions button{min-height:44px;padding:9px 15px}.shop-actions button:hover,.battle-controls button:hover{border-color:var(--brass);transform:translateY(-1px)}.shop-actions button:active,.battle-controls button:active{transform:translateY(1px)scale(.985)}.primary-action{border-color:var(--brass);color:oklch(96% .025 83);background:linear-gradient(135deg,oklch(48% .09 72),oklch(32% .06 68))}.primary-action:hover{background:linear-gradient(135deg,oklch(55% .1 75),oklch(37% .07 69))}.shop-offers{grid-template-columns:repeat(3,minmax(258px,292px));justify-content:center;gap:clamp(30px,3.2vw,48px);margin:0 auto 8px;display:grid;overflow:visible}.merge-banner{border:1px solid var(--brass);max-width:714px;animation:merge-arrival .5s var(--ease-out);background:linear-gradient(90deg,oklch(23% .05 76),oklch(15% .015 175));grid-template-columns:1fr auto;gap:2px 16px;margin:-10px auto 18px;padding:10px 14px;display:grid}.merge-banner span{color:var(--brass-bright);letter-spacing:.14em;font-size:.62rem;font-weight:800}.merge-banner strong{grid-column:1}.merge-banner b{color:var(--brass-bright);letter-spacing:.16em;grid-area:1/2/3;align-self:center;font-size:1.25rem}@keyframes merge-arrival{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:none}}.shop-reel{aspect-ratio:5/7;isolation:isolate;min-width:0;position:relative;overflow:visible}.shop-reel:before,.shop-reel:after{content:"";z-index:1;pointer-events:none;opacity:0;filter:drop-shadow(0 12px 18px oklch(4% .01 170/.58));animation:forge-stack-shuffle .52s var(--ease-out) calc(var(--reel-index) * 65ms) both;background:url(/assets/card-frame.png) 50%/100% 100% no-repeat;position:absolute;inset:3%}.shop-reel:after{animation-delay:calc(60ms + var(--reel-index) * 65ms);animation-direction:reverse}.shop-reel__result{z-index:2;opacity:0;width:100%;animation:forge-card-lock .28s var(--ease-out) calc(.52s + var(--reel-index) * 70ms) both;position:relative}.shop-reel__result>.shop-card{width:100%}.shop-reel__shuffle{z-index:3;pointer-events:none;clip-path:polygon(0 9px,9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px));position:absolute;inset:0;overflow:hidden}.shop-reel__shuffle:after{content:"";border:1px solid var(--brass-dark);background:linear-gradient(oklch(10% .012 175),#0000 20% 80%,oklch(10% .012 175));position:absolute;inset:0}.shop-reel__ghost{opacity:0;color:var(--brass-bright);animation:forge-reel-pass .118s linear calc(var(--reel-index) * 65ms + var(--ghost-index) * 70ms) both;background:url(/assets/card-frame.png) 50%/100% 100% no-repeat,oklch(14% .015 180);align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:4%}.shop-reel__ghost.school-frost{color:var(--frost)}.shop-reel__ghost.school-bastion{color:var(--bastion)}.shop-reel__ghost.school-ember{color:var(--ember)}.shop-reel__ghost.school-storm{color:var(--storm)}.shop-reel__ghost svg{fill:currentColor;filter:drop-shadow(0 4px 9px oklch(4% .01 175/.8));width:44%;max-height:42%}.shop-reel__ghost small{max-width:70%;color:var(--ink);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}@keyframes forge-reel-pass{0%{opacity:0;transform:translate3d(calc(var(--ghost-direction) * 18px), -24%, 0) rotate(calc(var(--ghost-direction) * 3deg)) scale(.96)}18%{opacity:.94}78%{opacity:.94}to{opacity:0;transform:translate3d(calc(var(--ghost-direction) * -12px), 27%, 0) rotate(calc(var(--ghost-direction) * -2deg)) scale(.985)}}@keyframes forge-stack-shuffle{0%,to{opacity:0;transform:translate(0)rotate(0)scale(.98)}24%{opacity:.76;transform:translate(-18px)rotate(-4deg)scale(.98)}68%{opacity:.42;transform:translate(14px)rotate(2.5deg)scale(.99)}}@keyframes forge-card-lock{0%{opacity:0;transform:translateY(-18px)scale(.95)}to{opacity:1;transform:none}}.shop-card{--pointer-x:0deg;--pointer-y:0deg;aspect-ratio:5/7;filter:drop-shadow(0 16px 18px oklch(5% .01 170/.5));transform:perspective(900px) rotateX(var(--pointer-y)) rotateY(var(--pointer-x));transform-style:preserve-3d;transition:transform .22s var(--ease-out), filter .18s;isolation:isolate;will-change:transform;background:url(/assets/card-frame.png) 50%/100% 100% no-repeat;position:relative}.shop-card:hover{transform:perspective(900px) translateY(-8px) rotateX(var(--pointer-y)) rotateY(var(--pointer-x)) scale(1.018);filter:drop-shadow(0 24px 30px oklch(5% .01 170/.72))}.shop-card.is-selected:after{content:"";pointer-events:none;border:2px solid var(--focus);clip-path:polygon(0 4%,4% 0,96% 0,100% 4%,100% 96%,96% 100%,4% 100%,0 96%);position:absolute;inset:2%}.shop-card.is-frozen{filter:drop-shadow(0 0 15px oklch(75% .11 210/.38))}.shop-card.is-bought{opacity:.34;filter:saturate(.35)drop-shadow(0 9px 12px oklch(4% .01 170/.35));transform:perspective(900px)translateY(4px)scale(.985)}.shop-card__inspect{width:91.6%;color:var(--ink);cursor:pointer;background:0 0;border:0;position:absolute;inset:3.5% 4.2% 16%}.shop-card__art{height:46%;color:var(--brass);background:radial-gradient(circle,oklch(34% .04 75),#0000 64%);place-items:center;display:grid;position:absolute;top:7%;left:13%;right:13%}.school-frost .shop-card__art{color:var(--frost);background:radial-gradient(circle,oklch(34% .06 210),#0000 64%)}.school-bastion .shop-card__art{color:var(--bastion);background:radial-gradient(circle,oklch(32% .055 150),#0000 64%)}.school-ember .shop-card__art{color:var(--ember);background:radial-gradient(circle,oklch(34% .075 38),#0000 64%)}.school-storm .shop-card__art{color:var(--storm);background:radial-gradient(circle,oklch(38% .11 278),#0000 64%)}.shop-card__art svg{fill:currentColor;opacity:.92;filter:drop-shadow(0 4px 8px oklch(5% .02 170));width:58%;max-height:72%}.shop-card__rank{color:var(--brass-bright);font-size:.9rem;position:absolute;top:3%;left:10%}.shop-card__title{height:5.4%;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;background:oklch(16% .01 76);align-items:center;font-size:clamp(.92rem,1.35vw,1.25rem);font-weight:700;display:flex;position:absolute;top:54.4%;left:20%;right:20%;overflow:hidden}.shop-card__tag{width:34%;height:5.2%;color:var(--brass-bright);letter-spacing:.08em;background:oklch(24% .04 76);place-items:center;font-size:.63rem;font-weight:800;display:grid;position:absolute;top:62.1%;left:19%}.school-frost .shop-card__tag{color:var(--frost);background:oklch(24% .045 210)}.school-bastion .shop-card__tag{color:var(--bastion);background:oklch(23% .04 150)}.school-ember .shop-card__tag{color:var(--ember);background:oklch(24% .055 38)}.school-storm .shop-card__tag{color:var(--storm);background:oklch(25% .07 278)}.shop-card__key{color:var(--ink);text-align:left;background:oklch(15% .01 75);padding:9px;font-size:.84rem;display:block;position:absolute;top:72%;left:18%;right:18%}.shop-card__actions{z-index:2;grid-template-columns:1fr auto;gap:6px;display:grid;position:absolute;bottom:2%;left:9%;right:9%}.shop-card__actions button{border:1px solid var(--brass-dark);min-height:44px;color:var(--ink);cursor:pointer;background:oklch(15% .015 80);font-size:.76rem;font-weight:700}.shop-card__actions button:hover{border-color:var(--brass-bright)}.shop-card__actions .icon-action{width:38px;color:var(--frost);padding:0;font-size:.9rem}.card-hand{z-index:5;pointer-events:none;width:min(900px,100% - 48px);height:190px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.card-hand__fan{position:absolute;inset:0}.hand-card,.hand-card__landing{--hand-gap:76px;aspect-ratio:5/7;width:154px;transform:translateX(-50%) translateX(calc(var(--hand-center) * var(--hand-gap))) rotate(calc(var(--hand-center) * 5deg));transform-origin:50% 120%;position:absolute;bottom:-70px;left:50%}.hand-card__landing{pointer-events:none;visibility:hidden}.hand-card{--pointer-x:0deg;--pointer-y:0deg;pointer-events:auto;filter:drop-shadow(0 12px 15px oklch(4% .01 170/.65));transform-style:preserve-3d;transition:transform .26s var(--ease-out), filter .18s, opacity .14s;animation:hand-deal .42s var(--ease-out) calc(var(--hand-index) * 55ms) backwards;isolation:isolate;will-change:transform;background:url(/assets/card-frame.png) 50%/100% 100% no-repeat}.hand-card.is-dealing{animation-delay:calc(.42s + var(--hand-index) * 45ms)}.hand-card:hover,.hand-card:focus-within,.hand-card.is-selected{z-index:20;transform:translateX(-50%) translateX(calc(var(--hand-center) * var(--hand-gap))) translateY(-66px) perspective(800px) rotateX(var(--pointer-y)) rotateY(var(--pointer-x)) scale(1.08);filter:drop-shadow(0 26px 28px oklch(4% .01 170/.82))}.hand-card.is-selected{filter:drop-shadow(0 0 5px var(--focus)) drop-shadow(0 24px 26px oklch(4% .01 170/.82))}.hand-card.is-dragging{z-index:40;opacity:.9;filter:drop-shadow(0 30px 34px oklch(4% .01 170/.86));transform:translateX(-50%) translateX(calc(var(--hand-center) * var(--hand-gap))) translate(var(--drag-x,0), calc(var(--drag-y,0px) - 66px)) rotate(0deg) scale(1.08);transition:none}.is-card-grabbing,.is-card-grabbing *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.hand-card__face{width:90%;color:var(--ink);cursor:grab;background:0 0;border:0;padding:0;display:block;position:absolute;inset:4% 5% 9%}.hand-card__face:active{cursor:grabbing}.hand-card__shadow{z-index:-1;pointer-events:none;opacity:.18;filter:blur(9px);height:20%;transition:opacity .18s, transform .22s var(--ease-out), filter .18s;background:oklch(2% .01 170/.88);border-radius:50%;position:absolute;bottom:-14%;left:5%;right:5%;transform:scale(.82)}.hand-card:hover .hand-card__shadow,.hand-card:focus-within .hand-card__shadow,.hand-card.is-selected .hand-card__shadow,.hand-card.is-dragging .hand-card__shadow{opacity:.72;filter:blur(12px);transform:translateY(10px)scale(1.18)}.hand-card__dust,.skill-tile__drop-dust{z-index:4;pointer-events:none;height:20%;position:absolute;bottom:6%;left:10%;right:10%;overflow:visible}.hand-card__dust:before,.skill-tile__drop-dust:before{content:"";opacity:0;filter:blur(5px);background:radial-gradient(oklch(70% .035 75/.42),#0000 70%);width:76%;height:15px;position:absolute;bottom:-2px;left:12%;transform:scale(.45)}.hand-card__dust i,.skill-tile__drop-dust i{--dust-x:0px;--dust-y:-18px;--dust-delay:0s;aspect-ratio:1;opacity:0;filter:blur(.3px);background:oklch(78% .04 78/.9);border-radius:50%;width:4px;position:absolute;bottom:0;left:50%;box-shadow:0 0 5px oklch(64% .05 72/.58)}.hand-card__dust i:first-child,.skill-tile__drop-dust i:first-child{--dust-x:-24px;--dust-y:-16px;--dust-delay:0s;left:35%}.hand-card__dust i:nth-child(2),.skill-tile__drop-dust i:nth-child(2){--dust-x:-16px;--dust-y:-26px;--dust-delay:18ms;width:6px;left:40%}.hand-card__dust i:nth-child(3),.skill-tile__drop-dust i:nth-child(3){--dust-x:-7px;--dust-y:-20px;--dust-delay:36ms;left:46%}.hand-card__dust i:nth-child(4),.skill-tile__drop-dust i:nth-child(4){--dust-x:1px;--dust-y:-30px;--dust-delay:54ms;width:6px;left:50%}.hand-card__dust i:nth-child(5),.skill-tile__drop-dust i:nth-child(5){--dust-x:10px;--dust-y:-18px;--dust-delay:72ms;left:55%}.hand-card__dust i:nth-child(6),.skill-tile__drop-dust i:nth-child(6){--dust-x:18px;--dust-y:-25px;--dust-delay:90ms;width:4px;left:61%}.hand-card__dust i:nth-child(7),.skill-tile__drop-dust i:nth-child(7){--dust-x:25px;--dust-y:-15px;--dust-delay:.108s;left:66%}.hand-card:hover .hand-card__dust i,.hand-card:focus-within .hand-card__dust i,.hand-card.is-selected .hand-card__dust i,.hand-card.is-dragging .hand-card__dust i{animation:card-dust-lift .44s var(--ease-out) var(--dust-delay) both}.hand-card:hover .hand-card__dust:before,.hand-card:focus-within .hand-card__dust:before,.hand-card.is-selected .hand-card__dust:before,.hand-card.is-dragging .hand-card__dust:before{animation:card-dust-cloud .39s var(--ease-out) both}.skill-tile__drop-dust i{animation:card-dust-drop .52s var(--ease-out) var(--dust-delay) both}.skill-tile__drop-dust:before{animation:card-dust-cloud .44s var(--ease-out) both}@keyframes card-dust-lift{0%{opacity:0;transform:translateY(5px)scale(.5)}24%{opacity:.78}to{opacity:0;transform:translate(var(--dust-x), var(--dust-y)) scale(1.6)}}@keyframes card-dust-drop{0%{opacity:0;transform:translateY(-13px)scale(.35)}22%{opacity:.86}to{opacity:0;transform:translate(var(--dust-x), 10px) scale(1.8)}}@keyframes card-dust-cloud{0%{opacity:0;transform:translateY(4px)scale(.4)}28%{opacity:.72}to{opacity:0;transform:translateY(-9px)scale(1.25)}}.hand-card__art{height:49%;color:var(--brass);background:radial-gradient(circle,oklch(34% .04 75),#0000 65%);place-items:center;display:grid;position:absolute;top:8%;left:12%;right:12%}.hand-card.school-frost .hand-card__art{color:var(--frost);background:radial-gradient(circle,oklch(34% .06 210),#0000 65%)}.hand-card.school-bastion .hand-card__art{color:var(--bastion);background:radial-gradient(circle,oklch(32% .055 150),#0000 65%)}.hand-card.school-ember .hand-card__art{color:var(--ember);background:radial-gradient(circle,oklch(34% .075 38),#0000 65%)}.hand-card.school-storm .hand-card__art{color:var(--storm);background:radial-gradient(circle,oklch(38% .11 278),#0000 65%)}.hand-card__art svg{fill:currentColor;filter:drop-shadow(0 3px 6px oklch(4% .01 170/.8));width:56%;max-height:72%}.hand-card__rank{z-index:1;color:var(--brass-bright);font-size:.72rem;position:absolute;top:1%;left:7%}.hand-card__face strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.1;position:absolute;top:56%;left:17%;right:17%;overflow:hidden}.hand-card__face small{color:var(--brass-bright);letter-spacing:.08em;font-size:.48rem;font-weight:800;position:absolute;top:65%;left:17%}.hand-card__sell{z-index:2;border:1px solid var(--brass-dark);min-width:42px;height:25px;color:var(--brass-bright);cursor:pointer;opacity:0;background:oklch(12% .012 175/.92);font-size:.58rem;transition:opacity .14s;position:absolute;bottom:5%;right:12%}.hand-card:hover .hand-card__sell,.hand-card:focus-within .hand-card__sell{opacity:1}.card-hand__count{color:var(--ink);border:1px solid var(--brass-dark);font-family:var(--font-display);font-variant-numeric:tabular-nums;background:oklch(10% .012 175/.88);padding:6px 11px;font-weight:700;position:absolute;bottom:14px;right:0}.card-hand__hint{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:700;position:absolute;bottom:18px;left:0}@keyframes hand-deal{0%{opacity:0;transform:translateX(-50%) translateX(calc(var(--hand-center) * 30px)) translateY(130px) rotate(0deg) scale(.86)}to{opacity:1;transform:translateX(-50%) translateX(calc(var(--hand-center) * var(--hand-gap))) rotate(calc(var(--hand-center) * 5deg))}}.deal-flight{width:var(--deal-width);height:var(--deal-height);z-index:80;pointer-events:none;transform-origin:0 0;animation:deal-to-hand .64s var(--ease-out) both;will-change:transform, opacity;position:fixed;top:0;left:0}.deal-flight__card{width:100%;height:100%;color:var(--ink);filter:drop-shadow(0 24px 28px oklch(4% .01 170/.84));background:url(/assets/card-frame.png) 50%/100% 100% no-repeat;position:relative;overflow:hidden}.deal-flight__art{height:49%;color:var(--brass);background:radial-gradient(circle,oklch(34% .04 75),#0000 65%);place-items:center;display:grid;position:absolute;top:8%;left:12%;right:12%}.deal-flight__card.school-frost .deal-flight__art{color:var(--frost);background:radial-gradient(circle,oklch(34% .06 210),#0000 65%)}.deal-flight__card.school-bastion .deal-flight__art{color:var(--bastion);background:radial-gradient(circle,oklch(32% .055 150),#0000 65%)}.deal-flight__card.school-ember .deal-flight__art{color:var(--ember);background:radial-gradient(circle,oklch(34% .075 38),#0000 65%)}.deal-flight__card.school-storm .deal-flight__art{color:var(--storm);background:radial-gradient(circle,oklch(38% .11 278),#0000 65%)}.deal-flight__art svg{fill:currentColor;width:58%;max-height:72%}.deal-flight__rank{z-index:1;color:var(--brass-bright);position:absolute;top:3%;left:9%}.deal-flight__card strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.72rem,1.1vw,1.08rem);position:absolute;top:55%;left:18%;right:18%;overflow:hidden}.deal-flight__card small{color:var(--brass-bright);letter-spacing:.08em;font-size:.52rem;font-weight:800;position:absolute;top:64%;left:18%}.deal-flight__trail{z-index:-1;opacity:.7;background:linear-gradient(90deg, transparent, var(--brass-bright));filter:blur(3px);transform-origin:100%;width:54%;height:5px;position:absolute;top:47%;right:78%}@keyframes deal-to-hand{0%{opacity:1;transform:translate3d(var(--deal-from-x), var(--deal-from-y), 0) rotate(0deg) scale(1)}34%{opacity:1;transform:translate3d(var(--deal-mid-one-x), var(--deal-mid-one-y), 0) rotate(-4deg) scale(.9)}72%{opacity:1;transform:translate3d(var(--deal-mid-two-x), var(--deal-mid-two-y), 0) rotate(3deg) scale(.68)}to{opacity:0;transform:translate3d(var(--deal-target-x), var(--deal-target-y), 0) rotate(0deg) scale(var(--deal-scale))}}.inspector{border-left:1px solid var(--basalt-3);background:linear-gradient(oklch(19% .018 190),oklch(13% .012 180));padding:34px 30px;position:relative;overflow:hidden}.inspector:before{content:"";border:1px solid var(--brass-dark);width:320px;height:320px;position:absolute;top:-170px;right:-150px;transform:rotate(45deg)}.inspector.school-frost:before{border-color:var(--frost-dark)}.inspector.school-bastion:before{border-color:var(--bastion-dark)}.inspector.school-ember:before{border-color:var(--ember-dark)}.inspector.school-storm:before{border-color:var(--storm-dark)}.inspector__sigil{width:126px;height:126px;color:var(--brass-bright);border:1px solid var(--brass-dark);background:radial-gradient(circle,oklch(33% .055 76),oklch(13% .01 175) 68%);place-items:center;margin:12px 0 36px;display:grid;transform:rotate(45deg)}.inspector.school-frost .inspector__sigil{color:var(--frost);border-color:var(--frost-dark);background:radial-gradient(circle,oklch(34% .06 210),oklch(13% .01 175) 68%)}.inspector.school-bastion .inspector__sigil{color:var(--bastion);border-color:var(--bastion-dark);background:radial-gradient(circle,oklch(32% .055 150),oklch(13% .01 175) 68%)}.inspector.school-ember .inspector__sigil{color:var(--ember);border-color:var(--ember-dark);background:radial-gradient(circle,oklch(34% .075 38),oklch(13% .01 175) 68%)}.inspector.school-storm .inspector__sigil{color:var(--storm);border-color:var(--storm-dark);background:radial-gradient(circle,oklch(38% .11 278),oklch(13% .01 175) 68%)}.inspector__sigil svg{fill:currentColor;width:72px;transform:rotate(-45deg)}.inspector h2{font-family:var(--font-display);margin:6px 0 14px;font-size:2.2rem;line-height:1.05}.inspector>p{color:var(--ink-muted);line-height:1.62}.inspector__tags{flex-wrap:wrap;gap:6px;display:flex}.inspector__tags span{border:1px solid var(--basalt-3);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;padding:5px 9px;font-size:.7rem}.inspector__stats{border-block:1px solid var(--basalt-3);grid-template-columns:1fr auto;gap:8px 18px;margin:24px 0;padding:18px 0;display:grid}.inspector__stats dt{color:var(--ink-muted)}.inspector__stats dd{color:var(--brass-bright);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.inspector__connection{border-left:3px solid var(--brass);background:var(--basalt-1);gap:2px;padding:12px 14px;display:grid}.inspector__connection.is-resting{border-color:var(--danger)}.inspector__connection span{color:var(--ink-muted);font-size:.88rem}.inspector__school-count{color:var(--ink-muted);justify-content:space-between;margin-top:20px;display:flex}.inspector__school-count strong{color:var(--ink)}.shop-reel:hover,.shop-reel:focus-within{z-index:8}.card-tooltip{z-index:9;pointer-events:none;opacity:0;visibility:hidden;width:min(292px,72vw);color:var(--ink);border:1px solid var(--brass-dark);transition:opacity .18s var(--ease-out), transform .22s var(--ease-out), visibility 0s linear .22s;background:linear-gradient(155deg,oklch(19% .02 190/.99),oklch(11% .012 175/.99));grid-template-columns:54px minmax(0,1fr);gap:4px 12px;padding:14px;display:grid;position:absolute;box-shadow:0 18px 42px oklch(4% .01 175/.66)}.card-tooltip.school-frost{border-color:var(--frost-dark)}.card-tooltip.school-bastion{border-color:var(--bastion-dark)}.card-tooltip.school-ember{border-color:var(--ember-dark)}.card-tooltip.school-storm{border-color:var(--storm-dark)}.card-tooltip--shop{top:4%;left:calc(100% - 4px);transform:translate(8px)}.shop-reel:nth-child(3n) .card-tooltip--shop{left:auto;right:calc(100% - 4px);transform:translate(-8px)}.card-tooltip--skill{bottom:calc(100% + 12px);left:50%;transform:translate(-50%,8px)}.card-tooltip--hand{bottom:calc(100% + 14px);left:50%;transform:translate(-50%,8px)}.circuit__slot-wrap:first-child .card-tooltip--skill{left:0;transform:translateY(8px)}.circuit__slot-wrap:last-child .card-tooltip--skill{left:auto;right:0;transform:translateY(8px)}.shop-card:hover .card-tooltip,.shop-card:focus-within .card-tooltip,.circuit__slot-wrap:hover .card-tooltip,.circuit__slot-wrap:focus-within .card-tooltip,.hand-card:hover .card-tooltip,.hand-card:focus-within .card-tooltip{opacity:1;visibility:visible;transition-delay:90ms,90ms,0s}.shop-card:hover .card-tooltip--shop,.shop-card:focus-within .card-tooltip--shop{transform:translate(0)}.circuit__slot-wrap:hover .card-tooltip--skill,.circuit__slot-wrap:focus-within .card-tooltip--skill{transform:translate(-50%)}.circuit__slot-wrap:first-child:hover .card-tooltip--skill,.circuit__slot-wrap:first-child:focus-within .card-tooltip--skill,.circuit__slot-wrap:last-child:hover .card-tooltip--skill,.circuit__slot-wrap:last-child:focus-within .card-tooltip--skill{transform:translate(0)}.hand-card:hover .card-tooltip--hand,.hand-card:focus-within .card-tooltip--hand{transform:translate(-50%)}.card-tooltip .inspector__sigil{grid-row:1/4;width:48px;height:48px;margin:5px 0 0}.card-tooltip .inspector__sigil svg{width:28px}.card-tooltip .section-kicker{align-self:end;font-size:.55rem}.card-tooltip h2{font-family:var(--font-display);margin:0;font-size:1.28rem;line-height:1}.card-tooltip .inspector__tags{grid-column:2;gap:4px}.card-tooltip .inspector__tags span{padding:2px 5px;font-size:.52rem}.card-tooltip>p{color:var(--ink-muted);grid-column:1/-1;margin:8px 0 2px;font-size:.78rem;line-height:1.4}.card-tooltip .inspector__stats{grid-column:1/-1;grid-template-columns:1fr auto 1fr auto;gap:4px 10px;margin:5px 0;padding:9px 0;font-size:.68rem}.card-tooltip .inspector__connection{grid-column:1/-1;padding:7px 9px;font-size:.7rem}.card-tooltip .inspector__connection span{font-size:.68rem}.card-tooltip .inspector__school-count{grid-column:1/-1;margin-top:4px;font-size:.7rem}.circuit{border-top:1px solid var(--basalt-3);grid-column:1/-1;padding:24px 0 8px}.circuit__heading-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.circuit h2{font-family:var(--font-display);margin:4px 0 18px;font-size:1.75rem}.circuit__status{border:1px solid var(--danger);color:oklch(78% .11 30);letter-spacing:.08em;padding:5px 10px;font-size:.72rem}.circuit__status.is-valid{border-color:var(--brass-dark);color:var(--brass-bright)}.circuit__slots{grid-template-columns:repeat(5,minmax(112px,168px));justify-content:center;gap:22px;margin:0;padding:0;list-style:none;display:grid}.circuit__slot-wrap{min-width:0;position:relative}.circuit__slot-wrap:hover,.circuit__slot-wrap:focus-within{z-index:8}.circuit__link{z-index:1;background:var(--basalt-3);width:24px;height:4px;position:absolute;top:49%;left:-23px}.circuit__link:after{content:"";border-left:6px solid var(--basalt-3);border-block:5px solid #0000;position:absolute;top:-3px;right:-1px}.circuit__link.is-live{background:var(--brass);box-shadow:0 0 8px oklch(70% .13 78/.55)}.circuit__link.is-live:after{border-left-color:var(--brass)}.skill-tile{aspect-ratio:5/7;filter:drop-shadow(0 12px 16px oklch(4% .01 175/.52));width:100%;min-height:0;transition:transform .18s var(--ease-out), filter .16s;isolation:isolate;background:url(/assets/card-frame.png) 50%/100% 100% no-repeat;border:0;position:relative}.skill-tile.is-selected:after{content:"";z-index:2;pointer-events:none;border:2px solid var(--focus);clip-path:polygon(0 4%,4% 0,96% 0,100% 4%,100% 96%,96% 100%,4% 100%,0 96%);position:absolute;inset:3%}.skill-tile.is-casting{filter:drop-shadow(0 0 8px var(--brass-bright)) drop-shadow(0 18px 18px oklch(4% .01 170/.7));transform:translateY(-8px)}.skill-tile.is-pointer-dragging{z-index:40;opacity:.92;filter:drop-shadow(0 24px 28px oklch(4% .01 170/.84));transform:translate(var(--drag-x,0), var(--drag-y,0)) translateY(-8px) scale(1.04);transition:none}.skill-tile.is-triggered{box-shadow:0 0 0 2px var(--frost), 0 0 24px oklch(80% .12 205/.34)}.skill-tile.is-resting{filter:saturate(.35)brightness(.72)drop-shadow(0 10px 14px oklch(4% .01 175/.48))}.skill-tile.is-empty{color:var(--ink-muted);filter:none;background:oklch(10% .012 175/.16);border:1px dashed oklch(76% .06 78/.42);align-content:center;place-items:center;gap:4px;display:grid}.skill-tile.is-empty span{color:var(--brass)}.skill-tile__main{width:90%;color:var(--ink);text-align:center;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:4% 5% 9%}.skill-tile__index{z-index:1;color:var(--brass-bright);font-family:var(--font-display);font-size:.72rem;position:absolute;top:-1%;left:3%}.skill-tile__glyph{height:48%;color:var(--brass-bright);background:radial-gradient(circle,oklch(34% .04 75),#0000 66%);place-items:center;display:grid;position:absolute;top:5%;left:8%;right:8%}.school-frost .skill-tile__glyph{color:var(--frost);background:radial-gradient(circle,oklch(34% .06 210),#0000 66%)}.school-bastion .skill-tile__glyph{color:var(--bastion);background:radial-gradient(circle,oklch(32% .055 150),#0000 66%)}.school-ember .skill-tile__glyph{color:var(--ember);background:radial-gradient(circle,oklch(34% .075 38),#0000 66%)}.school-storm .skill-tile__glyph{color:var(--storm);background:radial-gradient(circle,oklch(38% .11 278),#0000 66%)}.skill-tile__glyph svg{fill:currentColor;filter:drop-shadow(0 3px 6px oklch(4% .01 170/.72));width:55%;max-height:70%}.skill-tile__name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;line-height:1.05;position:absolute;top:55%;left:13%;right:13%;overflow:hidden}.skill-tile__name i{color:var(--brass-bright);letter-spacing:.1em;margin-top:2px;font-family:"Source Sans 3",sans-serif;font-size:.52rem;font-style:normal;display:block}.skill-tile__type{color:var(--ink-muted);letter-spacing:.08em;font-size:.55rem;position:absolute;top:67%;left:13%}.skill-tile__ready,.skill-tile__cooldown{color:var(--brass-bright);font-size:.55rem;position:absolute;top:67%;right:13%}.skill-tile__reason{z-index:1;color:oklch(80% .09 30);text-align:center;font-size:.55rem;line-height:1.15;display:block;position:absolute;bottom:17%;left:13%;right:13%}.skill-tile__moves{z-index:3;opacity:.25;gap:2px;transition:opacity .14s;display:flex;position:absolute;bottom:4%;right:8%}.skill-tile:hover .skill-tile__moves,.skill-tile:focus-within .skill-tile__moves{opacity:1}.skill-tile__moves button{width:29px;height:25px;color:var(--ink-muted);cursor:pointer;background:oklch(10% .01 175/.88);border:1px solid oklch(70% .06 78/.25)}.skill-tile__sell{z-index:3;min-width:40px;height:25px;color:var(--brass-bright);cursor:pointer;opacity:.25;background:oklch(10% .01 175/.88);border:1px solid oklch(70% .06 78/.25);padding:0 5px;font-size:.58rem;transition:opacity .14s;position:absolute;bottom:4%;left:8%}.skill-tile:hover .skill-tile__sell,.skill-tile:focus-within .skill-tile__sell{opacity:1}.shop-loadout{z-index:4;width:min(820px,100% - 48px);position:absolute;top:498px;left:50%;transform:translate(-50%)}.shop-loadout .circuit--compact{background:0 0;border:0;padding:0;overflow:visible}.shop-loadout .circuit--compact>.section-kicker,.shop-loadout .circuit--compact>.circuit__heading-row{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.circuit--compact .section-kicker{font-size:.57rem}.circuit--compact .circuit__heading-row{max-width:760px;margin:0 auto}.circuit--compact h2{margin:1px 0 8px;font-size:1.18rem}.circuit--compact .circuit__status{padding:3px 7px;font-size:.58rem}.circuit--compact .circuit__slots{justify-content:center;gap:24px;max-width:820px;margin-inline:auto;display:flex;overflow:visible}.circuit--compact .circuit__slot-wrap{flex:0 0 112px}.circuit--compact .circuit__link{width:26px;top:49%;left:-25px}.circuit--compact .skill-tile{filter:drop-shadow(0 10px 14px oklch(4% .01 175/.48))}.circuit--compact .skill-tile.is-empty{filter:none;background:oklch(10% .012 175/.12)}.circuit--compact .skill-tile__glyph{height:47%;top:6%}.circuit--compact .skill-tile__glyph svg{width:54%;max-height:68%}.circuit--compact .skill-tile__name{font-size:.68rem;top:55%}.circuit--compact .skill-tile__name i{margin-top:1px;font-size:.46rem}.circuit--compact .skill-tile__type,.circuit--compact .skill-tile__ready,.circuit--compact .skill-tile__cooldown,.circuit--compact .skill-tile__reason{display:none}.circuit--compact .skill-tile__moves{bottom:4%;right:7%}.circuit--compact .skill-tile__moves button{width:25px;height:23px;font-size:.68rem}.circuit--compact .skill-tile__sell{min-width:37px;height:23px;font-size:.52rem;left:7%}.circuit--compact .skill-tile.is-empty{gap:0;font-size:.66rem}.circuit--compact .skill-tile.is-empty span{font-family:var(--font-display);font-size:1.4rem}.circuit--compact .skill-tile.is-empty strong{text-align:center;max-width:7ch;font-size:.62rem;line-height:1.1}.circuit--compact .circuit__slot-wrap.is-hand-target .skill-tile{cursor:copy;border-color:oklch(83% .13 82/.62)}.circuit--compact .circuit__slot-wrap.is-hand-target .skill-tile:after{content:"ABLEGEN";color:var(--brass-bright);letter-spacing:.1em;text-align:center;font-size:.48rem;font-weight:800;position:absolute;inset:4px 8px auto}.circuit--compact .circuit__slot-wrap.is-drop-target .skill-tile,.circuit--compact .circuit__slot-wrap.is-pointer-drop-target .skill-tile{border-color:var(--focus);transform:translateY(-8px)scale(1.05);box-shadow:0 0 0 2px oklch(93% .12 105/.42),0 18px 30px oklch(4% .01 175/.58)}.is-card-grabbing .circuit--compact .circuit__slot-wrap .skill-tile{border-color:oklch(83% .13 82/.66)}.battle-screen{grid-template-rows:minmax(580px,100vh) auto;grid-template-columns:minmax(0,1fr) 320px;gap:0;display:grid}.battle-stage{background:var(--void);min-height:580px;position:relative;overflow:hidden}.battle-arena{position:absolute;inset:0}.battle-arena canvas{width:100%;height:100%;display:block}.arena-overlay{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-stage__status{z-index:3;border:1px solid var(--brass-dark);pointer-events:none;background:oklch(12% .01 175/.88);padding:7px 13px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.battle-stage__status span{color:var(--brass-bright);letter-spacing:.11em;white-space:nowrap;font-size:.67rem;font-weight:800}.cooldown-rail{z-index:4;pointer-events:none;justify-items:center;gap:8px;display:grid;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.cooldown-rail:before{content:"";z-index:-1;background:linear-gradient(#0000,oklch(72% .08 78/.34) 15% 85%,#0000);width:1px;position:absolute;top:30px;bottom:10px;left:50%}.cooldown-rail__title{color:var(--ink-muted);letter-spacing:.17em;writing-mode:vertical-rl;font-size:.48rem;font-weight:800;transform:rotate(180deg)}.cooldown-rail ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cooldown-rail li{grid-template-columns:58px auto;align-items:center;gap:8px;display:grid}@property --cooldown-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.cooldown-dial{--cooldown-accent:var(--brass-bright);aspect-ratio:1;isolation:isolate;clip-path:polygon(0 9px,9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px));contain:layout paint style;pointer-events:auto;width:58px;transition:transform .16s var(--ease-out), filter .16s var(--ease-out);background:oklch(12% .012 175);border:1px solid oklch(74% .07 78/.72);position:relative;overflow:hidden;box-shadow:0 5px 13px oklch(4% .01 175/.76),inset 0 0 0 2px oklch(7% .01 175/.8)}.cooldown-dial.school-frost{--cooldown-accent:var(--frost)}.cooldown-dial.school-bastion{--cooldown-accent:var(--bastion)}.cooldown-dial.school-ember{--cooldown-accent:var(--ember)}.cooldown-dial.school-storm{--cooldown-accent:var(--storm)}.cooldown-dial__icon{color:var(--cooldown-accent);background:radial-gradient(circle, color-mix(in oklch, var(--cooldown-accent) 24%, var(--basalt-1)), var(--basalt-1) 70%);place-items:center;display:grid;position:absolute;inset:5px}.cooldown-dial__icon svg{fill:currentColor;filter:drop-shadow(0 2px 3px oklch(4% .01 175/.85));width:64%;max-height:64%}.cooldown-dial__sweep{z-index:1;background:conic-gradient(from 0deg, oklch(5% .012 175/.88) 0deg var(--cooldown-angle), transparent var(--cooldown-angle) 360deg);transition:--cooldown-angle 80ms linear;position:absolute;inset:0}.cooldown-dial__rim{z-index:2;border:2px solid color-mix(in oklch, var(--cooldown-accent) 58%, transparent);clip-path:inherit;position:absolute;inset:3px;box-shadow:inset 0 0 8px oklch(5% .01 175/.72)}.cooldown-dial strong{z-index:3;color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;text-shadow:-1px -1px oklch(6% .01 175),1px 1px oklch(6% .01 175),0 2px 5px oklch(4% .01 175);place-items:center;font-size:1.05rem;line-height:1;display:grid;position:absolute;inset:0}.cooldown-dial small{z-index:4;color:var(--brass-bright);font-size:.46rem;font-weight:800;position:absolute;bottom:2px;right:4px}.cooldown-dial__ready-flash{z-index:5;border:2px solid var(--cooldown-accent);opacity:0;pointer-events:none;position:absolute;inset:-18%}.cooldown-dial.is-ready .cooldown-dial__sweep{opacity:0}.cooldown-dial.is-ready .cooldown-dial__rim{border-color:var(--cooldown-accent);box-shadow:inset 0 0 8px oklch(5% .01 175/.45), 0 0 10px color-mix(in oklch, var(--cooldown-accent) 42%, transparent)}.cooldown-dial.is-ready strong{color:var(--cooldown-accent);font-size:1.2rem}.cooldown-dial.is-ready .cooldown-dial__ready-flash{animation:.42s cubic-bezier(.16,1,.3,1) both cooldown-ready-flash}.cooldown-dial.is-casting{filter:brightness(1.24);transform:translate(5px)scale(1.07)}.cooldown-dial.is-casting strong{color:var(--focus);letter-spacing:.08em;font-family:"Source Sans 3",sans-serif;font-size:.56rem;font-weight:800}.cooldown-dial__name{max-width:0;color:var(--ink);border:1px solid var(--basalt-3);opacity:0;white-space:nowrap;transition:max-width .22s var(--ease-out), opacity .12s, padding .22s var(--ease-out), transform .22s var(--ease-out);background:oklch(10% .012 175/.9);padding:4px 0;font-size:.64rem;font-weight:700;overflow:hidden;transform:translate(-7px)}.cooldown-rail li:hover .cooldown-dial__name{opacity:1;max-width:150px;padding-inline:8px;transform:translate(0)}@keyframes cooldown-ready-flash{0%{opacity:.9;transform:scale(.62)rotate(0)}to{opacity:0;transform:scale(1.32)rotate(18deg)}}.actor-vitals{z-index:1;width:112px;color:var(--ink);filter:drop-shadow(0 2px 2px oklch(5% .01 170/.92));contain:layout paint style;will-change:transform, opacity;position:absolute;top:0;left:0}.actor-vitals--swarm{width:76px}.actor-vitals--raider{width:92px}.actor-vitals--elite,.actor-vitals--warden,.actor-vitals--champion{width:124px}.actor-vitals__heading{color:oklch(94% .018 82);letter-spacing:.045em;text-shadow:0 1px 2px oklch(4% .01 170);justify-content:space-between;gap:6px;margin-bottom:3px;padding-inline:2px;font-size:.57rem;font-weight:800;line-height:1;display:flex}.actor-vitals__heading span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.actor-vitals__heading strong{color:oklch(91% .025 82);font-variant-numeric:tabular-nums;flex:none;font-size:.53rem}.actor-vitals--swarm .actor-vitals__heading span,.actor-vitals--swarm .actor-vitals__heading strong{font-size:.48rem}.actor-vitals__track{background:oklch(9% .012 170/.94);border:1px solid oklch(74% .02 80/.72);height:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(5% .01 170)}.actor-vitals__fill,.actor-vitals__barrier{transform-origin:0;will-change:transform;position:absolute;inset:0;transform:scaleX(1)}.actor-vitals__fill{background:linear-gradient(oklch(69% .17 30),oklch(48% .17 28))}.actor-vitals--hero .actor-vitals__fill{background:linear-gradient(180deg, var(--brass-bright), var(--brass))}.actor-vitals--champion .actor-vitals__fill{background:linear-gradient(oklch(74% .17 43),oklch(49% .16 30))}.actor-vitals__barrier{background:var(--bastion);height:2px;box-shadow:0 0 4px var(--bastion);top:auto}.damage-popup{--damage-color:var(--brass-bright);z-index:2;color:var(--damage-color);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.035em;text-shadow:-1px -1px oklch(8% .015 170),1px -1px oklch(8% .015 170),-1px 1px oklch(8% .015 170),1px 1px oklch(8% .015 170),0 3px 5px oklch(4% .01 170/.85);will-change:transform, opacity;font-size:1.28rem;font-weight:800;line-height:1;position:absolute;top:0;left:0}.damage-popup.is-critical{color:var(--focus);font-size:1.65rem}.damage-popup.is-incoming{color:oklch(72% .2 28)}.damage-popup.is-burn{color:var(--ember);font-size:1.12rem}.battle-controls{z-index:3;gap:6px;display:flex;position:absolute;bottom:20px;right:24px}.battle-controls button[aria-pressed=true]{border-color:var(--brass-bright);color:var(--brass-bright)}.combat-log{background:linear-gradient(180deg, var(--basalt-2), var(--basalt-1));border-left:1px solid var(--basalt-3);flex-direction:column;min-height:0;padding:28px 24px;display:flex}.combat-log h2{font-family:var(--font-display);margin:6px 0 22px;font-size:2rem;line-height:1.05}.combat-log__events{gap:8px;display:grid}.event{border-bottom:1px solid var(--basalt-3);grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:10px;padding:9px 0;display:grid}.event span{min-width:0;color:var(--brass-bright);letter-spacing:.08em;font-size:.59rem;font-weight:800}.event p{color:var(--ink-muted);margin:0;font-size:.87rem}.event-critical span,.event-relay_triggered span{color:var(--frost)}.event-enemy_hit span{color:oklch(73% .14 30)}.event-rival_cast span,.event-rival_relay_checked span,.event-rival_relay_triggered span{color:oklch(72% .14 35)}.rival-strip{border-left:2px solid var(--danger);background:oklch(16% .025 28/.72);margin:-8px 0 12px;padding:10px}.rival-strip>span{color:oklch(74% .13 35);letter-spacing:.1em;font-size:.58rem;font-weight:800}.rival-strip div{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.rival-strip small{color:var(--ink);border:1px solid var(--basalt-3);background:oklch(11% .01 175/.75);padding:3px 6px;font-size:.64rem}.recap-metrics{grid-template-columns:1fr 1fr;gap:8px;margin:-8px 0 14px;display:grid}.recap-metrics span{border:1px solid var(--basalt-3);background:oklch(11% .01 175/.72);min-width:0;padding:8px 10px}.recap-metrics span:last-child{grid-column:1/-1}.recap-metrics small{color:var(--ink-muted);letter-spacing:.1em;font-size:.57rem;display:block}.recap-metrics strong{color:var(--brass-bright);text-overflow:ellipsis;font-size:.78rem;display:block;overflow:hidden}.recap-action{width:100%;margin-top:auto}.battle-screen>.circuit{border-top-color:var(--brass-dark);background:oklch(12% .012 175);padding:22px clamp(18px,3vw,42px) 28px}@media (width<=1100px){.shop-screen,.battle-screen{grid-template-columns:1fr}.inspector,.combat-log{border-left:0;border-top:1px solid var(--basalt-3)}.shop-offers{grid-template-columns:repeat(3,minmax(210px,250px));gap:clamp(20px,2.5vw,32px)}.battle-screen{grid-template-rows:560px auto auto}}@media (width<=760px){.starter{grid-template-columns:1fr;padding:28px 18px}.starter__choice{align-self:start}.starter__choices-grid{grid-template-columns:1fr}.starter-card{grid-template-columns:62px 1fr}.starter-card__glyph{width:58px}.starter-card b{grid-column:2}.rival-oath{grid-template-columns:1fr}.rival-oath button{grid-area:auto/1;justify-self:start;margin-top:8px}.run-hud{top:10px;left:10px;right:10px}.run-hud>span{flex:1;min-width:0;padding:7px 8px}.run-hud>span:nth-child(2){flex:1.55;min-width:0}.run-hud small{font-size:.48rem}.run-hud strong{text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.shop-stage{height:auto;min-height:850px}.forge-overlay{width:calc(100% - 20px);margin-top:126px;padding:0}.shop-actions{grid-template-columns:1fr 1fr;display:grid}.shop-actions--floating{top:70px;left:10px;right:10px}.shop-actions button{padding-inline:8px;font-size:.78rem}.shop-offers{scroll-snap-type:x mandatory;justify-content:start;margin-inline:-10px;padding:4px 14vw 18px;display:flex;overflow:auto visible}.shop-reel{scroll-snap-align:center;flex:0 0 min(72vw,240px)}.card-tooltip--shop,.shop-reel:nth-child(3n) .card-tooltip--shop{top:28%;left:50%;right:auto;transform:translate(-50%,8px)}.shop-card:hover .card-tooltip--shop,.shop-card:focus-within .card-tooltip--shop{transform:translate(-50%)}.shop-loadout{width:calc(100% - 20px);top:510px}.circuit--compact .circuit__heading-row{align-items:end}.circuit--compact .circuit__slots{justify-content:start;padding:4px 12px 14px;overflow:auto visible}.circuit__slots{padding-bottom:12px;display:flex;overflow-x:auto}.circuit__slot-wrap{flex:0 0 136px}.card-hand{width:calc(100% - 20px);height:172px}.hand-card,.hand-card__landing{--hand-gap:62px;width:138px;bottom:-64px}.hand-card:hover,.hand-card:focus-within,.hand-card.is-selected{transform:translateX(-50%) translateX(calc(var(--hand-center) * var(--hand-gap))) translateY(-58px) perspective(800px) rotateX(var(--pointer-y)) rotateY(var(--pointer-x)) scale(1.06)}.card-hand__hint{display:none}.battle-stage__status{top:10px}.cooldown-rail{justify-items:start;top:auto;bottom:76px;left:10px;transform:none}.cooldown-rail:before,.cooldown-rail__title,.cooldown-dial__name{display:none}.cooldown-rail ol{gap:6px;display:flex}.cooldown-rail li{display:block}.cooldown-dial{width:48px}.cooldown-dial strong{font-size:.9rem}.actor-vitals{width:96px}.actor-vitals--swarm{width:68px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.hand-card.is-dealing{animation-delay:0s!important}.cooldown-dial__sweep{transition:none}.cooldown-dial.is-ready .cooldown-dial__ready-flash{display:none}}