:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060711;--bg-panel:#070a19d1;--bg-panel-strong:#090c1cf2;--text:#edf4ff;--muted:#98a7c2;--cyan:#31f5ff;--pink:#ff4fd8;--lime:#96ff47;--danger:#ff5b7f;--line:#ffffff1a;--shadow:0 0 32px #31f5ff38;font-family:Orbitron,Bahnschrift,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;color:var(--text);background-color:#050811;background-image:radial-gradient(circle at top,#31f5ff29,#0000 28%),radial-gradient(circle at bottom,#ff4fd82e,#0000 24%),linear-gradient(#090b15 0%,#03040a 100%);margin:0;overflow:hidden}@supports (height:100dvh){html,body,#app,.app-shell{height:100dvh}}body{touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:#021019;background:linear-gradient(135deg, var(--cyan), #9bf7ff);cursor:pointer;border:0;border-radius:999px;padding:.9rem 1.4rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 0 0 1px #ffffff0f,0 0 28px #31f5ff61}button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff14,0 0 34px #31f5ff85}button:active{transform:translateY(0)}.app-shell{width:100%;height:100%;position:relative}.scene-layer,.overlay-layer{position:absolute;inset:0}.scene-layer{touch-action:none}.scene-layer canvas{width:100%;height:100%;display:block}.overlay-layer{pointer-events:none}.mobile-controls{--mobile-control-size:clamp(5rem, 18vw, 6.3rem);--mobile-control-bottom:calc(max(env(safe-area-inset-bottom,0px), 2.25rem) + clamp(8.8rem, 23vh, 14.2rem));--mobile-control-side:calc(env(safe-area-inset-left,0px) + 4.25rem);--mobile-control-side-right:calc(env(safe-area-inset-right,0px) + 4.25rem);z-index:6;pointer-events:none;display:none;position:absolute;inset:0}.mobile-stick,.mobile-aim-pad{bottom:var(--mobile-control-bottom);width:var(--mobile-control-size);aspect-ratio:1;opacity:.62;touch-action:none;background:radial-gradient(circle,#ffffff17,#0000 39%),radial-gradient(circle,#31f5ff1c,#0000 67%),#050a1657;border:1px solid #ffffff21;border-radius:999px;transition:border-color .12s,opacity .12s,transform .12s;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 22px #31f5ff29}.mobile-stick{left:var(--mobile-control-side)}.mobile-aim-pad{right:var(--mobile-control-side-right);border-color:#ffb84a2e;transform:translate(50%);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 22px #ffb84a24}.mobile-stick.is-active,.mobile-aim-pad.is-active{opacity:.92;border-color:#ffffff42}.mobile-stick-knob,.mobile-aim-knob{width:calc(var(--mobile-control-size) * .38);aspect-ratio:1;transform:translate(calc(-50% + var(--stick-x,0px)), calc(-50% + var(--stick-y,0px)));background:radial-gradient(circle at 38% 30%,#ffffffd1,#0000 18%),linear-gradient(135deg,#31f5ffe6,#96ff47d1);border-radius:999px;transition:transform 70ms linear;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #ffffff2e,0 0 22px #31f5ff5c}.mobile-aim-knob{width:calc(var(--mobile-control-size) * .34);transform:translate(calc(-50% + var(--aim-x,0px)), calc(-50% + var(--aim-y,0px)));background:radial-gradient(circle,#fffffff2 0 13%,#0000 14% 100%),conic-gradient(#ffb84a00,#ffb84af0,#ff4fd8b8,#ffb84a00);box-shadow:0 0 0 1px #fff3,0 0 24px #ffb84a57}button.mobile-dash-button{left:var(--mobile-control-side);bottom:calc(var(--mobile-control-bottom) + var(--mobile-control-size) + .75rem);aspect-ratio:1;pointer-events:auto;touch-action:none;color:#041017;letter-spacing:.1em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#ffb84a,#fff0cb);border-radius:999px;width:clamp(4.45rem,16vw,5.25rem);min-width:0;padding:0;font-size:.72rem;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff1f,0 0 24px #ffb84a47}button.mobile-dash-button:hover,button.mobile-dash-button:focus-visible{filter:none;transform:translate(-50%)}button.mobile-dash-button.is-active{filter:brightness(1.18);box-shadow:0 0 0 2px #ffffff38,0 0 34px #ffb84a80}@media (hover:none),(pointer:coarse),(any-pointer:coarse){.mobile-controls.is-visible{display:block}}@media (hover:none) and (orientation:landscape) and (height<=560px),(pointer:coarse) and (orientation:landscape) and (height<=560px),(any-pointer:coarse) and (orientation:landscape) and (height<=560px){.mobile-controls{--mobile-control-size:clamp(4.6rem, 15vh, 5.3rem);--mobile-control-bottom:calc(max(env(safe-area-inset-bottom,0px), 1rem) + 1rem)}}.locale-switch{pointer-events:auto;z-index:8;min-width:8rem;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a19c2;border:1px solid #ffffff14;border-radius:.85rem;justify-items:start;gap:.35rem;padding:.65rem .9rem;display:grid;position:absolute;top:1rem;right:1rem;box-shadow:0 0 0 1px #ffffff0f,0 0 18px #31f5ff29}.locale-switch[hidden]{display:none}.locale-label{letter-spacing:.18em;color:var(--muted);font-size:.62rem}.locale-options{gap:.35rem;display:flex}button.locale-option{min-width:2.7rem;color:var(--muted);letter-spacing:.08em;background:#ffffff0a;border-radius:.6rem;padding:.42rem .55rem;font-size:.74rem;box-shadow:inset 0 0 0 1px #ffffff14}button.locale-option.is-active{color:#041017;background:var(--cyan);box-shadow:0 0 16px #31f5ff57}.debug-panel{pointer-events:auto;z-index:12;width:min(24rem,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#130e1ff0,#070916f0);border:1px solid #ffb84a3d;border-radius:.85rem;grid-template-columns:1fr;gap:.55rem;padding:.75rem;display:grid;position:absolute;bottom:1rem;right:1rem;overflow:auto;box-shadow:0 0 0 1px #ffffff0d,0 0 26px #ffb84a2e}.debug-panel[hidden]{display:none}.debug-panel-header,.debug-panel-row{align-items:center;gap:.45rem;display:flex}.debug-panel-header{justify-content:space-between}.debug-panel-header strong,.debug-panel-label{letter-spacing:.16em;text-transform:uppercase;color:#ffcf8a;font-size:.66rem;font-weight:900}.debug-panel-section{flex-wrap:wrap;gap:.42rem;display:flex}.debug-panel-section.is-wide{grid-template-columns:minmax(0,1fr);display:grid}.debug-panel-label{color:var(--muted);flex-basis:100%}.debug-panel-status,.debug-panel-help{color:var(--muted);letter-spacing:.06em;margin:0;font-size:.66rem;font-weight:700;line-height:1.4}.debug-panel-help{color:#fff0cbb8}button.debug-panel-button{color:#fff0cb;letter-spacing:.08em;background:#ffb84a1a;border-radius:.52rem;min-height:1.85rem;padding:.38rem .5rem;font-size:.58rem;box-shadow:inset 0 0 0 1px #ffb84a3d,0 0 12px #ffb84a14}.debug-panel-input,.debug-panel-select,.debug-panel-count{min-width:0;min-height:1.85rem;color:var(--text);font:inherit;letter-spacing:.04em;background:#020510c2;border:1px solid #ffffff1a;border-radius:.5rem;padding:.36rem .5rem;font-size:.66rem;font-weight:700}.debug-panel-input,.debug-panel-select{flex:9rem}.debug-panel-count{width:3.5rem}.screen{z-index:6;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.screen[hidden]{display:none}.intro-screen{pointer-events:auto;z-index:7;background:linear-gradient(90deg,#020409f5 0%,#0204099e 42%,#02040933 68%,#020409d1 100%),linear-gradient(#020409d1 0%,#02040938 45%,#020409db 100%),url(../promo/tope-cover-light.webp) 50%/cover no-repeat;justify-content:center;align-items:center;padding:clamp(1rem,4vw,4rem);overflow:hidden}.intro-screen:before,.intro-screen:after,.intro-backdrop{content:"";pointer-events:none;position:absolute}.intro-screen:before{opacity:.46;mix-blend-mode:screen;background:radial-gradient(at 51% 53%,#0000 0 39%,#31f5ff33 39.2% 39.6%,#0000 40%),radial-gradient(at 51% 53%,#0000 0 48%,#ff5b7f29 48.2% 48.6%,#0000 49%),repeating-linear-gradient(#ffffff0e 0 1px,#0000 1px 5px);inset:0}.intro-screen:after{opacity:.24;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffffff1a,#0000),repeating-linear-gradient(#ffffff12 0 1px,#0000 1px 5px);inset:0}.intro-backdrop{clip-path:polygon(0 8%,100% 0,88% 100%,6% 92%);background:linear-gradient(90deg,#030711b3,#0307114d 62%,#0000),linear-gradient(135deg,#ff5b7f1a,#0000 34%),linear-gradient(315deg,#31f5ff14,#0000 48%);border:1px solid #ff5b7f24;width:min(65rem,78vw);inset:12% auto 12% 7%;box-shadow:0 0 44px #ff5b7f24,inset 0 0 44px #31f5ff14}.intro-panel{z-index:1;text-align:left;text-shadow:0 0 28px #31f5ff33;gap:1.1rem;width:min(64rem,100vw - 2rem);min-width:0;max-width:100%;display:grid;position:relative}.intro-eyebrow{color:#ffe4ec;letter-spacing:.2em;text-transform:uppercase;background:#ff5b7f1c;border:1px solid #ff5b7f3d;border-radius:.65rem;justify-self:start;padding:.42rem .72rem;font-size:.72rem;font-weight:900;box-shadow:0 0 18px #ff5b7f29}.intro-copy{color:#f7fbff;letter-spacing:0;overflow-wrap:break-word;max-width:58rem;margin:0;font-size:clamp(1.08rem,2.4vw,1.9rem);font-weight:800;line-height:1.45}.intro-copy-fragment{opacity:0;animation:.46s both intro-phrase-reveal;animation-delay:calc(var(--fragment-index,0) * .19s)}.intro-actions{align-items:center;gap:.8rem;animation:.42s .76s both intro-actions-reveal;display:flex}button.intro-skip{color:#071017;background:linear-gradient(135deg,#ff5b7f,#fff0cb);border-radius:.7rem;box-shadow:0 0 0 1px #ffffff14,0 0 28px #ff5b7f4d}.title-screen{pointer-events:auto;background:linear-gradient(90deg,#020409eb 0%,#02040999 35%,#02040929 62%,#020409cc 100%),linear-gradient(#020409a3 0%,#02040933 62%,#020409f0 100%),url(../promo/tope-cover-light.webp) 50%/cover no-repeat;justify-content:stretch;align-items:stretch;padding:clamp(4.8rem,7vh,6.6rem) clamp(1rem,4vw,4.2rem) clamp(1rem,5vh,3.4rem);overflow:hidden}.title-screen:before,.title-screen:after{content:"";pointer-events:none;position:absolute}.title-screen:before{opacity:.5;mix-blend-mode:screen;background:radial-gradient(at 51% 53%,#0000 0 39%,#31f5ff33 39.2% 39.6%,#0000 40%),radial-gradient(at 51% 53%,#0000 0 48%,#ff5b7f29 48.2% 48.6%,#0000 49%),repeating-linear-gradient(#ffffff0f 0 1px,#0000 1px 5px);inset:0}.title-screen:after{opacity:.34;background:linear-gradient(90deg,#0000 0 16%,#31f5ff1a 16.1% 16.2%,#0000 16.4% 34%,#ff5b7f17 34.1% 34.2%,#0000 34.4% 73%,#31f5ff14 73.1% 73.2%,#0000 73.4%),linear-gradient(#0000 0 68%,#31f5ff1f 68.1% 68.2%,#0000 68.5%);inset:0}.title-screen .screen-panel{z-index:1;width:min(100%,86rem);height:min(78vh,43rem);max-height:min(78vh,43rem);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0 #31f5ff3d;border-radius:0;grid-template-columns:minmax(18rem,.34fr) minmax(34rem,1fr);align-self:end;gap:clamp(.9rem,2vw,1.4rem);padding:0;display:grid;position:relative;overflow:hidden}.title-contract-panel,.meta-shop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(#030a13db,#050811eb);border:1px solid #31f5ff38;border-radius:.6rem;min-height:0;box-shadow:0 1.4rem 4rem #0000006b,0 0 36px #31f5ff24,inset 0 0 0 1px #ffffff0f}.title-contract-panel{grid-template-rows:auto auto auto auto auto auto 1fr;align-self:end;gap:.62rem;max-height:100%;padding:1rem;display:grid;overflow:hidden}.title-screen .eyebrow{color:#ffb4c5;background:#ff5b7f1f;border:1px solid #ff5b7f3d;border-radius:.45rem}.title-screen .screen-title{letter-spacing:0;text-shadow:0 0 28px #31f5ff47;margin:0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.88}.title-screen .screen-title-main{color:#f7fbff}.title-screen .screen-title-accent{color:#31f5ff;text-shadow:0 0 18px #31f5ff75,0 0 42px #31f5ff3d}.title-screen .screen-copy,.title-screen .tagline,.title-screen .goal-support,.title-screen .run-support{color:#e2f3ffc7;line-height:1.38}.title-screen .tagline{color:#fff0cb;text-shadow:0 0 18px #ffb84a2e;font-size:.86rem}.title-screen .micro-copy,.title-screen .run-metric-support,.title-screen .goal-banner{letter-spacing:0}.title-screen .micro-copy{margin:0}.title-screen .run-support,.title-screen .goal-support{margin-top:0}.title-screen .run-metric-grid.is-title{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:0}.title-screen .run-metric-card{background:linear-gradient(#071623b8,#030810c7);border-color:#31f5ff29;border-radius:.45rem;padding:.62rem}.title-screen .run-metric-value{font-size:.92rem}.meta-shop{background:linear-gradient(#051613e0,#040812f0);border-color:#96ff474d;grid-template-rows:auto auto minmax(0,1fr);align-self:stretch;gap:.85rem;margin-top:0;padding:clamp(.9rem,1.4vw,1.25rem);display:grid}.meta-shop-header{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.meta-shop-title{color:var(--lime);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 22px #96ff4740;margin:0;font-size:clamp(1.4rem,2.7vw,2.35rem);line-height:.95}.meta-shop-wallet{color:var(--lime);letter-spacing:.04em;font-size:clamp(1.35rem,2vw,1.9rem)}.meta-shop-grid{grid-template-columns:repeat(4,minmax(10.5rem,1fr));align-content:start;gap:clamp(.65rem,1vw,.9rem);min-height:0;max-height:none;padding:.08rem .18rem .25rem .02rem;display:grid;overflow:auto}button.meta-upgrade-button{min-width:0;min-height:clamp(12rem,24vh,15.5rem);color:var(--text);text-align:left;letter-spacing:0;text-transform:none;background:radial-gradient(circle at 70% 8%,#96ff471f,#0000 30%),linear-gradient(#09171ef5,#040812fa);border-radius:.62rem;grid-template-rows:auto minmax(0,1fr);align-items:start;gap:.68rem;padding:.78rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #96ff4726,0 0 22px #31f5ff1a}button.meta-upgrade-button:disabled{cursor:default;filter:grayscale(.25);opacity:.62}button.meta-upgrade-button:disabled:hover{transform:none;box-shadow:inset 0 0 0 1px #31f5ff24,0 0 14px #31f5ff14}.meta-upgrade-name,.meta-upgrade-rank,.meta-upgrade-price{text-transform:uppercase;display:block}.meta-upgrade-body{flex:1;gap:.35rem;min-width:0;display:grid}.meta-upgrade-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:.22rem;min-width:0;display:grid}.meta-upgrade-name{color:var(--cyan);letter-spacing:.07em;text-overflow:clip;white-space:normal;font-size:clamp(.78rem,1vw,.92rem);font-weight:900;line-height:1.12;overflow:hidden}.meta-upgrade-rank,.meta-upgrade-price{letter-spacing:.06em;white-space:nowrap;font-size:.7rem;font-weight:800}.meta-upgrade-rank{color:#fff0cb}.meta-upgrade-effect{color:#fff0cb;letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:clamp(.74rem,.9vw,.85rem);font-weight:800;line-height:1.2;display:block;overflow:hidden}.meta-upgrade-price{color:var(--lime);align-self:end;font-size:.76rem}.meta-card-stack{justify-self:center;width:min(100%,6.4rem);height:6.9rem;margin-top:.1rem;position:relative}.meta-card-icon{width:4.65rem;height:6.2rem;color:var(--cyan);transform-origin:bottom;letter-spacing:0;background:radial-gradient(circle at 50% 35%,#31f5ff38,#0000 32%),linear-gradient(#09232cf2,#040914fa);border:1px solid #31f5ff80;border-radius:.5rem;place-items:center;font-size:.88rem;font-weight:900;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0a,0 0 22px #31f5ff38}.meta-card-icon:before{content:"";opacity:.7;background:currentColor;border-radius:999px;height:.28rem;position:absolute;inset:.52rem .65rem auto}.meta-card-icon:after{content:"";opacity:.45;background:currentColor;border-radius:999px;height:.28rem;position:absolute;inset:auto .65rem .55rem}.meta-card-symbol{z-index:1;width:2.45rem;height:2.45rem;display:block;position:relative}.meta-card-symbol span{display:block;position:absolute}.meta-card-stack.is-cards .meta-card-symbol span:first-child,.meta-card-stack.is-cards .meta-card-symbol span:nth-child(2),.meta-card-stack.is-cards .meta-card-symbol span:nth-child(3){background:#ffffff0a;border:.13rem solid;border-radius:.22rem;width:1.18rem;height:1.62rem}.meta-card-stack.is-cards .meta-card-symbol span:first-child{opacity:.58;top:.48rem;left:.2rem;transform:rotate(-12deg)}.meta-card-stack.is-cards .meta-card-symbol span:nth-child(2){opacity:.78;top:.28rem;left:.66rem;transform:rotate(7deg)}.meta-card-stack.is-cards .meta-card-symbol span:nth-child(3){background:currentColor;border:0;border-radius:999px;width:.76rem;height:.1rem;top:.62rem;left:1rem}.meta-card-stack.is-armor .meta-card-symbol span:first-child{clip-path:polygon(50% 0,100% 18%,88% 78%,50% 100%,12% 78%,0 18%);border:.16rem solid;border-radius:.8rem .8rem 1.1rem 1.1rem;width:1.42rem;height:1.8rem;top:.24rem;left:.52rem}.meta-card-stack.is-armor .meta-card-symbol span:nth-child(2){opacity:.74;background:currentColor;border-radius:999px;width:.14rem;height:1.15rem;top:.52rem;left:1.16rem}.meta-card-stack.is-armor .meta-card-symbol span:nth-child(3){opacity:.74;background:currentColor;border-radius:999px;width:.82rem;height:.14rem;top:1rem;left:.82rem}.meta-card-stack.is-pickup .meta-card-symbol span:first-child{background:currentColor;border-radius:50%;width:.72rem;height:.72rem;top:.86rem;left:.86rem;box-shadow:0 0 .5rem}.meta-card-stack.is-pickup .meta-card-symbol span:nth-child(2),.meta-card-stack.is-pickup .meta-card-symbol span:nth-child(3){opacity:.78;border:.13rem solid;border-right-color:#0000;border-radius:50%;width:1.88rem;height:1.88rem;top:.28rem;left:.28rem}.meta-card-stack.is-pickup .meta-card-symbol span:nth-child(3){opacity:.54;width:1.28rem;height:1.28rem;inset:.58rem auto auto .58rem;transform:rotate(180deg)}.meta-card-stack.is-cooldown .meta-card-symbol span:first-child{border:.16rem solid;border-right-color:#0000;border-radius:50%;width:1.6rem;height:1.6rem;top:.42rem;left:.42rem}.meta-card-stack.is-cooldown .meta-card-symbol span:nth-child(2){border-top:.16rem solid;border-right:.16rem solid;width:.62rem;height:.62rem;top:.32rem;left:1.54rem;transform:rotate(45deg)}.meta-card-stack.is-cooldown .meta-card-symbol span:nth-child(3){transform-origin:bottom;background:currentColor;border-radius:999px;width:.14rem;height:.8rem;top:.72rem;left:1.1rem;transform:rotate(45deg)}.meta-card-stack.is-damage .meta-card-symbol span:first-child{background:currentColor;border-radius:999px;width:.22rem;height:2.05rem;top:.18rem;left:1.1rem;transform:rotate(42deg)}.meta-card-stack.is-damage .meta-card-symbol span:nth-child(2){border-bottom:.2rem solid;border-left:.2rem solid;width:.76rem;height:.76rem;top:.56rem;left:.56rem;transform:rotate(-2deg)}.meta-card-stack.is-damage .meta-card-symbol span:nth-child(3){background:currentColor;border-radius:999px;width:.9rem;height:.34rem;top:1.26rem;left:1.25rem;transform:rotate(42deg)}.meta-card-stack.is-reroll .meta-card-symbol span:first-child,.meta-card-stack.is-reroll .meta-card-symbol span:nth-child(2){border:.15rem solid;border-bottom-color:#0000;border-radius:50%;width:.96rem;height:.96rem}.meta-card-stack.is-reroll .meta-card-symbol span:first-child{top:.44rem;left:.36rem;transform:rotate(-42deg)}.meta-card-stack.is-reroll .meta-card-symbol span:nth-child(2){bottom:.44rem;right:.36rem;transform:rotate(138deg)}.meta-card-stack.is-reroll .meta-card-symbol span:nth-child(3){border-top:.15rem solid;border-right:.15rem solid;width:.48rem;height:.48rem;top:1.06rem;left:.98rem;transform:rotate(45deg)}.meta-card-stack.is-orbit .meta-card-symbol span:first-child{background:currentColor;border-radius:50%;width:.72rem;height:.72rem;top:.86rem;left:.86rem}.meta-card-stack.is-orbit .meta-card-symbol span:nth-child(2){opacity:.72;border:.14rem solid;border-radius:50%;width:1.98rem;height:.82rem;top:.82rem;left:.24rem;transform:rotate(-18deg)}.meta-card-stack.is-orbit .meta-card-symbol span:nth-child(3){background:currentColor;border-radius:50%;width:.36rem;height:.36rem;top:.48rem;right:.26rem;box-shadow:-1.4rem 1.35rem 0 -.05rem}.meta-card-stack.is-shield .meta-card-symbol span:first-child{clip-path:polygon(50% 0,100% 19%,91% 76%,50% 100%,9% 76%,0 19%);border:.15rem solid;border-radius:1rem 1rem 1.25rem 1.25rem;width:1.6rem;height:1.95rem;top:.22rem;left:.42rem}.meta-card-stack.is-shield .meta-card-symbol span:nth-child(2){border:.13rem solid;border-top:0;border-radius:0 0 .32rem .32rem;width:.9rem;height:.58rem;top:.82rem;left:.78rem}.meta-card-stack.is-shield .meta-card-symbol span:nth-child(3){border:.13rem solid;border-bottom:0;border-radius:.45rem .45rem 0 0;width:.54rem;height:.48rem;top:.54rem;left:.95rem}.meta-card-icon.is-base{opacity:.58}.meta-card-icon.is-earned{bottom:calc(var(--stack-index) * .2rem);color:var(--lime);transform:translateX(-50%) translateX(calc((var(--stack-index) - 1) * .24rem)) rotate(calc((var(--stack-index) - 1) * 2deg));background:radial-gradient(circle at 50% 35%,#96ff473d,#0000 32%),linear-gradient(#142b19f5,#05120dfa);border-color:#96ff47a3;box-shadow:0 0 0 1px #ffffff0d,0 0 16px #96ff4733}.title-screen .goal-banner{background:linear-gradient(135deg,#31f5ff1f,#ff5b7f1a);border-color:#ff5b7f38;border-radius:.45rem}.title-screen .screen-actions .micro-copy{max-width:14rem;margin:0;line-height:1.3}.title-screen .screen-actions{margin-top:0}@media (width>=721px) and (width<=1120px){.title-screen .screen-panel{grid-template-columns:minmax(16rem,.32fr) minmax(0,1fr);width:min(100%,72rem)}.meta-shop-grid{grid-template-columns:repeat(3,minmax(10rem,1fr))}button.meta-upgrade-button{min-height:12.6rem}}.screen-panel{pointer-events:auto;width:min(100%,42rem);max-height:calc(100vh - 2rem);box-shadow:var(--shadow), inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0a1024eb,#050711e0);border:1px solid #ffffff14;border-radius:1rem;padding:1.15rem;overflow:auto}.screen-panel.is-run-summary-panel{width:min(100%,38rem)}.screen-panel.is-run-summary-panel .screen-title{margin-bottom:.35rem;font-size:clamp(2rem,5vw,3.35rem)}.screen-panel.is-run-summary-panel .run-banner{margin-top:.65rem}.screen-panel.is-upgrade-panel{grid-template-columns:minmax(13rem,.36fr) minmax(0,1fr);gap:.75rem 1rem;width:min(100%,76rem);display:grid}.screen-panel.is-upgrade-panel.is-opening-draft{grid-template-columns:minmax(10rem,.24fr) minmax(0,1fr);gap:.75rem .95rem;width:min(100%,70rem)}.screen-panel.is-upgrade-panel>:not(.upgrade-grid){grid-column:1}.screen-panel.is-upgrade-panel>.upgrade-grid{grid-area:1/2/span 8;margin-top:0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);background:#31f5ff1a;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.72rem;display:inline-flex}.screen-title{letter-spacing:.08em;text-transform:uppercase;margin:.8rem 0 .55rem;font-size:clamp(2.2rem,6vw,4.2rem);line-height:.9}.screen-panel.is-upgrade-panel .screen-title{font-size:clamp(1.7rem,3vw,2.5rem)}.screen-panel.is-upgrade-panel.is-opening-draft .screen-title{margin:0;font-size:clamp(1.55rem,2.45vw,2.2rem);line-height:.96}.screen-title span{display:block}.screen-title span:empty{display:none}.screen-title-main{color:var(--text)}.screen-title-accent{color:var(--cyan);text-shadow:0 0 22px #31f5ff6b}.screen-copy{color:var(--muted);margin:0;line-height:1.45}.tagline{color:#fff0cb;margin:.7rem 0 0;font-size:.9rem;font-weight:800;line-height:1.35}.screen-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.9rem;display:flex}.draft-actions{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.45rem;display:flex}.draft-actions[hidden]{display:none}button.secondary-action-button,button.draft-reroll-button{color:var(--cyan);background:#31f5ff14;box-shadow:inset 0 0 0 1px #31f5ff38,0 0 18px #31f5ff1a}button.draft-reroll-button{letter-spacing:.1em;border-radius:.5rem;min-height:2.2rem;padding:.55rem .8rem;font-size:.64rem}button.draft-reroll-button:disabled{cursor:default;opacity:.45}button.draft-reroll-button:disabled:hover{transform:none}.micro-copy{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.readout-strip{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.readout-pill{letter-spacing:.12em;text-transform:uppercase;min-height:2.2rem;color:var(--text);background:linear-gradient(#0f1832f0,#080a16f0);border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:.55rem .8rem;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff05,0 0 18px #31f5ff1f}.summary-rank{letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);background:#31f5ff14;border:1px solid #31f5ff2e;border-radius:999px;align-items:center;gap:.5rem;margin:1rem 0 0;padding:.45rem .75rem;font-size:.76rem;font-weight:700;display:inline-flex;box-shadow:0 0 18px #31f5ff1f}.run-banner{letter-spacing:.12em;text-transform:uppercase;color:#fff0cb;text-shadow:0 0 18px #ffb84a47;margin:.9rem 0 0;font-size:1.05rem;font-weight:800}.run-support{color:var(--muted);letter-spacing:.06em;margin:.55rem 0 0;line-height:1.5}.goal-banner{letter-spacing:.08em;text-transform:uppercase;color:#fff0cb;background:linear-gradient(#0e1428f0,#080a16eb);border:1px solid #31f5ff24;border-radius:1rem;margin:.45rem 0 0;padding:.8rem .95rem;font-size:.9rem;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff08,0 0 20px #31f5ff1a}.goal-support{color:var(--muted);letter-spacing:.05em;margin:.45rem 0 0;line-height:1.5}.run-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.95rem;display:grid}.run-metric-grid.is-title{grid-template-columns:repeat(3,minmax(0,1fr))}.run-metric-grid.is-run-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.8rem}.run-metric-card{background:linear-gradient(#0e1428e6,#080a16db);border:1px solid #ffffff14;border-radius:1rem;gap:.3rem;min-width:0;padding:.8rem .9rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff05,0 0 16px #31f5ff14}.run-metric-card.is-primary-summary{background:radial-gradient(circle at 88% 16%,#31f5ff29,#0000 36%),linear-gradient(#0e1428f0,#080a16f0);border-radius:.55rem;align-content:center;min-height:6.3rem}.run-metric-card.is-money-summary{background:radial-gradient(circle at 86% 12%,#96ff4733,#0000 34%),linear-gradient(#0d1f1af0,#080a16f0);box-shadow:inset 0 0 0 1px #96ff471a,0 0 20px #96ff471a}.run-metric-value{letter-spacing:.06em;color:var(--text);font-size:1rem;font-weight:800}.run-metric-card.is-primary-summary .run-metric-value{color:#fff;text-shadow:0 0 22px #31f5ff42;font-size:clamp(1.95rem,6vw,3.05rem);line-height:.95}.run-metric-card.is-money-summary .run-metric-value{color:#dffff3;text-shadow:0 0 22px #96ff473d}.run-metric-support{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:.68rem}.run-metric-support s{color:#ffffff9e;text-decoration-color:#ff5b7f;text-decoration-thickness:.16em}.upgrade-grid{grid-template-columns:repeat(auto-fit,minmax(9.7rem,1fr));gap:.65rem;margin-top:.8rem;display:grid}.upgrade-grid.is-action-draft{grid-template-columns:repeat(3,minmax(12rem,1fr));align-items:stretch}.upgrade-card{width:100%;min-height:0;color:var(--text);text-align:left;background:linear-gradient(#0f1832f5,#090c1afa);border-radius:.85rem;align-content:start;justify-items:start;gap:.46rem;padding:.8rem .9rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 20px #31f5ff1f}.upgrade-card:before{content:"";background:var(--upgrade-accent,var(--cyan));width:.28rem;box-shadow:0 0 20px var(--upgrade-glow,#31f5ff52);position:absolute;inset:0 auto 0 0}.upgrade-card:after{display:none}.upgrade-card.is-dash-killer{--upgrade-accent:#31f5ff;--upgrade-glow:#31f5ff47}.upgrade-card.is-glass-cannon{--upgrade-accent:#ff5b7f;--upgrade-glow:#ff5b7f45}.upgrade-card.is-spread-control{--upgrade-accent:#96ff47;--upgrade-glow:#96ff4738}.upgrade-card.is-support{--upgrade-accent:#fff0cb;--upgrade-glow:#fff0cb2e}.upgrade-card.is-action-card{--upgrade-accent:#ffb84a;--upgrade-glow:#ffb84a52;background:radial-gradient(circle at 78% 14%,#ff648f47,#0000 32%),radial-gradient(circle at 18% 18%,#ffb84a3d,#0000 30%),linear-gradient(#171226fa,#080a16fa);box-shadow:inset 0 0 0 1px #ffb84a33,0 0 34px #ffb84a2e}.upgrade-card.is-action-card:after{content:"";aspect-ratio:1;filter:blur(.2px);opacity:.68;pointer-events:none;background:radial-gradient(circle,#ffffff47,#0000 12%),conic-gradient(from 20deg,#0000 0deg,#ffb84a47 38deg,#0000 82deg,#ff648f38 136deg,#0000 210deg,#31f5ff2e 278deg,#0000 360deg);border-radius:50%;width:8rem;display:block;position:absolute;inset:-18% -24% auto auto}.upgrade-grid.is-action-draft .upgrade-card.is-action-card{min-height:23.5rem;padding:.95rem}.upgrade-card.is-compact-action{gap:.52rem}.upgrade-card.is-compact-action .upgrade-kicker{color:#ffd178}.upgrade-card.is-compact-action .upgrade-desc{color:#fff4cf;margin-top:.1rem;font-size:.82rem}.upgrade-grid.is-action-draft .upgrade-card-preview .boost-card-face.is-preview{width:min(100%,9.9rem)}.upgrade-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff14,0 0 28px #31f5ff38}.upgrade-card.is-elite{--upgrade-accent:#ffb84a;--upgrade-glow:#ffb84a4d;background:linear-gradient(#1d1231fa,#0a0c1cfa);box-shadow:inset 0 0 0 1px #ffb84a2e,0 0 28px #ffb84a29}.upgrade-card.is-elite:hover{box-shadow:inset 0 0 0 1px #ffd27e3d,0 0 34px #ffb84a3d}.upgrade-kicker{z-index:1;letter-spacing:.18em;text-transform:uppercase;color:var(--upgrade-accent,var(--cyan));font-size:.65rem;font-weight:800;position:relative}.upgrade-title{z-index:1;letter-spacing:.08em;text-transform:uppercase;font-size:.94rem;font-weight:700;position:relative}.upgrade-card-preview{z-index:1;justify-self:stretch;place-items:center;width:100%;margin:.06rem 0 .04rem;display:grid;position:relative}.upgrade-card-preview .boost-card-face.is-preview{width:min(100%,7.35rem);min-height:0}.upgrade-card-preview .boost-card-face.is-preview .boost-card-body{gap:.12rem}.upgrade-card-preview .boost-card-face.is-preview .boost-card-kicker{letter-spacing:.12em;font-size:.46rem}.upgrade-card-preview .boost-card-face.is-preview .boost-card-title{letter-spacing:.05em;font-size:.58rem;line-height:1.08}.upgrade-card-preview .boost-card-face.is-preview .boost-card-glyph{font-size:.92rem}.upgrade-desc{z-index:1;color:#fff0cb;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800;line-height:1.3;position:relative}.upgrade-tag-rail,.summary-strip{z-index:1;flex-wrap:wrap;gap:.4rem;display:flex;position:relative}.summary-strip{margin-top:.9rem}.upgrade-chip,.summary-chip{letter-spacing:.08em;text-transform:uppercase;border-radius:.55rem;align-items:center;min-height:1.55rem;padding:.28rem .5rem;font-size:.62rem;font-weight:700;display:inline-flex}.upgrade-chip.is-boost,.summary-chip{color:#dffff3;background:#96ff471f;box-shadow:inset 0 0 0 1px #96ff4738}.upgrade-chip.is-elite{color:#fff0cb;background:#ffb84a24;box-shadow:inset 0 0 0 1px #ffb84a3d}.upgrade-chip.is-build{color:#dbf8ff;background:#31f5ff1f;box-shadow:inset 0 0 0 1px #31f5ff38}.upgrade-chip.is-fit{color:#fff0cb;background:#ffb84a1a;box-shadow:inset 0 0 0 1px #ffb84a33}.upgrade-chip.is-action-type{color:#130913;background:linear-gradient(90deg,#ffb84a,#ff648f);box-shadow:0 0 16px #ffb84a3d,inset 0 0 0 1px #ffffff52}.upgrade-chip.is-passive-type{color:#dffff3;background:#31f5ff1a;box-shadow:inset 0 0 0 1px #31f5ff42,0 0 12px #31f5ff14}.upgrade-chip.is-tradeoff{color:#ffe4ec;background:#ff5b7f1f;box-shadow:inset 0 0 0 1px #ff5b7f38}.boost-card-face{--boost-card-accent:var(--cyan);--boost-card-glow:#31f5ff4d;isolation:isolate;aspect-ratio:2/3;color:var(--text);background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--boost-card-accent) 28%, transparent), transparent 40%), linear-gradient(180deg, #101834fa, #050712fa);box-shadow:0 0 0 1px #ffffff14, 0 0 28px var(--boost-card-glow), inset 0 0 0 1px #ffffff0d;border-radius:.72rem;display:block;position:relative;overflow:hidden}.boost-card-face.is-preview{width:min(100%,9.4rem);min-height:14.1rem}.boost-card-face.is-preview .boost-card-description{display:none}.boost-card-face.is-mini{width:4.85rem;min-height:7.28rem;box-shadow:0 0 0 1px #ffffff14, 0 0 14px var(--boost-card-glow), inset 0 0 0 1px #ffffff0d;border-radius:.52rem}.boost-card-face.is-action{--boost-card-accent:#ffb84a;box-shadow:0 0 0 1px #ffb84a3d, 0 0 38px var(--boost-card-glow), inset 0 0 24px #ffb84a14;background:radial-gradient(circle at 50% 18%,#ffffff29,#0000 12%),radial-gradient(circle at 34% 22%,#ff648f66,#0000 34%),radial-gradient(circle at 68% 20%,#31f5ff38,#0000 36%),linear-gradient(#2a1630fa,#070812fa)}.boost-card-face.is-legendary{box-shadow:0 0 0 1px #ffb84a38, 0 0 32px var(--boost-card-glow), inset 0 0 0 1px #ffffff12}.boost-card-art,.boost-card-frame,.boost-card-body{pointer-events:none;display:block;position:absolute}.boost-card-art{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--boost-card-accent) 54%, transparent), transparent 32%), repeating-linear-gradient(135deg, #ffffff14 0 1px, transparent 1px 8px), linear-gradient(180deg, #ffffff0d, #0000006b);box-shadow:inset 0 0 22px #00000073, inset 0 0 0 1px color-mix(in srgb, var(--boost-card-accent) 44%, transparent);border-radius:.5rem;inset:7% 9% 28%;overflow:hidden}.boost-card-art.has-image{background-image:var(--boost-card-art);background-position:50%;background-size:cover}.boost-card-face.is-action .boost-card-art{box-shadow:inset 0 0 30px #00000057, inset 0 0 0 1px #ffffff29, 0 0 24px var(--boost-card-glow);inset:5% 7% 24%}.boost-card-face.is-action .boost-card-frame{opacity:1;filter:drop-shadow(0 0 12px #ffb84a75)drop-shadow(0 0 20px #ff648f38)}.boost-card-face.is-action .boost-card-kicker{color:#ffdc8f}.boost-card-glyph{color:#fff;letter-spacing:.08em;text-align:center;max-width:86%;text-shadow:0 0 12px var(--boost-card-accent);font-size:1.1rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boost-card-art.has-image .boost-card-glyph{display:none}.boost-card-frame{border-radius:inherit;mix-blend-mode:screen;opacity:.84;filter:drop-shadow(0 0 10px var(--boost-card-glow));background-image:url(../cards/card-frame.webp);background-position:50%;background-size:100% 100%;inset:0}.boost-card-body{gap:.2rem;min-width:0;display:grid;inset:auto 10% 8%}.boost-card-kicker,.boost-card-title,.boost-card-description,.boost-card-count{z-index:1;text-transform:uppercase;display:block;position:relative}.boost-card-kicker{color:var(--boost-card-accent);letter-spacing:.16em;font-size:.54rem;font-weight:900}.boost-card-title{color:#fff;letter-spacing:.08em;text-shadow:0 0 12px var(--boost-card-glow);font-size:.72rem;line-height:1.1}.boost-card-description{color:#ffffffb8;letter-spacing:.05em;font-size:.52rem;font-weight:700;line-height:1.22}.boost-card-count{color:#051018;background:var(--boost-card-accent);min-width:1.35rem;box-shadow:0 0 14px var(--boost-card-glow);letter-spacing:.04em;text-align:center;border-radius:999px;padding:.2rem .3rem;font-size:.58rem;font-weight:900;position:absolute;top:.38rem;right:.38rem}.boost-card-face.is-mini .boost-card-art{border-radius:.34rem;inset:10% 12% 34%}.boost-card-face.is-mini .boost-card-body{gap:.12rem;inset:auto 10% 8%}.boost-card-face.is-mini .boost-card-kicker,.boost-card-face.is-mini .boost-card-description{display:none}.boost-card-face.is-mini .boost-card-title{letter-spacing:.04em;text-overflow:ellipsis;font-size:.52rem;line-height:1.05;overflow:hidden}.boost-card-face.is-mini .boost-card-glyph{font-size:.82rem}.boost-card-face.is-mini .boost-card-count{min-width:1.05rem;padding:.14rem .22rem;font-size:.48rem;top:.2rem;right:.2rem}.control-legend{grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr));gap:.65rem;margin-top:1rem;display:grid}.control-legend-item{background:#080d1cb3;border:1px solid #ffffff14;border-radius:1rem;padding:.75rem .85rem}.control-legend-item strong{letter-spacing:.06em;font-size:.92rem;display:block}.run-about{color:#acbcda9e;letter-spacing:.08em;text-transform:uppercase;margin:.75rem 0 0;font-size:.68rem;font-weight:800}.run-about a{color:#31f5ffc2;text-decoration:none}.run-about a:hover,.run-about a:focus-visible{color:#fff0cb}.hud{padding:1rem;position:absolute;inset:0}.hud[hidden]{display:none}.hud-cluster,.event-feed,.focus-banner,.level-progress,.action-hand,.passive-card-rail,.controls-strip,.feedback-flash{position:absolute}.hud-cluster{flex-direction:column;gap:.7rem;width:min(26rem,100vw - 2rem);display:flex;top:1rem;left:1rem}.status-rail,.meta-strip,.controls-grid{gap:.7rem;display:grid}.status-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.controls-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a19b8;border:1px solid #ffffff14;border-radius:1.1rem;gap:.6rem;width:min(24rem,100vw - 2rem);padding:.9rem 1rem;display:grid;bottom:1rem;right:1rem;box-shadow:inset 0 0 0 1px #ffffff08}.controls-strip[hidden],.boss-strip[hidden],.level-progress[hidden],.passive-card-rail[hidden],.action-hand[hidden]{display:none}.level-progress{z-index:2;pointer-events:none;background:linear-gradient(#071120e0,#040812e6);border:1px solid #31f5ff38;border-radius:.8rem;gap:.36rem;width:min(24rem,100vw - 34rem);min-width:18rem;padding:.58rem .74rem;display:grid;top:1rem;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 24px #31f5ff29}.level-progress-head{justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.level-progress-label,.level-progress-value{letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:900}.level-progress-label{color:var(--cyan)}.level-progress-value{color:#fff4cf}.level-progress-meter{background:#ffffff14;border-radius:999px;height:.5rem;position:relative;overflow:hidden}.level-progress-fill{width:var(--level-fill,0%);border-radius:inherit;background:linear-gradient(90deg, var(--lime), var(--cyan) 68%, #fff);height:100%;transition:width .1s;box-shadow:0 0 18px #96ff473d}.passive-card-rail{z-index:4;pointer-events:none;flex-flow:wrap-reverse;align-items:flex-end;gap:.48rem;max-width:min(34rem,100vw - 2rem);display:flex;bottom:1rem;left:1rem}.passive-card-stack{width:4.85rem;min-height:7.28rem;position:relative}.passive-card-stack.has-stack:before,.passive-card-stack.has-stack:after{content:"";background:linear-gradient(#0f1832e0,#050712eb);border-radius:.52rem;position:absolute;inset:0;box-shadow:0 0 0 1px #ffffff0f,0 0 12px #31f5ff1f}.passive-card-stack.has-stack:before{transform:translate(.18rem,.16rem)rotate(2.2deg)}.passive-card-stack.has-stack:after{transform:translate(.34rem,.32rem)rotate(4deg)}.passive-card-stack .boost-card-face{z-index:2}.action-hand{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + .9rem);z-index:5;pointer-events:none;border-radius:1rem;justify-content:center;align-items:flex-end;gap:.35rem;min-height:8rem;padding:.45rem .7rem .7rem;display:flex;transform:translate(-50%)}button.action-card{--drag-x:0px;--drag-y:0px;aspect-ratio:2/3;color:#0000;width:5.1rem;box-shadow:none;transform:translate(var(--drag-x), var(--drag-y)) rotate(var(--card-tilt,0deg));transform-origin:50% 100%;pointer-events:auto;touch-action:none;background:0 0;border-radius:.7rem;padding:0;transition:filter .12s,transform .14s;position:relative;overflow:visible}button.action-card:first-child{--card-tilt:-5deg}button.action-card:nth-child(2){--card-tilt:-1.5deg}button.action-card:nth-child(3){--card-tilt:1.5deg}button.action-card:nth-child(4){--card-tilt:5deg}button.action-card:hover,button.action-card:focus-visible{filter:brightness(1.1);transform:translate(var(--drag-x), calc(var(--drag-y) - .55rem)) rotate(0deg)}button.action-card.is-dragging{z-index:20;filter:brightness(1.2)saturate(1.18)drop-shadow(0 0 18px #31f5ff75)drop-shadow(0 0 30px #ffb84a33);transition:none}button.action-card.is-returning{animation:.18s card-return}button.action-card.is-cast{z-index:24;filter:brightness(1.32)saturate(1.32)drop-shadow(0 0 22px #ffffff70)drop-shadow(0 0 38px #ff648f5c);animation:.34s cubic-bezier(.2,.95,.18,1) forwards card-cast}button.action-card.is-cast:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffffc2,#0000 19%),conic-gradient(from 18deg,#31f5ff00,#31f5ff8c,#ffb84aa3,#ff648f94,#31f5ff00);animation:.34s ease-out forwards action-card-cast-flare;position:absolute;inset:-28%;transform:scale(.5)rotate(-18deg)}button.action-card.is-cast .action-card-art{animation:.34s ease-out forwards action-card-art-burn}button.action-card.is-cast .action-card-frame{animation:.34s ease-out forwards action-card-frame-flare}.action-card-art,.action-card-frame{border-radius:inherit;pointer-events:none;display:block;position:absolute;inset:0}.action-card-art{background-image:var(--card-art);background-position:50%;background-size:cover;inset:8% 11%;box-shadow:inset 0 0 24px #00000085}.action-card-frame{filter:drop-shadow(0 0 11px #31f5ff47);background-image:url(../cards/card-frame.webp);background-position:50%;background-size:100% 100%}button.action-card:hover:after,button.action-card:focus-visible:after{content:attr(data-card-title) "\a " attr(data-card-body);width:min(16rem,72vw);color:var(--text);letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:pre-line;background:#070a19f0;border:1px solid #ffffff1a;border-radius:.75rem;padding:.65rem .75rem;font-size:.7rem;font-weight:700;line-height:1.35;position:absolute;bottom:calc(100% + .7rem);left:50%;transform:translate(-50%);box-shadow:0 0 24px #31f5ff2e,inset 0 0 0 1px #ffffff0a}@keyframes card-return{0%{filter:brightness(1.2)}to{filter:brightness()}}@keyframes card-cast{0%{opacity:1;transform:translate(var(--drag-x), var(--drag-y)) rotate(0deg) scale(1)}42%{opacity:1;transform:translate(var(--drag-x), calc(var(--drag-y) - 1.1rem)) rotate(-3deg) scale(1.22)}to{opacity:0;transform:translate(var(--drag-x), calc(var(--drag-y) - 4.1rem)) rotate(8deg) scale(.86)}}@keyframes action-card-cast-flare{0%{opacity:0;transform:scale(.5)rotate(-18deg)}35%{opacity:.85}to{opacity:0;transform:scale(1.75)rotate(28deg)}}@keyframes action-card-art-burn{0%{filter:brightness()saturate()}45%{filter:brightness(1.75)saturate(1.55)}to{filter:brightness(2.2)saturate(.8)}}@keyframes action-card-frame-flare{0%{filter:drop-shadow(0 0 11px #31f5ff47)}45%{filter:drop-shadow(0 0 16px #ffffffdb)drop-shadow(0 0 30px #ffb84a94)}to{filter:drop-shadow(0 0 8px #ffffff3d)drop-shadow(0 0 24px #ff648f2e)}}@keyframes intro-phrase-reveal{0%{opacity:0}to{opacity:1}}@keyframes intro-actions-reveal{0%{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:translateY(0)}}@keyframes intro-grid-drift{0%{background-position:0 0,0 0}to{background-position:0 160px,96px 0}}.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls-label{color:#ffffffb8}.control-chip{background:#ffffff0a;border-radius:.95rem;gap:.2rem;padding:.6rem .7rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a}.control-chip span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.66rem}.control-chip strong{letter-spacing:.05em;font-size:.88rem}.event-feed{justify-items:end;gap:.34rem;width:min(20rem,100vw - 2rem);max-height:min(58vh,28rem);display:grid;top:1rem;right:1rem;overflow:hidden}.focus-banner{z-index:3;letter-spacing:.18em;text-align:center;text-transform:uppercase;min-width:min(24rem,100vw - 2rem);color:var(--text);background:#090f1ee0;border:1px solid #ffffff14;border-radius:999px;padding:.9rem 1.35rem;font-size:.92rem;font-weight:700;transition:opacity .18s,transform .18s;top:4.6rem;left:50%;transform:translate(-50%);box-shadow:0 0 28px #31f5ff29,inset 0 0 0 1px #ffffff0a}.focus-banner[hidden]{display:none}.focus-banner.is-danger{color:#ffe8ef;box-shadow:0 0 28px #ff5b7f3d,inset 0 0 0 1px #ffffff0a}.focus-banner.is-system{color:#defeff}.focus-banner.is-leaving{opacity:0;transform:translate(-50%)translateY(-6px)}.boss-strip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0c1226eb,#080a16d6);border:1px solid #ffffff14;border-radius:1rem;gap:.45rem;width:min(26rem,100vw - 3rem);padding:.8rem 1rem;display:grid;position:absolute;top:4.35rem;left:50%;transform:translate(-50%);box-shadow:0 0 24px #9bf7ff29,inset 0 0 0 1px #ffffff0a}.boss-label,.boss-mode{text-transform:uppercase;display:block}.boss-label{letter-spacing:.2em;color:#9bf7ff;font-size:.8rem}.boss-mode{letter-spacing:.14em;color:#ffffffb8;font-size:.72rem}.boss-meter{background:#ffffff1a;border-radius:999px;height:.54rem;position:relative;overflow:hidden}.boss-meter-fill{width:var(--boss-fill,100%);border-radius:inherit;background:linear-gradient(90deg,#31f5ff,#9bf7ff 45%,#fff);height:100%;transition:width .1s;box-shadow:0 0 20px #9bf7ff4d}.event-pill{letter-spacing:.1em;text-transform:uppercase;max-width:100%;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090f1ed1;border:1px solid #ffffff14;border-radius:.72rem;padding:.46rem .72rem;font-size:.66rem;line-height:1.18;transition:opacity .18s,transform .18s;box-shadow:0 0 18px #31f5ff1f,inset 0 0 0 1px #ffffff0a}.event-pill.is-new{transform:translateY(-.28rem)}.event-pill.is-leaving{opacity:0;transform:translateY(.28rem)}.event-pill.is-danger{color:#ffe8ef;box-shadow:0 0 24px #ff5b7f38,inset 0 0 0 1px #ffffff0a}.event-pill.is-pickup{color:#defff3;box-shadow:0 0 24px #31f5ff2e,inset 0 0 0 1px #ffffff0a}.metric-card,.chip{border:1px solid var(--line);background:var(--bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;min-width:0;padding:.75rem .9rem;box-shadow:inset 0 0 0 1px #ffffff08}.metric-card{gap:.55rem;display:grid}.metric-head{justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.metric-value,.meta-value{letter-spacing:.06em;font-size:1rem;font-weight:700;display:block}.metric-value.is-danger,.meta-value.is-danger{color:var(--danger)}.metric-value.is-ready{color:var(--lime)}.meta-value.is-system{color:var(--cyan)}.meta-value.is-neutral{color:var(--text)}.meter{background:#ffffff14;border-radius:999px;height:.42rem;position:relative;overflow:hidden}.meter-fill{width:var(--meter-fill,100%);border-radius:inherit;background:linear-gradient(90deg, var(--cyan), #8bf8ff 60%, #fff);height:100%;transition:width .1s;box-shadow:0 0 16px #31f5ff40}.chip-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.68rem;display:block}.feedback-flash{opacity:0;background:radial-gradient(circle,#ffffff24,#0000 48%),radial-gradient(circle,#31f5ff14,#0000 68%);transition:opacity .12s;inset:0}.feedback-flash.is-damage{opacity:1;background:radial-gradient(circle,#ff5b7f24,#0000 48%),linear-gradient(#ff5b7f14,#0000 65%)}.feedback-flash.is-pickup{opacity:1;background:radial-gradient(circle,#31f5ff1f,#0000 46%),linear-gradient(#31f5ff0f,#0000 65%)}.feedback-flash.is-upgrade{opacity:1;background:radial-gradient(circle,#96ff471a,#0000 46%),linear-gradient(#96ff470f,#0000 65%)}.feedback-flash.is-death{opacity:1;background:radial-gradient(circle,#ff5b7f29,#0000 38%),linear-gradient(#ff5b7f1f,#0000 70%)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}button:hover,button.action-card:hover,button.action-card:focus-visible{transform:translate(var(--drag-x,0px), var(--drag-y,0px)) rotate(var(--card-tilt,0deg))}}@media (width<=720px){.screen{padding:3.7rem .75rem calc(max(env(safe-area-inset-bottom,0px), 1.75rem) + .75rem);align-items:flex-start}.intro-screen{background-position:58%;align-items:center;padding:4.4rem 1rem 1rem}.title-screen{background-position:58%;justify-content:center;align-items:flex-start;padding:5.1rem .85rem .85rem}.title-screen:before{opacity:.35}.title-screen .screen-panel{grid-template-columns:minmax(0,1fr);gap:.75rem;width:min(100%,32rem);height:auto;max-height:calc(100dvh - 5.85rem);padding:0;display:grid;overflow:auto}.title-contract-panel,.meta-shop{padding:.85rem}.title-contract-panel{grid-template-rows:none;overflow:visible}.title-screen .screen-title{font-size:clamp(2rem,12vw,3rem)}.title-screen .screen-copy,.title-screen .tagline,.title-screen .goal-support,.title-screen .run-support{font-size:.84rem}.title-screen .run-metric-card{padding:.55rem .45rem}.title-screen .run-metric-value{font-size:.82rem}.title-screen .run-metric-support{font-size:.56rem}.meta-shop-grid{grid-template-columns:minmax(0,1fr);max-height:none;overflow:visible}button.meta-upgrade-button{grid-template-rows:none;grid-template-columns:5.5rem minmax(0,1fr);align-items:center;min-height:7.5rem}.meta-card-stack{width:5.25rem;height:6rem}.meta-card-icon{width:4.05rem;height:5.45rem}.meta-card-symbol{width:2.55rem;height:2.55rem}.title-screen .screen-actions .micro-copy{display:none}.intro-backdrop{width:auto;inset:15% 4%}.intro-panel{gap:.9rem;width:calc(100vw - 2rem);min-width:0;max-width:100%}.intro-eyebrow{letter-spacing:.1em;white-space:normal;max-width:100%;font-size:.62rem;line-height:1.25}.intro-copy{white-space:normal;width:calc(100vw - 2rem);max-width:100%;font-size:clamp(.96rem,4.8vw,1.18rem);line-height:1.38;display:block}.screen-panel{border-radius:.9rem;max-height:calc(100dvh - 4.45rem);padding:.9rem}.screen-panel.is-upgrade-panel{display:block}.boost-card-face.is-preview{width:6.8rem;min-height:10.2rem}.boost-card-face.is-preview .boost-card-title{font-size:.56rem}.boost-card-face.is-preview .boost-card-description{display:none}.upgrade-card-preview .boost-card-face.is-preview{width:7.05rem;min-height:0}.upgrade-card-preview .boost-card-face.is-preview .boost-card-title{font-size:.55rem}.locale-switch{min-width:0;padding:.5rem .6rem;top:.75rem;right:.75rem}.locale-label{display:none}.debug-panel{width:calc(100vw - 1.5rem);max-height:min(34rem,100dvh - 5rem);bottom:.75rem;right:.75rem}button.debug-panel-button{font-size:.56rem}.hud{padding:.8rem}.hud-cluster,.controls-strip,.event-feed,.boss-strip{width:calc(100vw - 1.6rem)}.level-progress{width:auto;min-width:0;top:5.05rem;left:.8rem;right:.8rem;transform:none}.passive-card-rail{top:auto;bottom:calc(max(env(safe-area-inset-bottom,0px), 2rem) + 5.1rem);gap:.32rem;max-width:calc(100vw - 1.6rem);max-height:none;left:.8rem}.action-hand{bottom:calc(max(env(safe-area-inset-bottom,0px), 2.35rem) + .8rem);min-height:7.35rem;padding-bottom:.45rem}button.action-card{width:clamp(4.45rem,20vw,5.1rem)}.passive-card-stack,.boost-card-face.is-mini{width:3.28rem;min-height:4.92rem}.hud-cluster{gap:.45rem;width:auto;right:.8rem}.status-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.meta-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.meta-strip .chip{min-width:0}.controls-strip{display:none}.controls-grid,.control-legend,.run-metric-grid,.run-metric-grid.is-title{grid-template-columns:minmax(0,1fr)}.run-metric-grid.is-title{grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade-grid{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:minmax(13rem,82vw);grid-auto-flow:column;padding-bottom:.35rem;overflow-x:auto}.upgrade-grid.is-action-draft{scroll-snap-type:none;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row;overflow-x:visible}.upgrade-grid.is-action-draft .upgrade-card{scroll-snap-align:none}.upgrade-card{scroll-snap-align:start}.event-feed{top:auto;right:.8rem;bottom:calc(max(env(safe-area-inset-bottom,0px), 1.5rem) + .8rem);pointer-events:none;justify-items:start;left:.8rem}.boss-strip{top:7.85rem;left:.8rem;transform:none}.focus-banner{width:calc(100vw - 1.6rem);min-width:0;top:10.2rem;left:.8rem;transform:none}.focus-banner.is-leaving{transform:translateY(-6px)}.controls-strip{bottom:6.6rem}.metric-card,.chip,.control-legend-item{padding:.65rem .75rem}}
