:root{--font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--navy-0:#06152f;--navy-1:#0b1f44;--navy-2:#123468;--navy-3:#1a4a8a;--panel-border:#4c86c8;--panel-glow:#7fb6ff;--num-stroke:#0a1a3a;--duel-bg-1:#2a4f7c;--duel-bg-2:#13294d;--deck-bg:#0d3c7a;--craft-bg:#4b1c7a;--craft-hi:#8b4fd6;--monster-outer:#d9581e;--monster-inner:#a63c10;--monster-art-border:#7a1a0c;--special-outer:#b0459f;--special-inner:#7e2a73;--spell-outer:#1fa36b;--spell-inner:#0e6b47;--parchment:#f1e2c3;--parchment-edge:#cdb58b;--slot-plaque:#9db8d6;--slot-facet:#c9daee;--slot-bg:#9db8d62e;--select-yellow:#f2e24a;--legal-green:#6fcb3d;--green-hi:#6fc03a;--green-lo:#3e8e1c;--green-bezel:#24560f;--blue-hi:#2e86d8;--blue-lo:#1b4e9b;--blue-bezel:#0e2a55;--bam-hi:#ff6a1f;--bam-lo:#c7361a;--bam-bezel:#4a2418;--energy:#6fcb3d;--energy-bolt:#7dda3b;--energy-timer:#b6e03a;--locked:#c7cfd8;--node-story:#2c5daa;--node-tutorial:#5ab135;--node-mystery:#f5d33b;--node-treasure:#f29a1f;--connector:#6ed03a;--title-deck:#cfe7ff;--title-craft:#d9c8ff;--title-shop:#f0f7b0;--heart:#e0262f;--sword:#c9d3de;--danger:#ff4d3d;--gold:#f6c343}.panel{background:linear-gradient(180deg, var(--navy-2), var(--navy-1));border:3px solid var(--panel-border);box-shadow:inset 0 0 0 1px var(--panel-glow), 0 6px 18px #00000080;border-radius:10px}.popup-backdrop{z-index:60;background:#030a199e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.popup{background:linear-gradient(180deg, var(--navy-2), var(--navy-1));border:3px solid var(--panel-border);min-width:420px;max-width:600px;box-shadow:inset 0 0 0 1px var(--panel-glow), 0 12px 32px #000000a6;text-align:center;border-radius:12px;padding:20px 26px 22px;animation:.18s ease-out popup-in}@keyframes popup-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.screen-title{z-index:10;justify-content:center;align-items:center;height:40px;margin:0;display:flex;position:absolute;top:0;left:70px;right:70px}.screen-topbar{z-index:9;background:linear-gradient(#06152ff2,#06152fbf);height:40px;position:absolute;top:0;left:0;right:0}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--navy-0);color:#fff;width:100%;height:100%;font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{color:inherit;cursor:pointer;font-family:inherit}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--select-yellow);outline-offset:2px}.num{color:#fff;-webkit-text-stroke:3px var(--num-stroke);paint-order:stroke fill;letter-spacing:.5px;font-variant-numeric:tabular-nums;font-weight:800}.title-text{letter-spacing:1px;-webkit-text-stroke:2px #06152fd9;paint-order:stroke fill;text-shadow:0 0 10px #7fb6ff73;font-size:32px;font-weight:800}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:where(:root[data-reduced-motion]) *,:where(:root[data-reduced-motion]) :before,:where(:root[data-reduced-motion]) :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.portrait-img{object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block}.pf-profile .portrait-img,.nx-tip-face .portrait-img{transform:scale(var(--portrait-zoom,1)) translate(var(--portrait-shift-x,0%), var(--portrait-shift-y,0%))}.cc-dialog-backdrop{z-index:95;background:#020612b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cc-dialog{width:min(580px,100% - 24px);max-height:calc(100% - 24px);color:var(--cc-ink);background:radial-gradient(60% 40% at 50% 0,#4fe0ff1f,#0000 70%),linear-gradient(#12244afa,#060d1efa);border:1px solid #4fe0ff8c;border-radius:16px 4px;outline:none;padding:20px 24px;animation:.18s ease-out cc-dialog-in;overflow-y:auto;box-shadow:0 16px 40px #0009,0 0 22px #4fe0ff2e}@keyframes cc-dialog-in{0%{opacity:0;scale:.97}}.cc-dialog.is-danger{background:linear-gradient(#461010fa,#18060afa);border-color:#ff6e50e6;box-shadow:0 16px 40px #0009,0 0 24px #ff462859}.cc-dialog-title{font-size:var(--cc-fs-l);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 10px;font-weight:900}.cc-dialog.is-danger .cc-dialog-title{color:#ffb39c}.cc-dialog-desc p{font-size:var(--cc-fs-s);color:#cfe2ff;margin:0 0 8px;line-height:1.4}.cc-compare strong{color:var(--cc-cyan-hi)}.cc-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.cc-dbtn{min-height:max(46px, var(--cc-touch));color:#fff;font-size:var(--cc-fs-m);border:1px solid;border-radius:8px;padding:0 20px;font-weight:800}.cc-dbtn:focus-visible{outline:2px solid var(--cc-cyan-hi);outline-offset:2px}.cc-dbtn.is-ghost{background:#142446f2;border-color:#a0bee68c}.cc-dbtn.is-primary{border-color:var(--cc-cyan-hi);background:linear-gradient(#2f9be8,#1a5bb8)}.cc-dbtn.is-danger{background:linear-gradient(#e2452e,#a3201a);border-color:#ffb39c}.cc-dbtn:hover{filter:brightness(1.12)}.cc-frame-preview{margin:0 auto 14px}.cc-frames{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.cc-frame-option{min-height:max(112px, var(--cc-touch));cursor:pointer;background:#030a1c99;border:1px solid #4fe0ff40;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;display:flex;position:relative}.cc-frame-option .pf-framed{--pf-size:max(64px, calc(var(--cc-touch) * .9))}.cc-frame-name{font-size:var(--cc-fs-s);text-align:center;font-weight:800}.cc-frame-option:hover{border-color:#8ff4ffb3}.cc-frame-option.is-on{border-color:var(--cc-cyan-hi);background:#1e509680;box-shadow:0 0 12px #4fe0ff80}.cc-frame-option.is-on:after{content:"✓";font-size:var(--cc-fs-s);color:var(--cc-cyan-hi);font-weight:900;position:absolute;top:6px;right:8px}.cc-frame-option:has(input:focus-visible){outline:2px solid var(--cc-cyan-hi);outline-offset:2px}.cloud-host{--cc-cyan:#4fe0ff;--cc-cyan-hi:#8ff4ff;--cc-ink:#eaf4ff;--cc-text:12px;--cc-touch:44px;--cc-fs-xs:max(11px, var(--cc-text));--cc-fs-s:max(13px, var(--cc-text));--cc-fs-m:max(16px, calc(var(--cc-text) * 1.25));--cc-fs-l:max(19px, calc(var(--cc-text) * 1.4))}.cloud-block{background:linear-gradient(#0a1c3cb3,#050e20b3);border:1px solid #4fe0ff66;border-radius:10px;flex-direction:column;gap:10px;padding:12px 16px 14px;display:flex}.cloud-head{color:var(--cc-cyan-hi);align-items:center;gap:10px;display:flex}.cloud-head h3{font-size:var(--cc-fs-m);letter-spacing:2px;text-transform:uppercase;margin:0;font-weight:900}.cloud-row,.cloud-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:center;gap:12px;display:grid}.cloud-list{font-size:var(--cc-fs-s);color:#cfe2ff;margin:0;padding-left:18px;line-height:1.4}.cloud-age{font-size:var(--cc-fs-s);border:0;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;display:flex}.cloud-age legend{padding:0}.cloud-age label{min-height:max(32px, var(--cc-touch));align-items:center;gap:8px;display:inline-flex}.cloud-notice,.cloud-form,.cloud-field{flex-direction:column;gap:8px;display:flex}.cloud-field input{min-height:max(40px, var(--cc-touch));color:var(--cc-ink);font-size:var(--cc-fs-m);background:#040c1ee6;border:1px solid #4fe0ff8c;border-radius:8px;padding:0 12px}.cloud-field input:focus-visible{outline:2px solid var(--cc-cyan-hi);outline-offset:2px}.cloud-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.cloud-actions .cc-dbtn:disabled{opacity:.5}.cc-dialog.cloud-choose{width:min(760px,100% - 24px)}.cloud-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:10px 0;display:grid}.cloud-card{font-size:var(--cc-fs-s);background:#040c1eb3;border:1px solid #4fe0ff73;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;line-height:1.35;display:flex}.cloud-card strong{font-size:var(--cc-fs-m);letter-spacing:1px;text-transform:uppercase}.cloud-card-where{color:#f6d98a;font-weight:700}.cloud-choose-actions{flex-wrap:wrap}.cloud-check{min-height:max(32px, var(--cc-touch));font-size:var(--cc-fs-s);align-items:center;gap:8px;margin-top:8px;display:inline-flex}.cc-dialog .cc-dbtn:disabled{opacity:.5}.cloud-code{color:#f6d98a;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:var(--cc-fs-l);letter-spacing:2px;text-align:center;-webkit-user-select:all;user-select:all;background:#040c1ecc;border:1px dashed #f6c343b3;border-radius:8px;margin:12px 0 4px;padding:12px;font-weight:700}.cloud-kept{gap:10px;margin:8px 0;padding:0;list-style:none;display:grid}.cloud-kept .cc-dbtn{align-self:flex-start;margin-top:4px}.cloud-title-entry{right:0;bottom:calc(14px + var(--cc-touch,32px));z-index:3;color:#bfe9ff;width:fit-content;max-width:88%;font-size:max(13px, var(--cc-text,13px));text-align:center;text-shadow:0 1px 4px #000c;justify-content:center;align-items:center;gap:10px;margin:0 auto;font-weight:700;display:flex;position:absolute;left:0}.cloud-title-entry button{min-height:var(--cc-touch,32px);color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 12px;text-decoration:underline}.cloud-title-entry button:focus-visible{outline-offset:2px;outline:2px solid #8ff4ff}.cloud-actions .cloud-link{background:0 0;border-color:#0000;margin-right:auto;text-decoration:underline}.cloud-google{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.cloud-google-button{flex-direction:column;gap:4px;min-height:44px;display:flex}.cloud-methods,.cloud-new-address{flex-direction:column;gap:8px;display:flex}.cloud-turnstile{flex-direction:column;gap:4px;min-height:65px;display:flex}.cloud-turnstile-note{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cloud-notice a{color:#6fd8ff;text-underline-offset:3px}.cloud-notice a:focus-visible{outline-offset:2px;outline:2px solid #8ff4ff}.pf-framed{--pf-size:40px;--pf-ring:max(2px, calc(var(--pf-size) * .075));--pf-f1:#4fe0ff;--pf-f2:#1d6fd6;--pf-f3:#c4fbff;--pf-glow:79, 224, 255;width:var(--pf-size);height:var(--pf-size);flex:none;display:inline-block;position:relative}.pf-framed[data-frame=royal-gold]{--pf-f1:#ffe9a0;--pf-f2:#b8741a;--pf-f3:#fff8dc;--pf-glow:246, 195, 67}.pf-framed[data-frame=violet-rift]{--pf-f1:#d6a8ff;--pf-f2:#6a2bd9;--pf-f3:#ff7ae6;--pf-glow:195, 139, 255}.pf-framed[data-frame=emerald]{--pf-f1:#9dffc8;--pf-f2:#0f8f52;--pf-f3:#e2fff0;--pf-glow:70, 230, 140}.pf-framed-ring{background:conic-gradient(from 210deg, var(--pf-f1), var(--pf-f2) 25%, var(--pf-f3) 50%, var(--pf-f2) 75%, var(--pf-f1));box-shadow:0 0 calc(var(--pf-size) * .16) rgba(var(--pf-glow), .5);border-radius:50%;position:absolute;inset:0}.pf-framed-ring:after{content:"";box-shadow:0 0 calc(var(--pf-size) * .3) rgba(var(--pf-glow), .75);opacity:.3;border-radius:50%;animation:3.6s ease-in-out infinite pf-frame-pulse;position:absolute;inset:-2px}.pf-framed[data-frame=royal-gold] .pf-framed-ring:before{content:"";inset:calc(var(--pf-ring) * -.7);border:1px solid #ffe9a0bf;border-radius:50%;position:absolute}.pf-framed[data-frame=violet-rift] .pf-framed-ring{animation:9s linear infinite pf-frame-swirl}.pf-framed[data-frame=emerald] .pf-framed-ring:before{content:"";inset:calc(var(--pf-ring) * .35);border:1px dashed #e2fff099;border-radius:50%;position:absolute}.pf-framed-face{inset:var(--pf-ring);background:#0b1f44;border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #040a18e6}.pf-framed-face .portrait-img,.pf-framed-face .portrait-svg{object-fit:cover;width:100%;height:100%;display:block}@keyframes pf-frame-pulse{50%{opacity:.85}}@keyframes pf-frame-swirl{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.pf-framed-ring,.pf-framed-ring:after{animation:none}}:where(:root[data-reduced-motion]) .pf-framed-ring,:where(:root[data-reduced-motion]) .pf-framed-ring:after{animation:none}.pf-avatar[data-frame=royal-gold]{--pf-ring-color:#f6c343;--pf-ring-glow:246, 195, 67}.pf-avatar[data-frame=violet-rift]{--pf-ring-color:#c38bff;--pf-ring-glow:195, 139, 255}.pf-avatar[data-frame=emerald]{--pf-ring-color:#4fe69a;--pf-ring-glow:70, 230, 140}.pf-avatar[data-frame]:not([data-frame=nexus-blue]) .portrait-frame{border-color:var(--pf-ring-color);box-shadow:0 0 0 2px #040a18d9, 0 0 10px rgba(var(--pf-ring-glow), .55)}.pf-avatar[data-frame]:not([data-frame=nexus-blue]) .pf-avatar-ring{border:2px solid var(--pf-ring-color);box-shadow:0 0 8px rgba(var(--pf-ring-glow), .6)}.glossy{letter-spacing:.5px;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:4px 22px;font-size:22px;font-weight:800;transition:filter .12s,transform 80ms;display:inline-flex;position:relative;overflow:hidden}.glossy:active:not(:disabled){filter:brightness(.92);transform:translateY(1px)}.glossy:hover:not(:disabled){filter:brightness(1.08)}.glossy:disabled{filter:grayscale(.85)brightness(.8)}.glossy-shine{pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff1f);border-radius:5px 5px 40% 40%/5px 5px 14px 14px;height:46%;position:absolute;top:2px;left:3px;right:3px}.glossy-label{color:#fff;-webkit-text-stroke:2px #06152f8c;paint-order:stroke fill;align-items:center;gap:8px;display:inline-flex;position:relative}.glossy-blue{background:linear-gradient(to bottom, #58aef0, var(--blue-hi) 45%, var(--blue-lo));border:2px solid var(--blue-bezel);box-shadow:inset 0 0 0 1px #aad7ffb3,0 2px #00000059}.glossy-green{background:linear-gradient(to bottom, #9be05a, var(--green-hi) 45%, var(--green-lo));border:2px solid var(--green-bezel);box-shadow:inset 0 0 0 1px #d6ffaab3,0 2px #00000059}.glossy-orange{background:linear-gradient(to bottom, #ffa35a, var(--bam-hi) 45%, var(--bam-lo));border:2px solid var(--bam-bezel);box-shadow:inset 0 0 0 1px #ffd2aab3,0 2px #00000059}.glossy-grey{background:linear-gradient(#9aa7b6,#6d7a8a 45%,#4b5664);border:2px solid #2b323b}.tab{z-index:20;background:#000;border:none;justify-content:center;align-items:center;width:70px;height:66px;display:flex;position:absolute;top:0}.tab:hover{background:#1a1a1a}.tab-back{left:0}.tab-close{right:0}.tab-caption{z-index:20;-webkit-text-stroke:2px var(--num-stroke);paint-order:stroke fill;font-size:17px;font-weight:800;position:absolute;top:10px;left:78px}.plus-btn{border:2px solid var(--green-bezel);background:linear-gradient(to bottom, #b4ec6e, var(--green-hi) 50%, var(--green-lo));border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:inset 0 0 0 1px #e6ffc8d9,0 2px #0006}.plus-btn:hover:not(:disabled){filter:brightness(1.1)}.plus-btn:disabled{filter:grayscale(.8)brightness(.75)}.frame-Fire{--f1:#ffb36b;--f2:#e0562c;--f3:#8e2410;--edge:#3d0e04;--art-border:#5a1206}.frame-Water{--f1:#a6e4f2;--f2:#3b8fd2;--f3:#174a86;--edge:#081e3a;--art-border:#0c2a4a}.frame-Earth{--f1:#f2cc8e;--f2:#bb7c38;--f3:#6c3f16;--edge:#2e1a06;--art-border:#3a220a}.frame-Wind{--f1:#dcf29e;--f2:#62b24c;--f3:#2a6c26;--edge:#0f2c0c;--art-border:#163a12}.frame-Light{--f1:#fff3b5;--f2:#eab932;--f3:#9c6c0e;--edge:#3e2a04;--art-border:#5a3a06}.frame-Dark{--f1:#cba2f2;--f2:#7b40ba;--f3:#3a1562;--edge:#16062a;--art-border:#1f0a36}.frame-Divine{--f1:#fff8dc;--f2:#d7b25a;--f3:#7a5418;--edge:#2e1d04;--art-border:#4a300a}.frame-Spell{--f1:#a3f2c6;--f2:#35b27b;--f3:#0f5c3c;--edge:#04241a;--art-border:#07402a}.thumb{--pad:6px;--title-h:16px;--stats-h:21px;background:linear-gradient(150deg, #fff2cf 0%, var(--f1) 14%, var(--f2) 55%, var(--f3) 100%);box-shadow:inset 0 0 0 2px #fff0d28c, 0 0 0 2px var(--edge), 0 3px 7px #00000080;border-radius:6px;flex:none;position:relative}.thumb-name{left:var(--pad);right:var(--pad);top:var(--pad);height:var(--title-h);color:#fff;font-size:11px;font-weight:800;line-height:var(--title-h);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px #000;pointer-events:none;background:linear-gradient(#0a080ee6,#0a080eb8);border-radius:2px;padding:0 4px;position:absolute;overflow:hidden;box-shadow:inset 0 -1px #ffffff2e}.thumb-art{left:var(--pad);right:var(--pad);top:var(--pad);bottom:calc(var(--stats-h) + 3px);border:3px solid var(--art-border);border-radius:2px;position:absolute;overflow:hidden}.thumb.has-title .thumb-art{top:calc(var(--pad) + var(--title-h) + 2px)}.thumb.kind-spell .thumb-art{bottom:var(--pad)}.card-art-svg,.card-art-img{object-fit:cover;width:100%;height:100%;display:block}.thumb-art,.cf-art,.lab-slot-art,.card-info .ci-art{background:radial-gradient(ellipse at 50% 40%, var(--ph-glow,#ffffff24), transparent 68%), linear-gradient(160deg, var(--f2,#3a4a6e), var(--f3,#1c2540) 70%, var(--edge,#0b0f1c))}.rar-Rare{--ph-glow:#96c3ff61}.rar-UltraRare{--ph-glow:#ee8cdc66}.rar-Legend{--ph-glow:#ffe08c7a}.card-art-img{opacity:0;transition:opacity .2s ease-out}.card-art-img[data-loaded]{opacity:1}.card-art-img[data-loaded=instant]{transition:none}@media (prefers-reduced-motion:reduce){.card-art-img{transition:none}}:where(:root[data-reduced-motion]) .card-art-img{transition:none}.art-chip{z-index:1;color:#fff;white-space:nowrap;pointer-events:none;background:#080a14bd;border-radius:7px;align-items:center;gap:1px;padding:0 4px;font-size:9px;font-weight:800;line-height:13px;display:inline-flex;position:absolute;top:2px}.chip-type{left:2px}.chip-level{right:2px}.thumb-stats{height:var(--stats-h);justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;bottom:2px;left:3px;right:3px}.thumb-stats .stat{align-items:center;gap:1px;display:inline-flex}.thumb-stats .num{font-size:16px;line-height:1}.thumb-stats .num.up{color:#b9ff8a}.thumb-stats .num.down{color:#ffb3a8}.thumb-slot{width:132px;height:128px}.thumb-hand{width:126px;height:118px}.thumb-grid{--title-h:15px;--stats-h:19px;width:120px;height:118px}.thumb-grid .thumb-name{font-size:10.5px}.thumb-grid .thumb-stats .num{font-size:14px}.thumb-mini{--pad:4px;--title-h:11px;--stats-h:15px;width:84px;height:84px}.thumb-mini .thumb-name{padding:0 2px;font-size:8px}.thumb-mini .thumb-art{border-width:2px}.thumb-mini .art-chip{padding:0 2px;font-size:6.5px;line-height:9px;top:1px}.thumb-mini .chip-type{left:1px}.thumb-mini .chip-level{right:1px}.thumb-mini .thumb-stats .num{-webkit-text-stroke-width:2px;font-size:12px}.thumb.is-selected{box-shadow:0 0 0 4px var(--select-yellow), 0 0 14px 4px #f2e24aa6}.thumb.is-dim{filter:grayscale(.7)brightness(.55)}.card-back{background:linear-gradient(160deg,#cfe3f7,#7fa6cc 30%,#3c6a9a 70%,#203f66);box-shadow:inset 0 0 0 2px #fff9,0 0 0 2px #0a1f3a,0 3px 7px #00000080}.card-back-inner{background:radial-gradient(circle,#2f6fb0,#10305a 70%);border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;inset:9px;overflow:hidden;box-shadow:inset 0 0 0 2px #9cc6ee,inset 0 0 18px #0009}.card-back-circuit{background:repeating-linear-gradient(90deg,#0000 0 17px,#a0d2ff2e 17px 18px),repeating-linear-gradient(0deg,#0000 0 17px,#a0d2ff2e 17px 18px);position:absolute;inset:0}.card-back-cube{filter:drop-shadow(0 0 8px #7fd0ff)drop-shadow(0 0 3px #fff);position:relative}.cardfull{background:linear-gradient(170deg, #fff2cf 0%, var(--f1) 12%, var(--f2) 62%, var(--f3) 100%);width:100%;height:100%;box-shadow:inset 0 0 0 2px #ffffff73, 0 0 0 3px var(--edge), 0 4px 10px #0000008c;color:#1b1208;border-radius:6px;flex-direction:column;gap:5px;padding:8px;font-size:14px;display:flex}.cf-title{border:2px solid var(--edge);background:linear-gradient(#fffaeeeb,#fff0d6bf);border-radius:3px;justify-content:space-between;align-items:center;gap:6px;padding:3px 5px 3px 8px;font-size:1.05em;font-weight:800;display:flex}.cf-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cf-spell-badge{color:#fff;background:#1fa36b;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:inline-flex}.cf-art{border:5px solid var(--art-border);flex:auto;min-height:0;margin:0 5%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}.cf-art .art-chip{border-radius:9px;padding:1px 7px;font-size:.78em;line-height:1.35;top:4px}.cf-art .chip-type{left:4px}.cf-art .chip-level{gap:3px;right:4px}.cf-stats{justify-content:center;gap:18px;display:flex}.cf-stats .stat{align-items:center;gap:2px;display:inline-flex}.cf-stats .num{font-size:19px}.cf-text{background:var(--parchment);border:1px solid var(--parchment-edge);flex:0 0 27%;padding:5px 7px;font-size:.82em;line-height:1.25;position:relative;overflow-y:auto;box-shadow:inset 0 0 6px #785a2859}.frame-Spell .cf-text{background:#eaf3e6}.cf-text p{margin:0 0 4px}.cf-more{float:right;border-top:8px solid #d23c9a;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:sticky;bottom:0}.rarity-badge{z-index:1;color:#1a1f2a;text-align:center;pointer-events:none;background:#f4f6f8;border:1px solid #0000008c;border-radius:7px;min-width:14px;padding:0 3px;font-size:8px;font-weight:900;line-height:11px;position:absolute;bottom:2px;right:2px;box-shadow:0 1px 2px #0009}.badge-Rare{color:#fff;background:#5a9bf0}.badge-UltraRare{color:#fff;background:#ee7ad8}.badge-Legend{color:#3a2604;background:linear-gradient(#ffe58a,#f6c343 55%,#c8961a)}.thumb-mini .rarity-badge{min-width:10px;padding:0 2px;font-size:6.5px;line-height:9px;bottom:1px;right:1px}.cf-art .rarity-badge{border-radius:9px;padding:1px 8px;font-size:.72em;line-height:1.3;bottom:4px;right:4px}.rarity-gem{filter:drop-shadow(0 0 1px #1a1a1a)drop-shadow(0 1px 1px #0009);border-top:11px solid #f4f6f8;border-left:7px solid #0000;border-right:7px solid #0000;flex:none;width:0;height:0;display:inline-block}.gem-Rare{border-top-color:#5a9bf0}.gem-UltraRare{border-top-color:#ee7ad8}.gem-Legend{border-top-color:#f6c343}.thumb.rar-Rare:not(.is-selected){box-shadow:inset 0 0 0 2px #c8e1ffd9,0 0 0 2px #1f4f9a,0 3px 7px #00000080}.thumb.rar-UltraRare:not(.is-selected){box-shadow:inset 0 0 0 2px #ffd7fae6,0 0 0 2px #8a1f78,0 0 9px 1px #ee7ad8bf}.thumb.rar-Legend:not(.is-selected){box-shadow:inset 0 0 0 2px #fff4bef2,0 0 0 3px #c8961a,0 0 12px 2px #f6c343d9}.thumb.rar-Legend:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fffad273 50%,#0000 65%) 0 0/260% 100%;border-radius:6px;animation:3.2s linear infinite legend-sheen;position:absolute;inset:0}@keyframes legend-sheen{0%{background-position:130% 0}to{background-position:-130% 0}}.cardfull.rar-Rare{box-shadow:inset 0 0 0 2px #c8e1ffcc,0 0 0 3px #1f4f9a,0 4px 10px #0000008c}.cardfull.rar-UltraRare{box-shadow:inset 0 0 0 2px #ffd7fad9,0 0 0 3px #8a1f78,0 0 14px 2px #ee7ad899}.cardfull.rar-Legend{box-shadow:inset 0 0 0 2px #fff4bef2,0 0 0 4px #c8961a,0 0 18px 3px #f6c343bf}.thumb-moves{z-index:1;color:#fff1c2;pointer-events:none;background:linear-gradient(#080c1899,#080c18e6);flex-direction:column;padding:1px 3px 2px;font-size:9px;font-weight:800;line-height:1.2;display:flex;position:absolute;bottom:0;left:0;right:0}.thumb-moves span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.thumb-art:has(>.thumb-moves) .rarity-badge{top:17px;bottom:auto}.dialogue-layer{z-index:70;cursor:pointer;background:#030a1947;position:absolute;inset:0}.dialogue-box{background:linear-gradient(180deg, var(--navy-2), var(--navy-1));border:3px solid var(--panel-border);min-height:156px;box-shadow:inset 0 0 0 1px var(--panel-glow), 0 10px 26px #0009;border-radius:12px;gap:16px;padding:14px 18px;animation:.18s ease-out popup-in;display:flex;position:absolute;bottom:16px;left:132px;right:16px}.dialogue-portrait{border:4px solid #dfe6ee;border-radius:6px;flex:0 0 124px;height:124px;overflow:hidden;box-shadow:0 0 0 2px #4d5a68}.dialogue-body{flex-direction:column;display:flex}.dialogue-name{color:#ffe38a;font-size:20px;font-weight:900}.dialogue-text{flex:1;max-width:62ch;margin:6px 0;font-size:19px;line-height:1.35}.dialogue-hint{color:#9fc0e8;font-size:12px}.dialogue-skip{border:2px solid var(--panel-border);background:#06152fe6;border-radius:16px;padding:6px 16px;font-weight:800;position:absolute;top:-44px;right:10px}.reward-popup h2,.prep-popup h2{margin:0 0 6px}.reward-items{flex-direction:column;align-items:flex-start;gap:8px;width:fit-content;margin:12px auto 14px;padding:0;font-size:18px;font-weight:800;list-style:none;display:flex}.reward-items li{align-items:center;gap:12px;display:flex}.level-up{color:#b9ff8a;font-size:18px;font-weight:900}.reward-pop{animation:.35s cubic-bezier(.2,1.5,.4,1) backwards reward-pop}@keyframes reward-pop{0%{opacity:0;transform:scale(.3)}}.level-up-badge{color:#eaffd8;background:linear-gradient(#3f9a2c,#205e16);border:2px solid #b9ff8a;border-radius:22px;width:fit-content;margin:4px auto 14px;padding:6px 18px;animation:.6s cubic-bezier(.2,1.5,.4,1) backwards level-badge,1.8s ease-in-out infinite level-glow;display:block;box-shadow:0 0 16px #b9ff8abf}.level-up-badge strong{color:#fff6a8}@keyframes level-badge{0%{opacity:0;transform:scale(.2)rotate(-8deg)}70%{opacity:1;transform:scale(1.12)rotate(2deg)}to{transform:none}}@keyframes level-glow{50%{box-shadow:0 0 28px 4px #b9ff8af2}}@media (prefers-reduced-motion:reduce){.level-up-badge{animation:none}}:where(:root[data-reduced-motion]) .level-up-badge{animation:none}.reward-note{color:#cfe2ff}.prep-popup{text-align:left;width:560px}.prep-head{align-items:center;gap:18px;display:flex}.prep-portrait{border:4px solid #dfe6ee;border-radius:6px;flex:0 0 110px;height:110px;overflow:hidden}.prep-title{color:#cfe2ff;margin:0 0 6px}.prep-cost{color:var(--energy-timer);align-items:center;gap:6px;margin:0;font-weight:800;display:flex}.prep-rewards{background:#06152f8c;border-radius:8px;align-items:center;gap:16px;margin:14px 0 4px;padding:8px 12px;display:flex}.prep-label{color:#9fc0e8;font-size:13px;font-weight:800;display:block}.prep-reward{align-items:center;gap:4px;font-size:18px;font-weight:900;display:inline-flex}.stars-box{background:#06152f8c;border-radius:8px;margin-top:14px;padding:8px 12px}.star-row{grid-template-columns:30px 1fr auto;align-items:center;gap:8px;margin-top:6px;font-weight:700;display:grid}.star-row .glossy{min-height:34px;padding:2px 14px;font-size:16px}.speaker-line{margin:4px 0}.dialogue-portrait.is-player{box-shadow:none;border:0;border-radius:50%;overflow:visible}.dialogue-portrait.is-player .pf-framed{--pf-size:124px}.dialogue-box.has-listener .dialogue-body{padding-right:64px}.dialogue-listener{pointer-events:none;position:absolute;bottom:12px;right:14px}.dialogue-listener .pf-framed{--pf-size:56px}.dialogue-offer{flex-wrap:wrap;gap:10px;margin:2px 0 8px;display:flex}.dialogue-offer .glossy{min-height:38px;padding:4px 16px;font-size:16px}.screen-title.tone-deck{color:var(--title-deck)}.screen-title.tone-craft{color:var(--title-craft)}.screen-title.tone-shop{color:var(--title-shop)}.screen-title.tone-plain{color:#fff}.screen-title{pointer-events:none;font-size:31px}.filter-box{flex-direction:column;align-items:center;gap:8px;display:flex}.filters-btn{min-width:150px;font-size:21px}.filter-slots{gap:12px;display:flex}.filter-slot{text-align:center;color:#e8f0ff;background:#282832bf;border:1px solid #0009;justify-content:center;align-items:center;width:50px;height:50px;padding:2px;font-size:9px;font-weight:700;line-height:1.1;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.filter-popup{width:560px}.filter-popup h2{margin:0 0 12px}.filter-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:10px 18px;display:grid}.filter-field{color:#cfe2ff;flex-direction:column;gap:3px;font-size:13px;font-weight:700;display:flex}.filter-field select,.filter-field input{border:2px solid var(--panel-border);color:#0b1f44;height:32px;font-family:var(--font);background:#eaf4ff;border-radius:5px;padding:0 8px;font-size:15px;font-weight:700}.toast{border:2px solid var(--select-yellow);color:#fff6b0;text-align:center;z-index:90;background:#06152ff2;border-radius:18px;max-width:620px;padding:8px 20px;font-size:15px;font-weight:700;animation:.18s ease-out popup-in;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.deck-screen{background:var(--deck-bg)}.deck-bg{background:repeating-conic-gradient(from 0deg at 50% 58%, #ffffff12 0deg 5deg, transparent 5deg 13deg), radial-gradient(ellipse 60% 55% at 50% 58%, #3a8ae0 0%, #1a5aa8 35%, var(--deck-bg) 65%, #072650 100%);position:absolute;inset:0}.detail-panel{background:linear-gradient(#6b737c,#2c3238);border:2px solid #1a1d21;border-radius:4px;flex:0 0 280px;width:280px;height:448px;padding:5px;box-shadow:0 4px 12px #00000080}.pool-grid{background:#06152f59;border-radius:8px;flex:auto;grid-template-columns:repeat(auto-fill,120px);grid-auto-rows:118px;justify-content:center;gap:10px;min-height:0;padding:4px;display:grid;overflow-y:auto}.pool-cell{background:0 0;border:none;padding:0;position:relative}@supports (overflow-clip-margin:1px){.pool-cell:nth-child(n+97) .thumb{content-visibility:auto;contain-intrinsic-size:auto 120px auto 118px;overflow-clip-margin:24px}}.count-badge{z-index:2;font-size:17px;position:absolute;top:-2px;right:0}.pool-empty{color:#cfe2ff;margin:auto;font-weight:700}.detail-panel.is-compact{flex:0 0 230px;align-self:stretch;width:230px;height:auto}.collection-top{align-items:center;gap:24px;height:56px;display:flex;position:absolute;top:70px;left:16px;right:16px}.collection-top .filter-box{flex-direction:row}.collection-top .filter-slot{width:44px;height:44px}.collection-count{min-width:190px;font-size:22px}.link-btn{border:2px solid var(--panel-border);background:#06152fb3;border-radius:6px;margin-left:auto;padding:6px 14px;font-size:16px;font-weight:800}.collection-middle{gap:10px;display:flex;position:absolute;inset:130px 12px 10px}.collection-grid{flex:auto}.collection-side{flex-direction:column;flex:0 0 280px;align-items:center;gap:6px;display:flex}.collection-side .detail-panel{height:410px}.owned-line{margin:0;font-size:20px}.collection-grid .show-more{grid-column:1/-1;place-self:center;margin:10px 0 14px;padding:8px 18px}.pf-chip{color:#eef7ff;background:linear-gradient(#142856eb,#060e22eb);border:1px solid #4fe0ff73;border-radius:999px;align-items:center;gap:8px;min-width:0;max-width:220px;padding:4px 14px 4px 4px;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 4px 12px #00000073}.pf-chip .pf-framed{--pf-size:34px}.pf-chip-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.4px;unicode-bidi:plaintext;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.pf-chip.is-compact{padding:3px}.pf-chip.is-menu{z-index:3;animation:pf-chip-in var(--menu-title-ms,.35s) ease-out var(--menu-title-delay,.15s) both;position:absolute;top:14px;left:14px}@keyframes pf-chip-in{0%{opacity:0}}.pf-chip.is-arena{z-index:2;max-width:200px;padding:3px 12px 3px 3px;position:absolute;top:126px;right:34px}.pf-chip.is-arena .pf-framed{--pf-size:28px}.pf-chip.is-hud{flex:none;max-width:128px;margin-left:auto;padding:3px 10px 3px 3px}.pf-chip.is-hud.is-compact{padding:3px}.nx-hud .pf-chip.is-hud+.nx-mod-settings{margin-left:0}.pf-chip.is-lab{z-index:2;max-width:190px;position:absolute;top:8px;right:12px}.deck-lab{--lab-ink:#e8f4ff;--lab-dim:#9db7d8;--lab-cyan:#3fd8ff;--lab-violet:#9b6bff;--lab-gold:#f2c75c;--lab-green:#3df0b0;--lab-edge:#5faaff80;--lab-glass:#081634d9;color:var(--lab-ink);background:radial-gradient(55% 45% at 28% 42%,#2878e63d,#0000 70%),radial-gradient(40% 38% at 86% 34%,#8c50e633,#0000 70%),radial-gradient(70% 30% at 50% 100%,#1ec8dc1f,#0000 70%),repeating-linear-gradient(0deg,#78b4ff0b 0 1px,#0000 1px 32px),repeating-linear-gradient(90deg,#78b4ff0b 0 1px,#0000 1px 32px),linear-gradient(#08193a 0%,#061230 60%,#040c22 100%);grid-template-rows:minmax(0,1fr) 118px;grid-template-columns:minmax(0,1fr) 92px 160px;gap:10px;padding:58px 12px 10px;display:grid}.deck-lab :focus-visible{outline-offset:2px;outline:3px solid #6ff4ff}.deck-lab .tab-back{border:1px solid var(--lab-edge);width:58px;height:42px;color:var(--lab-cyan);background:linear-gradient(#183874f2,#081634f2);border-radius:6px;top:8px;left:12px;box-shadow:inset 0 0 0 1px #96d2ff2e,0 0 12px #3fd8ff40}.deck-lab .tab-back:hover{background:linear-gradient(#224c92f2,#0c1e42f2)}.deck-lab .tab-back svg{width:26px;height:26px}.lab-title{white-space:nowrap;letter-spacing:3px;text-transform:uppercase;color:#eaf7ff;text-shadow:0 0 12px #3fd8ff8c;pointer-events:none;align-items:baseline;gap:10px;margin:0;padding:2px 28px 8px;font-size:27px;font-weight:900;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}.lab-title-kicker{letter-spacing:4px;color:var(--lab-gold);text-shadow:0 0 10px #f2c75c73;font-size:15px}.lab-title:after{content:"";background:linear-gradient(90deg, transparent, var(--lab-cyan) 25%, var(--lab-gold) 50%, var(--lab-violet) 75%, transparent);height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px #3fd8ff99}.lab-panel{border:1px solid var(--lab-edge);background:linear-gradient(var(--lab-cyan), var(--lab-cyan)) top left / 18px 2px no-repeat, linear-gradient(var(--lab-cyan), var(--lab-cyan)) top left / 2px 18px no-repeat, linear-gradient(var(--lab-violet), var(--lab-violet)) top right / 18px 2px no-repeat, linear-gradient(var(--lab-violet), var(--lab-violet)) top right / 2px 18px no-repeat, linear-gradient(var(--lab-violet), var(--lab-violet)) bottom left / 18px 2px no-repeat, linear-gradient(var(--lab-violet), var(--lab-violet)) bottom left / 2px 18px no-repeat, linear-gradient(var(--lab-cyan), var(--lab-cyan)) bottom right / 18px 2px no-repeat, linear-gradient(var(--lab-cyan), var(--lab-cyan)) bottom right / 2px 18px no-repeat, linear-gradient(180deg, #122a5ce6, #07122cf0);border-radius:6px;min-width:0;min-height:0;box-shadow:inset 0 0 0 1px #060e24e6,inset 0 0 24px #3c8cff1a,0 0 14px #2878ff29,0 6px 18px #00000073}.lab-collection{flex-direction:column;grid-area:1/1;gap:8px;padding:8px;display:flex}.lab-detail{border-color:#9b6bff8c;grid-area:1/2/auto/4}.lab-tray{grid-area:2/1/auto/3}.lab-empty{color:var(--lab-dim);text-align:center;margin:auto;padding:16px;font-weight:700}.lab-done{color:#fff;letter-spacing:3px;text-transform:uppercase;-webkit-text-stroke:2px #04324699;paint-order:stroke fill;background:linear-gradient(160deg,#6dffd0 0%,#22d9a6 38%,#12a6d8 100%);border:2px solid #a8fff0;border-radius:8px;grid-area:2/3;justify-content:center;align-items:center;gap:6px;font-size:30px;font-weight:900;transition:filter .12s,transform 80ms;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 -6px 14px #043c5a59,0 0 18px #3df0b080,0 6px 16px #00000080}.lab-done svg{filter:drop-shadow(0 1px 1px #043246b3)}.lab-done:hover{filter:brightness(1.08)}.lab-done:active{transform:translateY(1px)}.lab-done:after{content:"";opacity:.35;pointer-events:none;border-radius:11px;animation:2.8s ease-in-out infinite lab-breathe;position:absolute;inset:-5px;box-shadow:0 0 22px 4px #3df0c88c}@keyframes lab-breathe{50%{opacity:.9}}.deck-lab[data-layout=compact]{grid-template-rows:minmax(0,1fr) 126px;grid-template-columns:minmax(0,1fr) 140px 150px;padding-top:54px}.deck-lab[data-layout=compact] .lab-title{font-size:26px}@media (prefers-reduced-motion:reduce){.deck-lab,.deck-lab *,.deck-lab :before,.deck-lab :after{transition:none!important;animation:none!important}}:where(:root[data-reduced-motion]) .deck-lab,:where(:root[data-reduced-motion]) .deck-lab *,:where(:root[data-reduced-motion]) .deck-lab :before,:where(:root[data-reduced-motion]) .deck-lab :after,.deck-lab[data-motion=reduced],.deck-lab[data-motion=reduced] *,.deck-lab[data-motion=reduced] :before,.deck-lab[data-motion=reduced] :after{transition:none!important;animation:none!important}.deck-lab .tab-back path{stroke:var(--lab-cyan)}.lab-toolbar{flex:none;align-items:center;gap:8px;height:40px;display:flex}.lab-search{border:1px solid var(--lab-edge);min-width:0;height:36px;color:var(--lab-cyan);background:#040e24d9;border-radius:18px;flex:0 0 160px;align-items:center;gap:6px;padding:0 10px;display:flex}.lab-search:focus-within{border-color:#6ff4ff;box-shadow:0 0 0 2px #6ff4ff99,0 0 12px #3fd8ff66}.lab-search input{color:#fff;width:100%;min-width:0;font:700 14px var(--font);background:0 0;border:none;outline:none;flex:auto}.lab-search input::placeholder{color:#9db7d8bf}.lab-kinds{border:1px solid var(--lab-edge);border-radius:6px;height:36px;display:flex;overflow:hidden}.lab-kinds button{background:var(--lab-glass);color:var(--lab-dim);border:none;padding:0 11px;font-size:13px;font-weight:800}.lab-kinds button+button{border-left:1px solid #5faaff4d}.lab-kinds button[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--lab-cyan);color:#fff;background:linear-gradient(#3fd8ff66,#1e6ec880)}.lab-kinds button:focus-visible{outline-offset:-3px}.lab-fav-only{color:#d6c6ff;background:#160c36d9;border:1px solid #b48cff8c;border-radius:6px;align-items:center;gap:5px;height:36px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.lab-fav-only[aria-pressed=true]{color:#ff8ec6;border-color:#ff7fbf;box-shadow:0 0 10px #ff7fbf73}.lab-filters{align-items:center;gap:4px;display:flex}.deck-lab .filter-box{flex-direction:row}.deck-lab .filter-slots{display:none}.deck-lab .filters-btn{letter-spacing:1px;background:linear-gradient(#24427f,#13295a);border:1px solid #5faaffb3;border-radius:6px;min-width:0;height:36px;min-height:36px;padding:0 12px;font-size:14px;box-shadow:inset 0 0 0 1px #a0d2ff26,0 0 10px #3fd8ff2e}.deck-lab .filters-btn .glossy-shine{display:none}.lab-filter-count{background:var(--lab-gold);color:#2a1c02;text-align:center;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:900;line-height:20px}.lab-count{white-space:nowrap;text-overflow:ellipsis;color:var(--lab-dim);flex:0 auto;margin-left:auto;font-size:13px;font-weight:700;overflow:hidden}.lab-grid-scroll{--lab-fade:16px;min-height:0;-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - var(--lab-fade)), transparent);mask-image:linear-gradient(180deg, #000 calc(100% - var(--lab-fade)), transparent);scrollbar-width:thin;scrollbar-color:#3fd8ff80 transparent;background:#030a1c73;border-radius:4px;flex:auto;overflow-y:auto;box-shadow:inset 0 0 0 1px #5faaff2e}.lab-grid-scroll:after{content:"";height:var(--lab-fade);display:block}.lab-more{height:36px;color:var(--lab-ink);font:700 15px/1 var(--font);letter-spacing:.4px;cursor:pointer;background:linear-gradient(#225cb4f2,#0c2458f2);border:1px solid #3fd8ff99;border-radius:18px;margin:0 auto 4px;padding:0 24px;display:block;box-shadow:0 0 10px #3fd8ff40}.lab-more:hover{border-color:var(--lab-cyan);box-shadow:0 0 14px #3fd8ff80}.deck-lab[data-layout=compact] .lab-more{height:48px;font-size:19px}.lab-grid{grid-template-columns:repeat(5,120px);grid-auto-rows:118px;justify-content:center;gap:12px 8px;padding:10px 2px 8px;display:grid}.lab-cell{cursor:pointer;border-radius:7px;width:120px;height:118px;position:relative}@supports (overflow-clip-margin:1px){.lab-cell:nth-child(n+97) .thumb{content-visibility:auto;contain-intrinsic-size:auto 120px auto 118px;overflow-clip-margin:24px}}.lab-cell[aria-selected=true]:before{content:"";z-index:2;box-shadow:0 0 0 3px var(--select-yellow), 0 0 14px 3px #f2e24a99;pointer-events:none;border-radius:8px;position:absolute;inset:-2px}.lab-cell:focus-visible{outline:none}.lab-cell:focus-visible:before{content:"";z-index:2;pointer-events:none;border-radius:8px;position:absolute;inset:-2px;box-shadow:0 0 0 3px #6ff4ff,0 0 14px 3px #6ff4ff99}.lab-cell[aria-selected=true]:focus-visible:before{box-shadow:inset 0 0 0 3px #6ff4ff, 0 0 0 3px var(--select-yellow), 0 0 14px 3px #6ff4ff99}.lab-tags{z-index:3;pointer-events:none;gap:3px;display:flex;position:absolute;top:-8px;left:-4px}.lab-tags>span{border-radius:8px;align-items:center;gap:2px;height:16px;padding:0 5px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 1px 3px #0009}.lab-new{color:#3a2604;letter-spacing:.5px;background:linear-gradient(#ffe58a,#f2c75c 55%,#c8961a)}.lab-fav-badge{color:#ff7fbf;background:#2a0b2e;border:1px solid #ff8ec6}.lab-tags .lab-indeck{color:#e9fbff;-webkit-text-stroke-width:2px;background:linear-gradient(#1aa9d6,#0b6a9a);border:1px solid #9ff3ff;font-size:11px}.lab-free{z-index:2;font-size:16px;position:absolute;top:-4px;right:0}.lab-detail{flex-direction:column;gap:6px;padding:8px;display:flex}.lab-detail-head{flex:none;justify-content:space-between;align-items:center;height:28px;display:flex}.lab-caption{color:var(--lab-gold);letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:900}.lab-fav-toggle{color:#cbb8ff;background:#160c36d9;border:1px solid #b48cff99;border-radius:6px;justify-content:center;align-items:center;width:38px;height:30px;display:inline-flex}.lab-fav-toggle.is-on{color:#ff7fbf;border-color:#ff8ec6;box-shadow:0 0 10px #ff7fbf80}.lab-detail-card{flex:auto;min-height:0}.lab-detail .cf-text{flex-basis:35%}.lab-copies{text-align:center;flex:none;margin:0;font-size:14px}.lab-reason{color:#ffcf7a;text-align:center;flex:none;margin:-2px 0 0;font-size:12px;font-weight:700;line-height:1.2}.lab-detail-actions{flex:none;grid-template-columns:1.45fr 1fr;gap:6px;display:grid}.lab-btn{color:#fff;letter-spacing:.3px;-webkit-text-stroke:1.5px #0414288c;paint-order:stroke fill;border:1px solid;border-radius:6px;height:40px;padding:0 6px;font-size:15px;font-weight:800}.lab-add{background:linear-gradient(#33e0c4,#0f8fb8);border-color:#8ff8ff;box-shadow:inset 0 0 0 1px #ffffff59,0 0 12px #3fd8ff66}.lab-remove{background:linear-gradient(#6446c0,#2c1c6a);border-color:#b49bff;box-shadow:inset 0 0 0 1px #fff3,0 0 10px #9b6bff59}.lab-btn[aria-disabled=true]{filter:grayscale(.75)brightness(.65);box-shadow:none;cursor:not-allowed}.lab-tray{flex-direction:column;gap:5px;padding:6px 10px 8px;display:flex;position:relative}.lab-tray-head{flex:none;align-items:center;gap:10px;height:30px;display:flex}.lab-play{color:var(--lab-gold);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:900;display:inline-flex}.lab-play input{opacity:0;width:1px;height:1px;position:absolute}.lab-play-box{border:1px solid var(--lab-gold);width:24px;height:24px;color:var(--lab-green);background:#1e1404b3;border-radius:5px;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:inline-flex}.lab-play.is-on .lab-play-box{box-shadow:0 0 10px #f2c75c8c}.lab-play input:focus-visible+.lab-play-box{outline-offset:2px;outline:3px solid #6ff4ff}.lab-name{align-items:center;gap:5px;min-width:0;display:inline-flex}.lab-name-text{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 8px #3fd8ff73;max-width:230px;font-size:18px;font-weight:800;overflow:hidden}.lab-name-input{color:#fff;width:230px;height:28px;font:800 16px var(--font);background:#040e24f2;border:1px solid #6ff4ff;border-radius:5px;outline:none;padding:0 8px;box-shadow:0 0 0 2px #6ff4ff73}.lab-icon-btn{border:1px solid var(--lab-edge);background:var(--lab-glass);width:30px;height:28px;color:var(--lab-cyan);border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex}.lab-icon-btn:hover,.lab-icon-btn[aria-expanded=true]{background:#1e5096e6}.lab-deck-menu{position:relative}.lab-lp{white-space:nowrap;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.lab-lp svg{order:-2}.lab-lp-label{color:var(--lab-dim);order:-1;font-size:12px;font-weight:900}.lab-lp .num{font-size:18px}.lab-status{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:13px;align-items:center;gap:7px;height:26px;margin:0;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.lab-status strong{font-size:16px}.lab-status.is-ready{color:#fff;-webkit-text-stroke:1.5px #0432468c;paint-order:stroke fill;background:linear-gradient(90deg,#22d9a6,#12a6d8);border:1px solid #b4fff0;box-shadow:0 0 12px #3df0b073}.lab-status.is-bad{color:#ffd27a;background:#3c2006b3;border:1px solid #ffbe5abf}.lab-slots{flex:auto;grid-template-columns:repeat(15,minmax(0,1fr));gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:grid}.lab-slot{min-width:0}.lab-slot-card{background:linear-gradient(150deg, #fff2cf 0%, var(--f1) 14%, var(--f2) 55%, var(--f3) 100%);width:100%;height:100%;box-shadow:inset 0 0 0 1px #fff0d28c, 0 0 0 1px var(--edge);border:none;border-radius:4px;padding:0;display:block;position:relative;overflow:hidden}.lab-slot-card.rar-Rare{box-shadow:inset 0 0 0 1px #c8e1ffd9,0 0 0 2px #2f6fd0}.lab-slot-card.rar-UltraRare{box-shadow:inset 0 0 0 1px #ffd7fae6,0 0 0 2px #b2389e,0 0 7px #ee7ad8bf}.lab-slot-card.rar-Legend{box-shadow:inset 0 0 0 1px #fff4bef2,0 0 0 2px #d9a52a,0 0 9px #f6c343d9}.lab-slot-card.is-selected{box-shadow:0 0 0 2px var(--select-yellow), 0 0 10px 2px #f2e24ab3}.lab-slot-art{border-radius:2px;position:absolute;inset:3px 3px 15px;overflow:hidden}.lab-slot-name{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#080a14e0,#080a1400);padding:1px 2px 2px;font-size:8px;font-weight:800;line-height:1.1;position:absolute;top:3px;left:3px;right:3px;overflow:hidden}.lab-slot-stat{-webkit-text-stroke-width:2px;font-size:11px;line-height:13px;position:absolute;bottom:1px;left:0;right:0}.lab-slot-empty{color:#96c8ff80;background:#0a1e4673;border:1px dashed #5faaff73;border-radius:4px;justify-content:center;align-items:center;height:100%;font-size:12px;font-weight:800;display:flex}.lab-menu{z-index:30;background:linear-gradient(#14306a,#0a1838);border:1px solid #6ff4ff99;border-radius:8px;flex-direction:column;min-width:280px;padding:6px;display:flex;position:absolute;bottom:36px;left:0;box-shadow:0 0 16px #3fd8ff4d,0 10px 24px #0009}.lab-menu button{text-align:left;background:0 0;border:none;border-radius:5px;padding:7px 10px;font-size:15px;font-weight:700}.lab-menu button:hover,.lab-menu button.is-current{background:#3fd8ff29}.lab-menu button:disabled{opacity:.4}.lab-menu-actions{border-top:1px solid #5faaff4d;gap:6px;margin-top:6px;padding-top:6px;display:flex}.lab-menu-actions button{border:1px solid var(--lab-edge);text-align:center;flex:1 1 0}.deck-lab[data-layout=compact] .lab-toolbar{height:46px}.deck-lab[data-layout=compact] :is(.lab-search,.lab-kinds,.lab-fav-only,.filters-btn){height:44px;min-height:44px}.deck-lab[data-layout=compact] :is(.lab-search input,.lab-kinds button,.lab-fav-only,.filters-btn){font-size:16px}.deck-lab[data-layout=compact] .lab-search{flex-basis:166px}.deck-lab[data-layout=compact] .lab-fav-only span,.deck-lab[data-layout=compact] .lab-count{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.deck-lab[data-layout=compact] .lab-grid{grid-template-columns:repeat(4,142px);grid-auto-rows:140px}.deck-lab[data-layout=compact] .lab-cell{zoom:1.183}.deck-lab[data-layout=compact] .cardfull{font-size:16px}.deck-lab[data-layout=compact] .lab-detail .cf-text{flex-basis:40%}.deck-lab[data-layout=compact] :is(.lab-btn,.lab-copies){font-size:17px}.deck-lab[data-layout=compact] .lab-btn{height:48px}.deck-lab[data-layout=compact] .lab-tray-head{height:36px}.deck-lab[data-layout=compact] :is(.lab-play,.lab-status){font-size:15px}.deck-lab[data-layout=compact] .lab-slot-name{display:none}.deck-lab[data-layout=compact] .lab-slot-art{inset:3px 3px 18px}.deck-lab[data-layout=compact] .lab-slot-stat{font-size:14px;line-height:17px}.deck-lab[data-layout=compact] .lab-done{font-size:32px}.fx-host{pointer-events:none;z-index:7;position:absolute;inset:0}.fx-host.is-under{z-index:0}.fx{pointer-events:none;display:block;position:absolute;inset:0}.fx>*{pointer-events:none;position:absolute}.tone-select{--c:var(--fx-c-select);--c2:var(--fx-c-select-deep)}.tone-place{--c:var(--fx-c-place);--c2:var(--fx-c-place-deep)}.tone-bam{--c:var(--fx-c-bam);--c2:var(--fx-c-bam-deep)}.tone-effect{--c:var(--fx-c-effect);--c2:var(--fx-c-effect-deep)}.tone-impact{--c:var(--fx-c-impact);--c2:var(--fx-c-impact-core)}.tone-damage{--c:var(--fx-c-damage);--c2:var(--fx-c-damage-deep)}.tone-heal{--c:var(--fx-c-heal);--c2:var(--fx-c-heal-deep)}.tone-boost{--c:var(--fx-c-boost);--c2:var(--fx-c-boost-deep)}.tone-crippled{--c:var(--fx-c-crippled);--c2:var(--fx-c-crippled-deep)}.tone-immunity{--c:var(--fx-c-immunity);--c2:var(--fx-c-immunity-deep)}.tone-destroy{--c:var(--fx-c-destroy);--c2:var(--fx-c-destroy-deep)}.tone-resurrect{--c:var(--fx-c-resurrect);--c2:var(--fx-c-resurrect-deep)}.tone-turn{--c:var(--fx-c-turn);--c2:var(--fx-c-turn-deep)}.fx-label{--fx-center:translate(-50%, calc(-50% - var(--fx-stack,0) * 26px));z-index:3;white-space:nowrap;color:var(--c);-webkit-text-stroke:2px var(--c2);paint-order:stroke fill;text-shadow:2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 0 2.5px 0 #fff, 0 -2.5px 0 #fff, 2.5px 0 0 #fff, -2.5px 0 0 #fff, 0 0 14px var(--c);transform:var(--fx-center);animation:fx-label var(--fx-ms) var(--fx-ease-out) var(--fx-delay) both;font-size:25px;font-weight:900;top:50%;left:50%}@keyframes fx-label{0%{opacity:0;transform:var(--fx-center) scale(.5)}14%{opacity:1;transform:var(--fx-center) scale(var(--fx-label-pop))}26%,78%{opacity:1;transform:var(--fx-center) scale(1)}to{opacity:0;transform:var(--fx-center) scale(1.05)}}.fx-number{--fx-center:translate(-50%, calc(-50% - var(--fx-stack,0) * 22px));z-index:4;transform:var(--fx-center);animation:fx-num-up var(--fx-ms) ease-out var(--fx-delay) both;font-size:26px;top:40%;left:50%}.fx-number.num{color:var(--c)}.fx-number.is-down{animation-name:fx-num-down}@keyframes fx-num-up{0%{opacity:0;transform:var(--fx-center) translateY(10px) scale(.7)}14%{opacity:1;transform:var(--fx-center) translateY(6px) scale(1.2)}28%{transform:var(--fx-center) translateY(2px) scale(1)}75%{opacity:1}to{opacity:0;transform:var(--fx-center) translateY(-30px) scale(1)}}@keyframes fx-num-down{0%{opacity:0;transform:var(--fx-center) translateY(-14px) scale(.7)}14%{opacity:1;transform:var(--fx-center) translateY(-10px) scale(1.2)}28%{transform:var(--fx-center) translateY(-6px) scale(1)}75%{opacity:1}to{opacity:0;transform:var(--fx-center) translateY(26px) scale(1)}}.fx-flash{background:radial-gradient(circle, #fff 0%, var(--c) 36%, transparent 72%);mix-blend-mode:screen;animation:fx-flash calc(var(--fx-ms) * .32) ease-out var(--fx-delay) both;border-radius:8px;inset:0}@keyframes fx-flash{0%{opacity:0;scale:.6}30%{opacity:1;scale:1.02}to{opacity:0;scale:1.2}}.fx-glow{background:radial-gradient(circle, var(--c) 0%, transparent 66%);animation:fx-flash var(--fx-ms) ease-out var(--fx-delay) both;border-radius:50%;inset:-18%}.fx-ring{border:4px solid var(--c);width:120px;height:120px;box-shadow:0 0 16px var(--c), inset 0 0 12px var(--c);animation:fx-ring var(--fx-ms) ease-out var(--fx-delay) both;border-radius:50%;margin:-60px 0 0 -60px;top:50%;left:50%}@keyframes fx-ring{0%{opacity:.95;scale:.3}to{opacity:0;scale:1.35}}.fx-burst{width:0;height:0;top:50%;left:50%}.fx-spark{width:var(--l);background:linear-gradient(90deg, var(--c2), var(--c));height:4px;box-shadow:0 0 6px var(--c);transform-origin:0;transform:rotate(var(--a)) translateX(8px);animation:fx-spark calc(var(--fx-ms) * .55) ease-out var(--fx-delay) both;border-radius:2px;display:block;position:absolute;top:-2px;left:0}.is-under .fx-spark{width:calc(var(--l) + 36px)}@keyframes fx-spark{0%{opacity:1;transform:rotate(var(--a)) translateX(4px) scaleX(.2)}45%{opacity:1;transform:rotate(var(--a)) translateX(14px) scaleX(1)}to{opacity:0;transform:rotate(var(--a)) translateX(36px) scaleX(.3)}}.fx-stat{z-index:4;border:2px solid var(--c);box-shadow:0 0 10px var(--c);animation:fx-stat var(--fx-ms) ease-out var(--fx-delay) both;background:#081228e6;border-radius:8px;padding:0 7px;font-size:18px;line-height:1.2;bottom:5px;left:31%;transform:translate(-50%)}.fx-stat.num{color:var(--c)}@keyframes fx-stat{0%,18%{opacity:0}26%,86%{opacity:1}to{opacity:0}}.fx-aura{box-shadow:0 0 0 3px var(--c), 0 0 20px 6px var(--c);animation:fx-aura var(--fx-ms) ease-out var(--fx-delay) both;border-radius:8px;inset:3px}@keyframes fx-aura{0%{opacity:0;scale:.92}25%{opacity:1;scale:1.05}70%{opacity:.85;scale:1}to{opacity:0;scale:1.08}}.fx-outline{background:color-mix(in srgb, var(--c) 16%, transparent);box-shadow:inset 0 0 0 3px var(--c), 0 0 14px 3px var(--c);animation:fx-outline var(--fx-ms) ease-out var(--fx-delay) both;border-radius:8px;inset:3px}@keyframes fx-outline{0%{opacity:0}20%,70%{opacity:1}to{opacity:0}}.fx-beam{clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);mix-blend-mode:screen;animation:fx-outline var(--fx-ms) ease-out var(--fx-delay) both;background:linear-gradient(#ffffeba6,#ffffeb2e 70%,#0000);inset:0 18%}.fx-trail{animation:fx-trail-up var(--fx-ms) ease-in var(--fx-delay) both;background:repeating-linear-gradient(90deg,#0000 0 9px,#ffecbebf 9px 12px);inset:4px 16%;-webkit-mask-image:linear-gradient(#0000,#000 35% 65%,#0000);mask-image:linear-gradient(#0000,#000 35% 65%,#0000)}.fx-trail.from-opponent{animation-name:fx-trail-down}@keyframes fx-trail-up{0%{opacity:0;translate:0 20px}45%{opacity:.85}to{opacity:0;translate:0 -46px}}@keyframes fx-trail-down{0%{opacity:0;translate:0 -20px}45%{opacity:.85}to{opacity:0;translate:0 46px}}.fx-card-selected .fx-ring{border-radius:10px;width:auto;height:auto;margin:0;animation-name:fx-select;inset:-3px}@keyframes fx-select{0%{opacity:1;scale:1}to{opacity:0;scale:1.12}}.fx-sheen{animation:fx-sheen var(--fx-ms) ease-out var(--fx-delay) both;background:linear-gradient(105deg,#0000 30%,#ffffff73 48%,#0000 64%) 0 0/250% 100%;inset:0}@keyframes fx-sheen{0%{background-position:110% 0}to{background-position:-40% 0}}.fx-shield{background:radial-gradient(circle, #ffffff0d 52%, color-mix(in srgb, var(--fx-c-shield) 35%, transparent) 68%, var(--fx-c-shield) 75%, transparent 79%);width:150px;height:150px;box-shadow:0 0 18px color-mix(in srgb, var(--fx-c-immunity) 55%, transparent);animation:fx-shield var(--fx-ms) ease-out var(--fx-delay) both;border-radius:50%;margin:-75px 0 0 -75px;top:50%;left:50%}@keyframes fx-shield{0%{opacity:0;scale:.7}22%{opacity:.9;scale:1}38%{opacity:1;filter:brightness(1.9)}80%{opacity:.8;filter:none}to{opacity:0;scale:1.04}}.fx-cracks{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--fx-c-immunity) 60%, #fff));animation:fx-cracks var(--fx-ms) ease-out var(--fx-delay) both;background:linear-gradient(35deg,#0000 48.6%,#fff 49.4% 50.6%,#0000 51.4%),linear-gradient(-58deg,#0000 48.8%,#fff 49.5% 50.5%,#0000 51.2%),linear-gradient(98deg,#0000 49.2%,#ffffffe6 49.7%,#0000 50.3%);inset:8px 14px}@keyframes fx-cracks{0%,30%{opacity:0;scale:.6}40%{opacity:1;scale:1}70%,to{opacity:0}}.fx-shield-ring{border:2px solid color-mix(in srgb, var(--fx-c-shield) 60%, var(--fx-c-immunity));background:radial-gradient(ellipse at 50% 45%, transparent 55%, color-mix(in srgb, var(--fx-c-shield) 22%, transparent) 80%);box-shadow:0 0 10px color-mix(in srgb, var(--fx-c-immunity) 70%, transparent);pointer-events:none;z-index:2;border-radius:10px;position:absolute;inset:-4px}.fx-lp-flash{background:radial-gradient(ellipse, var(--c), transparent 72%);animation:fx-flash calc(var(--fx-ms) * .5) ease-out var(--fx-delay) both;border-radius:12px;inset:-6px -8px}.fx-sparkles{inset:0}.fx-star{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:fx-twinkle calc(var(--fx-ms) * .6) ease-in-out calc(var(--fx-delay) + var(--fx-ms) * var(--d)) both;background:#fff;position:absolute}@keyframes fx-twinkle{0%{opacity:0;rotate:0deg;scale:0}45%{opacity:1;scale:1}to{opacity:0;rotate:60deg;scale:.2}}.fx-ghost{z-index:1;width:132px;height:128px;margin:-64px 0 0 -66px;top:50%;left:50%}.fx-ghost .thumb{box-shadow:none}.fx-ghost.is-destroyed{animation:fx-ghost-destroy var(--fx-ms) linear var(--fx-delay) both}@keyframes fx-ghost-destroy{0%{filter:none;opacity:1}8%{filter:brightness(1.5)sepia()saturate(5)hue-rotate(-45deg)}22%{filter:brightness(.9)sepia(.6)saturate(3)hue-rotate(-45deg);opacity:1}55%{filter:brightness(.35)grayscale(.6);opacity:.7}70%,to{opacity:0;filter:brightness(.2)grayscale()}}.fx-destroy .fx-flash{animation-duration:calc(var(--fx-ms) * .24);z-index:2}.fx-destroy .fx-label{animation-duration:calc(var(--fx-ms) * .7)}.fx-smoke{z-index:2;width:0;height:0;top:50%;left:50%}.fx-puff{left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:radial-gradient(circle at 42% 38%, color-mix(in srgb, var(--fx-c-smoke) 45%, #a090b0) 0%, color-mix(in srgb, var(--fx-c-smoke) 97%, transparent) 30%, color-mix(in srgb, var(--fx-c-smoke) 90%, transparent) 55%, transparent 72%);animation:fx-puff var(--fx-ms) ease-out calc(var(--fx-delay) + var(--fx-ms) * (.1 + var(--d))) both;border-radius:50%;position:absolute}@keyframes fx-puff{0%{opacity:0;scale:.2}22%{opacity:1;scale:1.05}55%{opacity:1;scale:1.3}82%{opacity:.55;scale:.55}to{opacity:0;scale:.2}}.fx-energy{background:conic-gradient(from 0deg, transparent, var(--fx-c-resurrect), transparent 30%, var(--fx-c-resurrect-glow), transparent 62%, var(--fx-c-resurrect), transparent);animation:fx-energy var(--fx-ms) ease-out var(--fx-delay) both;border-radius:50%;inset:-14px;-webkit-mask-image:radial-gradient(circle,#0000 28%,#000 44%,#0000 70%);mask-image:radial-gradient(circle,#0000 28%,#000 44%,#0000 70%)}@keyframes fx-energy{0%{opacity:0;rotate:0deg;scale:.6}25%{opacity:1}75%{opacity:.8}to{opacity:0;rotate:200deg;scale:1.2}}.fx-motes{width:0;height:0;top:50%;left:50%}.fx-mote{left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:color-mix(in srgb, var(--fx-c-resurrect) 30%, #fff);box-shadow:0 0 8px var(--fx-c-resurrect);animation:fx-mote var(--fx-ms) ease-out calc(var(--fx-delay) + var(--fx-ms) * var(--d)) both;border-radius:50%;position:absolute}@keyframes fx-mote{0%{opacity:0;translate:0 14px}30%{opacity:1}to{opacity:0;translate:0 -34px}}.fx-ghost.is-rising{--g:1;animation:fx-rise var(--fx-ms) var(--fx-ease-out) var(--fx-delay) both}.fx-ghost.is-rising.in-grave{--g:.62;animation-name:fx-rise-grave}@keyframes fx-rise{0%{opacity:0;scale:calc(var(--g) * var(--fx-res-from));filter:brightness(0) drop-shadow(0 0 10px var(--fx-c-resurrect))}40%{opacity:.8;filter:brightness(.35) saturate(0) drop-shadow(0 0 12px var(--fx-c-resurrect))}70%{opacity:1;scale:var(--g);filter:drop-shadow(0 0 14px var(--fx-c-resurrect-glow))}to{opacity:0;scale:var(--g);filter:none}}@keyframes fx-rise-grave{0%{opacity:0;scale:calc(var(--g) * var(--fx-res-from));filter:brightness(0) drop-shadow(0 0 10px var(--fx-c-resurrect))}40%{opacity:.8;filter:brightness(.35) saturate(0) drop-shadow(0 0 12px var(--fx-c-resurrect))}60%{opacity:1;scale:var(--g);filter:drop-shadow(0 0 14px var(--fx-c-resurrect-glow))}62%,to{opacity:0;scale:var(--g)}}.grave-top .fx-resurrected .fx-label{font-size:24px;left:150%}.fx-resurrected .fx-label,.fx-turn-resolved .fx-label{font-style:italic}.fx-turn-resolved .fx-label{font-size:32px}.fx-card-placed .fx-flash,.fx-card-placed .fx-ring{animation-delay:var(--fx-land,var(--fx-delay))}.fx-card-placed .fx-ring{width:132px;height:132px;margin:-66px 0 0 -66px}.fx-card-placed .fx-star{animation-delay:calc(var(--fx-land,var(--fx-delay)) + var(--fx-ms) * var(--d) * .5)}.slot.fx-arriving>.slot-card,.slot.fx-arriving>.card-back{animation:fx-arrive var(--fx-land-ms,.34s) step-end both}@keyframes fx-arrive{0%{visibility:hidden}to{visibility:visible}}.board.fx-init{transform-origin:50% 0;animation:fx-board-in var(--fx-init-ms,.42s) ease-out both}.board.fx-init .slot:before,.board.fx-init .hex-plaque{animation:fx-slot-in var(--fx-init-reveal) ease-out calc(var(--fx-i,0) * var(--fx-init-stagger) + var(--fx-init-ms,.42s) * .35) both}@keyframes fx-board-in{0%{opacity:0;filter:brightness(1.35) drop-shadow(0 0 18px var(--fx-c-place));scale:.97}to{opacity:1;filter:none;scale:1}}@keyframes fx-slot-in{0%{opacity:0;scale:.85}60%{opacity:1;filter:drop-shadow(0 0 10px var(--fx-c-place))}to{opacity:1;scale:1}}.board.fx-attacking .slot:not(.is-striking)>.slot-card{filter:brightness(var(--fx-dim));transition:filter .15s}.board.fx-shake{animation:fx-shake var(--fx-shake-ms,.26s) ease-out var(--fx-shake-delay,0s) both}@keyframes fx-shake{0%,to{translate:0}20%{translate:calc(var(--fx-shake) * -1) 1px}40%{translate:var(--fx-shake) -1px}60%{translate:calc(var(--fx-shake) * -.6) 0}80%{translate:calc(var(--fx-shake) * .4) 0}}.slot.is-legal{box-shadow:inset 0 0 0 4px var(--fx-c-select), 0 0 18px 2px color-mix(in srgb, var(--fx-c-select) 75%, transparent);animation:legal-pulse var(--fx-legal-pulse) ease-in-out infinite alternate}.slot.is-legal .hex-plaque{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--fx-c-select) 90%, transparent))}@keyframes legal-pulse{to{box-shadow:inset 0 0 0 4px var(--fx-c-select), 0 0 26px 5px color-mix(in srgb, var(--fx-c-select) 95%, transparent)}}.slot.is-invalid>.slot-card,.slot.is-invalid>.hex-plaque{filter:brightness(.62)saturate(.55)}.slot.is-invalid:before{opacity:.55}.slot.fx-boosted>.slot-card .thumb{box-shadow:0 0 0 2px var(--fx-c-boost), 0 0 12px color-mix(in srgb, var(--fx-c-boost) 60%, transparent)}.hand-card{position:relative}.hand-card[aria-pressed=true],.hand-card[aria-pressed=true]:hover:not(:disabled){transform:translateX(-10px) scale(var(--fx-lift));z-index:1}.hand-card[aria-pressed=true] .thumb{box-shadow:0 0 0 4px var(--fx-c-select), 0 0 18px 6px color-mix(in srgb, var(--fx-c-select) 80%, transparent), 0 10px 18px #00000080}.bam-ribbon.fx-bam-pulse,.bam-ribbon.is-busy.fx-bam-pulse{opacity:1;animation:fx-bam-pulse var(--fx-ms) var(--fx-ease-pop) var(--fx-delay) both}@keyframes fx-bam-pulse{0%{transform:translate(-50%,-50%)scale(1)}35%{transform:translate(-50%, -50%) scale(var(--fx-bam-pulse));filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 16px var(--fx-c-bam))}to{filter:drop-shadow(0 4px 5px #00000080);transform:translate(-50%,-50%)scale(1)}}.grave-top,.portrait-lp{position:relative}.fx-lane{pointer-events:none;z-index:6;width:64px;height:44px;margin:-22px 0 0 -32px;position:absolute;top:50%}.fx-lane.ch-0{left:87px}.fx-lane.ch-1{left:243px}.fx-lane.ch-2{left:399px}.fx-bam-anchor{pointer-events:none;z-index:5;width:236px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portrait-lp .fx-number.num{--fx-center:translate(0, calc(-50% - var(--fx-stack,0) * 22px));margin-left:4px;font-size:22px;top:50%;left:100%}.lp-bar{pointer-events:none;background:#061024d9;border-radius:3px;height:6px;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden;box-shadow:0 0 0 1px #d2e8ff59}.lp-bar-fill{height:100%;width:var(--lp-pct);background:hsl(calc(var(--lp-frac) * 110), 80%, 50%);transition:width var(--lp-ms,.6s) ease-out, background-color var(--lp-ms,.6s);display:block}.card-info .ci-body{animation:ci-enter var(--fx-preview-in) var(--fx-ease-out) both}@keyframes ci-enter{0%{opacity:0;translate:-14px;scale:.96}}.fx-reduced .fx,.fx-reduced .fx *,.fx-reduced .fx-victory,.fx-reduced .fx-victory *,.fx-reduced .board.fx-shake,.fx-reduced .board.fx-init,.fx-reduced .board.fx-init .slot:before,.fx-reduced .board.fx-init .hex-plaque,.fx-reduced .slot.fx-arriving>.slot-card,.fx-reduced .slot.fx-arriving>.card-back,.fx-reduced .slot.is-legal,.fx-reduced .bam-ribbon.fx-bam-pulse,.fx-reduced .card-info .ci-body{animation:none!important}.fx-reduced .lp-bar-fill{transition:none!important}.fx-reduced .fx-flight,.fx-reduced .fx-trail,.fx-reduced .fx-burst,.fx-reduced .fx-puff:not(:first-child),.fx-reduced .fx-motes,.fx-reduced .fx-sparkles,.fx-reduced .fx-ring,.fx-reduced .fx-flash,.fx-reduced .fx-beam,.fx-reduced .fx-cracks,.fx-reduced .fx-energy,.fx-reduced .fx-sheen,.fx-reduced .fx-victory-streak,.fx-reduced .fx-victory-echo,.fx-reduced .fx-victory .fx-star{display:none}.fx-reduced .fx-ghost.is-destroyed{opacity:.4;filter:grayscale()brightness(.5)}.fx-reduced .fx-ghost.is-rising.in-grave{display:none}.fx-layer{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:hidden}.fx-layer *{pointer-events:none}.fx-flight{width:132px;height:128px;translate:-50% -50%;scale:var(--s0);filter:drop-shadow(0 10px 12px #00000073);animation:fx-fly var(--fly-ms) var(--fx-ease-flight) var(--fly-delay) both;position:absolute}.fx-flight .thumb{box-shadow:0 0 14px #bfe4ffb3}@keyframes fx-fly{0%{opacity:0;translate:-50% -50%;scale:var(--s0)}1%{opacity:1}to{opacity:1;translate:calc(-50% + var(--dx)) calc(-50% + var(--dy));scale:var(--s1)}}.fx-flight-destroy{filter:grayscale(.85)brightness(.6)drop-shadow(0 0 8px #140e1ae6)}.fx-flight-resurrected{filter:drop-shadow(0 0 10px #b18cffe6)}.fx-victory{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fx-victory-veil{animation:fx-veil var(--fx-ms) ease-out var(--fx-delay) both;background:radial-gradient(#0a1e461f,#040c1e8c);position:absolute;inset:0}@keyframes fx-veil{0%{opacity:0}15%,to{opacity:1}}.fx-victory-text,.fx-victory-echo{letter-spacing:1px;white-space:nowrap;font-size:96px;font-weight:900;position:absolute;top:46%;left:50%;translate:-50% -50%}.fx-victory-text{background:linear-gradient(180deg, #fff7c2 0%, var(--fx-c-victory) 46%, var(--fx-c-victory-deep) 100%);color:#0000;-webkit-text-stroke:3px #5a2a06;paint-order:stroke fill;filter:drop-shadow(0 0 16px #ffc93cd9)drop-shadow(0 5px #00000059);animation:fx-victory-in var(--fx-ms) var(--fx-ease-out) var(--fx-delay) both;-webkit-background-clip:text;background-clip:text}.fx-victory-echo{color:#ffc93c59;-webkit-text-stroke:2px #5a2a0666;animation:fx-victory-echo var(--fx-ms) ease-out var(--fx-delay) both}@keyframes fx-victory-in{0%{opacity:0;scale:var(--fx-victory-from)}16%{opacity:1;scale:.94}24%{scale:1.04}32%{scale:1}84%{opacity:1;scale:1}to{opacity:0;scale:1.05}}@keyframes fx-victory-echo{0%,12%{opacity:0;scale:1}22%{opacity:.8;scale:1.05}60%{opacity:0;scale:1.45}to{opacity:0}}.fx-victory-streak{width:160%;height:4px;animation:fx-streak var(--fx-ms) ease-out var(--fx-delay) both;background:linear-gradient(90deg,#0000,#fffffff2 50%,#0000);position:absolute;top:44%;left:-30%;rotate:-16deg}@keyframes fx-streak{0%,18%{opacity:0;translate:-40%}30%{opacity:1}50%,to{opacity:0;translate:40%}}.fx-victory .fx-star{animation-duration:calc(var(--fx-ms) * .45)}.pf-profile{--pf-accent:#4fe0ff;--pf-accent-rgb:79, 224, 255;border:1px solid rgba(var(--pf-accent-rgb), .45);background:linear-gradient(135deg, rgba(var(--pf-accent-rgb), .14), transparent 46%), linear-gradient(180deg, #16284ef0, #070f22f5);width:100%;height:80px;box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px #040a1899, 0 6px 14px #00000073, 0 0 12px rgba(var(--pf-accent-rgb), .18);color:#fff;text-align:left;font:inherit;border-radius:14px 4px;flex:none;grid-template-columns:62px minmax(0,1fr);align-items:center;column-gap:10px;padding:8px 12px 8px 8px;display:grid;position:relative}.pf-profile.is-opponent{--pf-accent:#c38bff;--pf-accent-rgb:195, 139, 255;border-radius:4px 14px}.pf-profile:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--pf-accent-rgb), .9), transparent);pointer-events:none;border-radius:1px;height:2px;position:absolute;top:-1px;left:14px;right:14px}.pf-avatar{width:62px;height:62px;position:relative}.pf-profile .portrait-frame{border:2px solid var(--pf-accent);width:100%;height:100%;box-shadow:0 0 0 2px #040a18d9, 0 0 10px rgba(var(--pf-accent-rgb), .45);background:#0b1f44;border-radius:50%;display:block;position:relative;overflow:hidden}.pf-avatar-ring{border:1.5px solid rgba(var(--pf-accent-rgb), .55);pointer-events:none;border-radius:50%;position:absolute;inset:-5px}.pf-avatar-img,.pf-profile .portrait-svg{object-fit:cover;width:100%;height:100%;display:block}.pf-id{flex-direction:column;gap:2px;min-width:0;display:flex}.pf-name-row{align-items:center;gap:6px;min-width:0;display:flex}.pf-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.6px;text-transform:uppercase;color:#eef7ff;unicode-bidi:plaintext;flex:auto;min-width:0;font-size:13px;font-weight:800;line-height:17px;overflow:hidden}.pf-rank{border:1px solid rgba(var(--pf-accent-rgb), .7);color:var(--pf-accent);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:#08132c;border-radius:8px;padding:0 7px;font-size:9px;font-weight:800;line-height:14px;position:absolute;top:-8px;right:12px}.pf-lp-row{align-items:baseline;gap:5px;min-width:0;display:flex}.pf-lp-label{letter-spacing:1px;color:var(--pf-accent);font-size:11px;font-weight:900}.pf-profile .portrait-lp{margin:0;display:inline-flex;position:relative}.pf-profile .portrait-lp .num{-webkit-text-stroke-width:3px;font-size:25px;line-height:28px}.pf-profile .lp-bar{width:100%;height:6px;box-shadow:0 0 0 1px rgba(var(--pf-accent-rgb), .35);background:#030814e6;border-radius:3px;display:block;position:relative;bottom:auto;left:auto;right:auto}.pf-profile .lp-bar-fill{width:100%;transform:scaleX(var(--lp-frac));transform-origin:0;background:hsl(calc(var(--lp-frac) * 110), 85%, 50%);box-shadow:0 0 6px hsla(calc(var(--lp-frac) * 110), 90%, 55%, .7);transition:transform var(--lp-ms,.6s) ease-out, background-color var(--lp-ms,.6s);border-radius:3px}.pf-emblem{border:1px solid rgba(var(--pf-accent-rgb), .8);width:22px;height:22px;color:var(--pf-accent);pointer-events:none;background:#08132c;border-radius:50%;padding:2px;position:absolute;top:52px;left:52px}.pf-profile .portrait-chips{z-index:2;gap:2px;display:flex;position:absolute;top:-10px;right:-8px}.pf-profile.is-preview{width:230px}.pf-editor-backdrop{z-index:90;background:#0206129e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pf-editor{color:#eaf4ff;scrollbar-width:thin;scrollbar-color:#3e6fae transparent;background:radial-gradient(60% 40% at 50% 0,#4fe0ff1f,#0000 70%),linear-gradient(#12244afa,#060d1efa);border:1px solid #4fe0ff73;border-radius:16px 4px;outline:none;grid-template-columns:250px minmax(0,1fr);grid-template-areas:"title title""preview preview""avatar field""note note""notice notice""actions actions";gap:12px 20px;width:640px;max-height:calc(100% - 24px);padding:18px 22px;display:grid;position:relative;overflow-y:auto;box-shadow:inset 0 1px #ffffff1a,0 16px 40px #0009,0 0 22px #4fe0ff29}.pf-editor:focus-visible{box-shadow:0 0 0 3px #4fe0ffd9,0 16px 40px #0009}.pf-editor-title{letter-spacing:1px;text-transform:uppercase;color:#dff6ff;grid-area:title;margin:0;font-size:22px;font-weight:900}.pf-editor-preview{background:#0308148c;border:1px dashed #4fe0ff4d;border-radius:10px;grid-area:preview;align-items:center;gap:14px;padding:8px 10px;display:flex}.pf-editor-caption{letter-spacing:1px;text-transform:uppercase;color:#8fb7e0;font-size:11px;font-weight:800}.pf-avatar-picker{flex-direction:column;grid-area:avatar;align-items:center;gap:10px;display:flex}.pf-crop{touch-action:none;background:#0b1f44;border:1px solid #4fe0ff80;border-radius:10px;width:150px;height:150px;position:relative;overflow:hidden}.pf-crop.is-cropping{cursor:grab}.pf-crop.is-cropping:active{cursor:grabbing}.pf-crop-view{display:block;position:absolute;inset:0;overflow:hidden}.pf-crop-view img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.pf-crop-mask{pointer-events:none;background:radial-gradient(circle,#0000 69%,#0206128c 70%);border-radius:10px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #4fe0ff59}.pf-avatar-tools{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.pf-file-label{text-align:center;cursor:pointer;background:linear-gradient(#3078c8e6,#143c82e6);border:1px solid #4fe0ffb3;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:800;display:block;box-shadow:inset 0 1px #ffffff40}.pf-file-label:hover{filter:brightness(1.12)}.pf-file:focus-visible+.pf-file-label{outline-offset:2px;outline:3px solid #4fe0ff}.pf-link-btn{color:#ffb3a8;background:0 0;border:none;padding:4px;font-size:13px;font-weight:700;text-decoration:underline}.pf-slider{color:#bcd6f7;grid-template-columns:78px 1fr;align-items:center;gap:6px;font-size:12px;font-weight:700;display:grid}.pf-slider input{accent-color:#4fe0ff;width:100%}.pf-field{flex-direction:column;grid-area:field;gap:6px;display:flex}.pf-field label{letter-spacing:.8px;text-transform:uppercase;color:#9fd8ff;font-size:13px;font-weight:800}.pf-field input{color:#fff;height:40px;font:inherit;-webkit-user-select:text;user-select:text;background:#030814bf;border:1px solid #4fe0ff8c;border-radius:8px;padding:0 12px;font-size:17px;font-weight:700}.pf-field input:focus-visible{outline-offset:1px;outline:3px solid #4fe0ff}.pf-field input[aria-invalid=true]{border-color:#ff7a6a}.pf-hint,.pf-error,.pf-editor-note{margin:0;font-size:12px;line-height:1.35}.pf-hint{color:#9fb8dc}.pf-error{color:#ffb3a8;font-weight:700}.pf-editor-note{color:#f6d98a;grid-area:note}.pf-editor>.pf-error{grid-area:notice}.pf-editor-actions{grid-area:actions;justify-content:flex-end;gap:12px;display:flex}.pf-editor-actions .glossy{min-height:42px;font-size:17px}.pf-editor.is-compact{grid-template:"avatar title""avatar preview""avatar field""avatar note""avatar notice""avatar actions"1fr/380px minmax(0,1fr);gap:12px 24px;width:calc(100% - 16px);max-height:calc(100% - 16px);padding:16px 22px}.pf-editor.is-compact .pf-editor-title{font-size:32px;line-height:1.1}.pf-editor.is-compact .pf-editor-preview{padding:6px 10px}.pf-editor.is-compact .pf-editor-caption{font-size:15px}.pf-editor.is-compact .pf-profile.is-preview{grid-template-columns:70px minmax(0,1fr);width:320px;height:92px}.pf-editor.is-compact .pf-profile.is-preview .pf-avatar{width:70px;height:70px}.pf-editor.is-compact .pf-profile.is-preview .pf-name{font-size:18px;line-height:22px}.pf-editor.is-compact .pf-profile.is-preview .portrait-lp .num{font-size:32px;line-height:34px}.pf-editor.is-compact .pf-profile.is-preview .pf-emblem{display:none}.pf-editor.is-compact .pf-avatar-picker{grid-template-columns:176px minmax(0,1fr);align-content:start;align-items:start;gap:10px 14px;display:grid}.pf-editor.is-compact .pf-avatar-tools{display:contents}.pf-editor.is-compact .pf-crop{grid-row:1/span 2;width:176px;height:176px}.pf-editor.is-compact .pf-file-label{min-height:max(72px, var(--pf-touch,0px));justify-content:center;align-items:center;font-size:24px;display:flex}.pf-editor.is-compact .pf-link-btn{min-height:max(52px, var(--pf-touch,0px));font-size:21px}.pf-editor.is-compact .pf-slider,.pf-editor.is-compact .pf-avatar-picker .pf-hint,.pf-editor.is-compact .pf-avatar-picker .pf-error{grid-column:1/-1}.pf-editor.is-compact .pf-slider{grid-template-columns:150px 1fr;font-size:20px}.pf-editor.is-compact .pf-slider input{height:max(52px, var(--pf-touch,0px))}.pf-editor.is-compact .pf-field{gap:8px}.pf-editor.is-compact .pf-field label{font-size:21px}.pf-editor.is-compact .pf-field input{height:max(76px, var(--pf-touch,0px));padding:0 16px;font-size:30px}.pf-editor.is-compact .pf-hint,.pf-editor.is-compact .pf-error,.pf-editor.is-compact .pf-editor-note{font-size:18px}.pf-editor.is-compact .pf-editor-actions{align-self:end;gap:16px}.pf-editor.is-compact .pf-editor-actions .glossy{min-height:max(76px, var(--pf-touch,0px));padding:4px 30px;font-size:28px}.pu-banner{z-index:9;border:2px solid rgba(var(--pu), 1);box-shadow:0 0 14px rgba(var(--pu), .9);color:#fff;letter-spacing:.06em;white-space:nowrap;text-shadow:0 0 8px rgba(var(--pu), 1);animation:pu-banner var(--fx-ms,.6s) ease-out both;background:#0a0e1ae0;border-radius:6px;padding:2px 10px 3px;font-size:15px;font-weight:900;position:absolute;top:10%;left:50%;transform:translate(-50%)}@keyframes pu-banner{0%{opacity:0;transform:translate(-50%)scale(.6)}14%{opacity:1;transform:translate(-50%)scale(1.18)}28%{transform:translate(-50%)scale(1)}36%,56%{filter:brightness(1.7)}46%,66%{filter:brightness()}82%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-8px)}}.slot.pu-glow .slot-card{box-shadow:0 0 0 3px rgba(var(--pu), .95), 0 0 22px 6px rgba(var(--pu), .75);border-radius:8px;animation:1.8s ease-in-out infinite pu-status-pulse}.slot.pu-glow-guard .slot-card{box-shadow:0 0 0 3px rgba(var(--pu), .95), 0 0 22px 6px #966effbf}@keyframes pu-status-pulse{50%{box-shadow:0 0 0 3px rgba(var(--pu), .7), 0 0 26px 7px rgba(var(--pu), .9)}}.pu-status{z-index:3;pointer-events:none;background:#0a0e1acc;border-radius:10px;gap:2px;padding:1px 3px;display:flex;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.slot.pu-glow .slot-card{animation:none}.pu-banner{animation-name:pu-banner-fade;animation-duration:var(--fx-ms,.6s)!important}@keyframes pu-banner-fade{0%,to{opacity:0}15%,85%{opacity:1}}}:where(:root[data-reduced-motion]) .slot.pu-glow .slot-card{animation:none}:where(:root[data-reduced-motion]) .pu-banner{animation-name:pu-banner-fade;animation-duration:var(--fx-ms,.6s)!important}@keyframes pu-banner-fade{0%,to{opacity:0}15%,85%{opacity:1}}.card-info .ci-name{color:#fff;align-items:center;gap:5px;margin:0 0 5px;font-size:13px;font-weight:800;line-height:1.15;display:flex}.card-info .ci-name .rarity-gem{flex:none;position:static}.card-info .ci-art{border:2px solid #d9822b;border-radius:5px;height:88px;margin:0 0 5px;overflow:hidden}.card-info .ci-art.ci-spell{border-color:#3fae5a}.card-info .ci-art>*{object-fit:cover;width:100%;height:100%}.card-info .ci-type{color:#9fc3ee;margin:0 0 3px}.card-info .ci-stats{align-items:center;gap:3px;margin:0 0 6px;display:flex}.card-info .ci-stats .num{margin-right:6px;font-size:15px}.card-info .ci-line{color:#e6f0ff}.card-info .ci-line strong{color:#ffd35a}.card-info p.ci-hint,.card-info p.ci-hint:last-child{color:#7f9fc8;margin-top:8px;font-style:italic;font-weight:400}.portrait-svg{width:100%;height:100%;display:block}.board{grid-template-rows:132px 132px 40px 132px 132px;row-gap:4px;width:478px;height:584px;padding:0 11px;display:grid;position:absolute;top:calc(50% + 22px);left:232px;transform:translateY(-50%)}.board-cols{pointer-events:none;grid-template-columns:repeat(3,148px);column-gap:8px;padding:0 9px;display:grid;position:absolute;inset:0}.board-col{background:linear-gradient(#4682d229,#14326e1a 50%,#4682d229);border:1px solid #78cdff42;border-radius:8px;transition:box-shadow .15s,background .15s;box-shadow:inset 0 0 0 1px #040c1e73,inset 0 0 18px #4fe0ff0f}.board-col.is-active{background:linear-gradient(#fff4be3d,#ffdc781f);box-shadow:0 0 18px #ffe68c80,inset 0 0 0 2px #ffeca0a6}.board-emblem{pointer-events:none;border:2px solid #4fe0ff24;border-radius:50%;width:210px;height:210px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 22px #4fe0ff09,inset 0 0 0 24px #b77bff1a}.board-row{z-index:1;grid-template-columns:repeat(3,144px);justify-content:center;column-gap:12px;display:grid;position:relative}.slot{background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:144px;height:132px;padding:0;display:flex;position:relative}.slot>.slot-card{display:block;position:relative}.slot:before{content:"";background:linear-gradient(#96c3f533,#4678be1f);border:1px solid #040e22b3;border-radius:7px;position:absolute;inset:2px;box-shadow:inset 0 0 0 1px #96d7ff61,inset 0 -10px 18px #06122c59}.slot:focus-visible{outline-offset:1px;outline:3px solid #4fe0ff}.hex-plaque{filter:drop-shadow(0 2px 2px #0000004d);width:108px;height:108px;position:relative}.slot.is-picked>.slot-card{z-index:4;transition:transform .12s ease-out;transform:translateY(-7px)scale(1.04)}.slot.is-fresh.is-picked .thumb{box-shadow:0 0 0 3px var(--gold), 0 10px 16px #00000073, 0 0 16px #f6c343d9}.slot.is-target{cursor:crosshair;box-shadow:inset 0 0 0 4px #ff9a3a,0 0 18px 2px #ff9a3acc}.slot.is-fresh .thumb{box-shadow:0 0 0 3px var(--legal-green), 0 0 12px #6fcb3dcc}.slot-chips{z-index:5;gap:1px;display:flex;position:absolute;top:2px;right:2px}.slot.is-picked>.slot-chips{transform:translateY(-7px)}.clash-lane{margin:0 -2px;position:relative}.board-row.is-striking-row{z-index:2}.clash-hexes{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='36'%3E%3Cpath d='M10.5 0h21L42 18 31.5 36h-21L0 18z' fill='%23071a3e' fill-opacity='0.7' stroke='%234fe0ff' stroke-opacity='0.4' stroke-width='1.2'/%3E%3C/svg%3E") 50%/42px 36px repeat-x;border-radius:4px;position:absolute;inset:4px 0}.clash-badge{animation:badge-pop .22s ease-out calc(var(--fx-ms,0s) * .5) backwards;z-index:3;background:#0a1a3aeb;border:2px solid #ffd35a;border-radius:14px;align-items:center;gap:6px;padding:2px 10px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.clash-badge .num{font-size:20px}.clash-badge .vs{color:#ffd35a;font-size:13px;font-weight:900}.clash-badge.direct{border-color:#ff5a4a}.clash-badge.direct .num{color:#ff8a7a}.clash-badge.ch-0{left:87px}.clash-badge.ch-1{left:243px}.clash-badge.ch-2{left:399px}@keyframes badge-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.hand-cards{flex-direction:column;align-items:center;gap:14px;display:flex}.hand-cards.count-4{gap:0}.hand-cards.count-4 .hand-card+.hand-card{margin-top:-18px}.hand-cards.count-5 .hand-card+.hand-card{margin-top:-44px}.hand-card{background:0 0;border:none;border-radius:6px;padding:0;transition:transform .12s}.reveal-strip{gap:2px;margin:-22px 0;display:flex;transform:scale(.52)}.duel-notice{border:2px solid var(--select-yellow);color:#fff6b0;text-align:center;z-index:30;background:#06152feb;border-radius:16px;max-width:430px;padding:6px 16px;font-size:14px;font-weight:700;position:absolute;top:calc(50% - 268px);left:471px;transform:translate(-50%)}.powerup-tray{z-index:40;background:linear-gradient(#12264efa,#060e20fa);border:1px solid #f6c3438c;border-radius:10px;width:330px;max-height:440px;padding:10px;position:absolute;bottom:64px;right:8px;overflow-y:auto;box-shadow:0 8px 20px #0009,0 0 14px #f6c34326}.powerup-tray ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tray-hint,.tray-empty{color:#bcd6f7;margin:0 0 8px;font-size:12px}.tray-item{text-align:left;background:#0a1e4699;border:1px solid #7fb6ff59;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:32px 1fr auto;align-items:center;column-gap:8px;width:100%;padding:4px 6px;display:grid}.tray-item.is-pending{border-color:var(--select-yellow);box-shadow:0 0 8px #f2e24a99}.tray-item svg{grid-row:span 2}.tray-name{font-size:14px;font-weight:800}.tray-count{font-size:17px}.tray-desc{color:#bcd6f7;grid-column:2/4;font-size:11px}.tray-attached{gap:6px;margin-top:8px;display:flex}.tray-chip{border:1px solid var(--panel-glow);background:#06152fcc;border-radius:12px;align-items:center;gap:2px;padding:2px 6px;font-weight:800;display:inline-flex}.result-popup h2{margin:0 0 4px;font-size:42px}.result-backdrop{overflow:hidden}.result-backdrop.is-loss{background:#03060ecc}.result-popup{position:relative}.result-popup.is-win{animation:.5s cubic-bezier(.2,1.4,.4,1) result-burst}.result-popup.is-loss{animation:.6s cubic-bezier(.3,1.25,.5,1) result-sink}.result-rays{pointer-events:none;width:760px;height:760px;margin:-380px 0 0 -380px;animation:.6s ease-out rays-in;position:absolute;top:50%;left:50%}.result-rays:before{content:"";background:repeating-conic-gradient(#ffe88242 0deg 8deg,#0000 8deg 22.5deg);border-radius:50%;animation:16s linear infinite rays-spin;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 64%);mask-image:radial-gradient(circle,#000 20%,#0000 64%)}.result-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:radial-gradient(circle,#fffbe0 0%,#ffd84a 60%);width:26px;height:26px;margin:-13px 0 0 -13px;animation:1.6s ease-in-out infinite backwards star-twinkle;position:absolute}@keyframes result-burst{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes result-sink{0%{opacity:0;transform:translateY(-70px)}70%{opacity:1;transform:translateY(6px)}to{transform:translateY(0)}}@keyframes rays-in{0%{opacity:0}}@keyframes rays-spin{to{transform:rotate(360deg)}}@keyframes star-twinkle{0%,to{opacity:.35;transform:scale(.55)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(25deg)}}@media (prefers-reduced-motion:reduce){.result-rays:before,.result-star{animation:none}}:where(:root[data-reduced-motion]) .result-rays:before,:where(:root[data-reduced-motion]) .result-star{animation:none}.result-popup.is-win h2{color:#fff3a0}.result-popup.is-loss h2{color:#ffb3a8}.result-reason{color:#cfe2ff;margin:0 0 12px}.reward-list{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0 auto 14px;padding:0;font-size:17px;font-weight:800;list-style:none;display:flex}.reward-list li{align-items:center;gap:8px;display:flex}.lost-to{justify-content:center;align-items:center;gap:12px;margin-bottom:14px;font-weight:700;display:flex}.lost-to-text{text-align:left;flex-direction:column;gap:4px;display:flex}.lost-to-hint{color:#9fd8ff;max-width:300px;font-size:14px;font-weight:600}.inspect-backdrop{z-index:45;background:#030a1973;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.inspect-panel{background:linear-gradient(180deg, var(--navy-2), var(--navy-1));border:3px solid var(--panel-border);box-shadow:inset 0 0 0 1px var(--panel-glow), 0 12px 30px #0009;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 14px 14px;animation:.15s ease-out popup-in;display:flex}.inspect-card{width:280px;height:440px;font-size:15px}.inspect-power{margin:0;font-weight:800}.inspect-power .num{font-size:22px}.inspect-power .num.up{color:#b9ff8a}.inspect-power .num.down{color:#ffb3a8}.inspect-panel .glossy{min-height:40px;font-size:18px}.row-player-monster .slot.is-striking{--dir:1}.row-opponent-monster .slot.is-striking{--dir:-1}.slot.is-striking{--lunge:24px;z-index:5}.slot.strike-win{--lunge:32px}.slot.strike-direct{--lunge:44px}.slot.is-striking>.slot-card{z-index:1;animation:strike var(--fx-ms,.9s) cubic-bezier(.3, 0, .3, 1) both;will-change:transform}.slot.strike-lose>.slot-card{animation-name:strike-lose}@keyframes strike{0%{transform:none}14%{transform:translateY(calc(var(--dir) * 4px)) scale(1.02)}30%{transform:translate(-2px, calc(var(--dir) * 6px)) scale(1.05)}38%{transform:translate(2px, calc(var(--dir) * 6px)) scale(1.05)}46%{transform:translate(-1px, calc(var(--dir) * 7px)) scale(1.07)}55%{transform:translateY(calc(var(--dir) * -1 * var(--lunge))) scale(1.1)}66%{transform:translateY(calc(var(--dir) * -.7 * var(--lunge))) scale(1.05)}to{transform:none}}@keyframes strike-lose{0%{transform:none}14%{transform:translateY(calc(var(--dir) * 4px)) scale(1.02)}30%{transform:translate(-2px, calc(var(--dir) * 6px)) scale(1.04)}46%{transform:translate(1px, calc(var(--dir) * 6px)) scale(1.05)}55%{transform:translateY(calc(var(--dir) * -.5 * var(--lunge))) scale(1.06)}64%{transform:translate(-3px, calc(var(--dir) * 12px)) rotate(calc(var(--dir) * 3deg)) scale(.97)}74%{transform:translate(2px, calc(var(--dir) * 8px)) rotate(calc(var(--dir) * -2deg))}to{transform:none}}.charge-aura{opacity:0;pointer-events:none;animation:charge-aura var(--fx-ms,.9s) ease-in both;will-change:transform, opacity;background:radial-gradient(#fffadcf2 0%,#ffcd50bf 38%,#ff78284d 62%,#0000 74%);border-radius:18px;position:absolute;inset:-14px}.strike-direct .charge-aura{background:radial-gradient(#fff0f0f2 0%,#ff6e50bf 38%,#dc1e1e4d 62%,#0000 74%)}.charge-aura:after{content:"";opacity:0;width:34px;height:90px;animation:strike-streak var(--fx-ms,.9s) ease-out both;background:linear-gradient(#0000,#fffffff2 45%,#ffdc7899 70%,#0000);border-radius:17px;margin:-45px 0 0 -17px;position:absolute;top:50%;left:50%}.slot.is-striking>.slot-card:after{content:"";opacity:0;pointer-events:none;animation:charge-glint var(--fx-ms,.9s) ease-in both;background:radial-gradient(#ffffebbf,#ffd76e59 55%,#0000 80%);border-radius:6px;position:absolute;inset:0}@keyframes charge-glint{0%{opacity:0}48%{opacity:.55}56%{opacity:.8}72%,to{opacity:0}}@keyframes charge-aura{0%{opacity:0;transform:scale(.7)}45%{opacity:.85;transform:scale(1.08)}52%{opacity:1;transform:scale(1.18)}70%{opacity:0;transform:scale(1.35)}to{opacity:0;transform:scale(1.35)}}@keyframes strike-streak{0%,50%{opacity:0;transform:translateY(0)scaleY(.2)}58%{opacity:1;transform:translateY(calc(var(--dir) * -70px)) scaleY(1.2)}72%{opacity:0;transform:translateY(calc(var(--dir) * -110px)) scaleY(.6)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.slot.is-striking>.slot-card,.charge-aura:after{animation:none}.slot.is-striking>.slot-card:after{animation-duration:var(--fx-ms,.9s)!important}.pu-spent .pu-icon,.pu-fizzle .pu-icon{animation-name:pu-fade!important;animation-duration:var(--fx-ms,.42s)!important}}:where(:root[data-reduced-motion]) .slot.is-striking>.slot-card,:where(:root[data-reduced-motion]) .charge-aura:after{animation:none}:where(:root[data-reduced-motion]) .slot.is-striking>.slot-card:after{animation-duration:var(--fx-ms,.9s)!important}:where(:root[data-reduced-motion]) .pu-spent .pu-icon,:where(:root[data-reduced-motion]) .pu-fizzle .pu-icon{animation-name:pu-fade!important;animation-duration:var(--fx-ms,.42s)!important}.pu-boost{--pu:255, 205, 70}.pu-guard{--pu:90, 170, 255}.pu-destroy{--pu:255, 72, 52}.pu-life{--pu:96, 222, 112}.pu-trick{--pu:70, 225, 235}.pu-fx{pointer-events:none;z-index:8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pu-fx:before{content:"";opacity:0;border-radius:12px;position:absolute;inset:-6px}.pu-ring{border:4px solid rgba(var(--pu), .95);width:118px;height:118px;box-shadow:0 0 18px rgba(var(--pu), .9), inset 0 0 18px rgba(var(--pu), .6);opacity:0;border-radius:50%;position:absolute}.pu-icon{filter:drop-shadow(0 0 8px rgba(var(--pu), 1));display:flex;position:relative}.pu-burst:before{background:radial-gradient(circle, rgba(var(--pu), .6), rgba(var(--pu), .18) 55%, transparent 75%);animation:pu-glow var(--fx-ms,.6s) ease-out both}.pu-burst .pu-ring{animation:pu-ring var(--fx-ms,.6s) ease-out both}.pu-burst .pu-icon{animation:pu-pop var(--fx-ms,.6s) cubic-bezier(.2, .9, .3, 1.2) both}@keyframes pu-glow{0%{opacity:0}25%{opacity:1}to{opacity:.25}}@keyframes pu-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.3)}}@keyframes pu-pop{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.25)}45%,to{opacity:1;transform:scale(1)}}.pu-spent:before,.pu-fizzle:before{animation:pu-smoke var(--fx-ms,.42s) ease-out both;background:radial-gradient(circle,#d7e1f08c,#d7e1f026 50%,#0000 72%)}.pu-spent .pu-icon{animation:pu-dissolve var(--fx-ms,.42s) ease-in both}@keyframes pu-smoke{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.3)}}@keyframes pu-dissolve{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.5)}}.pu-fizzle:before{background:radial-gradient(circle,#5a5f6e99,#5a5f6e33 50%,#0000 72%)}.pu-fizzle .pu-icon{filter:grayscale()brightness(.8);animation:pu-fizzle var(--fx-ms,.42s) ease-in both}@keyframes pu-fizzle{0%{opacity:1;transform:translate(0)}12%{transform:translate(-4px)}24%{transform:translate(4px)}36%{opacity:1;transform:translate(-2px)}to{opacity:0;transform:translateY(10px)rotate(25deg)scale(.3)}}.portrait-card .pu-fx{z-index:3}@keyframes pu-fade{0%{opacity:1}to{opacity:0}}.card-land{animation:.32s cubic-bezier(.3,1.3,.5,1) backwards card-land;display:block;position:relative}.card-land:after{content:"";opacity:0;pointer-events:none;border:3px solid #fff6dcbf;border-radius:50%;width:128px;height:28px;margin-left:-64px;animation:.45s ease-out .14s dust-ring;position:absolute;bottom:-8px;left:50%;box-shadow:0 0 10px #fff0c880}@keyframes card-land{0%{opacity:.3;transform:translateY(-22px)scale(1.16)}70%{opacity:1;transform:translateY(0)scale(.97)}to{transform:none}}@keyframes dust-ring{0%{opacity:.85;transform:scale(.4)}to{opacity:0;transform:scale(1.35)}}.hand-card{animation:.36s cubic-bezier(.2,.9,.3,1.15) backwards hand-draw}@keyframes hand-draw{0%{opacity:0;transform:translate(90px)rotate(10deg)}}.portrait-flash{pointer-events:none;animation:.6s ease-out forwards portrait-flash;position:absolute;inset:0}.portrait-flash.is-hurt{background:radial-gradient(circle,#ff463233,#ff281eb3)}.portrait-flash.is-heal{background:linear-gradient(#78ff6e00 20%,#78ff6eb3)}.portrait-frame.is-heal{transition:box-shadow .3s;box-shadow:0 0 14px 3px #78ff6ebf}@keyframes portrait-flash{0%{opacity:1}to{opacity:0}}.td-duel{--td-cyan:#4fe0ff;--td-cyan-rgb:79, 224, 255;--td-violet:#b77bff;--td-violet-rgb:183, 123, 255;--td-line:#78cdff52;--td-glass:linear-gradient(180deg, #14264cdb, #070f22e6);--td-text-dim:#9fb8dc;background:#060d20}.td-duel .duel-bg{background:radial-gradient(ellipse 30% 42% at 49% 52%, rgba(var(--td-cyan-rgb), .16), transparent 72%), radial-gradient(ellipse 40% 60% at 0% 100%, rgba(var(--td-violet-rgb), .16), transparent 70%), radial-gradient(ellipse 40% 60% at 100% 0%, rgba(var(--td-violet-rgb), .14), transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%237fd8ff' stroke-opacity='0.07' stroke-width='1'/%3E%3C/svg%3E"), linear-gradient(180deg, #0d1d3e 0%, #091530 50%, #050b1c 100%)}.td-left{z-index:4;flex-direction:column;gap:8px;width:214px;display:flex;position:absolute;top:8px;bottom:8px;left:8px}.td-piles{flex:none;justify-content:flex-start;align-items:center;gap:18px;height:84px;padding-left:16px;display:flex}.td-deck{width:62px;height:84px;position:relative}.td-deck-card{border:1px solid rgba(var(--td-cyan-rgb), .55);background:radial-gradient(circle at 50% 45%, rgba(var(--td-cyan-rgb), .35), transparent 42%), repeating-linear-gradient(45deg, #ffffff0a 0 4px, transparent 4px 8px), linear-gradient(160deg, #1d4f9a, #0b2252 60%, #071634);border-radius:5px;width:54px;height:78px;position:absolute;top:0;left:4px;box-shadow:0 2px 4px #00000080}.td-deck-card.is-back2{opacity:.55;transform:translate(-4px,6px)}.td-deck-card.is-back1{opacity:.8;transform:translate(-2px,3px)}.td-deck-core{border:2px solid rgba(var(--td-cyan-rgb), .9);width:22px;height:22px;box-shadow:0 0 10px rgba(var(--td-cyan-rgb), .7);border-radius:3px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.td-count{border:1px solid rgba(var(--td-cyan-rgb), .6);text-align:center;-webkit-text-stroke-width:2px;z-index:1;background:#040a1aeb;border-radius:6px;min-width:28px;padding:0 5px;font-size:15px;line-height:20px;position:absolute;bottom:8px;right:-6px}.td-pile-label{letter-spacing:1px;text-transform:uppercase;color:#dcf0ffd9;font-size:8px;font-weight:900;position:absolute;top:6px;left:9px}.td-grave{background:0 0;border:none;justify-content:center;align-items:center;width:84px;height:84px;padding:0;display:flex;position:relative}.td-grave .grave-empty{border:1.5px dashed rgba(var(--td-cyan-rgb), .38);background:radial-gradient(circle, rgba(var(--td-cyan-rgb), .08), #040c1e73 70%);width:78px;height:78px;color:rgba(var(--td-cyan-rgb), .45);border-radius:6px;justify-content:center;align-items:center;display:flex}.td-grave .td-count{inset:50% auto auto calc(100% + 6px);transform:translateY(-50%)}.td-grave-tag{color:rgba(var(--td-cyan-rgb), .75);position:absolute;top:calc(50% - 32px);left:calc(100% + 13px)}.td-intel{border:1px solid var(--td-line);background:var(--td-glass);border-radius:10px;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 4px 12px #00000059}.td-intel.is-closed{flex:none;margin:auto 0}.td-intel-toggle{border:none;border-bottom:1px solid var(--td-line);background:linear-gradient(90deg, rgba(var(--td-cyan-rgb), .16), transparent);width:100%;min-height:32px;color:var(--td-cyan);letter-spacing:1px;text-transform:uppercase;text-align:left;border-radius:9px 9px 0 0;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:900;display:flex;position:relative}.td-intel.is-closed .td-intel-toggle{border-bottom:none}.td-intel-title{white-space:nowrap;text-overflow:ellipsis;color:#dff4ff;flex:auto;min-width:0;overflow:hidden}.td-intel-last{color:var(--td-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:0 10px 8px;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.td-intel-body{flex:auto;min-height:0;position:relative}.td-intel .log-panel{color:#bcd6f7;scrollbar-width:thin;scrollbar-color:#3e6fae transparent;-webkit-user-select:text;user-select:text;padding:8px 10px;font-size:11px;line-height:1.35;position:absolute;inset:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 18px);mask-image:linear-gradient(#0000 0,#000 18px)}.td-intel .log-panel p{margin:0 0 4px}.td-intel .log-panel p:last-child{color:#fff;font-weight:700}.td-intel .card-info{-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px #f6c34359}.td-turn{z-index:5;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:250px;height:40px;display:flex;position:absolute;top:calc(50% - 316px);left:471px;transform:translate(-50%)}.td-turn-frame{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);background:linear-gradient(180deg, rgba(var(--td-cyan-rgb), .95), rgba(var(--td-cyan-rgb), .35));position:absolute;inset:0}.td-turn-frame:after{content:"";clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%,0 50%);background:linear-gradient(180deg, rgba(var(--td-cyan-rgb), .2), transparent 55%), linear-gradient(180deg, #12284f, #060e22);position:absolute;inset:1.5px}.td-turn-sub,.td-turn-title{white-space:nowrap;position:relative}.td-turn-sub{letter-spacing:1.2px;text-transform:uppercase;color:var(--td-cyan);font-size:9.5px;font-weight:800}.td-turn-sub.num{-webkit-text-stroke-width:2px;color:#ffe9a8;font-size:11px}.td-turn-title{letter-spacing:.8px;color:#fff;text-shadow:0 0 8px rgba(var(--td-cyan-rgb), .55);font-size:17px;font-weight:900;line-height:19px}.td-turn.is-battle .td-turn-title{color:#ffd9a8;text-shadow:0 0 8px #ff8c3c8c}.td-turn.is-win .td-turn-title{color:#fff3a0}.td-turn.is-loss .td-turn-title{color:#ffb3a8}.td-turn.has-glow:before{content:"";background:radial-gradient(ellipse at center, rgba(var(--td-cyan-rgb), .35), transparent 70%);animation:td-breathe var(--hud-turn-glow,3.2s) ease-in-out infinite;border-radius:20px;position:absolute;inset:-6px 6px}.td-turn-progress{background:#ffaa5a40;height:2px;position:absolute;bottom:3px;left:18px;right:18px;overflow:hidden}.td-turn-progress.is-moving:after{content:"";width:40%;animation:td-shimmer var(--hud-shimmer,1.4s) linear infinite;background:linear-gradient(90deg,#0000,#ffd08a,#0000);position:absolute;inset:0}@keyframes td-breathe{0%,to{opacity:.45;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}@keyframes td-shimmer{0%{transform:translate(-100%)}to{transform:translate(250%)}}.bam-ribbon{filter:drop-shadow(0 4px 6px #0000008c);z-index:4;cursor:pointer;background:0 0;border:none;width:236px;height:56px;padding:0;transition:opacity .18s ease-out,transform .12s ease-out,filter .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bam-ribbon-art{width:100%;height:100%;display:block;position:relative;overflow:visible}.bam-ribbon-text{font-family:var(--font);letter-spacing:2px;fill:#fff;stroke:#7a1208;stroke-width:4px;paint-order:stroke fill;font-size:28px;font-style:italic;font-weight:900}.bam-energy{opacity:.35;pointer-events:none;background:radial-gradient(#4fe0ff66,#b77bff38 55%,#0000 72%);border-radius:40px;position:absolute;inset:-6px -4px}.bam-ribbon.has-pulse .bam-energy{animation:bam-energy var(--hud-bam-pulse,1.8s) ease-in-out infinite}@keyframes bam-energy{0%,to{opacity:.3;transform:scale(.96)}50%{opacity:.95;transform:scale(1.06)}}.bam-sweep{clip-path:polygon(19.2% 12.9%,80.8% 12.9%,86.5% 50%,80.8% 87.1%,19.2% 87.1%,13.5% 50%);pointer-events:none;position:absolute;inset:0;overflow:hidden}.bam-sweep:before{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:30%;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)}.bam-ribbon:hover:not(:disabled){filter:drop-shadow(0 4px 6px #0000008c)brightness(1.08);transform:translate(-50%,-50%)scale(1.04)}.bam-ribbon:hover:not(:disabled) .bam-sweep:before{animation:bam-sweep var(--hud-sweep,.65s) ease-out}@keyframes bam-sweep{to{transform:translate(360%)}}.bam-ribbon:active:not(:disabled){filter:drop-shadow(0 2px 3px #0000008c)brightness(.95);transform:translate(-50%,calc(2px - 50%))scale(.97)}.bam-ribbon:focus-visible{outline:none}.bam-ribbon:focus-visible .bam-ribbon-art{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 7px #4fe0ff)drop-shadow(0 0 12px #b77bff)}.bam-ribbon:focus-visible:after{content:"";pointer-events:none;border:2px solid #4fe0ff;border-radius:36px;position:absolute;inset:-6px 8px;box-shadow:0 0 10px #4fe0ffb3}.bam-ribbon:disabled:not(.is-busy){filter:grayscale(.7)brightness(.7);cursor:default}.bam-ribbon.is-busy{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.85)}.bam-chevron{opacity:.9}.td-right{z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute;inset:8px 8px 64px 720px}.td-rail-top{flex:none;gap:6px;height:44px;display:flex}.td-toolbar{z-index:6;gap:6px;height:48px;display:flex;position:absolute;bottom:8px;left:720px;right:8px}.td-btn{border:1px solid rgba(var(--td-cyan-rgb), .5);color:#dff4ff;background:linear-gradient(110deg,#0000 38%,#ffffff47 50%,#0000 62%) 160% 0/260% 100% no-repeat,linear-gradient(#244884f2,#0a1836f2);border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:44px;height:100%;padding:0 8px;font-weight:800;transition:border-color .15s,box-shadow .15s,transform .1s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff29,0 3px 8px #0006}.td-btn:hover:not(:disabled){border-color:rgba(var(--td-cyan-rgb), .9);box-shadow:inset 0 1px 0 #fff3, 0 0 10px rgba(var(--td-cyan-rgb), .35);animation:td-sweep var(--hud-sweep,.65s) ease-out}.td-btn:active:not(:disabled){transform:translateY(1px)scale(.97)}.td-btn:focus-visible{outline:2px solid var(--td-cyan);outline-offset:2px}.td-btn:disabled{opacity:.45;filter:saturate(.4)}.td-btn.is-on{border-color:var(--td-cyan);box-shadow:inset 0 0 12px rgba(var(--td-cyan-rgb), .45)}.td-btn-spacer{flex:0 0 44px}@keyframes td-sweep{0%{background-position:160% 0,0 0}to{background-position:-60% 0,0 0}}.td-duel [data-tip]:after{content:attr(data-tip);border:1px solid var(--td-line);color:#e8f4ff;letter-spacing:0;text-transform:none;white-space:nowrap;opacity:0;pointer-events:none;z-index:60;background:#040a1af5;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.td-duel [data-tip]:hover:after,.td-duel [data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)}.td-rail-top [data-tip]:after{top:calc(100% + 8px);bottom:auto}.td-toolbar .td-btn:last-child:after,.td-rail-top .td-btn:last-of-type:after{left:auto;right:0;transform:translateY(4px)}.td-toolbar .td-btn:last-child:hover:after,.td-toolbar .td-btn:last-child:focus-visible:after,.td-rail-top .td-btn:last-of-type:hover:after,.td-rail-top .td-btn:last-of-type:focus-visible:after{transform:none}.td-intel-toggle[data-tip]:after{top:calc(100% + 6px);bottom:auto;left:0;transform:translateY(-4px)}.td-intel-toggle[data-tip]:hover:after,.td-intel-toggle[data-tip]:focus-visible:after{transform:none}.td-shuffle{flex:0 0 60px}.td-shuffle-count{border:1px solid rgba(var(--td-cyan-rgb), .7);-webkit-text-stroke-width:2px;background:#08132c;border-radius:9px;min-width:18px;padding:0 4px;font-size:12px;line-height:16px;position:absolute;top:4px;right:5px}.td-speed{flex:auto;gap:2px;padding:0 4px}.td-speed-step{color:#c8e1ff73;text-align:center;border-radius:5px;flex:1;padding:4px 0;font-size:14px;font-weight:900}.td-speed-step.is-on{color:#fff;background:linear-gradient(180deg, rgba(var(--td-cyan-rgb), .45), rgba(var(--td-violet-rgb), .35));box-shadow:inset 0 0 0 1px rgba(var(--td-cyan-rgb), .8), 0 0 8px rgba(var(--td-cyan-rgb), .45);text-shadow:0 0 6px rgba(var(--td-cyan-rgb), .8)}.td-icon-btn{flex:0 0 44px;padding:0}.td-icon-btn.surrender{color:#ffb3a8}.td-icon-btn.is-muted{color:#ff8a7a}.td-pu-btn{color:#ffe49a;border-color:#f6c34399;flex:auto}.td-pu-btn:not(.is-locked){flex-direction:column;gap:1px}.td-pu-label{letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:900;line-height:10px}.td-pu-btn.is-locked{color:#aab8cc;border-color:#a0afc873}.td-duel .hand-panel{border:1px solid var(--td-line);background:linear-gradient(180deg, rgba(var(--td-cyan-rgb), .08), transparent 30%), linear-gradient(180deg, #0e1e40db, #060d1ee6);border-radius:12px;flex:auto;width:auto;min-height:0;position:relative;inset:auto;box-shadow:inset 0 1px #ffffff0f,0 4px 14px #0006}.td-duel .hand-panel.is-return-target{border-color:var(--gold);box-shadow:inset 0 0 0 1px #f6c34380,inset 0 0 22px #f6c34347}.td-duel .hand-card:hover:not([aria-disabled=true]):not([aria-pressed=true]){transform:none;translate:calc(var(--hud-lift,3px) * -2) calc(var(--hud-lift,3px) * -1)}.td-duel .hand-card:hover:not([aria-disabled=true]):not([aria-pressed=true]) .thumb{filter:brightness(1.08)}.td-duel .hand-card:focus-visible{outline:3px solid var(--td-cyan);outline-offset:3px}.td-menu{border:1px solid rgba(var(--td-cyan-rgb), .55);width:260px;box-shadow:0 10px 26px #0009, 0 0 14px rgba(var(--td-cyan-rgb), .18);z-index:45;background:linear-gradient(#12264efa,#060e20fa);border-radius:12px 4px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;bottom:64px;right:8px}.td-menu-title{letter-spacing:1.2px;text-transform:uppercase;color:var(--td-cyan);margin:0;font-size:12px;font-weight:900}.td-menu-row{align-items:center;gap:6px;display:flex}.td-menu-label{flex:1;font-size:13px;font-weight:700}.td-chip{border:1px solid rgba(var(--td-cyan-rgb), .4);background:#060e20e6;border-radius:6px;width:42px;height:30px;font-weight:900}.td-chip.is-on{border-color:var(--td-cyan);background:linear-gradient(180deg, rgba(var(--td-cyan-rgb), .45), rgba(var(--td-violet-rgb), .35))}.td-menu-item{border:1px solid rgba(var(--td-cyan-rgb), .35);text-align:left;background:#0a1836e6;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.td-menu-item:hover{border-color:var(--td-cyan)}.td-menu-item:focus-visible,.td-chip:focus-visible{outline:2px solid var(--td-cyan);outline-offset:2px}.td-menu-note{color:#f6d98a;margin:0;font-size:11px}.td-duel .duel-bg{position:absolute;inset:0}.td-duel .hand-panel{scrollbar-width:thin;scrollbar-color:#3e6fae transparent;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden auto}.pf-profile.is-target{border-color:var(--legal-green);box-shadow:0 0 0 2px var(--legal-green), 0 0 16px #6fcb3dcc;cursor:crosshair}button.pf-profile{cursor:default}button.pf-profile.is-target{cursor:crosshair}button.pf-profile:focus-visible{outline:2px solid var(--td-cyan);outline-offset:3px}.pf-profile.has-pulse .pf-avatar-ring{animation:td-ring var(--hud-avatar-pulse,2.6s) ease-in-out infinite}.pf-profile.is-active .pf-avatar-ring{border-color:rgba(var(--pf-accent-rgb), .95)}@keyframes td-ring{0%,to{opacity:.35;transform:scale(.97)}50%{opacity:1;transform:scale(1.06)}}.pf-panel-flash{border-radius:inherit;pointer-events:none;animation:pf-panel-flash var(--hud-panel-flash,.65s) ease-out forwards;position:absolute;inset:-1px}.pf-panel-flash.is-hurt{box-shadow:inset 0 0 18px #ff4632bf,0 0 14px #ff46328c}.pf-panel-flash.is-heal{box-shadow:inset 0 0 18px #78ff6eb3,0 0 14px #78ff6e80}@keyframes pf-panel-flash{0%{opacity:1}to{opacity:0}}.td-duel .slot>.slot-card{transition:translate .12s ease-out}.td-duel .slot:hover>.slot-card{translate:0 calc(var(--hud-lift,3px) * -1)}.td-duel.fx-reduced .slot:hover>.slot-card{translate:none}.pf-profile .portrait-lp .fx-number.num{font-size:20px}.td-duel.is-compact .td-left{justify-content:space-between}.td-duel.is-compact .pf-profile{grid-template-columns:70px minmax(0,1fr);height:92px;padding:8px 10px 8px 8px}.td-duel.is-compact .pf-avatar{width:70px;height:70px}.td-duel.is-compact .pf-name{font-size:16px;line-height:20px}.td-duel.is-compact .pf-rank,.td-duel.is-compact .pf-emblem{display:none}.td-duel.is-compact .pf-profile .portrait-lp .num{font-size:32px;line-height:34px}.td-duel.is-compact .pf-lp-label{font-size:13px}.td-duel.is-compact .pf-profile .lp-bar{height:8px}.td-duel.is-compact .td-count{font-size:19px;line-height:24px}.td-duel.is-compact .td-intel.is-closed{border-radius:50%;align-self:center;width:64px}.td-duel.is-compact .td-intel.is-closed .td-intel-toggle{border-radius:50%;justify-content:center;height:64px;padding:0}.td-duel.is-compact .td-intel.is-closed .td-intel-toggle svg:first-child{width:32px;height:32px}.td-duel.is-compact .td-intel.is-closed .td-intel-title,.td-duel.is-compact .td-intel.is-closed .td-intel-toggle svg:last-child,.td-duel.is-compact .td-intel-last{display:none}.td-duel.is-compact .td-intel.is-open{z-index:8;position:absolute;inset:100px 0;box-shadow:0 10px 26px #000000b3}.td-duel.is-compact .td-intel .log-panel{font-size:15px}.td-duel.is-compact .td-intel .card-info .ci-name{font-size:18px}.td-duel.is-compact .td-intel .card-info .ci-stats .num{font-size:19px}.td-duel.is-compact .td-intel-toggle{min-height:44px;font-size:14px}.td-duel.is-compact .td-turn{height:40px}.td-duel.is-compact .td-turn-title{font-size:21px;line-height:22px}.td-duel.is-compact .td-turn-sub{display:none}.td-duel.is-compact .td-turn-sub.num{font-size:12px;display:block}.td-duel.is-compact .bam-ribbon{width:264px;height:62px}.td-duel.is-compact .bam-ribbon-text{font-size:30px}.td-duel.is-compact .td-right{bottom:90px}.td-duel.is-compact .td-rail-top,.td-duel.is-compact .td-toolbar{height:74px}.td-duel.is-compact .td-icon-btn{flex:1 1 0}.td-duel.is-compact .td-btn svg{width:28px;height:28px}.td-duel.is-compact .td-speed-step{font-size:18px}.td-duel.is-compact .td-shuffle-count{font-size:20px}.td-duel.is-compact .td-pu-label{display:none}.td-duel.is-compact .td-menu{gap:12px;width:400px;padding:16px;bottom:90px}.td-duel.is-compact .td-menu-title{font-size:18px}.td-duel.is-compact .td-menu-label{font-size:21px}.td-duel.is-compact .td-chip{width:74px;height:74px;font-size:24px}.td-duel.is-compact .td-menu-item{gap:12px;min-height:74px;font-size:21px}.td-duel.is-compact .td-menu-item svg{width:28px;height:28px}.td-duel.is-compact .td-menu-note{font-size:17px}@media (hover:none){.td-duel [data-tip]:after{display:none}}.td-duel.fx-reduced .pf-avatar-ring,.td-duel.fx-reduced .bam-energy,.td-duel.fx-reduced .bam-sweep:before,.td-duel.fx-reduced .td-turn:before,.td-duel.fx-reduced .td-turn-progress:after,.td-duel.fx-reduced .td-btn,.td-duel.fx-reduced .pf-panel-flash{animation:none!important}.td-duel.fx-reduced .bam-energy,.td-duel.fx-reduced .td-turn.has-glow:before{display:none}.td-duel.fx-reduced .bam-ribbon:hover:not(:disabled){transform:translate(-50%,-50%)}.td-duel.fx-reduced .pf-profile .lp-bar-fill{transition:none!important}@media (prefers-reduced-motion:reduce){.td-duel .pf-avatar-ring,.td-duel .bam-energy,.td-duel .bam-sweep:before,.td-duel .td-turn:before,.td-duel .td-turn-progress:after,.td-duel .td-btn,.td-duel .pf-panel-flash{animation:none!important}}:where(:root[data-reduced-motion]) .td-duel .pf-avatar-ring,:where(:root[data-reduced-motion]) .td-duel .bam-energy,:where(:root[data-reduced-motion]) .td-duel .bam-sweep:before,:where(:root[data-reduced-motion]) .td-duel .td-turn:before,:where(:root[data-reduced-motion]) .td-duel .td-turn-progress:after,:where(:root[data-reduced-motion]) .td-duel .td-btn,:where(:root[data-reduced-motion]) .td-duel .pf-panel-flash{animation:none!important}.chapters-screen{background:var(--deck-bg)}.area-tabs{grid-template-columns:repeat(6,1fr);gap:8px;display:grid;position:absolute;top:78px;left:30px;right:30px}.area-tab{border:2px solid var(--panel-border);color:#dce9ff;text-align:left;background:linear-gradient(#123468e6,#0b1f44e6);border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:4px 8px;font-size:13px;font-weight:800;line-height:1.1;display:flex}.area-tab .num{font-size:20px}.area-tab.is-current{border-color:var(--gold);color:#fff;box-shadow:0 0 10px #f6c343b3}.area-tab.is-locked{opacity:.55}.areas{align-items:center;gap:10px;display:flex;position:absolute;inset:140px 20px 24px}.area-panel{flex:1}.area-arrow{border:2px solid var(--panel-border);color:#fff;background:linear-gradient(#2d6fb6,#173f78);border-radius:10px;width:44px;height:90px;font-size:44px;font-weight:900;line-height:1}.area-arrow[aria-disabled=true]{opacity:.35}.chapter-row.count-4{gap:14px}.chapter-row.count-4 .chapter-hex{width:176px}.area-panel{border:3px solid var(--panel-border);box-shadow:inset 0 0 0 1px var(--panel-glow);background:linear-gradient(#123468eb,#0b1f44eb);border-radius:12px;padding:12px 20px 16px}.area-panel h2{margin:0;font-size:22px}.area-panel p{color:#cfe2ff;margin:2px 0 10px}.chapter-row{justify-content:center;gap:26px;display:flex}.chapter-hex{clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%);background:linear-gradient(#5a95e0,#1f4a8e);border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:210px;height:120px;display:flex;position:relative;box-shadow:inset 0 0 0 3px #eef5ff}.chapter-hex:hover{filter:brightness(1.1)}.chapter-hex.is-locked{color:#3a4656;background:linear-gradient(#dfe5ec,#9aa6b4)}.chapter-hex.is-done{background:linear-gradient(#8fdc5a,#3e8e1c)}.chapter-num{font-size:34px}.chapter-name{font-size:16px;font-weight:800}.chapter-lock-row{align-items:center;gap:6px;display:flex}.chapter-stars{color:#2b3442;align-items:center;gap:3px;font-size:17px;font-weight:900;display:inline-flex}.chapter-done{font-size:26px;font-weight:900;position:absolute;top:12px;right:36px}.review-mode{z-index:3;color:#1a1000;white-space:nowrap;pointer-events:none;background:#ffaa28eb;border-radius:12px;margin:0;padding:4px 14px;font-size:14px;font-weight:800;position:absolute;top:62px;left:50%;transform:translate(-50%)}.nx-art{inset:calc(var(--nx-art-over) * -1);translate:calc(var(--px,0) * var(--nx-art-pp) * -1px + (.5 - var(--sx,.5)) * var(--nx-art-sp) * 1px) calc(var(--py,0) * var(--nx-art-pp) * -.6px + (.5 - var(--sy,.5)) * var(--nx-art-sp) * .6px);transition:translate var(--pe,.9s) cubic-bezier(.2, .7, .3, 1);will-change:translate;position:absolute}.nx-art-drift{animation:nx-art-drift var(--nx-art-ds) ease-in-out infinite alternate;position:absolute;inset:0}@keyframes nx-art-drift{0%{transform:translateX(calc(var(--nx-art-dp) * -1))}to{transform:translateX(var(--nx-art-dp))}}.nx-art-img{object-fit:cover;object-position:50% 35%;opacity:0;width:100%;height:100%;transition:opacity var(--nx-art-fade) ease-out;-webkit-user-select:none;user-select:none;display:block}.nx-art.is-loaded .nx-art-img{opacity:1}.nx-art-scrim{background:radial-gradient(ellipse 60% 26% at 56% 62%, color-mix(in srgb, var(--nx-bg) var(--nx-scrim-spot), transparent), transparent 100%), linear-gradient(to bottom, transparent var(--nx-scrim-clear), color-mix(in srgb, var(--nx-bg) var(--nx-scrim-band), transparent) var(--nx-scrim-from), color-mix(in srgb, var(--nx-bg) var(--nx-scrim-bottom), transparent));position:absolute;inset:0}:root .stage-viewport:has(.nx-map .nx-backdrop[data-art]){background:radial-gradient(ellipse 80% 30% at 50% 0%, var(--art-win-glow), transparent 70%), radial-gradient(ellipse 90% 30% at 50% 100%, var(--art-win-glow2), transparent 70%), linear-gradient(180deg, var(--art-win-a) 0%, var(--art-win-b) 50%, var(--art-win-a) 100%)}.stage-viewport:has(.nx-backdrop[data-art=greyhaven]){--art-win-a:#04081a;--art-win-b:#1a2a4a;--art-win-glow:#6ebeff33;--art-win-glow2:#ffbe6e1a}.stage-viewport:has(.nx-backdrop[data-art=solmare-bay]){--art-win-a:#04161e;--art-win-b:#0e4a5a;--art-win-glow:#ffd28242;--art-win-glow2:#50e6dc29}.stage-viewport:has(.nx-backdrop[data-art=thornwood-wilds]){--art-win-a:#031410;--art-win-b:#0c3a2a;--art-win-glow:#6effbe33;--art-win-glow2:#aa6eff24}.stage-viewport:has(.nx-backdrop[data-art=sunscar-expanse]){--art-win-a:#140a04;--art-win-b:#4a2a0e;--art-win-glow:#ffbe5a42;--art-win-glow2:#50dcd21a}.stage-viewport:has(.nx-backdrop[data-art=frostveil-peaks]){--art-win-a:#040c1e;--art-win-b:#1e3a66;--art-win-glow:#c8ebff3d;--art-win-glow2:#a078ff24}.stage-viewport:has(.nx-backdrop[data-art=hollow-citadel]){--art-win-a:#05030c;--art-win-b:#24123a;--art-win-glow:#b06bff38;--art-win-glow2:#e8c8781a}.nx-reduced .nx-art{transition:none;translate:none}.nx-reduced .nx-art-img{transition:none}@media (prefers-reduced-motion:reduce){.nx-map .nx-art{transition:none;translate:none}.nx-map .nx-art-img{transition:none}}:where(:root[data-reduced-motion]) .nx-map .nx-art{transition:none;translate:none}:where(:root[data-reduced-motion]) .nx-map .nx-art-img{transition:none}.nx-backdrop[data-theme=cloudspire] :is(.nxb-towers,.nxb-billboard,.nxb-banner,.nxc-holo,.nxb-lowcity,.nxb-roads,.nxb-near),.nx-backdrop[data-theme=ancient-duel-temple] :is(.nxb-towers,.nxb-billboard,.nxb-banner,.nxc-holo,.nxb-lowcity,.nxb-roads,.nxb-isle,.nxf-ruins),.nx-backdrop[data-theme=crystal-caverns] :is(.nxb-towers,.nxb-billboard,.nxb-banner,.nxc-holo,.nxb-lowcity,.nxb-roads,.nxb-isle,.nxf-ruins,.nxk-near){display:none}.nxa-m-glow{animation:nxa-glow var(--nxa-glow-s) ease-in-out infinite alternate}@keyframes nxa-glow{to{opacity:.45}}.nxa-m-blink{animation:nxa-blink var(--nxa-blink-s) ease-in-out infinite}@keyframes nxa-blink{0%,to{opacity:.12}40%,60%{opacity:1}}.nxa-m-flicker{animation:nxa-flicker var(--nxa-flicker-s) linear infinite}@keyframes nxa-flicker{0%,to{opacity:1}22%{opacity:.72}40%{opacity:.95}63%{opacity:.6}80%{opacity:.9}}.nxa-m-spin{transform-box:fill-box;transform-origin:50%;animation:nxa-spin var(--nxa-spin-s) linear infinite}.nxa-m-spin.nxa-rev{animation-direction:reverse}@keyframes nxa-spin{to{transform:rotate(360deg)}}.nxa-m-sway{transform-box:fill-box;transform-origin:50% 0;animation:nxa-sway var(--nxa-sway-s) ease-in-out infinite alternate}.nxa-m-sway.nxa-from-below{transform-origin:50% 100%}@keyframes nxa-sway{0%{transform:rotate(calc(var(--nxa-swayDeg) * -1))}to{transform:rotate(var(--nxa-swayDeg))}}.nxa-m-rise{transform-box:fill-box;transform-origin:50%;animation:nxa-rise var(--nxa-rise-s) linear infinite}@keyframes nxa-rise{0%{opacity:0;transform:translateY(0)scale(.7)}18%{opacity:.85}70%{opacity:.5}to{transform:translateY(calc(var(--nxa-rise) * -1)) scale(1.35);opacity:0}}.nxa-m-fall{animation:nxa-fall var(--nxa-fall-s) ease-in infinite}@keyframes nxa-fall{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{transform:translateY(var(--nxa-fall));opacity:0}}.nxa-m-drift{animation:nxa-drift var(--nxa-drift-s) ease-in-out infinite alternate}@keyframes nxa-drift{0%{transform:translateX(calc(var(--nxa-drift) * -1))}to{transform:translateX(var(--nxa-drift))}}.nxa-m-bob{animation:nxa-bob var(--nxa-bob-s) ease-in-out infinite alternate}@keyframes nxa-bob{0%{transform:translateY(calc(var(--nxa-bob) * -1))}to{transform:translateY(var(--nxa-bob))}}.nxa-m-flow{opacity:.15;animation:nxa-flow var(--nxa-flow-s) ease-in-out infinite}@keyframes nxa-flow{50%{opacity:1}}.nxa-m-sweep{transform-box:fill-box;transform-origin:50% 100%;animation:nxa-sweep var(--nxa-sweep-s) ease-in-out infinite alternate}@keyframes nxa-sweep{0%{transform:rotate(calc(var(--nxa-sweepDeg) * -1))}to{transform:rotate(var(--nxa-sweepDeg))}}.nxa-m-shimmer{animation:nxa-shimmer var(--nxa-shimmer-s) ease-in-out infinite alternate}@keyframes nxa-shimmer{0%{opacity:.55;transform:translate(-10px)}to{opacity:1;transform:translate(10px)}}.stage-viewport:has(.nx-map[data-theme=neon-district] .nx-backdrop){background:radial-gradient(80% 30% at 50% 0,#ff3fd038,#0000 70%),radial-gradient(90% 30% at 50% 100%,#3ff0ff24,#0000 70%),linear-gradient(#0a0418 0%,#2a0a3a 50%,#0a0418 100%)}.stage-viewport:has(.nx-map[data-theme=skyway-ruins] .nx-backdrop){background:radial-gradient(90% 35% at 50% 100%,#c8e2ff47,#0000 70%),linear-gradient(#06122a 0%,#1c2c58 55%,#3a5288 100%)}.stage-viewport:has(.nx-map[data-theme=ember-foundry] .nx-backdrop){background:radial-gradient(90% 35% at 50% 100%,#ff6a1a4d,#0000 70%),linear-gradient(#120404 0%,#4a1206 55%,#1a0604 100%)}.stage-viewport:has(.nx-map[data-theme=frost-citadel] .nx-backdrop){background:radial-gradient(80% 30% at 50% 0,#5affc82e,#0000 70%),radial-gradient(90% 30% at 50% 100%,#bfe9ff2e,#0000 70%),linear-gradient(#040c1e 0%,#1a3a6a 55%,#0a1636 100%)}.stage-viewport:has(.nx-map[data-theme=sunken-metro] .nx-backdrop){background:radial-gradient(80% 30% at 50% 0,#bffff23d,#0000 70%),linear-gradient(#0e6a78 0%,#0a3a4a 45%,#021418 100%)}.stage-viewport:has(.nx-map[data-theme=cloudspire] .nx-backdrop){background:radial-gradient(80% 30% at 50% 0,#ffc87a4d,#0000 70%),radial-gradient(90% 35% at 50% 100%,#f0e4ff4d,#0000 70%),linear-gradient(#0a1030 0%,#4a3e8a 55%,#2a2260 100%)}.stage-viewport:has(.nx-map[data-theme=shadow-bazaar] .nx-backdrop){background:radial-gradient(80% 30% at 50% 0,#ff9a3a29,#0000 70%),radial-gradient(90% 30% at 50% 100%,#b06bff3d,#0000 70%),linear-gradient(#08040f 0%,#2a0e44 55%,#08040f 100%)}.stage-viewport:has(.nx-map[data-theme=ancient-duel-temple] .nx-backdrop){background:radial-gradient(80% 30% at 50% 0,#ffd89033,#0000 70%),linear-gradient(#140c04 0%,#4a2a0c 50%,#8a5420 100%)}.stage-viewport:has(.nx-map[data-theme=crystal-caverns] .nx-backdrop){background:radial-gradient(80% 30% at 50% 0,#46f0ff29,#0000 70%),radial-gradient(90% 30% at 50% 100%,#ff4fd82e,#0000 70%),linear-gradient(#07040f 0%,#24124e 50%,#0a0618 100%)}.stage-viewport:has(.nx-map[data-theme=machine-core] .nx-backdrop){background:radial-gradient(80% 30% at 50% 0,#3ff0ff24,#0000 70%),radial-gradient(90% 30% at 50% 100%,#ff8a2a2e,#0000 70%),linear-gradient(#060a12 0%,#1e2a36 50%,#060a12 100%)}:root .stage-viewport:has(.nx-map .cab-far){background:radial-gradient(ellipse 80% 30% at 50% 0%, var(--cab-win-glow), transparent 70%), radial-gradient(ellipse 90% 30% at 50% 100%, var(--cab-win-glow2), transparent 70%), linear-gradient(180deg, var(--cab-win-a) 0%, var(--cab-win-b) 50%, var(--cab-win-a) 100%)}.stage-viewport:has(.nx-map[data-theme=moonlit-graveyard]){--cab-win-a:#030818;--cab-win-b:#18264c;--cab-win-glow:#c8dcff33;--cab-win-glow2:#6a7aff1f}.stage-viewport:has(.nx-map[data-theme=dragon-roost]){--cab-win-a:#060a1e;--cab-win-b:#34183a;--cab-win-glow:#ffb05a2e;--cab-win-glow2:#4f8cff24}.stage-viewport:has(.nx-map[data-theme=storm-coast]){--cab-win-a:#040a18;--cab-win-b:#10304a;--cab-win-glow:#7ff0ff24;--cab-win-glow2:#2a5a7a4d}.stage-viewport:has(.nx-map[data-theme=time-lost-ruins]){--cab-win-a:#100a08;--cab-win-b:#3a2814;--cab-win-glow:#e8c8902e;--cab-win-glow2:#3ff0e01a}.stage-viewport:has(.nx-map[data-theme=celestial-garden]){--cab-win-a:#060a1e;--cab-win-b:#2a1a4a;--cab-win-glow:#ff8ac833;--cab-win-glow2:#7fffd01f}.stage-viewport:has(.nx-map[data-theme=abyssal-rift]){--cab-win-a:#020006;--cab-win-b:#1a0420;--cab-win-glow:#a03aff33;--cab-win-glow2:#ff2a4a1f}.stage-viewport:has(.nx-map[data-theme=cyber-duel-arena]){--cab-win-a:#06041a;--cab-win-b:#2a1450;--cab-win-glow:#3ff0ff29;--cab-win-glow2:#ff3fd024}.stage-viewport:has(.nx-map[data-theme=chaos-realm]){--cab-win-a:#0a0208;--cab-win-b:#3a0a3a;--cab-win-glow:#3affe024;--cab-win-glow2:#ff2a2a24}.stage-viewport:has(.nx-map[data-theme=nexus-collapse]){--cab-win-a:#04060f;--cab-win-b:#1a2a50;--cab-win-glow:#ff3a3a24;--cab-win-glow2:#4f7dff29}@keyframes cab-pulse{50%{opacity:.45}}@keyframes cab-drift{0%{transform:translate(-24px)}to{transform:translate(24px)}}@keyframes cab-bob{50%{transform:translateY(-7px)}}@keyframes cab-spin{to{transform:rotate(360deg)}}@keyframes cab-flicker{0%,to{opacity:1}30%{opacity:.7}55%{opacity:.95}70%{opacity:.55}}.cab13-glow{animation:cab-pulse var(--cab-moon) ease-in-out infinite}.cab13-cloud{animation:cab-drift var(--cab-cloud) ease-in-out infinite alternate}.cab13-mist{animation:cab-drift var(--cab-mist) ease-in-out infinite alternate-reverse}.cab13-flame{animation:cab-flicker var(--cab-flame) linear infinite}.cab13-wisp{animation:cab13-wisp var(--cab-wisp) ease-in-out infinite}@keyframes cab13-wisp{0%,to{opacity:.85;transform:translate(0)}25%{opacity:.5;transform:translate(10px,-14px)}50%{opacity:1;transform:translate(-4px,-22px)}75%{opacity:.6;transform:translate(-12px,-8px)}}.cab14-eye{animation:cab-pulse var(--cab-eye) ease-in-out infinite}.cab14-egg{animation:cab-pulse var(--cab-egg) ease-in-out infinite}.cab14-glide{animation:cab14-glide var(--cab-glide) ease-in-out infinite alternate}@keyframes cab14-glide{0%{transform:translate(-40px,6px)}50%{transform:translate(10px,-8px)}to{transform:translate(60px,4px)}}.cab14-fire{animation:cab-flicker var(--cab-fire) linear infinite}.cab14-clouds{animation:cab-drift var(--cab-clouds) ease-in-out infinite alternate}.cab14-breath{animation:cab14-breath var(--cab-breath) ease-out infinite}@keyframes cab14-breath{0%,55%,to{opacity:0;transform:translate(0)}68%{opacity:1}95%{opacity:0;transform:translate(-16px,-10px)}}.cab15-swell,.cab15-wave{animation:cab-drift var(--cab-wave) ease-in-out infinite alternate}.cab15-serpent{animation:cab-bob var(--cab-serpent) ease-in-out infinite}.cab15-arc{opacity:0;animation:cab15-arc var(--cab-arc) linear infinite}@keyframes cab15-arc{0%,70%{opacity:0}72%{opacity:1}75%{opacity:.2}78%{opacity:.9}86%,to{opacity:0}}.cab15-beam{transform-box:view-box;transform-origin:828px 191px;animation:cab15-beam var(--cab-beam) ease-in-out infinite alternate}@keyframes cab15-beam{0%{transform:rotate(-9deg)}to{transform:rotate(13deg)}}.cab15-spray{transform-box:fill-box;transform-origin:50% 100%;animation:cab15-spray var(--cab-spray) ease-out infinite}@keyframes cab15-spray{0%,to{opacity:0;transform:scale(.4)}15%{opacity:.95}60%{opacity:0;transform:scale(1.1)}}.cab16-minute,.cab16-hour{transform-box:view-box;transform-origin:610px 264px;animation:cab-spin var(--cab-minute) linear infinite}.cab16-hour{animation-duration:var(--cab-hour)}.cab16-gear,.cab16-gear-back{transform-box:fill-box;transform-origin:50%;animation:cab-spin var(--cab-gear) linear infinite}.cab16-gear-back{animation-direction:reverse}.cab16-grain{animation:cab16-grain var(--cab-sand) linear infinite}@keyframes cab16-grain{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:.9}to{opacity:0;transform:translateY(38px)}}.cab16-float{animation:cab-bob var(--cab-float) ease-in-out infinite}.cab16-glow{animation:cab-pulse var(--cab-glow) ease-in-out infinite}.cab16-twinkle{transform-box:fill-box;transform-origin:50%;animation:cab16-twinkle var(--cab-glow) ease-in-out infinite}@keyframes cab16-twinkle{0%,to{opacity:.2;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.cab17-turn{animation:cab-spin var(--cab-turn) linear infinite}.cab17-bloom{animation:cab17-bloom var(--cab-bloom) ease-in-out infinite}@keyframes cab17-bloom{50%{opacity:.85;transform:scale(1.04)}}.cab17-star{animation:cab-pulse var(--cab-star) ease-in-out infinite}.cab17-isle{animation:cab-bob var(--cab-isle) ease-in-out infinite}.cab17-petal{animation:cab17-petal var(--cab-petal) linear infinite}@keyframes cab17-petal{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:.9}80%{opacity:.7}to{opacity:0;transform:translate(46px,150px)rotate(260deg)}}.cab18-pulse{animation:cab-pulse var(--cab-pulse) ease-in-out infinite}.cab18-eye{animation:cab18-eye var(--cab-eye) ease-in-out infinite}@keyframes cab18-eye{0%,to{opacity:.25}40%,60%{opacity:1}}.cab18-platform{animation:cab-bob var(--cab-platform) ease-in-out infinite}.cab18-pull{animation:cab18-pull var(--cab-pull) ease-in infinite}@keyframes cab18-pull{0%{opacity:0;transform:translate(0)rotate(0)scale(1)}15%{opacity:1}to{transform:translate(var(--cab-dx), var(--cab-dy)) rotate(200deg) scale(.3);opacity:0}}.cab18-rise{animation:cab18-rise var(--cab-pulse) ease-out infinite}@keyframes cab18-rise{0%{opacity:0;transform:translateY(0)}30%{opacity:.8}to{opacity:0;transform:translateY(-70px)}}.cab19-crowd{animation:cab19-crowd var(--cab-crowd) ease-in-out infinite}@keyframes cab19-crowd{0%,to{opacity:.35}50%{opacity:1}}.cab19-led{animation:cab-pulse var(--cab-led) steps(2, jump-none) infinite}.cab19-sweep{animation:cab19-sweep var(--cab-sweep) ease-in-out infinite alternate}@keyframes cab19-sweep{0%{transform:rotate(-16deg)}to{transform:rotate(16deg)}}.cab19-screen{animation:cab-flicker var(--cab-screen) linear infinite}.cab19-sway{transform-box:view-box;transform-origin:872px 214px;animation:cab19-sway var(--cab-sweep) ease-in-out infinite alternate}@keyframes cab19-sway{0%{transform:rotate(-5deg)}to{transform:rotate(6deg)}}.cab20-shard,.cab20-cube{transform-box:fill-box;transform-origin:50%}.cab20-shard{animation:cab20-shard var(--cab-shard) ease-in-out infinite alternate}@keyframes cab20-shard{0%{transform:translate(-4px,3px)rotate(-4deg)}to{transform:translate(5px,-4px)rotate(5deg)}}.cab20-orbit{animation:cab-spin var(--cab-orbit) linear infinite}.cab20-flicker{animation:cab-flicker var(--cab-flicker) linear infinite}.cab20-bob{animation:cab-bob var(--cab-shard) ease-in-out infinite}.cab20-cube{animation:cab-spin var(--cab-cube) linear infinite}.cab20-glitch{opacity:0;animation:cab20-glitch var(--cab-glitch) steps(1, end) infinite}@keyframes cab20-glitch{0%,60%{opacity:0;transform:translate(0)}64%{opacity:1;transform:translate(-18px)}70%{opacity:.6;transform:translate(12px)}76%,to{opacity:0;transform:translate(0)}}.cab21-warn{animation:cab21-warn var(--cab-warn) steps(1, end) infinite}@keyframes cab21-warn{0%,49%{opacity:1}50%,to{opacity:.1}}.cab21-crack{animation:cab-pulse var(--cab-crack) ease-in-out infinite}.cab21-portal{animation:cab-flicker var(--cab-portal) linear infinite}.cab21-fall{animation:cab21-fall var(--cab-fall) ease-in infinite}@keyframes cab21-fall{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(-30px,200px)rotate(320deg)}}.cab21-smoke{animation:cab21-smoke var(--cab-smoke) ease-in-out infinite alternate}@keyframes cab21-smoke{0%{opacity:.75;transform:translate(-10px,6px)}to{opacity:1;transform:translate(18px,-14px)}}.nx-map{background:var(--nx-bg,#03061a)}.nx-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nx-sky{width:100%;height:100%;position:absolute;inset:0}.nx-layer{translate:calc(var(--px,0) * var(--pp) * -1px + (.5 - var(--sx,.5)) * var(--sp) * 1px) calc(var(--py,0) * var(--pp) * -.6px + (.5 - var(--sy,.5)) * var(--sp) * .6px);transition:translate var(--pe,.9s) cubic-bezier(.2, .7, .3, 1);will-change:translate;position:absolute;inset:-40px -56px}.nx-drift{animation:nx-drift var(--ds) ease-in-out infinite alternate;position:absolute;inset:0}.nx-drift svg{width:100%;height:100%;display:block}@keyframes nx-drift{0%{transform:translateX(calc(var(--dp) * -1px))}to{transform:translateX(calc(var(--dp) * 1px))}}.nxb-stop-accent{stop-color:var(--nx-accent)}.nxb-stop-accent2{stop-color:var(--nx-accent2)}.nxb-stop-horizon{stop-color:var(--nx-horizon)}.nxs-top{stop-color:var(--nx-bg)}.nxs-upper{stop-color:color-mix(in srgb, var(--nx-bg) 74%, var(--nx-horizon))}.nxs-lower{stop-color:color-mix(in srgb, var(--nx-bg) 58%, var(--nx-horizon))}.nxf-bld-top{stop-color:color-mix(in srgb, var(--nx-horizon) 45%, var(--nx-bg))}.nxf-bld-low{stop-color:color-mix(in srgb, var(--nx-horizon) 12%, var(--nx-bg))}.nxc-tower-edge{stop-color:color-mix(in srgb, var(--nx-horizon) 16%, var(--nx-bg))}.nxc-tower-mid{stop-color:color-mix(in srgb, var(--nx-horizon) 48%, var(--nx-bg))}.nxf-win{fill:color-mix(in srgb, var(--nx-accent) 45%, #fff)}.nxf-win2{fill:color-mix(in srgb, var(--nx-accent2) 45%, #fff)}.nxf-win3{fill:color-mix(in srgb, var(--nx-gold) 72%, #fff)}.nxb-neon{fill:var(--nx-accent)}.nxb-neon2{fill:var(--nx-accent2)}.nxb-line{fill:none;stroke:var(--nx-accent)}.nxb-line2{fill:none;stroke:var(--nx-accent2)}.nxb-ring{stroke:var(--nx-accent);stroke-width:2px}.nxb-ring2{stroke:var(--nx-accent2);stroke-width:1.6px}.nxb-tip{fill:#fff;stroke:var(--nx-accent);stroke-width:3px;stroke-opacity:.55}.nxb-card{fill:color-mix(in srgb, var(--nx-accent2) 20%, transparent);stroke:var(--nx-accent2);stroke-width:1.4px}.nxb-card-mark{fill:none;stroke:color-mix(in srgb, var(--nx-accent2) 60%, #fff);stroke-width:1px;opacity:.55}.nx-sky-storm .nxb-card{fill:#3a0e22;stroke:#d6a43c;filter:drop-shadow(0 0 4px #d6a43c99)}.nx-sky-storm .nxb-card-mark{fill:#6a1a2a;stroke:#e8b860;opacity:.9}.nxb-frame{stroke:var(--nx-accent);stroke-width:2px}.nxc-road{stroke:color-mix(in srgb, var(--nx-horizon) 28%, #0a0e2a)}.nxb-trail{stroke:#ff6fd0;animation:nx-traffic var(--traffic-s,6s) linear infinite}.nxb-trail2{stroke:var(--nx-accent);animation:nx-traffic var(--traffic-s,6s) linear infinite reverse}@keyframes nx-traffic{to{stroke-dashoffset:-232px}}.nxb-stars{fill:#e6eeff}.nxb-stars-1{animation:nx-twinkle var(--twinkle-s) ease-in-out infinite}.nxb-stars-2{animation:nx-twinkle var(--twinkle2-s) ease-in-out -3s infinite}@keyframes nx-twinkle{50%{opacity:.35}}.nxl,.nxp{opacity:.9}.nxb-horizon-glow{opacity:var(--nx-glow,.6)}.nxb-vortex{transform-box:fill-box;transform-origin:50%;animation:nx-spin var(--ring-s,48s) linear infinite}@keyframes nx-spin{to{transform:rotate(360deg)}}.nxb-run{animation:nx-run var(--ring-run-s) linear infinite}@keyframes nx-run{to{stroke-dashoffset:-180px}}.nxb-portal-core,.nxb-beam{animation:nx-breathe var(--breathe-s) ease-in-out infinite}@keyframes nx-breathe{50%{opacity:.7}}.nx-fog{pointer-events:none;animation:nx-fog var(--fog-s,38s) ease-in-out infinite alternate;position:absolute;left:-10%;right:-10%}.nx-fog-mid{height:24%;opacity:calc(var(--nx-fog-a,.22) * 2.2);background:radial-gradient(ellipse 60% 50% at 50% 50%, color-mix(in srgb, var(--nx-fog) 45%, transparent), transparent 72%);top:46%}.nx-fog-band{display:none}.nx-fog-low{background:linear-gradient(to top, color-mix(in srgb, var(--nx-bg) 92%, transparent), color-mix(in srgb, var(--nx-accent) 9%, transparent) 62%, transparent);height:32%;bottom:-4%}@keyframes nx-fog{0%{transform:translate(-3%)}to{transform:translate(3%)}}.nx-vignette{background:radial-gradient(ellipse 75% 70% at 55% 55%, transparent 55%, color-mix(in srgb, var(--nx-bg) 72%, transparent));position:absolute;inset:0}.nx-reduced .nx-backdrop,.nx-reduced .nx-backdrop *{animation:none!important}.nx-reduced .nx-layer{transition:none;translate:none}.nx-reduced .nx-particles{display:none}@media (prefers-reduced-motion:reduce){.nx-map .nx-backdrop,.nx-map .nx-backdrop *{animation:none!important}.nx-map .nx-layer{transition:none;translate:none}.nx-map .nx-particles{display:none}}:where(:root[data-reduced-motion]) .nx-map .nx-backdrop,:where(:root[data-reduced-motion]) .nx-map .nx-backdrop *{animation:none!important}:where(:root[data-reduced-motion]) .nx-map .nx-layer{transition:none;translate:none}:where(:root[data-reduced-motion]) .nx-map .nx-particles{display:none}.nx-sky-canopy .nx-sky .nxb-stop-horizon{stop-color:color-mix(in srgb, var(--nx-horizon) 62%, #c8fff0)}.nx-sky-canopy .nxs-lower{stop-color:color-mix(in srgb, var(--nx-horizon) 70%, var(--nx-bg))}.nxs-glint{fill:#b8ffd8;opacity:.55}.nxs-rays{opacity:var(--nx-rays,.6)}.nxs-crack-glow,.nxs-crack,.nxs-dragon-glow,.nxs-dragon-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.nxs-crack-glow{stroke:var(--nx-accent2);stroke-width:7px;opacity:.32}.nxs-crack{stroke:#fff6e8;stroke-width:1.6px;opacity:.85}.nxs-dragon-glow{stroke:color-mix(in srgb, var(--nx-accent) 70%, #fff);stroke-width:9px;opacity:.22}.nxs-dragon-line{stroke:#eef4ff;stroke-width:2px;opacity:.85;filter:drop-shadow(0 0 3px #9ab8ff)}.nxs-dragon-thin{stroke-width:1.2px;opacity:.55}.nxs-dragon-fill{fill:url(#nxs-dragon-body)}.nxs-dragon-eye{fill:#fff;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 6px var(--nx-accent))}.nxf-crown-body{fill:color-mix(in srgb, var(--nx-horizon) 34%, #02100c)}.nxf-crown-rim{fill:color-mix(in srgb, var(--nx-accent) 42%, transparent)}.nxf-crown-light{fill:color-mix(in srgb, var(--nx-horizon) 55%, var(--nx-accent));opacity:.32}.nxf-spore{fill:var(--nx-accent2);opacity:.85}.nxf-vein{fill:none;stroke:var(--nx-accent);stroke-width:2.4px;stroke-linecap:round;opacity:.8;filter:drop-shadow(0 0 3px var(--nx-accent))}.nxf-chunk{fill:#0a0a22;stroke:color-mix(in srgb, var(--nx-accent2) 60%, transparent);stroke-width:.8px}.nxp-stop{stop-color:var(--nx-portal)}.nxp-stop2{stop-color:var(--nx-portal2)}.nxp-line{stroke:var(--nx-portal);stroke-width:2px}.nxp-line2{stroke:var(--nx-portal2);stroke-width:1.6px}.nxp-gold{stroke:#e8c060;stroke-width:3px}.nxp-halo{opacity:calc(.75 * var(--nx-portal-i,1))}.nxp-anim-pulse .nxb-vortex{animation:none}.nxp-anim-pulse .nxb-portal-core{animation-duration:calc(var(--breathe-s) * .6)}.nxp-vine,.nxp-swirl{fill:none;stroke-linecap:round}.nxp-vine{stroke:var(--nx-portal);stroke-width:4px;filter:drop-shadow(0 0 4px var(--nx-portal))}.nxp-vine-b{stroke:color-mix(in srgb, var(--nx-portal) 50%, #0a3a24);stroke-width:3px}.nxp-hang{stroke-width:2.4px;opacity:.8}.nxp-leaf{fill:var(--nx-portal2)}.nxp-swirl{stroke:#f4fff8;stroke-width:4px;opacity:.8}.nxp-ring{transform-box:fill-box;transform-origin:50%;animation:nx-spin var(--pr-s,40s) linear infinite}.nxp-ring ellipse{filter:drop-shadow(0 0 3px var(--nx-portal))}.nxp-rays{opacity:calc(.45 * var(--nx-portal-i,1));animation:nx-breathe var(--breathe-s) ease-in-out infinite}.nxp-bloom{opacity:calc(.55 * var(--nx-portal-i,1));animation:nx-breathe var(--breathe-s) ease-in-out infinite}.nxp-shape-multi .nxb-portal-core{animation:none}.nxp-shape-multi .nxp-swirl{stroke:#fff;stroke-width:2.4px;opacity:.45}.nxl-root,.nxw-root{fill:none;stroke:#04140f;stroke-linecap:round}.nxl-root{stroke-width:9px}.nxw-root{stroke-width:7px}.nxw-root-thin{stroke-width:4px}.nxl-banner{fill:color-mix(in srgb, var(--nx-accent) 22%, #031a14);stroke:var(--nx-accent);stroke-width:1.4px}.nxl-banner-mark{fill:none;stroke:#c8ffe8;stroke-width:1.8px;stroke-linecap:round}.nxw-moss-line{fill:none;stroke:#3dcf7a;stroke-width:4px;stroke-linecap:round}.nxw-hang{fill:none;stroke:#0c3a26;stroke-width:3px}.nxw-vine-line{fill:none;stroke:#0e4a30;stroke-width:2.6px}.nxw-vine-leaf{fill:#1f8a54}.nxw-midrib{fill:none;stroke:color-mix(in srgb, var(--nx-accent) 55%, transparent);stroke-width:2px}.nxw-flower path{fill:var(--nx-gold);filter:drop-shadow(0 0 4px var(--nx-gold))}.nxw-thorn{fill:none;stroke:#0c3420;stroke-width:4px;stroke-linecap:round}.nxw-thorn-spike{stroke:#5a1a22;stroke-width:3px}.nxk-crack{fill:none;stroke:#ffd9a8;stroke-width:1.4px;opacity:.7}.nxk-road{fill:none;stroke:#0a0a24;stroke-width:14px;stroke-linecap:butt}.nxk-edge{fill:none;stroke:#e8b860;stroke-width:1.6px;opacity:.7}.nxk-rim{stroke-width:3px;opacity:.9;filter:drop-shadow(0 0 4px #ffb84a)}.nxk-beam{opacity:.7}.nx-haze-haze .nx-fog-band,.nx-haze-mist .nx-fog-band,.nx-haze-smoke .nx-fog-band{height:34%;animation-duration:calc(var(--fog-s,38s) * .7);animation-direction:alternate-reverse;display:block;bottom:6%}.nx-haze-haze .nx-fog-band{height:30%;opacity:calc(var(--nx-fog-a,.22) * 2.6);background:radial-gradient(ellipse 34% 30% at 22% 55%, color-mix(in srgb, var(--nx-fog) 50%, transparent), transparent 72%), radial-gradient(ellipse 30% 26% at 62% 40%, color-mix(in srgb, var(--nx-accent) 26%, transparent), transparent 72%), radial-gradient(ellipse 30% 34% at 92% 62%, color-mix(in srgb, var(--nx-fog) 42%, transparent), transparent 72%);bottom:12%}.nx-haze-mist .nx-fog-band{opacity:calc(var(--nx-fog-a,.4) * 1.8);background:radial-gradient(ellipse 40% 45% at 25% 60%, color-mix(in srgb, var(--nx-fog) 55%, transparent), transparent 70%), radial-gradient(ellipse 45% 40% at 75% 50%, color-mix(in srgb, var(--nx-fog) 45%, transparent), transparent 72%), radial-gradient(ellipse 60% 30% at 50% 78%, color-mix(in srgb, var(--nx-fog) 30%, #ecfff680), transparent 70%)}.nx-haze-smoke .nx-fog-band{opacity:calc(var(--nx-fog-a,.3) * 2.2);background:radial-gradient(50% 40% at 30% 80%,#9682be73,#0000 70%),radial-gradient(40% 30% at 70% 90%,#ff783c47,#0000 70%)}.nx-haze-mist .nx-fog-low{background:linear-gradient(to top, color-mix(in srgb, var(--nx-bg) 70%, transparent), color-mix(in srgb, var(--nx-fog) 26%, #dcfff01f) 55%, transparent)}.stage-viewport:has(.nx-map .nx-sky-canopy){background:radial-gradient(80% 30% at 50% 0,#3dffa029,#0000 70%),radial-gradient(90% 30% at 50% 100%,#7dffe81f,#0000 70%),linear-gradient(#021412 0%,#0a3a30 50%,#021210 100%)}.stage-viewport:has(.nx-map .nx-sky-storm){background:radial-gradient(80% 30% at 50% 0,#a066ff3d,#0000 70%),radial-gradient(90% 30% at 50% 100%,#ffe6a01a,#0000 70%),linear-gradient(#020312 0%,#1c0e4a 50%,#020312 100%)}.nxc-drone{animation:20s linear infinite nx-drone}@keyframes nx-drone{0%{transform:translate(-140px)}to{transform:translate(1120px)}}.nxc-drone-trail{fill:none;stroke:#ff6fd0;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:40 5 16 5 6 5;opacity:.55}.nxc-drone-thrust{fill:none;stroke:#ffd0f0;stroke-width:3px;stroke-linecap:round;opacity:.8}.nxc-drone-body{fill:#0d1238;stroke:color-mix(in srgb, var(--nx-accent) 55%, #fff);stroke-width:1px}.nxc-drone-glass{fill:color-mix(in srgb, var(--nx-accent) 55%, #0a1440)}.nxc-drone-wing{fill:#080b26;stroke:color-mix(in srgb, var(--nx-accent) 45%, transparent);stroke-width:1px}.nxc-drone-stripe{fill:none;stroke:var(--nx-accent);stroke-width:1.2px}.nxc-drone-beam{fill:color-mix(in srgb, var(--nx-accent) 22%, transparent)}.nxc-drone-light{filter:drop-shadow(0 0 3px #ff6fd0);fill:#ff6fd0}.nxc-holo{animation:nx-holo var(--nx-holo-s,5s) linear infinite}@keyframes nx-holo{0%,90%{opacity:1}95%{opacity:.7}}.nxc-holo-art{fill:color-mix(in srgb, var(--nx-accent) 30%, transparent);stroke:#eaffff;stroke-width:1.4px;stroke-linejoin:round}.nxc-holo-line{fill:none;stroke:#eaffff;stroke-width:1.4px;stroke-linecap:round;opacity:.85}.nxc-rail{fill:none;stroke:#2a3460;stroke-width:3px}.nxc-lamp{fill:#ffd27a;filter:drop-shadow(0 0 6px #ffb84a)}.nxs-ray{animation:nx-ray var(--nx-rays-s,8s) ease-in-out infinite}.nxs-ray-1{animation-delay:calc(var(--nx-rays-s,8s) * -.33)}.nxs-ray-2{animation-delay:calc(var(--nx-rays-s,8s) * -.66)}@keyframes nx-ray{50%{opacity:.45}}.nxw-vine{transform-box:fill-box;transform-origin:50% 0;animation:nx-sway var(--nx-vine-s,6s) ease-in-out infinite alternate}.nxw-vine-1{animation-delay:calc(var(--nx-vine-s,6s) * -.4)}.nxw-vine-2{animation-delay:calc(var(--nx-vine-s,6s) * -.8)}@keyframes nx-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(3deg)}}.nxw-fall,.nxl-fall,.nxk-beam{animation:nx-breathe var(--breathe-s) ease-in-out infinite}.nxs-clouds{animation:nx-fog var(--fog-s,38s) ease-in-out infinite alternate}.nxs-bolt-ghost{fill:none;stroke:#c8d4ff;stroke-width:1.6px;stroke-linejoin:round;opacity:.22}.nxs-bolt{fill:none;stroke:#f4f6ff;stroke-width:2.4px;stroke-linejoin:round;filter:drop-shadow(0 0 6px #a8b8ff);opacity:0;animation:nx-bolt var(--nx-lightning-s,9s) linear infinite}.nxs-bolt-1{animation-delay:calc(var(--nx-lightning-s,9s) * -.37)}.nxs-bolt-2{animation-delay:calc(var(--nx-lightning-s,9s) * -.71)}@keyframes nx-bolt{0%,40%{opacity:0}41%{opacity:.95}42%{opacity:.15}43.5%{opacity:.8}47%,to{opacity:0}}.nxs-dragon{animation:nx-dragon var(--nx-dragon-s,12s) ease-in-out infinite}@keyframes nx-dragon{50%{opacity:.72}}.nxl-echo{fill:var(--echo);filter:drop-shadow(0 0 4px var(--echo));opacity:.85;transform-box:fill-box;transform-origin:50%;animation:nx-echo var(--nx-echo-s,14s) ease-in-out infinite}@keyframes nx-echo{50%{opacity:.5;transform:translateY(-12px)rotate(180deg)}}.nxf-fire,.nxk-fire{animation:nx-flicker var(--nx-fire-s,2.6s) ease-in-out infinite alternate}@keyframes nx-flicker{0%{opacity:.6}to{opacity:1}}.nx-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nx-pt{top:var(--top);width:calc(3px * var(--sz));height:calc(3px * var(--sz));opacity:0;border-radius:50%;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.nx-pt-motes,.nx-pt-embers,.nx-pt-bubbles{animation-name:nx-rise;top:auto;bottom:-8px}.nx-pt-motes{box-shadow:0 0 6px 2px var(--nx-accent);background:#fff}.nx-pt-embers{background:#ffd08a;box-shadow:0 0 6px 2px #ff6a1a}.nx-pt-bubbles{width:calc(6px * var(--sz));height:calc(6px * var(--sz));border:1px solid #c8fffab3}@keyframes nx-rise{0%{opacity:0;transform:translate(0)}15%{opacity:.8}85%{opacity:.45}to{transform:translate(var(--dx), -540px);opacity:0}}.nx-pt-fireflies{width:calc(4px * var(--sz));height:calc(4px * var(--sz));background:#f4ff9a;animation-name:nx-firefly;animation-timing-function:ease-in-out;box-shadow:0 0 8px 3px #beff78bf}@keyframes nx-firefly{0%,to{opacity:0;transform:translate(0)}15%{opacity:.9}30%{transform:translate(calc(var(--dx) * .5), -18px);opacity:.25}50%{transform:translate(var(--dx), -6px);opacity:1}70%{transform:translate(calc(var(--dx) * .4), 14px);opacity:.3}85%{opacity:.85}}.nx-pt-leaves,.nx-pt-snow,.nx-pt-rain{animation-name:nx-fall;top:-24px}.nx-pt-leaves{width:calc(12px * var(--sz));height:calc(6px * var(--sz));background:linear-gradient(135deg,#6dffa8,#0f6a40);border-radius:80% 0;animation-name:nx-leaf}.nx-pt-snow{background:#f4f8ff}.nx-pt-rain{width:1px;height:calc(14px * var(--sz));background:#c8e6ff8c;border-radius:0}@keyframes nx-fall{0%{opacity:0;transform:translate(0)}10%,90%{opacity:.8}to{transform:translate(var(--dx), 760px);opacity:0}}@keyframes nx-leaf{0%{opacity:0;transform:translate(0)rotate(0)}10%,85%{opacity:.85}50%{transform:translate(var(--dx), 380px) rotate(220deg)}to{transform:translate(calc(var(--dx) * -.5), 760px) rotate(420deg);opacity:0}}.nx-pt-debris,.nx-pt-shards{opacity:.85;animation-name:nx-drift-chunk;animation-timing-function:ease-in-out;animation-direction:alternate}.nx-pt-debris{width:calc(9px * var(--sz));height:calc(6px * var(--sz));background:#0b0b24;border-radius:1px;box-shadow:inset 0 1px #ffd68c99}.nx-pt-shards{width:calc(6px * var(--sz));height:calc(6px * var(--sz));background:var(--tint,var(--nx-accent));box-shadow:0 0 6px var(--tint,var(--nx-accent));border-radius:1px}@keyframes nx-drift-chunk{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--dx), -40px) rotate(140deg)}}.nx-pt-sparks{width:calc(2px * var(--sz));height:calc(2px * var(--sz));background:#fff4d0;animation-name:nx-spark;box-shadow:0 0 5px 1px #ffd76a}@keyframes nx-spark{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{transform:translate(var(--dx), -130px);opacity:0}}.nx-hud{--bevel:polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);height:var(--nx-hud);z-index:12;background:linear-gradient(#03081ef7,#071236eb);align-items:center;gap:6px;padding:0 10px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 18px #0000008c}.nx-hud-rail{pointer-events:none;background:repeating-linear-gradient(#78c8ff0d 0 1px,#0000 1px 3px);position:absolute;inset:0}.nx-hud-rail:before{content:"";background:linear-gradient(90deg,#5ff2ff,#3fa0ff59 18% 82%,#5ff2ff);height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px #5ff2ff99}.nx-hud-rail:after{content:"";opacity:.8;background:linear-gradient(90deg,#0000,#9a6bff 20%,#0000 32% 68%,#9a6bff 80%,#0000);height:2px;position:absolute;top:0;left:22%;right:22%}.nx-hud-row{display:contents}.nx-mod-settings{margin-left:auto}.nx-mod{isolation:isolate;align-items:center;gap:6px;height:46px;padding:0 7px;display:flex;position:relative}.nx-mod:before,.nx-mod:after{content:"";z-index:-1;clip-path:var(--bevel);position:absolute}.nx-mod:before{opacity:.65;animation:nx-hud-idle var(--hud-idle-s) ease-in-out infinite;background:linear-gradient(135deg,#5ff2ff,#2a5bd0 38%,#1b2f7a 62%,#9a6bff);inset:0}.nx-mod:after{background:linear-gradient(#82c8ff29,#0000 45%),linear-gradient(#13265f 0%,#0a1640 55%,#060d2c 100%);inset:1.5px}@keyframes nx-hud-idle{50%{opacity:.9}}.nx-mod.is-active{filter:drop-shadow(0 0 6px #78dcff8c)}.nx-mod.is-active:before{opacity:1;background:linear-gradient(135deg,#8ff4ff,#4aa8ff 45%,#b98bff);animation:none}.nx-mod-scan{clip-path:var(--bevel);opacity:0;pointer-events:none;position:absolute;inset:2px;overflow:hidden}.nx-mod-scan:after{content:"";background-blend-mode:multiply;opacity:.7;background:linear-gradient(#0000,#a0f0ff8c 50%,#0000),linear-gradient(90deg,#0000,#ffffff80,#0000);height:6px;position:absolute;top:-12%;left:0;right:0}.nx-mod.is-active .nx-mod-scan{opacity:1}.nx-mod.is-active .nx-mod-scan:after{animation:nx-hud-scan var(--hud-scan-s) linear infinite}@keyframes nx-hud-scan{0%{translate:0}55%,to{translate:0 900%}}.nx-readout{border-radius:4px;align-items:center;gap:5px;display:flex}.nx-readout:focus-visible,.nx-back:focus-visible,.nx-icon-btn:focus-visible,.nx-plus:focus-visible{outline-offset:2px;outline:2px solid #8ff4ff}.nx-mod-rank .nx-readout,.nx-mod-stars .nx-readout{flex-direction:column;gap:1px;min-width:30px}.nx-value{-webkit-text-stroke-width:2.5px;font-size:17px;line-height:1}.nx-mod-rank .nx-value,.nx-mod-stars .nx-value{font-size:15px}.nx-count{display:inline-block}.nx-count.is-up{animation:nx-hud-bump var(--hud-bump) ease-out;color:#b8ffd6}.nx-count.is-down{animation:nx-hud-bump var(--hud-bump) ease-out;color:#ffd2c4}@keyframes nx-hud-bump{40%{scale:1.18}}.nx-mod-dp .nx-value{min-width:30px}.nx-mod-cp .nx-value{min-width:42px}.nx-mod-coins .nx-value{min-width:66px}.nx-bolt{filter:drop-shadow(0 0 4px #7dda3bbf)}.nx-energy{flex-direction:column;gap:2px;display:flex}.nx-energy-top{align-items:center;gap:6px;display:flex}.nx-energy-bar{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#050d2a;border:1px solid #2b4a8a;width:88px;height:11px;position:relative;overflow:hidden}.nx-energy-fill{background:linear-gradient(#c4ff8a,#4fd23a 50%,#23801a);transition:width .6s ease-out;position:absolute;inset:0 auto 0 0;overflow:hidden}.nx-energy-light{width:30%;animation:nx-hud-light var(--hud-light-s) ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);position:absolute;top:0;bottom:0;left:-30%}@keyframes nx-hud-light{to{translate:440%}}.nx-energy-timer{color:var(--energy-timer);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11px;font-weight:800;line-height:1;display:flex}.nx-energy-timer:after{content:"";opacity:.55;background:repeating-linear-gradient(115deg,#3fd46a 0 2px,#0000 2px 5px);width:18px;height:6px}.nx-back,.nx-icon-btn{background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:filter .15s ease-out;display:flex}.nx-back{width:34px;height:38px}.nx-icon-btn{width:30px;height:34px}.nx-mod-back{padding:0 4px}.nx-mod-settings,.nx-mod-music{padding:0 3px}.nx-back:hover,.nx-icon-btn:hover{filter:drop-shadow(0 0 5px #8ff4ff)brightness(1.2)}.nx-plus{background:linear-gradient(#0f3a4a,#062030);border:1px solid #3fd6b0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out;display:flex;position:relative;box-shadow:inset 0 0 6px #3ff0c040}.nx-plus:before{content:"";position:absolute;inset:-9px -6px}.nx-plus svg path{stroke:#8affd8}.nx-plus:hover:not(:disabled),.nx-plus:focus-visible{background:linear-gradient(#19707a,#0b3a48);border-color:#c8fff0;box-shadow:0 0 10px #3ff0c0bf,inset 0 0 6px #c8fff073}.nx-plus:disabled{opacity:.4}.nx-plus-pulse{pointer-events:none;animation:nx-hud-pulse var(--hud-pulse) ease-out forwards;border:2px solid #8ff4ff;border-radius:6px;position:absolute;inset:-2px;box-shadow:0 0 12px #5ff2ff}@keyframes nx-hud-pulse{0%{opacity:1;scale:1}to{opacity:0;scale:2.3}}.nx-hud-tip{z-index:5;color:#dcecff;opacity:0;pointer-events:none;background:#050c28f7;border:1px solid #78dcffb3;width:max-content;max-width:250px;padding:4px 8px;font-size:12px;font-weight:700;line-height:1.3;transition:opacity .15s ease-out;position:absolute;top:calc(100% + 6px);left:50%;translate:-50%}.nx-mod.is-active .nx-hud-tip{opacity:1}.nx-mod-back .nx-hud-tip,.nx-mod-rank .nx-hud-tip{left:0;translate:none}.nx-mod-music .nx-hud-tip,.nx-mod-settings .nx-hud-tip{left:auto;right:0;translate:none}.nx-hud-compact{gap:4px;padding:0 6px}.nx-hud-compact .nx-mod{zoom:var(--hud-zoom)}.nx-hud-compact .nx-hud-rail{background:0 0}.nx-hud-compact .nx-mod.is-active,.nx-hud-portrait .nx-mod.is-active{filter:none}.nx-hud-portrait{flex-direction:column;justify-content:center;align-items:stretch;gap:4px;padding:4px 8px}.nx-hud-portrait .nx-hud-rail{background:0 0}.nx-hud-portrait .nx-hud-row{zoom:var(--hud-zoom);align-items:center;gap:6px;display:flex}.nx-hud-portrait .nx-hud-resources{justify-content:space-between}.nx-hud-portrait .nx-mod-coins .nx-hud-tip{left:auto;right:0;translate:none}.nx-reduced .nx-hud *,.nx-reduced .nx-hud :before,.nx-reduced .nx-hud :after{transition:none!important;animation:none!important}.nx-reduced .nx-mod-scan,.nx-reduced .nx-energy-light,.nx-reduced .nx-plus-pulse{display:none}@media (prefers-reduced-motion:reduce){.nx-hud *,.nx-hud :before,.nx-hud :after{transition:none!important;animation:none!important}.nx-mod-scan,.nx-energy-light,.nx-plus-pulse{display:none}}:where(:root[data-reduced-motion]) .nx-hud *,:where(:root[data-reduced-motion]) .nx-hud :before,:where(:root[data-reduced-motion]) .nx-hud :after{transition:none!important;animation:none!important}:where(:root[data-reduced-motion]) .nx-mod-scan,:where(:root[data-reduced-motion]) .nx-energy-light,:where(:root[data-reduced-motion]) .nx-plus-pulse{display:none}.sidebar{background:linear-gradient(180deg, #16407a, var(--navy-1));border-top:2px solid var(--panel-border);border-right:2px solid var(--panel-border);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);z-index:11;flex-direction:column;gap:12px;width:124px;padding:12px 10px;display:flex;position:absolute;top:186px;bottom:0;left:0}.side-btn{background:linear-gradient(#3f8fe0,#1b4e9b);border:2px solid #0e2a55;border-radius:6px;flex:none;justify-content:center;align-items:center;width:102px;height:92px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #aad7ff99,0 2px #00000059}.side-btn:hover{filter:brightness(1.1)}.side-badge{background:radial-gradient(circle at 40% 35%,#ff8a6a,#e2261a 60%,#a8120a);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;font-weight:900;display:flex;position:absolute;top:-6px;right:-4px;box-shadow:0 2px 4px #0006}.menu-popup{width:560px}.menu-popup h2{margin:0 0 14px}.menu-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.menu-grid .glossy{min-height:52px;padding:4px 8px;font-size:18px}.chapter-banner{border:2px solid var(--panel-border);z-index:10;background:#06152fcc;border-radius:16px;padding:5px 16px;font-size:16px;font-weight:800;position:absolute;top:78px;left:134px}.objective-ticker{border:2px solid var(--panel-border);z-index:10;background:#06152fd1;border-radius:8px;justify-content:space-between;align-items:center;height:38px;padding:0 6px 0 14px;font-size:15px;font-weight:700;display:flex;position:absolute;bottom:8px;left:136px;right:12px}.ticker-progress{color:#b9ff8a;margin-left:12px}.ticker-claim{border:2px solid var(--green-bezel);background:linear-gradient(180deg, #9be05a, var(--green-hi) 45%, var(--green-lo));border-radius:6px;padding:4px 14px;font-weight:900}.nx-node{--tone:#3fa0ff;--tone-hi:#c4e8ff;width:0;height:0;z-index:var(--z);position:absolute}.nx-node:hover{z-index:2000}.nx-node:has(:focus-visible){z-index:2000}.tone-green{--tone:#3dff8a;--tone-hi:#c9ffd9}.tone-blue{--tone:#3fa0ff;--tone-hi:#c4e8ff}.tone-red{--tone:#ff4a24;--tone-hi:#ffd2b8}.tone-gold{--tone:#ffc23a;--tone-hi:#fff2b0}.tone-amber{--tone:#ffe04a;--tone-hi:#fffac8}.tone-portal{--tone:#46d8ff;--tone-hi:#d9f6ff}.tone-grey{--tone:#7d89a6;--tone-hi:#d3d9e4}.nx-anchor{scale:var(--depth);position:absolute;top:0;left:0}.is-reached .nx-pedestal,.is-reached .nx-bob{animation:nx-float var(--nx-float-s) ease-in-out infinite;animation-delay:calc(var(--i) * var(--nx-float-stagger) * -1)}@keyframes nx-float{50%{translate:0 calc(var(--nx-float) * -1)}}.nx-pedestal{left:calc(var(--w) * -.7);top:calc(var(--w) * .36);width:calc(var(--w) * 1.4);height:calc(var(--w) * .863);filter:drop-shadow(0 6px 6px #0000008c);position:absolute;overflow:visible}.nx-pedestal-rim{stroke:#46597f}.is-reached .nx-pedestal-rim{stroke:var(--tone)}.nx-pedestal-fall{fill:var(--tone);opacity:.35}.is-locked .nx-pedestal{filter:brightness(.7)drop-shadow(0 6px 6px #0000008c)}.is-locked .nx-pedestal-fall{opacity:0}.nx-crystal{left:calc(var(--w) * -.5 - var(--nx-hit));top:calc(var(--w) * -.575 - var(--nx-hit));width:calc(var(--w) + var(--nx-hit) * 2);height:calc(var(--w) * 1.22 + var(--nx-hit) * 2);background:0 0;border:0;border-radius:14px;padding:0;position:absolute}.nx-bob{pointer-events:none;transition:transform .18s ease-out;position:absolute;inset:0}.nx-crystal-svg,.nx-icon-slot,.nx-glow,.nx-outline,.nx-burst{position:absolute}.nx-crystal-svg{left:var(--nx-hit);top:var(--nx-hit);width:var(--w);height:calc(var(--w) * 1.22);overflow:visible}.is-reached .nx-crystal-svg{filter:drop-shadow(0 0 var(--nx-gem-glow) color-mix(in srgb, var(--tone) 90%, transparent)) drop-shadow(0 0 var(--nx-gem-ambient) color-mix(in srgb, var(--tone) 45%, transparent))}.is-reached .nx-crystal:hover .nx-crystal-svg,.is-reached .nx-crystal:focus-visible .nx-crystal-svg{filter:drop-shadow(0 0 var(--nx-gem-glow-hover) var(--tone)) drop-shadow(0 0 var(--nx-gem-ambient) color-mix(in srgb, var(--tone) 60%, transparent)) brightness(1.08)}.nx-gem-edge{stroke:var(--tone-hi);stroke-opacity:.95}.nx-gem-bezel{stroke:var(--tone-hi);stroke-opacity:.55}.nx-icon-slot{left:var(--nx-hit);top:var(--nx-hit);width:var(--w);height:calc(var(--w) * 1.15);justify-content:center;align-items:center;display:flex}.nx-icon{filter:drop-shadow(0 1px 1px #000000b3) drop-shadow(0 0 2px color-mix(in srgb, var(--tone-hi) 60%, transparent))}.nx-glow{left:calc(var(--nx-hit) + var(--w) * -.25);top:calc(var(--nx-hit) + var(--w) * -.175);width:calc(var(--w) * 1.5);height:calc(var(--w) * 1.5);background:radial-gradient(circle, var(--tone) 0%, transparent 68%);opacity:.42;border-radius:50%;transition:opacity .18s ease-out,scale .18s ease-out}.nx-node:not(.is-locked) .nx-crystal:hover .nx-bob,.nx-node:not(.is-locked) .nx-crystal:focus-visible .nx-bob{transform:translateY(-4px)}.nx-crystal:hover .nx-glow,.nx-crystal:focus-visible .nx-glow{opacity:.85;scale:1.12}.nx-node:not(.is-locked) .nx-crystal:active .nx-bob{transform:translateY(-2px)scale(.95)}.nx-crystal:focus-visible{outline-offset:2px;outline:2px solid #8ff4ff;box-shadow:0 0 0 5px #8ff4ff40}.is-locked .nx-crystal{cursor:not-allowed}.is-locked .nx-crystal-svg{opacity:.86;filter:saturate(.45)brightness(.8)}.is-locked .nx-gem-glint{opacity:.3}.is-locked .nx-glow{opacity:.12}.is-locked .nx-crystal:hover .nx-glow,.is-locked .nx-crystal:focus-visible .nx-glow{opacity:.3;scale:1}.is-locked .nx-icon-slot{opacity:.85}.nx-check-slot,.nx-lock-slot{left:calc(var(--nx-hit) + var(--w) * .68);top:calc(var(--nx-hit) + var(--w) * .78);filter:drop-shadow(0 1px 2px #000000b3);line-height:0;position:absolute}.nx-stars{left:50%;top:calc(var(--nx-hit) + var(--w) * 1.12);background:linear-gradient(#281e0af0,#080a1ef2);border:1px solid #9a7426;border-radius:9px;align-items:center;gap:1px;padding:2px 5px;line-height:0;display:flex;position:absolute;translate:-50%;box-shadow:inset 0 1px #ffe6a04d,0 1px 3px #0009}.nx-stars.has-stars{border-color:#f2c14a;box-shadow:inset 0 1px #fff0be80,0 0 6px #ffc43c80,0 1px 3px #0009}.nx-star.is-lit{filter:drop-shadow(0 0 2px #ffc83cd9)}.nx-star:nth-child(2){translate:0 -1px}.look-boss .nx-stars{top:calc(var(--nx-hit) + var(--w) * 1.33)}.nx-emblem-wrap{place-items:center;display:grid;position:relative}.nx-emblem{object-fit:contain;filter:drop-shadow(0 0 1px #000000f2)drop-shadow(0 2px 2px #000000bf)drop-shadow(0 0 3px #fff6);width:100%;height:100%}.nx-emblem.is-locked{filter:grayscale()brightness(.55)drop-shadow(0 2px 2px #000000b3);opacity:.75}.nx-emblem-lock{place-items:center;display:grid;position:absolute;inset:0}.nx-emblem[data-emblem=boss-dragon]:not(.is-locked){filter:drop-shadow(0 0 1px #fff4d6)drop-shadow(0 0 1.5px #ffe2a8)drop-shadow(0 0 4px #ffc878d9)drop-shadow(0 2px 2px #000c)}.nx-outline{left:calc(var(--nx-hit) + var(--w) * -.08);top:calc(var(--nx-hit) + var(--w) * -.08);width:calc(var(--w) * 1.16);height:calc(var(--w) * 1.38);filter:drop-shadow(0 0 4px #78dcffd9);overflow:visible}.nx-outline-path{stroke-dasharray:46 12;animation:nx-outline-run var(--nx-outline-s) linear infinite}@keyframes nx-outline-run{to{stroke-dashoffset:-348px}}.nx-node.is-current .nx-glow{animation:nx-pulse var(--nx-pulse-s) ease-in-out infinite}@keyframes nx-pulse{50%{opacity:.85;scale:1.15}}.nx-here{left:-7px;top:calc(var(--w) * -.575 - 24px);filter:drop-shadow(0 0 4px #5ff2ff);width:14px;height:14px;animation:nx-here var(--nx-beacon-s) ease-in-out infinite;pointer-events:none;border-bottom:4px solid #b98bff;border-right:4px solid #8ff4ff;position:absolute;rotate:45deg}.nx-node:hover .nx-here{opacity:0}.nx-node:has(:focus-visible) .nx-here{opacity:0}@keyframes nx-here{50%{translate:0 5px}}.nx-node:not(.is-locked) .look-boss .nx-glow{opacity:.6;animation:nx-boss var(--nx-boss-s) ease-in-out infinite}@keyframes nx-boss{50%{opacity:1;scale:1.22}}.nx-boss-tag{left:50%;top:calc(var(--nx-hit) + var(--w) * 1.05);letter-spacing:1px;white-space:nowrap;background:linear-gradient(#ff5a2a,#a3150c);border:1px solid #ffc9a8;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:900;position:absolute;translate:-50%;box-shadow:0 0 8px #ff4a24b3}.is-locked .nx-boss-tag{filter:saturate(.35)brightness(.75);box-shadow:none}.nx-node:not(.is-locked) .look-treasure .nx-glow{animation:nx-pulse var(--nx-pulse-s) ease-in-out infinite}.nx-shimmer{animation:nx-shimmer var(--nx-shimmer-s) ease-in-out infinite}@keyframes nx-shimmer{0%,35%{transform:translate(-30px)}75%,to{transform:translate(150px)}}.nx-node:not(.is-locked) .look-end .nx-glow{opacity:.7;scale:1.2}.nx-burst{left:var(--nx-hit);top:calc(var(--nx-hit) + var(--w) * .075);width:var(--w);height:var(--w);border:3px solid var(--tone-hi);box-shadow:0 0 14px var(--tone), inset 0 0 10px var(--tone);opacity:0;animation:nx-burst var(--nx-burst) ease-out forwards;border-radius:50%}@keyframes nx-burst{0%{opacity:1;scale:.6}to{opacity:0;scale:1.9}}.nx-tip{left:0;bottom:calc(var(--w) * .62 + 8px);white-space:nowrap;opacity:0;pointer-events:none;background:linear-gradient(#0e1a46f5,#050a22f5);border:1px solid #78dcffb3;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;transition:opacity .15s ease-out,translate .15s ease-out;display:flex;position:absolute;translate:-50% 4px;box-shadow:0 0 12px #46a0ff59}.nx-anchor:hover .nx-tip{opacity:1;translate:-50%}.nx-anchor:has(:focus-visible) .nx-tip{opacity:1;translate:-50%}.nx-anchor.tip-end .nx-tip{left:auto;right:calc(var(--w) * -.5);translate:0 4px}.nx-anchor.tip-end:hover .nx-tip{translate:0}.nx-anchor.tip-end:has(:focus-visible) .nx-tip{translate:0}.nx-tip-face{border:1px solid #8fd8ff;border-radius:4px;width:30px;height:30px;overflow:hidden}.nx-tip-text{flex-direction:column;line-height:1.2;display:flex}.nx-tip-title{font-size:13px;font-weight:800}.nx-tip-status{color:#a9d6ff;font-size:11px}.nx-waypoint{width:12px;height:12px;z-index:var(--z);background:#0b1236;border:2px solid #3c4b70;margin:-6px 0 0 -6px;position:absolute;rotate:45deg}.nx-waypoint.state-cleared{background:#1c4a64;border-color:#6ff4d0;box-shadow:0 0 8px #3ff0c0}.nx-viewport{z-index:1;isolation:isolate;position:absolute;inset:0}.nx-viewport.is-pan{overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x pan-y;bottom:0;overflow:auto}.nx-viewport.is-pan::-webkit-scrollbar{display:none}.nx-world{position:relative}.nx-plane{width:960px;height:640px;position:absolute;bottom:0;left:0}.is-pan .nx-plane{transform-origin:0 0;top:0;bottom:auto}.nx-defs{position:absolute}.nx-paths{pointer-events:none;width:960px;height:640px;position:absolute;top:0;left:0;overflow:visible}.nx-link path{fill:none;stroke-linecap:round}.nx-rail{stroke:#040820;stroke-width:11px;opacity:.85}.nx-beam{stroke-width:8px;opacity:.4}.nx-core{stroke-width:3.2px}.nx-flow{stroke:#fff;stroke-width:2.2px;stroke-dasharray:var(--nx-dash) var(--nx-gap);opacity:.85;animation:nx-flow var(--nx-flow-s) linear infinite}@keyframes nx-flow{to{stroke-dashoffset:calc(var(--nx-cycle) * -1)}}.link-done .nx-beam{stroke:var(--nx-path-done,#3ff0c0)}.link-done .nx-core{stroke:color-mix(in srgb, var(--nx-path-done,#3ff0c0) 35%, #fff)}.link-active .nx-beam{stroke:var(--nx-path-active,#9a6bff);opacity:.55}.link-active .nx-core{stroke:color-mix(in srgb, var(--nx-path-active,#9a6bff) 40%, #9fd8ff)}.link-locked .nx-beam{stroke:var(--nx-path-locked,#2a3a5e);opacity:.45}.link-locked .nx-core{stroke:color-mix(in srgb, var(--nx-path-locked,#2a3a5e) 75%, #7f8fb0);opacity:.75}.nx-map .nx-plate{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:inset 3px 0 0 var(--nx-accent);background:linear-gradient(#0e1c4ae6,#050a22e6);border:1px solid #6ed2ff8c;border-radius:0;flex-direction:column;gap:2px;max-width:360px;padding:5px 14px 6px 12px;font-size:15px;display:flex;left:10px}.nx-plate-area{letter-spacing:1.5px;text-transform:uppercase;color:var(--nx-accent);font-size:10px;font-weight:800}.nx-plate-title{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.nx-plate-progress{color:#a9d6ff;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.nx-plate-bar{background:#0a1438;border:1px solid #26407a;width:110px;height:5px;position:relative;overflow:hidden}.nx-plate-bar>span{background:linear-gradient(90deg, #3ff0c0, var(--nx-accent));position:absolute;inset:0 auto 0 0}.nx-plate-lock{color:#ffd98a;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.nx-portrait .nx-plate{max-width:470px;font-size:21px}.nx-portrait .nx-plate-area{font-size:14px}.nx-portrait .nx-plate-progress,.nx-portrait .nx-plate-lock{font-size:15px}.nx-portrait .nx-plate-bar{width:150px;height:7px}.nx-portrait .objective-ticker{height:52px;font-size:21px}.nx-portrait .ticker-claim{padding:6px 18px;font-size:19px}.nx-map{--nx-plate-h:64px}.nx-map.nx-portrait{--nx-plate-h:90px}.nx-map .sidebar{top:calc(var(--nx-hud) + var(--nx-plate-h));background:linear-gradient(#0a163ee6,#04081eeb);border-top:1px solid #6ed2ff99;border-right:1px solid #6ed2ff99;box-shadow:inset -2px 0 #9a6bff59}.nx-map .side-btn{background:radial-gradient(at 50% 30%,#3c78dc73,#0000 70%),linear-gradient(#13285e,#08113a);border:1px solid #6ed2ff8c;transition:box-shadow .15s ease-out,border-color .15s ease-out;box-shadow:inset 0 0 0 1px #aad7ff2e,0 0 10px #46a0ff2e}.nx-map .side-btn:hover,.nx-map .side-btn:focus-visible{filter:none;border-color:#8ff4ff;box-shadow:inset 0 0 0 1px #8ff4ff80,0 0 14px #78dcff8c}.nx-map .objective-ticker{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(#0e1c4ae6,#050a22eb);border:1px solid #6ed2ff8c;border-radius:0}.nx-map .ticker-progress{color:#7ff6d4}.stage-viewport:has(.nx-map){background:radial-gradient(80% 30% at 50% 0,#9a6bff38,#0000 70%),radial-gradient(90% 30% at 50% 100%,#46c8ff24,#0000 70%),linear-gradient(#050719 0%,#0a0d36 50%,#05061a 100%)}.nx-reduced .nx-plane *,.nx-reduced .nx-plane :before,.nx-reduced .nx-plane :after{transition:none!important;animation:none!important}.nx-reduced .nx-burst{display:none}@media (prefers-reduced-motion:reduce){.nx-map .nx-plane *,.nx-map .nx-plane :before,.nx-map .nx-plane :after{transition:none!important;animation:none!important}.nx-map .nx-burst{display:none}}:where(:root[data-reduced-motion]) .nx-map .nx-plane *,:where(:root[data-reduced-motion]) .nx-map .nx-plane :before,:where(:root[data-reduced-motion]) .nx-map .nx-plane :after{transition:none!important;animation:none!important}:where(:root[data-reduced-motion]) .nx-map .nx-burst{display:none}.nx-map .tone-red{--tone:var(--nx-boss-glow,#ff4a24)}.nx-map .tone-gold{--tone:var(--nx-reward,#ffc23a)}.nx-map .tone-grey{--tone:var(--nx-locked,#7d89a6)}.nx-trim{stroke:#d6a43c;stroke-width:14px;opacity:.5}.link-locked .nx-trim{opacity:.22}.nx-strand{stroke:#0e4a30;stroke-width:2.6px;stroke-dasharray:3 7;opacity:.9}.link-done .nx-strand{stroke:#1f8a54}.nx-moss{fill:#1f7a46}.is-reached .nx-moss{fill:#2fa862}.nx-moss-vine{fill:none;stroke:#0f4a2a;stroke-width:2.2px;stroke-linecap:round}.nx-gold-rim{stroke:#d6a43c;stroke-width:1.6px}.is-locked .nx-gold-rim{stroke:#7a6a4a}.nx-boss-thorns,.nx-boss-sparks,.nx-boss-orbit{pointer-events:none;position:absolute}.nx-boss-thorns{left:calc(var(--nx-hit) - var(--w) * .2);top:calc(var(--nx-hit) - var(--w) * .2);width:calc(var(--w) * 1.4);height:calc(var(--w) * 1.62);transform-origin:50% 45%;animation:nx-thorn-sway var(--nx-boss-thorns-s) ease-in-out infinite alternate;overflow:visible}@keyframes nx-thorn-sway{0%{rotate:-2deg}to{rotate:2deg}}.nx-thorn-vine,.nx-thorn-spike{fill:none;stroke-linecap:round}.nx-thorn-vine{stroke:#1e5a2e;stroke-width:5px;filter:drop-shadow(0 0 3px #3dff8a)drop-shadow(0 0 2px #ff4a2a)}.nx-thorn-spike{stroke:#ff5a3a;stroke-width:3px}.nx-thorn-leaf{fill:#2fa862}.nx-boss-sparks{left:calc(var(--nx-hit) + var(--w) * .5);top:calc(var(--nx-hit) + var(--w) * .575);width:0;height:0}.nx-boss-spark{opacity:0;width:2px;height:8px;rotate:var(--a);animation:nx-boss-spark var(--nx-boss-sparks-s) ease-out infinite;background:linear-gradient(#fff4c8,#ff8a2a);border-radius:1px;position:absolute;top:-4px;left:-1px}@keyframes nx-boss-spark{0%{translate:0 calc(var(--w) * -.45);opacity:0}20%{opacity:1}to{translate:0 calc(var(--w) * -.85);opacity:0}}.nx-boss-orbit{left:calc(var(--nx-hit) + var(--w) * .5);top:calc(var(--nx-hit) + var(--w) * .575);width:0;height:0;animation:nx-orbit var(--nx-boss-orbit-s) linear infinite}@keyframes nx-orbit{to{rotate:360deg}}.nx-boss-shard{width:8px;height:8px;transform:rotate(var(--a)) translateY(calc(var(--w) * -.78)) rotate(45deg);background:linear-gradient(135deg,#fff6d0,#b07bff);position:absolute;top:-4px;left:-4px;box-shadow:0 0 6px #ffe6a0}.nx-map .nx-plate{border-color:color-mix(in srgb, var(--nx-accent) 60%, transparent);box-shadow:inset 3px 0 0 var(--nx-accent), inset 0 -2px 0 color-mix(in srgb, var(--nx-gold,#ffc861) 55%, transparent)}.objectives-screen{background:var(--deck-bg)}.objective-list{flex-direction:column;gap:8px;margin:0;padding:0 6px 0 0;list-style:none;display:flex;position:absolute;inset:76px 24px 14px;overflow-y:auto}.objective-row{border:2px solid var(--panel-border);background:linear-gradient(#123468eb,#0b1f44eb);border-radius:10px;grid-template-columns:1fr 170px 190px 110px;align-items:center;gap:14px;padding:8px 14px;display:grid}.objective-row.is-done{border-color:#8cff6a;box-shadow:0 0 10px #8cff6a66}.objective-row.is-claimed{opacity:.6}.objective-text{font-size:17px;font-weight:800}.objective-bar{background:#1a2436;border:2px solid #0a0f1a;border-radius:11px;height:22px;position:relative;overflow:hidden}.objective-bar span{background:linear-gradient(180deg, #b4f27a, var(--energy) 50%, #3e8e1c);position:absolute;inset:0 auto 0 0}.objective-bar em{text-align:center;font-size:13px;font-style:normal;font-weight:900;line-height:18px;display:block;position:relative}.objective-reward{color:#ffe38a;font-weight:800}.objective-row .glossy{min-height:38px;font-size:17px}.objective-claimed{color:#b9ff8a;font-weight:800}.currency-bar{align-items:center;gap:14px;display:flex}.currency-field{align-items:center;display:inline-flex;position:relative}.currency-field>svg{z-index:1;filter:drop-shadow(0 1px 2px #00000080);position:relative}.currency-count{display:inline-block}.currency-count.is-up{--bump-color:#8cff6a;animation:.6s ease-out currency-bump}.currency-count.is-down{--bump-color:#ff8a7a;animation:.6s ease-out currency-bump}@keyframes currency-bump{0%{transform:scale(1)}25%{color:var(--bump-color);transform:scale(1.22)}to{transform:scale(1)}}.currency-value{background:linear-gradient(#283c5aeb,#18243aeb);border-radius:0 7px 7px 0;justify-content:center;align-items:center;min-width:118px;height:32px;margin-left:-12px;padding:0 12px 0 20px;font-size:19px;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.currency-band{clip-path:polygon(0 50%,44px 0,calc(100% - 44px) 0,100% 50%,calc(100% - 44px) 100%,44px 100%);z-index:8;background:linear-gradient(#141e328c,#0a101e8c);justify-content:center;width:720px;height:58px;position:absolute;top:44px;left:50%;transform:translate(-50%)}.currency-band .currency-value{background:#141c2c8c}.season-board .season-countdown{color:var(--ar-cyan-hi);font-size:var(--ar-fs-s,14px);letter-spacing:.04em;margin:-6px 0 8px;font-weight:800}.season-board ol{gap:3px;padding:4px 4px 2px}.season-board li{isolation:isolate;border-radius:9px;min-height:31px;transition:transform .16s ease-out;position:relative;overflow:hidden}.season-board .rank{justify-content:center;align-items:center;gap:2px;display:inline-flex}.season-board li.rank-glass{background:linear-gradient(#142248d1,#060e24db);border-color:#5fc8ff59;box-shadow:inset 0 0 12px #3fd8ff2e}.season-board li.rank-glass .rank{color:#9ffaff;background:#041e34e6;border:1px solid #5ff4ff;border-radius:11px;min-width:26px;height:22px;font-size:14px;box-shadow:0 0 8px #3fd8ff8c}.season-board li.rank-glass:hover,.season-board li.rank-glass:active{transform:translateY(-2px)}.season-board li.rank-1{min-height:42px;font-size:calc(var(--ar-fs-m) + 2px);background:linear-gradient(100deg,#3b2a05,#7a5410 45%,#3b2a05);border:2px solid #ffd35a;box-shadow:0 0 14px #ffd35a8c,inset 0 0 14px #ffe69659}.season-board li.rank-1 .who,.season-board li.rank-1 .pts{color:#fff4c9;text-shadow:0 1px 2px #281800e6}.season-crown{fill:#ffd35a;filter:drop-shadow(0 0 3px #ffd35acc);width:18px;height:12px}.season-board li.rank-2{background:linear-gradient(100deg,#2a3240,#5b6678 45%,#2a3240);border:2px solid #dfe8f5;box-shadow:0 0 10px #bedcff73}.season-board li.rank-3{background:linear-gradient(100deg,#34190a,#7a3f17 45%,#34190a);border:2px solid #d8894a;box-shadow:0 0 10px #ff823c73}.season-board li.rank-2 .who,.season-board li.rank-3 .who{color:#fff;text-shadow:0 1px 2px #000000d9}.season-board li.is-player{outline-offset:-2px;outline:2px solid #6ff4ff}.season-board li.rank-glass.is-player{background:linear-gradient(#18466ef0,#08203ef5);border-color:#6ff4ff;box-shadow:inset 0 0 14px #6ff4ff59,0 0 10px #6ff4ff59}.season-board li.is-player .who:after{content:"YOU";color:#04202e;letter-spacing:.08em;vertical-align:middle;background:#6ff4ff;border-radius:6px;margin-left:6px;padding:1px 5px;font-size:10px}.season-board li.is-pinned{z-index:2;background-color:#0a1631;margin-top:4px;position:sticky;bottom:0}.season-board li.is-pinned:before{content:"";border-top:2px dotted #6ff4ffb3;height:0;position:absolute;inset:2px 30% auto}.season-fx{z-index:-1;pointer-events:none;position:absolute;inset:0}.season-fx .rays{opacity:.6;background:repeating-conic-gradient(#ffe08238 0deg 8deg,#0000 8deg 24deg);position:absolute;inset:-60% -10%}.season-fx .spark,.season-fx .ember{opacity:0;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.season-fx .spark{background:#fff2b0;box-shadow:0 0 6px #ffd35a}.season-fx .ember{background:#ffb26b;box-shadow:0 0 6px #ff7a2a}.season-fx .s1{left:18%}.season-fx .s2{left:42%}.season-fx .s3{left:66%}.season-fx .s4{left:86%}.season-fx .e1{left:25%}.season-fx .e2{left:55%}.season-fx .e3{left:80%}.arena-screen.is-compact .season-board li{min-height:44px}@media (prefers-reduced-motion:no-preference){:where(:root:not([data-reduced-motion])) .season-board li.rank-1:after,:where(:root:not([data-reduced-motion])) .season-board li.rank-2:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff73 50%,#0000 65%);animation:3.2s ease-in-out infinite season-shimmer;position:absolute;inset:0;transform:translate(-120%)}:where(:root:not([data-reduced-motion])) .season-board li.rank-2:after{background:linear-gradient(110deg,#0000 38%,#dcebff66 50%,#0000 62%);animation-duration:5.5s}:where(:root:not([data-reduced-motion])) .season-board li.rank-1{animation:2.6s ease-in-out infinite season-glow}:where(:root:not([data-reduced-motion])) .season-fx .rays{animation:18s linear infinite season-rays}:where(:root:not([data-reduced-motion])) .season-fx .spark{animation:3.4s ease-in infinite season-drift}:where(:root:not([data-reduced-motion])) .season-fx .ember{animation:2.8s ease-out infinite season-rise}:where(:root:not([data-reduced-motion])) .season-fx .s2{animation-delay:.9s}:where(:root:not([data-reduced-motion])) .season-fx .s3{animation-delay:1.7s}:where(:root:not([data-reduced-motion])) .season-fx .s4{animation-delay:2.4s}:where(:root:not([data-reduced-motion])) .season-fx .e2{animation-delay:.9s}:where(:root:not([data-reduced-motion])) .season-fx .e3{animation-delay:1.8s}:where(:root:not([data-reduced-motion])) .season-board li.rank-up{animation:1.6s ease-out season-rank-up}}@keyframes season-shimmer{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes season-glow{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}@keyframes season-rays{to{transform:rotate(360deg)}}@keyframes season-drift{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(10px,-34px)scale(1)}}@keyframes season-rise{0%{opacity:0;transform:translateY(0)scale(.7)}25%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(.4)}}@keyframes season-rank-up{0%{filter:brightness();transform:scale(1)}30%{filter:brightness(1.6);transform:scale(1.06)}to{filter:brightness();transform:scale(1)}}.arena-tier{z-index:2;font-size:var(--ar-fs-xs);letter-spacing:1px;white-space:nowrap;text-transform:uppercase;pointer-events:none;background:#060a22eb;border:1px solid;border-radius:999px;padding:0 8px;font-weight:900;line-height:1.35;position:absolute;top:0;right:10px;transform:translateY(-55%)}.arena-tier.tier-low{color:#8ff5c2}.arena-tier.tier-mid{color:var(--ar-cyan)}.arena-tier.tier-high{color:#c9adff}.arena-tier.tier-elite{color:#2a1600;border-color:var(--ar-gold);background:linear-gradient(180deg, #fff1b0, var(--ar-gold) 55%, #e8a53a);box-shadow:0 0 10px #ffd35a99}.arena-screen.is-compact .arena-tier{letter-spacing:.5px;padding:0 6px;right:8px;transform:translateY(calc(3px - 100%))}.arena-scene{pointer-events:none;isolation:isolate;z-index:0;background:#04081a;position:absolute;inset:0;overflow:hidden}.ar-defs{width:0;height:0;position:absolute}.ar-world{width:960px;height:720px;position:absolute;bottom:0;left:0}.ar-art{display:block;position:absolute;top:0;left:0;overflow:visible}.ar-crowd{fill:#070d2e;stroke:#78ebff8c;stroke-width:.8px}.ar-light{stroke-width:2.8px;stroke-opacity:.32}.ar-floodlights{fill:#f4fbff;stroke:#aae8ff73;stroke-width:4px}.ar-lamp{stroke:#f4fbff;stroke-width:1.5px}.ar-banner{filter:drop-shadow(0 3px 5px #0000008c)}.ar-wave{background:linear-gradient(90deg,#0000,#78dcff1a 38%,#ff78e617 62%,#0000);width:340px;height:470px;position:absolute;top:190px;left:-340px;transform:translate(0)}.ar-screen{transform:skewY(var(--skew,0deg));background:repeating-linear-gradient(#b4f0ff1a 0 1px,#0000 1px 4px),linear-gradient(#184284d1,#081234e6);border:1.5px solid #59e6ffd9;border-radius:3px;position:absolute;overflow:hidden;box-shadow:0 0 14px #59e6ff73,inset 0 0 12px #59e6ff4d}.ar-screen-art{width:100%;height:100%;position:absolute;inset:0}.ar-screen-scan{background:linear-gradient(#0000,#bef5ff47,#0000);height:34%;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.ar-rays{opacity:.85;background:repeating-conic-gradient(#96dcff29 0deg 4deg,#0000 4deg 15deg);border-radius:50%;width:900px;height:900px;margin:-450px 0 0 -450px;position:absolute;-webkit-mask-image:radial-gradient(circle,#0000 0 70px,#000 120px,#00000059 270px,#0000 440px);mask-image:radial-gradient(circle,#0000 0 70px,#000 120px,#00000059 270px,#0000 440px)}.ar-beam{background:radial-gradient(50% 100% at 50% 100%,#7fe4ff8c,#7fe4ff1f 60%,#0000 85%);width:110px;margin-left:-55px;position:absolute}.ar-portal{width:0;height:0;position:absolute}.ar-portal-glow,.ar-portal-swirl,.ar-portal-ring,.ar-portal-frame{border-radius:50%;position:absolute}.ar-portal-glow{background:radial-gradient(circle,#8c78ff8c 0 30%,#3cc8ff38 52%,#0000 70%);width:380px;height:380px;top:-190px;left:-190px}.ar-portal-swirl{left:calc(var(--r) * -1);top:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);background:radial-gradient(circle,#060a22d9 0 46%,#0000 64%),conic-gradient(#0b1440,#4a22a8,#0e7cb8,#0b1440,#8a1f86,#1a3aa0,#0b1440);box-shadow:0 0 26px #59e6ff8c,inset 0 0 22px #ff5ad973}.ar-portal-ring{left:calc(var(--d) / -2);top:calc(var(--d) / -2);width:var(--d);height:var(--d);border:2px dashed #59e6ffcc;border-top-color:#e1fafff2;box-shadow:0 0 10px #59e6ff66}.ar-portal-ring.r1{border:3px dotted #ff5ad9d9;border-right-color:#ffd2f5f2;box-shadow:0 0 10px #ff5ad966}.ar-portal-ring.r2{box-shadow:none;border:1.5px solid #ffd35a40;border-color:#ffd35a40 #ffd35a40 #ffe39ab3 #ffe39af2}.ar-portal-frame{filter:drop-shadow(0 0 6px #ffd35a8c);top:-120px;left:-120px;overflow:visible}.ar-platform{filter:drop-shadow(0 0 16px #4696ff66)}.ar-core{background:radial-gradient(50% 50%,#96ebffbf,#7fe4ff40 55%,#0000 75%);border-radius:50%;width:150px;height:40px;margin:-20px 0 0 -75px;position:absolute}.ar-floor{perspective:900px;width:0;height:0;position:absolute}.ar-floor-ring{left:calc(var(--d) / -2);top:calc(var(--d) / -2);width:var(--d);height:var(--d);transform:rotateX(var(--ar-floor-tilt,75deg)) rotate(0deg);border:3px dashed #59e6ffbf;border-top-color:#e1fafff2;border-radius:50%;position:absolute;box-shadow:0 0 12px #59e6ff66}.ar-floor-ring.r1{border:2px dotted #ff5ad9cc;box-shadow:0 0 10px #ff5ad959}.ar-spots{position:absolute;inset:0}.ar-spot{transform-origin:50% 0;transform:rotate(var(--angle,0deg));clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);background:linear-gradient(180deg, rgb(var(--rgb) / .72), rgb(var(--rgb) / .26) 40%, rgb(var(--rgb) / .08) 80%, rgb(var(--rgb) / 0) 100%);position:absolute}.ar-cards{position:absolute;inset:0}.ar-card{aspect-ratio:59/86;transform:rotate(var(--tilt,0deg));opacity:.88;background:radial-gradient(30% 22%,#ff5ad973,#0000 72%),repeating-linear-gradient(45deg,#a0dcff0f 0 2px,#0000 2px 6px),linear-gradient(160deg,#1a2a78,#0a1236 55%,#2a1050);border:2px solid #59e6ff;border-radius:3px;position:absolute;box-shadow:0 6px 12px #0000008c,0 0 10px #59e6ff66}.ar-card:before,.ar-card:after{content:"";position:absolute}.ar-card:before{border:1px solid #96ebffb3;border-radius:2px;inset:8%}.ar-card:after{border:2px solid #ffd35ad9;border-radius:50%;inset:33% 27%;box-shadow:0 0 5px #ffd35a80}.ar-card.is-near{filter:blur(2px)brightness(.8);border-width:4px}.ar-card.is-near:after{border-width:4px}.ar-vignette{background:linear-gradient(#02040e99 0,#02040e33 72px,#02040e00 120px),radial-gradient(92% 88% at 50% 55%,#0000 58%,#01030cb8 100%);position:absolute;inset:0}.ar-lights{animation:ar-shimmer var(--ar-shimmer,4s) ease-in-out infinite}.ar-lights.g1{animation-delay:calc(var(--ar-shimmer,4s) / -3)}.ar-lights.g2{animation-delay:calc(var(--ar-shimmer,4s) / -1.5)}.ar-wave{animation:ar-wave var(--ar-wave,16s) linear infinite}.ar-floodlights{animation:ar-breathe var(--ar-flood,6s) ease-in-out infinite}.ar-stars{animation:ar-twinkle var(--ar-twinkle,5s) ease-in-out infinite}.ar-rays{animation:ar-turn var(--ar-rays,140s) linear infinite}.ar-portal-swirl{animation:ar-turn var(--ar-swirl,20s) linear infinite reverse}.ar-portal-ring{animation:ar-turn var(--spin,30s) linear infinite}.ar-portal-ring.r1{animation-direction:reverse}.ar-portal-glow,.ar-beam,.ar-core{animation:ar-breathe var(--ar-glow,5.5s) ease-in-out infinite}.ar-floor-ring{animation:ar-floor-spin var(--spin,60s) linear infinite}.ar-floor-ring.r1{animation-direction:reverse}.ar-spot{animation:ar-sweep var(--sweep,8s) ease-in-out var(--delay,0s) infinite alternate}.ar-screen-scan{animation:ar-scan var(--ar-scan,3.6s) linear infinite}.ar-screen{animation:ar-flicker var(--ar-flicker,7s) ease-in-out infinite}.ar-card{animation:ar-float var(--float,10s) ease-in-out var(--delay,0s) infinite}@keyframes ar-shimmer{0%,to{opacity:1}50%{opacity:.3}}@keyframes ar-wave{0%{transform:translate(0)}to{transform:translate(1640px)}}@keyframes ar-breathe{0%,to{opacity:.7}50%{opacity:1}}@keyframes ar-twinkle{0%,to{opacity:.55}50%{opacity:1}}@keyframes ar-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ar-floor-spin{0%{transform:rotateX(var(--ar-floor-tilt,75deg)) rotate(0deg)}to{transform:rotateX(var(--ar-floor-tilt,75deg)) rotate(360deg)}}@keyframes ar-sweep{0%{transform:rotate(var(--from,0deg))}to{transform:rotate(var(--to,0deg))}}@keyframes ar-scan{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}@keyframes ar-flicker{0%,to{opacity:1}46%{opacity:.86}50%{opacity:.97}54%{opacity:.84}}@keyframes ar-float{0%,to{transform:rotate(var(--tilt,0deg)) translateY(0)}50%{transform:rotate(var(--tilt,0deg)) translateY(calc(var(--ar-float-px,10px) * -1))}}.arena-scene.is-reduced *,.arena-scene.is-reduced :before,.arena-scene.is-reduced :after{animation:none!important}@media (prefers-reduced-motion:reduce){.arena-scene *,.arena-scene :before,.arena-scene :after{animation:none!important}}:where(:root[data-reduced-motion]) .arena-scene *,:where(:root[data-reduced-motion]) .arena-scene :before,:where(:root[data-reduced-motion]) .arena-scene :after{animation:none!important}.stage-viewport:has(.arena-scene){background:radial-gradient(circle,#59e6ff8c 0 1px,#0000 1.6px) 0 0/23px 19px,radial-gradient(circle,#ff5ad980 0 1px,#0000 1.6px) 11px 9px/31px 23px,radial-gradient(circle,#ffd35a73 0 1px,#0000 1.6px) 5px 15px/41px 29px,radial-gradient(40% 26% at 26% 0,#59e6ff38,#0000 70%),radial-gradient(40% 26% at 74% 0,#ff5ad933,#0000 70%),radial-gradient(70% 22% at 50% 100%,#78a0ff40,#0000 70%),linear-gradient(#02040f 0%,#070d2c 30%,#0d1544 50%,#0a1236 72%,#04081a 100%)}.stage-viewport:has(.arena-scene):before{content:"";pointer-events:none;background:linear-gradient(#02040f 0%,#02040f99 18%,#0000 34% 70%,#04081ad9 90%);position:absolute;inset:0}.arena-screen{--ar-cyan:#59e6ff;--ar-cyan-hi:#b8f4ff;--ar-violet:#9a6bff;--ar-magenta:#ff5ad9;--ar-gold:#ffd35a;--ar-ink:#eaf4ff;--ar-dim:#9fc0e8;--ar-panel-w:280px;--ar-panel-top:116px;--ar-fs-xs:max(12px, var(--ar-text,0px));--ar-fs-s:max(13px, var(--ar-text,0px));--ar-fs-m:max(15px, var(--ar-text,0px));--ar-fs-l:max(22px, calc(var(--ar-text,0px) * 1.15));--ar-duel-h:max(64px, var(--ar-touch,0px));color:var(--ar-ink);background:#04081a}.screen-title.tone-arena{color:var(--ar-gold,#ffd35a);text-shadow:0 0 12px #ffd35a8c,0 0 26px #ff5ad940}.arena-screen .tab{width:58px;height:50px;color:var(--ar-cyan-hi);background:linear-gradient(#183874f2,#081634f2);border:1px solid #59e6ff8c;border-radius:8px;top:10px;box-shadow:inset 0 0 0 1px #96d2ff2e,0 0 12px #3fd8ff40}.arena-screen .tab-back{left:12px}.arena-screen .tab-close{right:12px}.arena-screen .tab:hover{background:linear-gradient(#224c92f2,#0c1e42f2);box-shadow:inset 0 0 0 1px #96d2ff4d,0 0 16px #3fd8ff73}.arena-screen .tab svg{width:26px;height:26px}.arena-glass{z-index:1;box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px #9a6bff2e, 0 0 14px #59e6ff38, 0 0 34px 22px rgb(2 5 18/var(--ar-scrim,.6));background:linear-gradient(135deg,#9a6bff24,#0000 38%),linear-gradient(#0e1e48d6,#050b20e6);border:1px solid #59e6ff80;border-radius:14px 4px;position:absolute}.arena-glass:before,.arena-glass:after{content:"";pointer-events:none;width:22px;height:22px;position:absolute}.arena-glass:before{border-left:2px solid var(--ar-cyan);border-top:2px solid var(--ar-cyan);border-top-left-radius:14px;top:-1px;left:-1px;box-shadow:-2px -2px 8px #59e6ff59}.arena-glass:after{border-right:2px solid var(--ar-violet);border-bottom:2px solid var(--ar-violet);border-bottom-right-radius:14px;bottom:-1px;right:-1px;box-shadow:2px 2px 8px #9a6bff59}.arena-label{font-size:var(--ar-fs-s);letter-spacing:.5px;color:var(--ar-dim);font-weight:800;display:block}.arena-main{display:contents}.arena-opponent{--ar-centre-w:calc(960px - 2 * (18px + var(--ar-panel-w) + 8px));z-index:1;left:50%;top:calc(100% - var(--ar-portal-from-bottom) - var(--ar-portrait) / 2);width:var(--ar-centre-w);margin-left:calc(var(--ar-centre-w) / -2);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute}.arena-portrait{width:var(--ar-portrait);height:var(--ar-portrait);border:3px solid var(--ar-gold);background:#0a1236;border-radius:50%;flex:none;overflow:hidden;box-shadow:0 0 0 3px #060a22e6,0 0 18px #59e6ffa6,0 0 36px #ff5ad959}.arena-plate{text-align:center;max-width:100%;box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px #9a6bff2e, 0 0 14px #59e6ff38, 0 0 26px 14px rgb(2 5 18/var(--ar-scrim-centre,.5));padding:6px 22px 8px;position:relative}.arena-name{white-space:nowrap;text-overflow:ellipsis;font-size:max(30px, calc(var(--ar-text,0px) * 1.3));color:#fff;text-shadow:0 0 12px #59e6ff8c;margin:0;line-height:1.15;overflow:hidden}.arena-hint{font-size:var(--ar-fs-m);color:#cfe2ff;margin:2px 0 0;font-weight:700}.arena-actions{z-index:1;left:50%;bottom:calc(var(--ar-duel-centre) - var(--ar-duel-h) / 2);display:flex;position:absolute;transform:translate(-50%)}.arena-duel{min-width:220px;min-height:var(--ar-duel-h);font-size:30px;box-shadow:0 0 0 2px #ffd35abf,0 0 18px #ff8c3ca6,0 0 40px #ff5ad959,0 8px 18px #0000008c}.arena-duel small{align-items:center;gap:4px;font-size:16px;display:inline-flex}.arena-record{left:18px;top:var(--ar-panel-top);width:var(--ar-panel-w);flex-direction:column;gap:18px;padding:14px 16px 16px;display:flex}.arena-stat{flex-direction:column;gap:8px;display:flex}.pips{align-items:center;gap:8px;display:flex}.pip{background:radial-gradient(circle at 40% 35%,#1c2a52,#0a1230 70%);border:2px solid #59e6ff59;border-radius:50%;width:24px;height:24px}.pip.on{background:radial-gradient(circle at 40% 35%, #f2fdff, var(--ar-cyan) 45%, #1f7fb0 85%);border-color:var(--ar-cyan-hi);box-shadow:0 0 10px #59e6ffbf}.pips .num{font-size:max(22px, calc(var(--ar-text,0px) * 1.2));color:var(--ar-gold);margin-left:6px}.arena-reset{min-height:max(46px, var(--ar-touch,0px));font-size:var(--ar-fs-m);align-self:stretch;padding:4px 10px}.streak{grid-template-columns:repeat(auto-fill, minmax(max(42px, calc(var(--ar-text,0px) * 2.6)), 1fr));gap:6px;display:grid}.streak-step{text-align:center;font-size:var(--ar-fs-m);color:#cfe2ff;background:#0a1434d9;border:1px solid #59e6ff4d;border-radius:6px;padding:4px 0;font-weight:900}.streak-step.is-done{color:#eafcff;background:linear-gradient(#206ea0e6,#0c3460e6);border-color:#59e6ffbf;box-shadow:0 0 8px #59e6ff59}.streak-step.is-next{color:#3a1d06;background:linear-gradient(#ffe08a,#e8a21a);border-color:#fff0b0;box-shadow:0 0 12px #ffd35a99}.arena-board{right:18px;top:var(--ar-panel-top);width:var(--ar-panel-w);max-height:calc(100% - var(--ar-panel-top) - 14px);flex-direction:column;padding:12px 14px;display:flex}.arena-board h2{font-size:var(--ar-fs-l);color:var(--ar-gold);text-shadow:0 0 10px #ffd35a73;margin:0 0 8px;line-height:32px}.arena-board ol{flex-direction:column;flex:0 auto;gap:3px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.arena-board li{font-size:var(--ar-fs-m);background:#08122ebf;border:1px solid #0000;border-radius:6px;grid-template-columns:30px 1fr auto;align-items:center;gap:4px;padding:2px 8px;font-weight:800;display:grid}.arena-board li:nth-child(-n+3) .rank{color:var(--ar-cyan-hi)}.arena-board .rank{font-size:max(17px, var(--ar-text,0px))}.arena-board .who{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.arena-foot{font-size:var(--ar-fs-xs);color:var(--ar-dim);flex:none;margin:8px 0 0}.arena-screen .pf-chip.is-arena{top:calc(var(--ar-panel-top) + 10px);max-width:124px;right:30px}.arena-screen.is-compact{--ar-panel-w:284px;--ar-panel-top:max(116px, calc(var(--ar-touch) + 22px))}.arena-screen.is-compact .tab{width:max(58px, var(--ar-touch));height:max(50px, var(--ar-touch))}.arena-screen.is-compact .tab svg{width:max(26px, calc(var(--ar-touch) * .45));height:max(26px, calc(var(--ar-touch) * .45))}.arena-screen.is-compact .arena-opponent{gap:10px}.arena-screen.is-compact .arena-plate{padding:4px 14px 6px}.arena-screen.is-compact .arena-duel{min-width:240px;font-size:max(30px, calc(var(--ar-text) * 1.3))}.arena-screen.is-compact .arena-duel small{font-size:var(--ar-fs-m)}.arena-screen.is-compact .arena-record{gap:14px;padding:12px 14px 14px}.arena-screen.is-compact .pip{width:max(24px, calc(var(--ar-text) * 1.1));height:max(24px, calc(var(--ar-text) * 1.1))}.arena-screen.is-compact .arena-board li{grid-template-columns:max(30px, calc(var(--ar-text) * 1.25)) 1fr auto}.arena-screen.is-compact .pf-chip.is-arena{top:calc(var(--ar-panel-top) + 8px);right:28px}.archive{pointer-events:none;background:radial-gradient(62% 58% at 50% 36%,#2a2373 0%,#17144a 42%,#0b0b29 78%,#06071a 100%);position:absolute;inset:0;overflow:hidden}.archive>*{position:absolute}.stage-viewport:has(.crafting-screen){background:radial-gradient(60% 45% at 50% 30%,#5a46c84d,#0000 70%),linear-gradient(#05061a8c,#05061a40 30%,#05061a59 70%,#05061ae6),repeating-linear-gradient(#0000 0 56px,#e2bf684d 56px 57px,#08071af2 57px 64px),repeating-linear-gradient(90deg,#211a52 0 7px,#2f2468 7px 10px,#17123e 10px 16px,#3a2a7a 16px 18px,#1c164a 18px 26px,#281f5e 26px 31px),#070820}.crafting-screen .tab{background:linear-gradient(#342878f0,#0e0c28f5);border:1px solid #d4dbef80;border-top:none;box-shadow:inset 0 0 0 1px #e2bf6847,0 0 14px #8a5cff4d}.crafting-screen .tab:hover{background:linear-gradient(#4c3aa0f5,#16123cf5)}.crafting-screen .tab-back{border-left:none;border-bottom-right-radius:10px}.crafting-screen .tab-close{border-right:none;border-bottom-left-radius:10px}.archive-arch{background:repeating-linear-gradient(90deg,#0000 0 22px,#b4a0ff12 22px 24px),linear-gradient(#9678ff4d,#4630a024 58%,#0000);border-radius:160px 160px 0 0;width:320px;height:64%;top:4%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #d2c8ff1f,inset 0 0 0 9px #e2bf680d,0 0 70px #785aff2e}.archive-arch:after{content:"";background:linear-gradient(#beaaff38,#6e50dc14 70%,#0000);border-radius:80px 80px 0 0;width:46%;height:92%;position:absolute;top:8%;left:50%;transform:translate(-50%)}.archive-shelves{opacity:.55;background:repeating-linear-gradient(#0000 0 40px,#e2bf6861 40px 41px,#08071aeb 41px 47px),repeating-linear-gradient(90deg,#2b2160 0 6px,#3b2c7c 6px 9px,#1d1748 9px 14px,#4a3492 14px 16px,#241c58 16px 23px,#33276e 23px 27px);width:190px;top:0;bottom:30%;box-shadow:inset 0 0 40px #040410e6}.archive-shelves-left{left:0;-webkit-mask:linear-gradient(90deg,#000 45%,#0000);mask:linear-gradient(90deg,#000 45%,#0000)}.archive-shelves-right{right:0;-webkit-mask:linear-gradient(270deg,#000 45%,#0000);mask:linear-gradient(270deg,#000 45%,#0000)}.archive-shelves:after{content:"";background:linear-gradient(#0000,#6fe3ff73,#0000);width:2px;position:absolute;top:0;bottom:0}.archive-shelves-left:after{right:40%}.archive-shelves-right:after{left:40%}.archive-floor{background:linear-gradient(#0a081e00 0%,#060614d9 100%),repeating-linear-gradient(90deg,#0000 0 58px,#8c78ff12 58px 60px),linear-gradient(#3c2e9640,#0e0c2899);border-top:1px solid #a08cff1f;height:34%;bottom:0;left:0;right:0}.archive-panel{opacity:calc(.18 + var(--depth) * .32);animation:archive-drift calc(6s + var(--i) * .9s) ease-in-out calc(var(--i) * -1.3s) infinite alternate;background:linear-gradient(160deg,#6fe3ff24,#8a5cff14);border:1px solid #6fe3ff8c;border-radius:4px;box-shadow:0 0 12px #6fe3ff40,inset 0 0 10px #6fe3ff1f}.archive-panel:before{content:"";background:linear-gradient(#c496ff2e 0 45%,#0000 45% 55%,#6fe3ff1f 55%);border:1px solid #c496ff80;border-radius:2px;position:absolute;inset:16% 18%}.archive-mote{left:calc(6% + 88% * var(--i) / var(--n));opacity:0;width:3px;height:3px;animation:archive-mote calc(11s + var(--i) * .7s) linear calc(var(--i) * -1.9s) infinite;background:#cbb8ff;border-radius:50%;bottom:6%;box-shadow:0 0 6px #bea0ffe6}.archive-vignette{background:radial-gradient(75% 70% at 50% 45%,#0000 55%,#03030cb3);inset:0}.archive-dim{opacity:0;background:#03030c;transition:opacity .15s ease-out;inset:0}.crafting-screen:not([data-phase=idle]) .archive-dim{opacity:.35}.archive[data-density=medium] .archive-shelves{opacity:.45}.archive[data-density=low] .archive-shelves{opacity:.35}.archive[data-density=low] .archive-arch:after{display:none}@media (prefers-reduced-motion:reduce){.archive-panel,.archive-mote{animation:none}.archive-mote{opacity:.35;bottom:calc(8% + 50% * var(--i) / var(--n))}}:where(:root[data-reduced-motion]) .archive-panel,:where(:root[data-reduced-motion]) .archive-mote{animation:none}:where(:root[data-reduced-motion]) .archive-mote{opacity:.35;bottom:calc(8% + 50% * var(--i) / var(--n))}@keyframes archive-drift{0%{translate:0}to{translate:0 -7px}}@keyframes archive-mote{0%{opacity:0;translate:0}15%{opacity:.6}85%{opacity:.4}to{opacity:0;translate:14px -360px}}.craft-strip{z-index:3;background:linear-gradient(#1e184ef0,#0a091ef7);border-top:1px solid #d4dbef73;height:168px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #e2bf684d,0 -10px 24px #04041099}.recipe-rail{border-right:1px solid #d4dbef59;flex:auto;align-items:stretch;min-width:0;display:flex;position:relative}.recipe-strip{scrollbar-color:#b08cffcc #0a091e99;flex:auto;align-items:center;gap:12px;min-width:0;padding:0 10px;transition:opacity .2s ease-out;display:flex;overflow-x:auto}.craft-strip.is-locked .recipe-strip{opacity:.55}.recipe-cell{background:0 0;border:none;flex:none;padding:0;position:relative}.recipe-cell[aria-disabled=true]{cursor:default}.recipe-flask{filter:drop-shadow(0 1px 2px #0009);position:absolute;top:-6px;right:-6px}.recipe-cell:not(.is-ready) .recipe-flask{filter:grayscale()opacity(.6)}.strip-page{color:#e8e2ff;text-shadow:0 0 8px #b08cffe6;background:linear-gradient(#3c2e8cd9,#16123ce6);border:none;flex:0 0 34px;font-size:34px;font-weight:900;line-height:1}.strip-page:hover{filter:brightness(1.25)}.strip-prev{border-right:1px solid #d4dbef40}.strip-next{border-left:1px solid #d4dbef40}.craft-side{background:linear-gradient(#16123cf5,#080718f7);flex-direction:column;flex:0 0 260px;justify-content:center;align-items:center;gap:8px;display:flex}.crafts-count{letter-spacing:1px;font-size:24px}.craft-forge{pointer-events:none;position:absolute;inset:0}.forge-table{left:var(--core-x);top:calc(100% - var(--craft-tap,52px) / 2);z-index:0;opacity:.75;background:radial-gradient(circle,#8a5cff52,#3c28961f 45%,#0000 68%);border-radius:50%;width:620px;height:620px;margin:-310px 0 0 -310px;transition:opacity .4s ease-out,filter .4s ease-out;position:absolute;transform:scaleY(.2)}.forge-ring{border:2px solid #6fe3ff61;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 24px #6fe3ff47,inset 0 0 24px #8a5cff47}.forge-ring-mid{border:3px solid #b08cff66;inset:15%}.forge-ring-inner{border:2px dashed #e2bf688c;animation:60s linear infinite forge-spin;inset:31%}.forge-sigil{background:repeating-conic-gradient(#6fe3ff47 0deg 1.5deg,#0000 1.5deg 12deg);border-radius:50%;animation:90s linear infinite reverse forge-spin;position:absolute;inset:7%;-webkit-mask:radial-gradient(circle closest-side,#0000 0 82%,#000 83% 88%,#0000 89%);mask:radial-gradient(circle closest-side,#0000 0 82%,#000 83% 88%,#0000 89%)}.craft-work:not([data-phase=idle]) .forge-table{opacity:1;filter:brightness(1.45)}.craft-work:is([data-phase=fusion],[data-phase=impact]) .forge-table{filter:brightness(1.9)saturate(1.2)}.forge-fragments{left:var(--core-x);top:var(--core-y);z-index:5;width:0;height:0;position:absolute}.forge-frag{opacity:0;translate:var(--x0) var(--y0);rotate:var(--rot);background:linear-gradient(160deg,#fff,#6fe3ffd9 45%,#b05affbf);border-radius:2px;position:absolute;top:0;left:0;box-shadow:0 0 8px #6fe3ffbf}.forge-frag-source{background:linear-gradient(160deg,#fff6d0,#f3d27ae6 45%,#b05affbf);box-shadow:0 0 8px #f3d27ab3}.craft-work[data-phase=absorb] .forge-frag{opacity:.9;transition:opacity .2s ease-out}.craft-work[data-phase=travel] .forge-frag{animation:forge-frag-fly calc(var(--craft-travel,.6s) * (1 - var(--delay))) cubic-bezier(.55, 0, .45, 1) both;animation-delay:calc(var(--delay) * var(--craft-travel,.6s))}.forge-glyph{left:var(--core-x);top:var(--core-y);z-index:4;opacity:0;width:270px;height:270px;margin:-135px 0 0 -135px;position:absolute}.forge-glyph>span{border-radius:50%;position:absolute}.craft-work:is([data-phase=fusion],[data-phase=impact]) .forge-glyph{animation:forge-glyph-in calc(var(--craft-fusion,1s) * .45) ease-out both}.craft-work[data-phase=reveal] .forge-glyph{animation:forge-glyph-out calc(var(--craft-turn,.5s) * .5) ease-in both}.glyph-ring-outer{--spin:forge-spin 3s linear infinite;background:radial-gradient(circle closest-side,#0000 0 85.5%,#e2bf68d9 86% 87.5%,#0000 88%),repeating-conic-gradient(#e2d6fff2 0deg 1.4deg,#0000 1.4deg 10deg);border:2px solid #ab6efff2;inset:0;box-shadow:0 0 20px #58d2ffbf,inset 0 0 22px #b05aff8c;-webkit-mask:radial-gradient(circle closest-side,#0000 0 76%,#000 77%);mask:radial-gradient(circle closest-side,#0000 0 76%,#000 77%)}.glyph-ring-inner{--spin:forge-spin 1.8s linear infinite reverse;border:2px dashed #56dffff2;inset:24%;box-shadow:0 0 14px #56dfff8c}.glyph-spiral{filter:blur(5px);--spin:forge-spin 2s linear infinite;background:repeating-conic-gradient(#6fe3ff00 0deg,#6fe3ff99 48deg,#b05aff80 78deg,#b05aff00 120deg);inset:6%;-webkit-mask:radial-gradient(circle,#0000 0 16%,#000 36% 60%,#0000 74%);mask:radial-gradient(circle,#0000 0 16%,#000 36% 60%,#0000 74%)}.glyph-spiral:after{content:"";--spin:forge-spin 1.5s linear infinite reverse;background:repeating-conic-gradient(from 40deg,#f3d27a00 0deg,#f3d27a8c 22deg,#f3d27a00 44deg,#0000 120deg);border-radius:50%;position:absolute;inset:12%}.craft-work:is([data-phase=fusion],[data-phase=impact],[data-phase=reveal]) :is(.glyph-ring-outer,.glyph-ring-inner,.glyph-spiral),.craft-work:is([data-phase=fusion],[data-phase=impact],[data-phase=reveal]) .glyph-spiral:after{animation:var(--spin)}.forge-beam{left:var(--core-x);z-index:4;width:34px;height:calc(100% - var(--craft-tap,52px) / 2);filter:blur(3px);opacity:0;background:linear-gradient(#5adcff00,#a0eeffd9 30%,#c8f5fff2 48%,#78e1ffb3 75%,#5adcff26);border-radius:40%;margin-left:-17px;position:absolute;top:0;box-shadow:0 0 26px 6px #5adcff66}.craft-work:is([data-phase=fusion],[data-phase=impact]) .forge-beam{animation:forge-beam var(--craft-fusion,1s) ease-in-out both}.glyph-core{opacity:.75;background:radial-gradient(circle,#fff,#93e8ffeb 45%,#b05aff00 75%);inset:40%;scale:.6;box-shadow:0 0 20px #fffc,0 0 50px #5ddeffbf,0 0 90px #b44dffa6}.craft-work[data-phase=impact] .glyph-core{animation:forge-core-impact calc(var(--craft-fusion,1s) * .46) ease-out both}.craft-work.is-reduced .forge-frag,.craft-work.is-reduced .forge-beam,.craft-work.is-reduced .glyph-spiral{display:none}.craft-work.is-reduced :is(.forge-ring-inner,.forge-sigil,.glyph-ring-outer,.glyph-ring-inner,.glyph-core){animation:none!important}.craft-work.is-reduced:is([data-phase=fusion],[data-phase=impact]) .forge-glyph{animation:craft-fade-in var(--craft-fade) ease-out both!important}.craft-work.is-reduced[data-phase=reveal] .forge-glyph{animation:forge-glyph-fade var(--craft-fade) ease-in both!important}.craft-work.is-reduced .forge-table{transition:opacity var(--craft-fade) ease-out!important;filter:none!important}@media (prefers-reduced-motion:reduce){.forge-ring-inner,.forge-sigil{animation:none}}:where(:root[data-reduced-motion]) .forge-ring-inner,:where(:root[data-reduced-motion]) .forge-sigil{animation:none}@keyframes forge-spin{to{rotate:360deg}}@keyframes forge-frag-fly{0%{opacity:.9;translate:var(--x0) var(--y0);rotate:var(--rot);scale:1}80%{opacity:1}to{opacity:0;translate:0;rotate:calc(var(--rot) * -2);scale:.3}}@keyframes forge-glyph-in{0%{opacity:0;scale:.55}to{opacity:1;scale:1}}@keyframes forge-glyph-out{0%{opacity:1;scale:1.05}to{opacity:0;scale:1.18}}@keyframes forge-glyph-fade{0%{opacity:1}to{opacity:0}}@keyframes forge-beam{0%{opacity:0;scale:.4 1}30%{opacity:.75;scale:1}55%{opacity:1}to{opacity:.35;scale:.7 1}}@keyframes forge-core-impact{0%{opacity:.75;scale:.6}30%{opacity:1;scale:2.1}to{opacity:.85;scale:1}}.craft-result-card{perspective:1200px;width:100%;height:100%;position:relative}.craft-turn{z-index:2;width:100%;height:100%;transform-style:preserve-3d;position:relative}.craft-face{backface-visibility:hidden;border-radius:6px;position:absolute;inset:0}.craft-face-back{background:radial-gradient(at 50% 44%,#e8dafff2,#965affd9 34%,#3a1e96f5 70%,#170d44);transform:rotateY(180deg);box-shadow:inset 0 0 0 2px #fff6,0 0 26px #b05affd9}.craft-silhouette{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(at 50% 44%,#cebaff99,#4828acf0 58%,#120a3afa);border-radius:6px;transition:opacity .35s ease-in;position:absolute;inset:0;box-shadow:0 0 24px #b05affbf}.craft-work:is([data-phase=fusion],[data-phase=impact]) .craft-silhouette{opacity:1}.craft-work[data-phase=impact] .craft-silhouette{box-shadow:0 0 30px #6fe3ffe6,0 0 60px #b05aff99}.craft-frame.result[data-revealed] .craft-turn{animation:craft-card-turn var(--craft-turn,.5s) cubic-bezier(.22, 1, .36, 1) both}.craft-work[data-phase=complete]:not(.is-skipped) .craft-frame.result[data-revealed] .craft-turn{animation:craft-card-pulse var(--craft-complete,.75s) ease-out both}.craft-work.is-skipped .craft-frame.result[data-revealed] .craft-turn{animation:.15s ease-out both craft-fade-in}.craft-work[data-shake=true][data-phase=reveal]{animation:craft-shake var(--craft-shake-ms,.36s) ease-out}.rarity-reveal{--rp:#e5ebf4;--rs:#fff;--rg:#d7e2f2b3;--r2:#fff;--burst:.25;--spark:4px;z-index:1;pointer-events:none;position:absolute;inset:-26px}.rarity-reveal[data-rarity=rare]{--rp:#4bb8ff;--rs:#d9f4ff;--rg:#36aeffe6;--r2:#9fe2ff;--burst:.5;--spark:6px}.rarity-reveal[data-rarity=ultra-rare]{--rp:#d34dff;--rs:#f3c5ff;--rg:#d23efff2;--r2:#f3c5ff;--burst:.75;--spark:7px}.rarity-reveal[data-rarity=legend]{--rp:#ffd35a;--rs:#fff4b0;--rg:#ffc130f2;--r2:#6fe3ff;--burst:.9;--spark:9px}.rarity-reveal>span{pointer-events:none;position:absolute}.rarity-reveal__aura{background:var(--rg);filter:blur(30px);opacity:0;animation:rr-aura var(--craft-glow,.8s) ease-out both;border-radius:50%;inset:10%}.rarity-reveal__ring{border:2px solid var(--rp);box-shadow:0 0 12px var(--rg), inset 0 0 12px var(--rg);opacity:0;border-radius:50%;inset:4%}.rarity-reveal__ring--outer{animation:rr-ring var(--craft-glow,.8s) ease-out both}.rarity-reveal__ring--inner{border-color:var(--r2);animation:rr-spin var(--craft-glow,.8s) linear both;inset:18%}.rarity-reveal:is([data-rarity=rare],[data-rarity=ultra-rare]) .rarity-reveal__ring--inner{border-style:dashed;border-width:3px}.rarity-reveal[data-rarity=legend] .rarity-reveal__ring--outer{border-width:4px;box-shadow:0 0 20px #fff0a4,0 0 52px #ffb124e6}.rarity-reveal__burst{background:radial-gradient(circle, var(--rs) 0 2%, transparent 3% 20%, var(--rg) 21% 22%, transparent 23%);opacity:0;animation:rr-burst calc(var(--craft-glow,.8s) * .75) cubic-bezier(.16, 1, .3, 1) both;border-radius:50%;inset:0}.rarity-reveal__sweep{background:conic-gradient(from 210deg, transparent 0deg 250deg, var(--rs) 270deg, transparent 300deg 360deg);mix-blend-mode:screen;opacity:0;animation:rr-sweep var(--craft-glow,.8s) ease-out both;border-radius:50%;inset:5%}.rarity-reveal__spark{width:var(--spark);height:var(--spark);margin:calc(var(--spark) / -2);background:var(--rs);box-shadow:0 0 6px var(--rs), 0 0 14px var(--rg);opacity:0;animation:rr-spark var(--craft-glow,.8s) ease-out both;animation-delay:calc(var(--d) * var(--craft-glow,.8s));border-radius:50%;top:50%;left:50%}.craft-spotlight{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(55% 60% at 50% 48%,#14103c8c,#040410e0);transition:opacity .25s ease-out;position:absolute;inset:-104px 0 -172px}.craft-work.is-compact:is([data-phase=reveal],[data-phase=complete]) .craft-spotlight{opacity:1}.craft-work.is-compact:is([data-phase=reveal],[data-phase=complete]) .craft-frame.result{z-index:6;transition:translate .3s ease-out;translate:-293px}.craft-work.is-compact .craft-actions{z-index:7}.craft-work.is-compact:is([data-phase=reveal],[data-phase=complete]) .price-plate{visibility:hidden}.craft-work.is-compact:is([data-phase=reveal],[data-phase=complete]) .craft-frame.result{box-shadow:none;background:0 0;border-color:#0000}.craft-work.is-compact:is([data-phase=reveal],[data-phase=complete]) .craft-frame.result:before,.craft-work.is-compact:is([data-phase=reveal],[data-phase=complete]) .craft-frame.result:after{display:none}.craft-work.is-compact:is([data-phase=reveal],[data-phase=complete]) :is(.craft-stage--material,.craft-sign){visibility:hidden}.craft-work.is-reduced .craft-frame.result[data-revealed] .craft-turn{animation:craft-fade-in var(--craft-fade) ease-out both!important}.craft-work.is-reduced :is(.rarity-reveal__spark,.rarity-reveal__sweep,.rarity-reveal__burst,.rarity-reveal__ring--inner){display:none}.craft-work.is-reduced :is(.rarity-reveal__aura,.rarity-reveal__ring--outer){animation:rr-fade calc(var(--craft-fade) * 4) ease-out both!important}.craft-work.is-reduced .craft-silhouette{transition:opacity var(--craft-fade) ease-out!important}@keyframes craft-card-turn{0%{transform:rotateY(180deg)scale(.92)}60%{transform:rotateY(-8deg)scale(1.02)}to{transform:rotateY(0)scale(1)}}@keyframes craft-card-pulse{0%,to{filter:brightness()}40%{filter:brightness(1.22)}}@keyframes craft-shake{0%,to{transform:translate(0)}20%{transform:translate(var(--craft-shake), 0)}40%{transform:translate(calc(var(--craft-shake) * -1), var(--craft-shake))}60%{transform:translate(var(--craft-shake), calc(var(--craft-shake) * -1))}80%{transform:translate(calc(var(--craft-shake) * -.5), 0)}}@keyframes rr-aura{0%{opacity:0;scale:.55}45%{opacity:.8;scale:1.08}to{opacity:0;scale:1}}@keyframes rr-ring{0%{opacity:0;scale:.55}55%{opacity:1;scale:calc(1.04 * var(--craft-burst,1))}to{opacity:0;scale:calc(1.18 * var(--craft-burst,1))}}@keyframes rr-spin{0%{opacity:0;transform:rotate(0)scale(.8)}25%{opacity:.9}to{opacity:0;transform:rotate(300deg)scale(1.1)}}@keyframes rr-burst{0%{opacity:0;scale:.2}45%{opacity:var(--burst);scale:calc(.9 * var(--craft-burst,1))}to{opacity:0;scale:calc(1.35 * var(--craft-burst,1))}}@keyframes rr-sweep{0%{opacity:0;transform:rotate(-80deg)scale(.8)}35%{opacity:.85}to{opacity:0;transform:rotate(80deg)scale(1.15)}}@keyframes rr-spark{0%{opacity:0;transform:rotate(var(--a)) translateY(-60px) scale(.4)}30%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-170px * var(--reach))) scale(1)}}@keyframes rr-fade{0%{opacity:0}40%{opacity:.7}to{opacity:0}}.craft-actions{width:536px;height:var(--craft-tap,52px);z-index:5;position:absolute;bottom:0;left:24px}.craft-btn{color:#fff;letter-spacing:4px;text-shadow:0 0 8px #c8aaffd9,0 2px 2px #00000080;background:linear-gradient(#9665ff 0%,#5d31cc 55%,#3a1a8e 100%);border:1px solid #f3d27ae6;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:248px;height:100%;font-size:26px;font-weight:900;transition:filter .15s ease-out,scale .15s ease-out;display:inline-flex;position:absolute;top:0;left:144px;box-shadow:inset 0 1px #fff6,inset 0 0 0 2px #1e0a468c,0 0 18px #b05aff80,0 4px 10px #00000080}.craft-btn-label{white-space:nowrap}.craft-btn[data-state=ready]:hover{filter:brightness(1.15)}.craft-btn[data-state=ready]:active{scale:.97}.craft-btn[data-state=blocked]{filter:grayscale(.65)brightness(.8)}.craft-btn[aria-disabled=true]{cursor:default}.craft-btn[data-state=locked]{letter-spacing:2px;background:linear-gradient(#4b2dab,#24125f);font-size:17px;animation:.15s ease-out both craft-lock}.craft-btn-ring{pointer-events:none;opacity:0;border-radius:13px;position:absolute;inset:-6px;box-shadow:0 0 0 2px #be78fff2,0 0 18px #b05affcc}.craft-btn[data-state=locked] .craft-btn-ring{opacity:1;animation:1.1s ease-in-out infinite alternate craft-ring-breathe}.craft-btn-icon{filter:drop-shadow(0 0 4px #c8aaffe6);flex:none}.craft-btn[data-state=complete]{letter-spacing:2px;background:linear-gradient(#3e2b9c,#1d1258);border-color:#8ff0ff;font-size:19px;animation:.35s ease-out both craft-complete-in;box-shadow:0 0 0 1px #6fe3ff99,0 0 22px #6fe3ff8c,0 0 42px #b05aff66}.craft-check{color:#8ff0ff;font-size:22px}.craft-work[data-rarity=legend] .craft-btn[data-state=complete]{color:#fff0a4;text-shadow:0 0 8px #ffd35a,0 0 22px #ffaa23e6;border-color:#ffd35a}.craft-skip{color:#e8f0ff;letter-spacing:1px;background:linear-gradient(#2c3a78f5,#12163cf5);border:1px solid #d4dbefa6;border-radius:9px;width:124px;height:100%;font-size:20px;font-weight:800;animation:.2s ease-out both craft-fade-in;position:absolute;top:0;left:406px;box-shadow:0 0 12px #6fe3ff4d}.craft-skip:hover{filter:brightness(1.2)}.craft-frame.result{z-index:3;width:250px;height:auto;padding-bottom:calc(var(--action-h) + 13px);position:absolute;top:0;bottom:0;left:648px}.price-plate{height:min(calc(var(--craft-tap,52px) - 7px), 56px);background:linear-gradient(#422c9af5,#1e1454f5);border:1px solid #d4dbef80;border-radius:6px;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;bottom:7px;left:7px;right:7px;box-shadow:inset 0 0 0 1px #e2bf684d}.price-amount{font-size:30px}.price-plate.is-short .price-amount{color:#ffc2b8}.price-short{color:#fff;letter-spacing:.5px;background:#7a0e10;border:1px solid #ffb0a0;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:800;position:absolute;top:-11px;right:8px}.owned-badge{z-index:6;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%);background:linear-gradient(#c9302c,#7a0e10);padding:5px 10px 5px 14px;font-size:18px;position:absolute;top:90px;right:-22px}.craft-work.is-reduced .craft-btn,.craft-work.is-reduced .craft-btn-ring{animation:none!important}.craft-work.is-reduced .craft-skip{animation:craft-fade-in var(--craft-fade) ease-out both!important}@keyframes craft-lock{0%{scale:1}60%{scale:.96}to{scale:1}}@keyframes craft-ring-breathe{0%{opacity:.55}to{opacity:1}}@keyframes craft-complete-in{0%{opacity:.6;scale:.94}to{opacity:1;scale:1}}.crafting-screen{--arc-ink:#070820;--arc-violet:#8a5cff;--arc-purple:#b468ff;--arc-silver:#d4dbef;--arc-gold:#e2bf68;--arc-cyan:#6fe3ff;background:var(--arc-ink)}.crafting-screen .screen-title{color:#eef0ff;letter-spacing:4px;text-shadow:0 0 14px #a082ff99}.crafting-screen .currency-band{background:linear-gradient(#241e5cc7,#0a0a22c7)}.craft-work{--action-h:calc(var(--craft-tap,52px) + 8px);--core-x:292px;--core-y:calc((100% - var(--action-h) - 6px) / 2);z-index:2;position:absolute;inset:104px 0 172px}.craft-stage{top:0;bottom:calc(var(--action-h) + 6px);z-index:2;width:236px;position:absolute}.craft-stage--source{left:24px}.craft-stage--material{left:324px}.craft-frame{background:linear-gradient(160deg,#3e3284eb,#100e2ef2 72%);border:1px solid #d4dbef8c;border-radius:7px;width:100%;height:100%;padding:7px;position:relative;box-shadow:inset 0 0 0 1px #e2bf6859,0 0 18px #8a5cff3d,0 6px 16px #0000008c}.craft-frame:before,.craft-frame:after{content:"";pointer-events:none;z-index:3;width:16px;height:16px;position:absolute}.craft-frame:before{border-top:2px solid var(--arc-gold);border-left:2px solid var(--arc-gold);border-top-left-radius:7px;top:-2px;left:-2px}.craft-frame:after{border-right:2px solid var(--arc-gold);border-bottom:2px solid var(--arc-gold);border-bottom-right-radius:7px;bottom:-2px;right:-2px}.craft-card{width:100%;height:100%;font-size:13px}.craft-card .cardfull{font-size:13px}.craft-sign{top:var(--core-y);z-index:3;color:#f3d27a;-webkit-text-stroke:2px #6a4a08;paint-order:stroke fill;text-shadow:0 0 14px #f3d27a8c;font-size:58px;font-weight:900;line-height:1;transition:opacity .25s ease-out;position:absolute;transform:translate(-50%,-50%)}.craft-sign.plus{left:var(--core-x)}.craft-sign.equals{left:604px}.flask-badge{z-index:4;border:1px solid #d4dbefbf;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:54px;display:flex;position:absolute;top:84px;right:-26px;box-shadow:0 2px 8px #00000080}.flask-badge.ok{background:linear-gradient(#fff,#cfd8ea)}.flask-badge .num{font-size:15px}.flask-badge.ok .num{color:#1b1b2a;-webkit-text-stroke:0}.flask-badge.missing{background:linear-gradient(#d9302c,#7a0e10);border-color:#ffb0a0}.craft-lift{width:100%;height:100%;transition:translate var(--craft-lift,.4s) cubic-bezier(.22, 1, .36, 1), scale var(--craft-lift,.4s) cubic-bezier(.22, 1, .36, 1), rotate .2s ease-out, opacity .3s ease-out, filter .3s ease-out;position:relative}.craft-runes{pointer-events:none;opacity:0;background:repeating-conic-gradient(#c496ffd9 0deg 2deg,#0000 2deg 9deg);border-radius:50%;width:320px;height:320px;margin:-160px 0 0 -160px;transition:opacity .3s ease-out,scale .3s ease-out;position:absolute;top:50%;left:50%;scale:.7;-webkit-mask:radial-gradient(circle,#0000 0 62%,#000 63% 66%,#0000 67% 70%,#000 71% 72%,#0000 73%);mask:radial-gradient(circle,#0000 0 62%,#000 63% 66%,#0000 67% 70%,#000 71% 72%,#0000 73%)}.craft-work:is([data-phase=charge],[data-phase=absorb]) .craft-lift{translate:0 -14px;scale:1.015}.craft-work[data-phase=charge] .craft-frame{animation:1.4s ease-in-out infinite alternate craft-float}.craft-work:is([data-phase=charge],[data-phase=absorb]) .craft-frame{box-shadow:inset 0 0 0 1px #e2bf688c,0 0 22px #6fe3ff8c,0 0 46px #b05aff73,0 6px 16px #0000008c}.craft-work:is([data-phase=charge],[data-phase=absorb]) .craft-runes{opacity:1;animation:7s linear infinite craft-rune-spin;scale:1}.craft-work[data-phase=charge] .flask-badge{animation:craft-flask-glow var(--craft-lift,.6s) ease-out}.craft-work[data-phase=absorb] .craft-stage--source .craft-lift{filter:brightness(1.15);rotate:-6deg}.craft-work[data-phase=absorb] .craft-stage--material .craft-lift{filter:brightness(1.15);rotate:6deg}.craft-work:is([data-phase=travel],[data-phase=fusion],[data-phase=impact]) .craft-lift{opacity:0;transition:translate var(--craft-travel,.6s) cubic-bezier(.65, 0, .35, 1), rotate var(--craft-travel,.6s) cubic-bezier(.65, 0, .35, 1), scale var(--craft-travel,.6s) cubic-bezier(.65, 0, .35, 1), opacity var(--craft-travel,.6s) ease-in;scale:.78}.craft-work:is([data-phase=travel],[data-phase=fusion],[data-phase=impact]) .craft-stage--source .craft-lift{translate:var(--craft-travel-px) 0;rotate:-8deg}.craft-work:is([data-phase=travel],[data-phase=fusion],[data-phase=impact]) .craft-stage--material .craft-lift{translate:calc(var(--craft-travel-px) * -1) 0;rotate:8deg}.craft-work:is([data-phase=absorb],[data-phase=travel],[data-phase=fusion],[data-phase=impact]) .craft-sign.plus{opacity:0}.flask-badge{transition:opacity .25s ease-out}.craft-work:is([data-phase=travel],[data-phase=fusion],[data-phase=impact]) .flask-badge{opacity:0}.craft-work:is([data-phase=reveal],[data-phase=complete]) .craft-lift{transition:opacity calc(var(--craft-turn,.4s) * .6) ease-out calc(var(--craft-turn,.4s) * .5)}.craft-work:is([data-phase=reveal],[data-phase=complete]) :is(.flask-badge .num,.owned-badge){animation:.6s ease-out craft-bump}.craft-work:is([data-phase=reveal],[data-phase=complete]) .flask-badge,.craft-work:is([data-phase=reveal],[data-phase=complete]) .flask-badge .num{transition-delay:calc(var(--craft-turn,.4s) * .5);animation-delay:calc(var(--craft-turn,.4s) * .5)}.craft-work.is-skipped .craft-lift{transition:none}.craft-work:is(.is-skipped,.is-reduced) :is(.flask-badge,.flask-badge .num){transition-delay:0s;animation-delay:0s}@media (prefers-reduced-motion:reduce){.crafting-screen *,.crafting-screen :before,.crafting-screen :after{animation-iteration-count:1!important}}:where(:root[data-reduced-motion]) .crafting-screen *,:where(:root[data-reduced-motion]) .crafting-screen :before,:where(:root[data-reduced-motion]) .crafting-screen :after{animation-iteration-count:1!important}.craft-work.is-reduced .craft-lift{filter:none!important;transition:opacity var(--craft-fade) ease-out!important;translate:none!important;rotate:none!important;scale:none!important}.craft-work.is-reduced:is([data-phase=travel],[data-phase=fusion],[data-phase=impact]) .craft-lift{opacity:.25}.craft-work.is-reduced .craft-frame,.craft-work.is-reduced .flask-badge,.craft-work.is-reduced :is(.flask-badge .num,.owned-badge){animation:none!important}.craft-work.is-reduced .craft-runes{scale:1;transition:opacity var(--craft-fade) ease-out!important;animation:none!important}.craft-work.is-reduced .craft-sign,.craft-work.is-reduced .craft-spotlight{transition:opacity var(--craft-fade) ease-out!important}@keyframes craft-float{0%{translate:0}to{translate:0 -4px}}@keyframes craft-rune-spin{to{rotate:360deg}}@keyframes craft-flask-glow{0%,to{box-shadow:0 2px 8px #00000080}45%{box-shadow:0 0 0 2px #6fe3ffe6,0 0 18px #6fe3ffcc}}@keyframes craft-bump{0%{scale:1}30%{scale:1.2}to{scale:1}}@keyframes craft-fade-in{0%{opacity:0}to{opacity:1}}.cc-screen{--cc-cyan:#4fe0ff;--cc-cyan-hi:#8ff4ff;--cc-violet:#9a6bff;--cc-gold:#f6c343;--cc-ink:#eaf4ff;--cc-dim:#9fb8d8;--cc-fs-xs:max(11px, var(--cc-text));--cc-fs-s:max(12.5px, var(--cc-text));--cc-fs-m:max(16px, calc(var(--cc-text) * 1.25));--cc-fs-l:max(19px, calc(var(--cc-text) * 1.4));--cc-nav-w:214px;--cc-top:92px;color:var(--cc-ink);background:#040b1f}.cc-head{z-index:2;text-align:center;white-space:nowrap;pointer-events:none;position:absolute;top:12px;left:50%;transform:translate(-50%)}.cc-title{letter-spacing:4px;text-transform:uppercase;background:linear-gradient(#fff 20%,#bdefff 55%,#6fd8ff);color:#0000;filter:drop-shadow(0 0 8px #4fe0ff73)drop-shadow(0 2px #040a1ee6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:900;line-height:1.15}.cc-subtitle{font-size:var(--cc-fs-xs);letter-spacing:5px;text-transform:uppercase;color:#8fd8ff;opacity:.85;margin:4px 0 0;font-weight:700}.cc-screen .tab{width:max(58px, var(--cc-touch));height:max(48px, var(--cc-touch));color:var(--cc-cyan-hi);background:linear-gradient(#183874f2,#081634f2);border:1px solid #4fe0ff8c;border-radius:8px;top:14px;box-shadow:inset 0 0 0 1px #96d2ff2e,0 0 12px #3fd8ff40}.cc-screen .tab-back{left:18px}.cc-screen .tab-close{right:18px}.cc-screen .tab:hover{background:linear-gradient(#224c92f2,#0c1e42f2);box-shadow:inset 0 0 0 1px #96d2ff4d,0 0 16px #3fd8ff73}.cc-screen .tab:focus-visible{outline:2px solid var(--cc-cyan-hi);outline-offset:2px}.cc-screen .tab svg{width:26px;height:26px}.cc-nav{top:var(--cc-top);z-index:1;width:var(--cc-nav-w);background:linear-gradient(#0c1c40e0,#050c20eb);border:1px solid #4fe0ff59;border-radius:14px 4px;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;left:22px;box-shadow:inset 0 1px #ffffff14,0 10px 26px #00000073}.cc-tab{min-height:max(56px, var(--cc-touch));color:#a9c7ea;font-size:var(--cc-fs-m);letter-spacing:1.5px;text-align:left;text-transform:uppercase;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:0 14px;font-weight:800;transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out;display:flex;position:relative}.cc-tab-icon{width:max(26px, calc(var(--cc-text) * 1.3));height:max(26px, calc(var(--cc-text) * 1.3));color:#6fd8ff;flex:none}.cc-tab:hover{color:#e6f6ff;background:#4fe0ff14;border-color:#4fe0ff47}.cc-tab:focus-visible{outline:2px solid var(--cc-cyan-hi);outline-offset:2px}.cc-tab.is-selected{color:#fff;background:linear-gradient(90deg,#4fe0ff4d,#8c5aff3d 72%,#8c5aff0f);border-color:#8ff4ffd9;box-shadow:0 0 14px #4fe0ff59,inset 0 0 12px #9a6bff47}.cc-tab.is-selected .cc-tab-icon{color:#fff;filter:drop-shadow(0 0 4px #8ff4ffe6)}.cc-tab.is-selected:before{content:"";background:var(--cc-cyan-hi);width:4px;box-shadow:0 0 8px var(--cc-cyan);border-radius:2px;position:absolute;top:18%;bottom:18%;left:-1px}.cc-brand{width:var(--cc-nav-w);pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:26px;left:22px}.cc-brand-name{letter-spacing:3px;background:linear-gradient(#fff6c4,#ffd86a 40%,#d99a1e 60%,#fff0a8);color:#0000;filter:drop-shadow(0 1px #281400e6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:900}.cc-brand-tag{letter-spacing:4px;text-transform:uppercase;color:#6fb9e6;font-size:10px;font-weight:700}.cc-screen:not(.is-wide) .cc-brand{display:none}.cc-panel{top:var(--cc-top);left:calc(22px + var(--cc-nav-w) + 18px);z-index:1;background:radial-gradient(70% 30% at 50% 0,#4fe0ff1a,#0000 70%),linear-gradient(#0e1e42d6,#050c1eeb);border:1px solid #4fe0ff73;border-radius:16px 4px;flex-direction:column;display:flex;position:absolute;bottom:18px;right:22px;box-shadow:inset 0 1px #ffffff1a,0 14px 34px #0000008c,0 0 22px #4fe0ff1f}.cc-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#8ff4ffe6,#9a6bffcc,#0000);height:2px;position:absolute;top:-1px;left:18px;right:18px}.cc-panel:focus-visible{outline:2px solid var(--cc-cyan-hi);outline-offset:2px}.cc-panel-head{border-bottom:1px solid #4fe0ff38;align-items:center;gap:12px;padding:12px 18px;display:flex}.cc-panel-icon{width:26px;height:26px;color:var(--cc-cyan)}.cc-panel-head h2{font-size:var(--cc-fs-l);letter-spacing:2px;text-transform:uppercase;margin:0;font-weight:900}.cc-panel-caption{font-size:var(--cc-fs-xs);letter-spacing:3px;text-transform:uppercase;color:#6fb9e6;margin-left:auto;font-weight:700}.cc-panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3e6fae transparent;min-height:0;animation:cc-section-in var(--cc-fade,.22s) ease-out;flex-direction:column;flex:1;gap:12px;padding:14px 18px 16px;display:flex;overflow-y:auto}@keyframes cc-section-in{0%{opacity:0;translate:0 6px}}@media (prefers-reduced-motion:reduce){.cc-panel-body{animation-name:cc-section-fade}@keyframes cc-section-fade{0%{opacity:0}}}:where(:root[data-reduced-motion]) .cc-panel-body{animation-name:cc-section-fade}@keyframes cc-section-fade{0%{opacity:0}}.cc-backdrop{pointer-events:none;background:radial-gradient(60% 55% at 60% 42%,#2e46aa73,#0000 70%),radial-gradient(50% 40% at 20% 100%,#6e32be47,#0000 70%),linear-gradient(#050d26 0%,#07123a 55%,#040a22 100%);position:absolute;inset:0;overflow:hidden}.stage-viewport:has(.cc-screen){background:#050d26}.cc-hex{color:#4fa8ff;opacity:.07;position:absolute;inset:0}.cc-portal{opacity:.6;width:820px;height:820px;position:absolute;top:30%;left:50%;translate:-50% -50%}.cc-ring{animation:cc-ring-turn var(--cc-ring-s,160s) linear infinite;border-radius:50%;position:absolute}.cc-ring-0{background:conic-gradient(#4fe0ff26 0 6%, #4fe0ffd9 12%, #4fe0ff26 22% 46%, #9a6bffd9 54%, #4fe0ff26 64% 100%);inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px))}.cc-ring-1{border:1px dashed #8ff4ff59;animation-direction:reverse;inset:90px}.cc-ring-2{border:2px solid #9a6bff47;inset:190px;box-shadow:0 0 40px #4fe0ff2e,inset 0 0 40px #9a6bff2e}.cc-ring-2:before{content:"";background:var(--cc-cyan-hi,#8ff4ff);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%;box-shadow:0 0 12px #4fe0ff}.cc-portal-core{filter:blur(6px);background:radial-gradient(circle,#aaebff59,#4fa0ff29 45%,#0000 70%);border-radius:50%;position:absolute;inset:280px}@keyframes cc-ring-turn{to{rotate:360deg}}.cc-particles span{opacity:0;background:#aef3ff;border-radius:50%;animation:16s linear infinite cc-drift;position:absolute;bottom:-10px;box-shadow:0 0 6px #78e6ffe6}@keyframes cc-drift{10%{opacity:.55}80%{opacity:.35}to{opacity:0;translate:18px -560px}}.cc-scanlines{background:repeating-linear-gradient(#82c8ff09 0 1px,#0000 1px 3px);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cc-backdrop *,.cc-backdrop :before{animation:none!important}.cc-particles span{opacity:.3}}:where(:root[data-reduced-motion]) .cc-backdrop *,:where(:root[data-reduced-motion]) .cc-backdrop :before{animation:none!important}:where(:root[data-reduced-motion]) .cc-particles span{opacity:.3}.cc-row{background:linear-gradient(#0a183699,#030a1c99);border:1px solid #4fe0ff29;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.cc-row-icon{width:max(26px, calc(var(--cc-text) * 1.3));height:max(26px, calc(var(--cc-text) * 1.3));color:#6fd8ff}.cc-row-text{flex-direction:column;gap:3px;min-width:0;display:flex}.cc-row-label{font-size:var(--cc-fs-m);color:#f2f9ff;font-weight:800}.cc-row-desc{font-size:var(--cc-fs-s);color:var(--cc-dim);margin:0;line-height:1.35}.cc-row-control{justify-content:flex-end;align-items:center;min-width:0;display:flex}.cc-row.is-slider{grid-template-columns:auto 190px minmax(0,1fr)}.cc-sweep{pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff42 50%,#0000 65%);position:absolute;inset:0;translate:-120%}.cc-seg:hover .cc-sweep,.cc-seg:focus-visible .cc-sweep,.cc-btn:hover .cc-sweep,.cc-btn:focus-visible .cc-sweep{animation:.7s ease-out cc-sweep}@keyframes cc-sweep{to{translate:120%}}.cc-segmented{gap:8px;display:flex}.cc-seg{min-width:100px;min-height:max(56px, var(--cc-touch));color:#cfe6ff;background:linear-gradient(#18346ceb,#081430f2);border:1px solid #4fe0ff66;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px 16px;transition:border-color .18s ease-out,box-shadow .18s ease-out;display:flex;position:relative;overflow:hidden}.cc-seg-value{font-size:max(21px, calc(var(--cc-text) * 1.5));font-weight:900;line-height:1.1}.cc-seg-caption{font-size:var(--cc-fs-xs);letter-spacing:1px;text-transform:uppercase;color:#8fb7e0;font-weight:700}.cc-seg:hover{border-color:#8ff4ffcc}.cc-seg:focus-visible{outline:2px solid var(--cc-cyan-hi);outline-offset:2px}.cc-seg.is-on{border-color:var(--cc-cyan-hi);color:#fff;background:linear-gradient(#46b4ff99,#1e50becc);box-shadow:0 0 14px #4fe0ff8c,inset 0 0 10px #b4f0ff40}.cc-seg.is-on .cc-seg-caption{color:#e8fbff}.cc-seg.is-on:before{content:"";height:3px;box-shadow:0 0 8px var(--cc-cyan);background:#fff;border-radius:0 0 3px 3px;position:absolute;top:0;left:22%;right:22%}.cc-switch{--sw-h:max(40px, var(--cc-touch));--sw-w:calc(var(--sw-h) * 2.2);width:var(--sw-w);height:var(--sw-h);padding:0 calc(var(--sw-h) * .32);color:var(--cc-dim);font-size:var(--cc-fs-s);letter-spacing:1px;text-transform:uppercase;background:#0a142cf2;border:1px solid #a0bee673;border-radius:999px;flex:none;justify-content:flex-end;align-items:center;font-weight:900;transition:background-color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative}.cc-switch-knob{width:calc(var(--sw-h) - 10px);height:calc(var(--sw-h) - 10px);margin-top:calc((var(--sw-h) - 10px) / -2);background:radial-gradient(circle at 40% 35%,#fff,#c9d6e8 70%);border-radius:50%;transition:translate .2s ease-out;position:absolute;top:50%;left:4px;box-shadow:0 2px 6px #00000080}.cc-switch.is-on{border-color:var(--cc-cyan-hi);color:#fff;background:linear-gradient(90deg,#2882e6e6,#4fe0ffbf);justify-content:flex-start;box-shadow:0 0 12px #4fe0ff80}.cc-switch.is-on .cc-switch-knob{translate:calc(var(--sw-w) - var(--sw-h) + 2px) 0}.cc-switch:focus-visible{outline:2px solid var(--cc-cyan-hi);outline-offset:3px}.cc-slider{--th:max(24px, calc(var(--cc-touch) * .5));--tr:max(8px, calc(var(--cc-text) * .4));align-items:center;gap:14px;width:100%;display:flex}.cc-slider input{min-width:0;height:max(36px, var(--cc-touch));cursor:pointer;appearance:none;touch-action:pan-y;background:0 0;flex:1;margin:0}.cc-slider input::-webkit-slider-runnable-track{height:var(--tr);background:linear-gradient(90deg, #2fe0b0, #4fe0ff var(--cc-fill), #7896c838 var(--cc-fill));border-radius:999px;box-shadow:inset 0 0 0 1px #4fe0ff4d}.cc-slider input::-moz-range-track{height:var(--tr);background:#7896c838;border-radius:999px}.cc-slider input::-moz-range-progress{height:var(--tr);background:linear-gradient(90deg,#2fe0b0,#4fe0ff);border-radius:999px}.cc-slider input::-webkit-slider-thumb{width:var(--th);height:var(--th);margin-top:calc((var(--tr) - var(--th)) / 2);border:2px solid var(--cc-cyan);appearance:none;background:radial-gradient(circle at 40% 35%,#fff,#cfefff 60%,#8fdcff);border-radius:50%;transition:scale .15s ease-out;box-shadow:0 0 10px #4fe0ffcc}.cc-slider input::-moz-range-thumb{width:var(--th);height:var(--th);border:2px solid var(--cc-cyan);background:radial-gradient(circle at 40% 35%,#fff,#cfefff 60%,#8fdcff);border-radius:50%;box-shadow:0 0 10px #4fe0ffcc}.cc-slider input:active::-webkit-slider-thumb{scale:1.12}.cc-slider input:focus-visible{outline:2px solid var(--cc-cyan-hi);outline-offset:2px;border-radius:6px}.cc-slider-value{min-width:2.4em;font-size:var(--cc-fs-m);text-align:right}.cc-btn{min-height:max(50px, var(--cc-touch));color:#eaf6ff;font-size:var(--cc-fs-m);background:linear-gradient(#2456aaeb,#0c2254f2);border:1px solid #4fe0ff99;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 18px;font-weight:800;transition:border-color .18s ease-out,box-shadow .18s ease-out;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 4px 10px #0006}.cc-btn-main{align-items:center;gap:10px;display:inline-flex}.cc-btn-main .cc-icon{width:1.3em;height:1.3em}.cc-btn-note{font-size:var(--cc-fs-xs);color:#a9c7ea;font-weight:600}.cc-btn:hover{border-color:var(--cc-cyan-hi);box-shadow:inset 0 1px #ffffff40,0 0 14px #4fe0ff73}.cc-btn:focus-visible{outline:2px solid var(--cc-cyan-hi);outline-offset:2px}.cc-btn.is-danger{color:#fff;background:linear-gradient(#e2452e,#a3201a);border-color:#ff8a6a}.cc-btn.is-danger:hover{border-color:#ffc2ad;box-shadow:inset 0 1px #ffffff40,0 0 16px #ff5a3299}.cc-btn.is-danger:focus-visible{outline-color:#ffc2ad}.cc-profile-card{background:radial-gradient(45% 90% at 12%,#4fe0ff24,#0000 70%),linear-gradient(#0a1836b3,#030a1cb3);border:1px solid #4fe0ff4d;border-radius:12px;align-items:center;gap:22px;padding:18px 22px;display:flex;position:relative}.cc-profile-card .pf-framed{--pf-size:max(112px, calc(var(--cc-touch) * 1.6))}.cc-profile-id{flex-direction:column;gap:6px;min-width:0;display:flex}.cc-profile-name{white-space:nowrap;text-overflow:ellipsis;font-size:max(28px, calc(var(--cc-text) * 1.8));letter-spacing:.5px;unicode-bidi:plaintext;font-weight:900;overflow:hidden}.cc-profile-meta{font-size:var(--cc-fs-s);letter-spacing:2px;text-transform:uppercase;color:#7fd8ff;font-weight:800}.cc-profile-note{font-size:var(--cc-fs-xs);color:#f6d98a}.cc-saved-glow{border-radius:inherit;box-shadow:0 0 0 2px var(--cc-cyan-hi), 0 0 26px #4fe0ffd9;opacity:0;pointer-events:none;animation:cc-saved var(--cc-saved-ms,1.4s) ease-out;position:absolute;inset:-1px}@keyframes cc-saved{15%{opacity:1}}.cc-saved-tag:empty{display:none}.cc-saved-tag{border:1px solid var(--cc-cyan-hi);color:var(--cc-cyan-hi);font-size:var(--cc-fs-xs);letter-spacing:1.5px;text-transform:uppercase;background:#082846e6;border-radius:999px;padding:2px 10px;font-weight:900;position:absolute;top:12px;right:14px}.cc-saved-tag:before{content:"✓ "}.cc-profile-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cc-save-status{background:linear-gradient(#061e2299,#03101699);border:1px solid #46e68c59;border-radius:10px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.cc-save-icon{width:max(30px, calc(var(--cc-text) * 1.5));height:max(30px, calc(var(--cc-text) * 1.5));color:#4fe69a;flex:none}.cc-save-lines{flex-direction:column;gap:3px;min-width:0;display:flex}.cc-save-status.is-failed{background:linear-gradient(#3c100ab3,#1e0808b3);border-color:#ff6446cc}.cc-save-status.is-failed .cc-save-icon{color:#ff8a6a}.cc-save-status .cc-save-warning{color:#ffb3a8;font-weight:700}.cc-save-summary{font-size:var(--cc-fs-s);color:#f6d98a;font-weight:700}.cc-save-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cc-message{min-height:1.35em;font-size:var(--cc-fs-s);margin:0;font-weight:700}.cc-message.is-ok{color:#8ff4c8}.cc-message.is-ok:before{content:"✓ "}.cc-message.is-error{color:#ffb3a8}.cc-message.is-error:before{content:"⚠ "}.cc-danger{background:linear-gradient(#5c100cc7,#300608e0);border:1px solid #ff6446cc;border-radius:10px;margin-top:auto;padding:12px 16px 14px;box-shadow:0 0 16px #ff462840,inset 0 0 18px #ff3c2826}.cc-danger-head{color:#ff8a6a;align-items:center;gap:10px;display:flex}.cc-danger-head .cc-icon{width:max(22px, var(--cc-text));height:max(22px, var(--cc-text))}.cc-danger-head h3{font-size:var(--cc-fs-m);letter-spacing:2px;text-transform:uppercase;margin:0;font-weight:900}.cc-danger-tag{font-size:var(--cc-fs-xs);letter-spacing:2px;text-transform:uppercase;margin-left:auto;font-weight:800}.cc-danger-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:8px;display:grid}.cc-danger .cc-row-desc{color:#f3c3b8}.cc-note{border-left:3px solid var(--cc-gold);font-size:var(--cc-fs-s);color:#f6e2a8;background:#f6c34314;border-radius:4px;margin:0;padding:10px 14px}.cc-info{background:#030a1c80;border:1px solid #4fe0ff29;border-radius:10px;align-items:flex-start;gap:14px;padding:12px 16px;display:flex}.cc-keys{font-size:var(--cc-fs-s);gap:4px;margin:8px 0 0;display:grid}.cc-keys div{gap:10px;display:flex}.cc-keys dt{min-width:8.5em;color:var(--cc-cyan-hi);font-weight:800}.cc-keys dd{color:var(--cc-dim);margin:0}.cc-about{flex-direction:column;gap:8px;display:flex}.cc-about-head{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.cc-about-title{font-size:var(--cc-fs-l);color:#ffe9a0;margin:0;font-weight:900}.cc-version{font-size:var(--cc-fs-s);letter-spacing:1px;color:#8fd8ff;font-weight:800}.cc-about h4{font-size:var(--cc-fs-s);letter-spacing:2px;text-transform:uppercase;color:#7fd8ff;margin:6px 0 0}.cc-credits{columns:2;font-size:var(--cc-fs-xs);color:var(--cc-dim);column-gap:22px;margin:0;padding:0;line-height:1.5;list-style:none}.cc-credits.is-wide{columns:1}.cc-credit-title{color:#dcecff;font-weight:800}.cc-quiet{font-size:var(--cc-fs-xs);color:#7f94b4;margin:6px 0 0}.cc-about-links{font-size:var(--cc-fs-s);color:var(--cc-dim)}.cc-about-links a{min-width:var(--cc-touch,32px);min-height:var(--cc-touch,32px);color:#6fd8ff;text-underline-offset:3px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.cc-about-links a:focus-visible{outline-offset:2px;outline:2px solid #8ff4ff}.cc-screen.is-rail,.cc-screen.is-tabs{--cc-top:calc(var(--cc-touch) + 18px)}.cc-screen.is-rail .cc-subtitle,.cc-screen.is-tabs .cc-subtitle,.cc-screen.is-rail .cc-panel-caption,.cc-screen.is-tabs .cc-panel-caption{display:none}.cc-screen.is-rail .cc-head,.cc-screen.is-tabs .cc-head{height:var(--cc-touch);align-items:center;display:flex;top:8px}.cc-screen.is-rail .tab,.cc-screen.is-tabs .tab{top:8px}.cc-screen.is-rail .cc-title,.cc-screen.is-tabs .cc-title{font-size:max(30px, calc(var(--cc-text) * 1.5));letter-spacing:3px}.cc-screen.is-rail .cc-tab,.cc-screen.is-tabs .cc-tab{min-height:var(--cc-touch);font-size:var(--cc-fs-s);letter-spacing:.5px;text-transform:none}.cc-screen.is-rail .cc-row.is-stack,.cc-screen.is-rail .cc-row.is-slider,.cc-screen.is-tabs .cc-row.is-stack,.cc-screen.is-tabs .cc-row.is-slider{grid-template-columns:auto minmax(0,1fr)}.cc-screen.is-rail .cc-row.is-stack .cc-row-control,.cc-screen.is-rail .cc-row.is-slider .cc-row-control,.cc-screen.is-tabs .cc-row.is-stack .cc-row-control,.cc-screen.is-tabs .cc-row.is-slider .cc-row-control{grid-column:1/-1;justify-content:stretch}.cc-screen.is-rail .cc-segmented,.cc-screen.is-tabs .cc-segmented{width:100%}.cc-screen.is-rail .cc-seg,.cc-screen.is-tabs .cc-seg{flex:1}.cc-screen.is-rail .cc-panel-head,.cc-screen.is-tabs .cc-panel-head{padding:8px 16px}.cc-screen.is-rail .cc-profile-actions,.cc-screen.is-tabs .cc-profile-actions,.cc-screen.is-tabs .cc-save-actions{grid-template-columns:minmax(0,1fr)}.cc-screen.is-rail .cc-credits,.cc-screen.is-tabs .cc-credits{columns:1}.cc-screen.is-rail .cc-dialog,.cc-screen.is-tabs .cc-dialog{width:calc(100% - 16px);max-height:calc(100% - 16px)}.cc-screen:not(.is-wide) .cc-frame-preview{width:max(230px, calc(var(--cc-text) * 12));height:auto;min-height:max(80px, calc(var(--cc-text) * 3.6));grid-template-columns:max(62px, calc(var(--cc-text) * 2.6)) minmax(0, 1fr)}.cc-screen:not(.is-wide) .cc-frame-preview .pf-avatar{width:max(62px, calc(var(--cc-text) * 2.6));height:max(62px, calc(var(--cc-text) * 2.6))}.cc-screen:not(.is-wide) .cc-frame-preview .pf-name{font-size:var(--cc-fs-s);line-height:1.3}.cc-screen:not(.is-wide) .cc-frame-preview .pf-lp-label{font-size:var(--cc-fs-xs)}.cc-screen:not(.is-wide) .cc-frame-preview .portrait-lp .num{font-size:max(25px, calc(var(--cc-text) * 1.5));line-height:1.1}.cc-screen:not(.is-wide) .cc-frame-preview .pf-emblem{display:none}.cc-screen.is-rail{--cc-nav-w:262px}.cc-screen.is-rail .cc-nav{gap:4px;padding:6px;bottom:10px;left:12px;overflow-y:auto}.cc-screen.is-rail .cc-tab{gap:10px;padding:0 10px}.cc-screen.is-rail .cc-panel{left:calc(12px + var(--cc-nav-w) + 12px);bottom:10px;right:12px}.cc-screen.is-tabs .cc-nav{overscroll-behavior:contain;scrollbar-width:none;flex-direction:row;gap:6px;width:auto;padding:4px;left:8px;right:8px;overflow:auto hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.cc-screen.is-tabs .cc-nav::-webkit-scrollbar{display:none}.cc-screen.is-tabs .cc-tab{flex:none;padding:0 24px}.cc-screen.is-tabs .cc-tab.is-selected:before{width:auto;height:4px;inset:auto 18% -1px}.cc-screen.is-tabs .cc-panel{top:calc(var(--cc-top) + var(--cc-touch) + 18px);bottom:8px;left:8px;right:8px}.cc-screen.is-tabs .cc-panel-head{display:none}.cc-screen.is-tabs .cc-panel-body{padding:12px}.cc-screen.is-tabs .cc-profile-card{gap:16px;padding:14px}.cc-screen.is-tabs .cc-danger-row{grid-template-columns:minmax(0,1fr)}.pack-art-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .12s ease-out;position:relative}.pack-art-btn:hover,.pack-art-btn:focus-visible{transform:translateY(-3px)scale(1.02)}.pack-peek{white-space:nowrap;pointer-events:none;background:#06152fd9;border:1.5px solid #7fb6ff;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:800;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.popup.pack-preview{text-align:left;flex-direction:column;gap:6px;width:928px;max-width:none;height:606px;padding:10px 14px 12px;display:flex}.pp-head{align-items:flex-start;gap:12px;display:flex}.pp-title{flex:1 1 0;min-width:0}.pp-title .title-text{margin:0;font-size:24px}.pp-summary{color:#dce9fb;margin:2px 0 0;font-size:13px}.pp-summary strong{color:var(--select-yellow)}.pp-note{color:#9fbbe0;margin:1px 0 0;font-size:11px}.pp-actions{white-space:nowrap;flex:none;align-items:center;gap:8px;display:flex}.pp-actions .glossy{min-height:44px}.pp-buy .num{font-size:17px}.pp-toggle{color:#cfe7ff;background:#0b1f44;border:2px solid #4c86c8;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:800}.pp-toggle.is-on{border-color:var(--select-yellow);color:#fff;box-shadow:0 0 10px #f2e24a99}.pp-body{flex:auto;gap:10px;min-height:0;display:flex}.pp-list{flex:auto;min-width:0;padding-right:4px;overflow-y:auto}.pp-tier+.pp-tier{margin-top:8px}.pp-tier-head{z-index:3;background:linear-gradient(90deg,#123468,#0b1f44);border:1.5px solid #4c86c8;border-radius:6px;align-items:baseline;gap:8px;margin:0 0 6px;padding:3px 10px;font-size:16px;display:flex;position:sticky;top:0}.pp-tier-head .num{color:var(--select-yellow);font-size:18px}.pp-tier-note{color:#9fbbe0;font-size:12px;font-weight:600}.rar-Rare .pp-tier-name{color:#8fc7ff}.rar-UltraRare .pp-tier-name{color:#ff9ad8}.rar-Legend .pp-tier-name{color:#ffd35a}.pp-grid{grid-template-columns:repeat(auto-fill,120px);grid-auto-rows:136px;gap:6px 8px;display:grid}.pp-cell{flex-direction:column;align-items:center;height:136px;display:flex}.pp-cell.is-missing .thumb:not(.is-selected){box-shadow:0 0 0 3px #ffd35a,0 0 10px 2px #ffd35ab3}.pp-cell .thumb.is-selected{box-shadow:0 0 0 4px #fff,0 0 14px 4px #7fd6ffe6}.pp-cell[aria-pressed=true]{z-index:1;transform:scale(1.03)}.pp-cell .new-badge{z-index:2}.pp-owned{color:#b9ff8a;font-size:14px}.pp-chance{margin-top:2px;font-size:13px;line-height:16px}.pp-cell.is-owned .pp-chance{opacity:.6}.pp-none{color:#b9ff8a;margin:0 0 4px 6px;font-size:13px}.pp-side{flex-direction:column;flex:0 0 236px;gap:6px;display:flex}.pp-side .detail-panel{flex:auto;height:auto;max-height:440px}.pp-detail-odds{color:#dce9fb;margin:0;font-size:13px;line-height:1.35}.pp-detail-odds .num{font-size:15px}.rift{--rift-blue:#4d8dff;--rift-violet:#8a5cff;--rift-cyan:#7fe9ff;z-index:60;cursor:pointer;position:absolute;inset:0;overflow:hidden}.rift:focus{outline:none}.rift.phase-done{cursor:default}.rift-dim{-webkit-backdrop-filter:blur(3px);background:radial-gradient(70% 62% at 50% 48%,#1a124a80,#030616db 72%);animation:.22s ease-out both rift-fade-in;position:absolute;inset:0}.rift-darken{pointer-events:none;background:radial-gradient(at 50% 46%,#02020a99,#010106 70%);transition:opacity .28s ease-out;position:absolute;inset:0}.rift-head{z-index:4;text-align:center;pointer-events:none;animation:.3s ease-out both rift-fade-in;position:absolute;top:8px;left:0;right:0}.rift-kicker{letter-spacing:6px;text-transform:uppercase;color:var(--rift-cyan);text-shadow:0 0 8px #7fe9ffcc;font-size:13px;font-weight:900;display:block}.rift-head h2{margin:0;font-size:30px}.rift-result{color:#dbe8ff;text-shadow:0 1px 3px #000c;margin:2px 0 0;font-size:16px;font-weight:800;animation:.3s ease-out .2s both rift-fade-in}.rift-btn{z-index:6;min-height:var(--rift-tap,44px);min-width:calc(var(--rift-tap,44px) * 2.5);padding:4px calc(var(--rift-tap,44px) * .45);font-size:calc(12px + var(--rift-tap,44px) * .18);letter-spacing:1px;font-weight:900;position:absolute;bottom:16px}.rift-btn:focus-visible{outline-offset:4px}.rift-skip{animation:.3s ease-out .25s both rift-fade-in;right:16px}.rift-continue{width:fit-content;margin:0 auto;animation:.32s ease-out both rift-rise-in;left:0;right:0}.rift-continue:disabled{cursor:default;opacity:.75}@keyframes rift-fade-in{0%{opacity:0}}@keyframes rift-fade-out{to{opacity:0}}@keyframes rift-rise-in{0%{opacity:0;transform:translateY(14px)}}.rift.is-reduced .rift-dim,.rift.is-reduced .rift-head,.rift.is-reduced .rift-result,.rift.is-reduced .rift-skip,.rift.is-reduced .rift-continue{animation:rift-fade-in var(--rift-fade) ease-out both!important}.rift.is-reduced .rift-darken{transition:opacity var(--rift-fade) ease-out!important}.rift-scene{z-index:2;width:0;height:0;position:absolute;top:50%;left:50%}.rift .pack-art{filter:none;width:200px;height:290px}.rift-portal{--pc:#9fd0ff;--pe:var(--rift-blue);--pg:#765aff8c;left:-230px;top:calc(var(--rift-pack-y) - 230px);opacity:0;pointer-events:none;width:460px;height:460px;transition:opacity .45s ease-out,transform .6s cubic-bezier(.2,.8,.3,1);position:absolute;transform:scale(.55)}.rift.phase-charge .rift-portal,.rift.phase-snap .rift-portal,.rift.phase-crack .rift-portal,.rift.phase-release .rift-portal{opacity:1;transform:scale(1)}.rift.phase-reveal .rift-portal{opacity:.5;transform:scale(1.06)}.rift.phase-done .rift-portal{opacity:.28;transform:scale(1.1)}.rift.phase-reveal .rift-portal[data-surge]{--pc:var(--surge-core);--pe:var(--surge-edge);--pg:var(--surge-glow);opacity:1;transform:scale(1.16)}.rift-portal>*{border-radius:50%;position:absolute;inset:0}.rift-portal-core{background:radial-gradient(circle, #ffffffd9 0%, var(--pc) 12%, var(--pg) 34%, #3c28a038 52%, transparent 68%)}.rift-portal-rays{background:repeating-conic-gradient(#bedcff29 0deg 4deg,#0000 4deg 15deg);animation:24s linear infinite rift-spin;-webkit-mask-image:radial-gradient(circle,#0000 18%,#000 30%,#0000 70%);mask-image:radial-gradient(circle,#0000 18%,#000 30%,#0000 70%)}.rift-ring svg{width:100%;height:100%;overflow:visible}.rift-ring circle{fill:none;stroke:var(--pe);stroke-linecap:round;filter:drop-shadow(0 0 3px var(--pc))}.rift-ring.ring-1{opacity:.85;animation:9s linear infinite rift-spin}.rift-ring.ring-1 circle{stroke-width:1.6px;stroke-dasharray:28 10 4 10}.rift-ring.ring-2{opacity:.8;animation:6s linear infinite reverse rift-spin}.rift-ring.ring-2 circle{stroke:var(--rift-violet);stroke-width:1px;stroke-dasharray:2 6}.rift-ring.ring-3{opacity:.55;animation:4s linear infinite rift-spin}.rift-ring.ring-3 circle{stroke:var(--pc);stroke-width:2.4px;stroke-dasharray:60 30}.rift-portal-pulse{border:2px solid var(--pc);box-shadow:0 0 16px var(--pg);opacity:0;inset:18%}.rift.phase-charge .rift-portal-pulse,.rift.phase-snap .rift-portal-pulse,.rift-portal[data-surge] .rift-portal-pulse{animation:1.1s ease-out infinite rift-pulse}.rift-motes{opacity:0;transition:opacity .3s}.rift.phase-charge .rift-motes,.rift.phase-snap .rift-motes{opacity:1}.rift-motes i{width:5px;height:5px;box-shadow:0 0 6px 2px var(--pc);animation:rift-mote 1.4s ease-in var(--d) infinite both;background:#e8fbff;border-radius:50%;margin:-2.5px;position:absolute;top:50%;left:50%}@keyframes rift-spin{to{transform:rotate(360deg)}}@keyframes rift-pulse{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.25)}}@keyframes rift-mote{0%{opacity:0;transform:rotate(var(--a)) translateX(var(--rr)) scale(1)}30%{opacity:1}to{opacity:0;transform:rotate(calc(var(--a) + 140deg)) translateX(10px) scale(.3)}}.rift.is-reduced .rift-portal,.rift.is-reduced .rift-portal[data-surge]{transition:opacity var(--rift-fade) ease-out!important;transform:none!important}.rift.is-reduced .rift-portal *{animation:none!important}.rift.is-reduced .rift-motes{display:none}.rift-pack-anchor{left:-100px;top:calc(var(--rift-pack-y) - 145px);z-index:2;width:200px;height:290px;animation:.42s cubic-bezier(.2,.8,.25,1) both rift-pack-in;position:absolute;transform:rotate(-5deg)scale(1.08)}@keyframes rift-pack-in{0%{transform:translate(var(--from-x), var(--from-y)) rotate(0deg) scale(var(--from-s))}}.rift-pack{filter:drop-shadow(0 18px 20px #0009);position:absolute;inset:0}.rift.phase-charge .rift-pack{animation:1.2s ease-in-out infinite alternate rift-hover}.rift.phase-snap .rift-pack{animation:.2s ease-out both rift-jolt}.rift-pack:after{content:"";opacity:0;pointer-events:none;border-radius:18px;transition:opacity .8s ease-in;position:absolute;inset:-10px;box-shadow:0 0 26px 6px #78aaffbf,inset 0 0 18px #a078ff99}.rift.phase-charge .rift-pack:after,.rift.phase-snap .rift-pack:after{opacity:.8}.rift.phase-crack .rift-pack:after{opacity:1;transition-duration:.1s}.rift-holo{mix-blend-mode:screen;pointer-events:none;border-radius:11px;position:absolute;inset:3px;overflow:hidden}.rift-holo:before{content:"";background:linear-gradient(105deg,#0000,#9678ff59 35%,#8cf0ff8c 50%,#ffb4f04d 65%,#0000);width:55%;animation:2.4s ease-in-out .3s infinite rift-holo;position:absolute;top:-10%;bottom:-10%;left:-70%;transform:skew(-14deg)}@keyframes rift-holo{to{transform:translate(420%)skew(-14deg)}}.rift-scan{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#c9f7ff 20%,#fff 50%,#c9f7ff 80%,#0000);border-radius:2px;height:3px;position:absolute;top:0;left:-10px;right:-10px;box-shadow:0 0 12px 3px #7fe9ffbf}.rift.phase-charge .rift-scan{animation:.9s ease-in-out .12s both rift-scan}@keyframes rift-hover{to{transform:translateY(-5px)}}@keyframes rift-jolt{30%{transform:translate(3px,-2px)rotate(1.5deg)scale(1.02)}60%{transform:translate(-2px,1px)rotate(-1deg)}}@keyframes rift-scan{0%{opacity:0;transform:translateY(0)}15%,85%{opacity:1}to{opacity:0;transform:translateY(287px)}}.rift-crack{transform-origin:50% 45%;width:100%;height:100%;animation:.2s ease-out both rift-crack;position:absolute;inset:0;overflow:visible}.rift-crack polyline{fill:none;stroke-linejoin:miter}.rift-crack-glow{stroke:#8fe6ff;stroke-width:7px;opacity:.55;filter:drop-shadow(0 0 8px #8a5cff)}.rift-crack-core{stroke:#fff;stroke-width:2px}@keyframes rift-crack{0%{transform:scaleX(0)}60%{transform:scaleX(1)}to{transform:scaleX(1.04)scaleY(1.7)}}.rift-flash,.rift-shock,.rift-shards{pointer-events:none;position:absolute;top:45%;left:50%}.rift-flash{background:radial-gradient(circle,#fffffff2,#aae1ff99 24%,#8c64ff38 48%,#0000 68%);border-radius:50%;width:520px;height:520px;margin:-260px;animation:.32s ease-out both rift-flash}.rift-shock{border:3px solid #c8f5fff2;border-radius:50%;width:300px;height:92px;margin:-46px -150px;animation:.45s ease-out both rift-shock;box-shadow:0 0 18px #7fe9ffcc,inset 0 0 12px #7fe9ff8c}.rift-shards i{background:linear-gradient(90deg,#fff,#7fe9ff);border-radius:2px;width:16px;height:3px;margin:-1.5px -8px;animation:.5s cubic-bezier(.15,.7,.3,1) both rift-shard;position:absolute;box-shadow:0 0 6px #7fe9ff}@keyframes rift-flash{0%{opacity:0;transform:scale(.35)}25%{opacity:.75}to{opacity:0;transform:scale(1.2)}}@keyframes rift-shock{0%{opacity:1;transform:scale(.2,.3)}to{opacity:0;transform:scale(2.7,1.25)}}@keyframes rift-shard{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scaleX(1)}to{opacity:0;transform:rotate(var(--a)) translateX(var(--dist)) scaleX(.3)}}.rift-half{animation:none;position:absolute;inset:0}.rift-half.top{clip-path:inset(0 0 55%);animation-name:rift-half-top}.rift-half.bottom{clip-path:inset(45% 0 0);animation-name:rift-half-bottom}@keyframes rift-half-top{to{opacity:0;transform:translate(-70px,-170px)rotate(-22deg)}}@keyframes rift-half-bottom{to{opacity:0;transform:translate(80px,170px)rotate(18deg)}}.rift.is-reduced .rift-pack,.rift.is-reduced .rift-holo:before{animation:none!important}.rift.is-reduced .rift-scan{display:none}.rift.is-reduced .rift-pack-anchor{transform:none;animation:rift-fade-in var(--rift-fade) ease-out both!important}.rift.is-reduced .rift-half{clip-path:none;animation:rift-fade-out var(--rift-fade) ease-out both!important}.rift.is-reduced .rift-half.bottom{display:none}.rift-cards{margin:0;padding:0;list-style:none;position:absolute;top:0;left:0}.rift-scroll{left:16px;right:16px;top:var(--rift-compact-top);bottom:calc(var(--rift-tap) + 28px);z-index:3;overscroll-behavior:contain;touch-action:pan-y;animation:.3s ease-out both rift-fade-in;position:absolute;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 14px calc(100% - 36px),#0000);mask-image:linear-gradient(#0000,#000 14px calc(100% - 36px),#0000)}.rift-scroll:focus-visible{outline-offset:-3px}.rift-card{z-index:1;perspective:700px;width:120px;height:118px;transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(var(--s));transition:transform .36s cubic-bezier(.2,.8,.25,1);position:absolute;top:-59px;left:-60px}.rift.phase-release .rift-card{animation:rift-fly var(--rift-fly) cubic-bezier(.18, .8, .3, 1) backwards;animation-delay:calc(var(--i) * var(--rift-stagger))}@keyframes rift-fly{0%{opacity:0;transform:translate(0, var(--rift-pack-y)) rotate(0deg) scale(.35)}25%{opacity:1}}.rift-card.is-building,.rift-card.is-turning{z-index:5}.rift.phase-done .rift-card{transition-duration:.55s}.rift-card-body{width:100%;height:100%;transform-style:preserve-3d;position:relative}.rift-back{z-index:1;backface-visibility:hidden;position:absolute;inset:0}.rift-back .card-back{box-shadow:0 6px 12px #0000008c}.rift-face{box-shadow:0 0 0 1px var(--rc-edge), 0 6px 12px #00000080;border-radius:6px;position:relative}.rift-card.is-turning .rift-back{animation:rift-back-out calc(var(--rift-turn) * .42) ease-in forwards}.rift-card.is-turning .rift-face{animation:rift-face-in calc(var(--rift-turn) * .55) ease-out calc(var(--rift-turn) * .38) backwards}@keyframes rift-back-out{to{transform:rotateY(90deg)}}@keyframes rift-face-in{0%{transform:rotateY(-90deg)}}.rift-card-glow{z-index:-1;background:radial-gradient(closest-side, var(--rc-glow), transparent);opacity:0;pointer-events:none;border-radius:16px;transition:opacity .3s ease-out;position:absolute;inset:-12px}.rift-card.is-turning .rift-card-glow,.rift-card.is-shown .rift-card-glow{opacity:.5}.rift-card.tier-Rare.is-shown .rift-card-glow,.rift-card.tier-UltraRare.is-shown .rift-card-glow,.rift-card.tier-Legend.is-shown .rift-card-glow,.rift-card.is-turning:not(.tier-Common) .rift-card-glow,.rift-card.is-building .rift-card-glow{opacity:1}.rift-card.is-building .rift-card-glow{animation:.5s ease-in-out infinite alternate rift-gather}.rift-card.tier-Rare .rift-face{box-shadow:0 0 0 2px var(--rc-edge), 0 0 0 3px #e6f5ffb3, 0 6px 14px #00000080}.rift-card.tier-UltraRare .rift-face{box-shadow:0 0 0 2px var(--rc-core), 0 0 0 4px var(--rc-edge), 0 6px 16px #0000008c}.rift-card.tier-Legend .rift-face{box-shadow:0 0 0 2px var(--rc-core), 0 0 0 4px #1a0204, 0 0 0 6px var(--rc-edge), 0 0 22px 8px #b0121ebf, 0 6px 18px #0009}.rift-card.tier-Legend .rift-card-glow{background:radial-gradient(closest-side,#ffd76a99,#0000 75%),conic-gradient(#b0121e,#0a0003,#ffd76a,#0a0003,#b0121e,#0a0003,#ffd76a,#0a0003,#b0121e);animation:5s linear infinite rift-spin;inset:-30px;-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000);mask-image:radial-gradient(closest-side,#000 72%,#0000)}@keyframes rift-gather{0%{transform:scale(.92)}to{transform:scale(1.12)}}.rift-sweep{z-index:3;pointer-events:none;border-radius:6px;position:absolute;inset:0;overflow:hidden}.rift-sweep:before{content:"";width:45%;animation:rift-sweep .55s ease-out calc(var(--rift-turn) * .7) both;background:linear-gradient(100deg,#0000,#ffffffe6,#0000);position:absolute;top:-20%;bottom:-20%;left:-55%;transform:skew(-15deg)}.rift-impact{z-index:2;border:3px solid var(--rc-core);width:150px;height:150px;box-shadow:0 0 18px var(--rc-glow), inset 0 0 14px var(--rc-glow);pointer-events:none;animation:rift-impact .5s ease-out calc(var(--rift-turn) * .45) both;border-radius:50%;margin:-75px;position:absolute;top:50%;left:50%}@keyframes rift-sweep{to{transform:translate(380%)skew(-15deg)}}@keyframes rift-impact{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.7)}}.rift .rift-new{z-index:4;animation:rift-pop .3s cubic-bezier(.2, 1.6, .4, 1) calc(var(--rift-turn) * .8) backwards;top:-11px;left:auto;right:-8px}@keyframes rift-pop{0%{opacity:0;transform:scale(.3)}}.rift.is-skipped .rift-card,.rift.is-skipped .rift-card *,.rift.is-reduced .rift-card,.rift.is-reduced .rift-card *{transition:none!important;animation:none!important}.rift.is-reduced.phase-release .rift-card,.rift.is-reduced .rift-card.is-turning .rift-face,.rift.is-reduced .rift-card.is-turning .rift-new{animation:rift-fade-in var(--rift-fade) ease-out both!important}.rift.is-reduced .rift-card.is-turning .rift-back{animation:rift-fade-out var(--rift-fade) ease-out forwards!important}.rift.is-reduced .rift-card .rift-card-glow{transition:opacity var(--rift-fade) ease-out!important}.rift.is-reduced .rift-sweep,.rift.is-reduced .rift-impact{display:none}.vault{pointer-events:none;isolation:isolate;z-index:0;background:#04120f;position:absolute;inset:0;overflow:hidden}.vault-defs{width:0;height:0;position:absolute}.vault-sky,.vault-hall{display:block;position:absolute;top:0;left:0}.vault-clouds span{background:radial-gradient(50% 50%,#f0faff8c,#f0faff00 70%);border-radius:50%;width:440px;height:64px;position:absolute}.vault-shaft{clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);background:linear-gradient(#e1fff65c,#96ffd61f 42%,#96ffd600 82%);width:460px;height:720px;position:absolute;top:-30px;left:250px}.vault-dust{position:absolute;inset:0}.vault-dust span{opacity:.45;background:#f2fff8;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 5px 1px #78ffc8cc}.vault-holo{perspective:520px;width:0;height:0;position:absolute}.vault-holo-glow{background:radial-gradient(50% 50%,#aaffe6b3,#50e6ff38 50%,#50e6ff00 72%);border-radius:50%;width:320px;height:180px;position:absolute;top:-90px;left:-160px}.vault-ring{left:calc(var(--d) / -2);top:calc(var(--d) / -2);width:var(--d);height:var(--d);transform:rotateX(var(--vault-tilt)) rotate(0deg);border:2px dashed #96ffdccc;border-top-color:#e6fff5f2;border-radius:50%;position:absolute;box-shadow:0 0 8px #50ffbe8c,inset 0 0 8px #50ffbe66}.vault-holo-card{backface-visibility:visible;background:linear-gradient(135deg,#dcfff4d9,#5ae1ff73 48%,#beffe1cc),#288c6e80;border:1.5px solid #c8ffeef2;border-radius:4px;width:50px;height:72px;position:absolute;top:-36px;left:-25px;box-shadow:0 0 18px 4px #6effd2e6,inset 0 0 10px #ebfffabf}.vault-holo-card:before{content:"";border:1px solid #dcfff5b3;border-radius:2px;position:absolute;inset:5px}.vault-holo-card:after{content:"";border:2px solid #fff6c8f2;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%;transform:rotate(45deg);box-shadow:0 0 6px #ffe696e6}.vault-gallery{width:236px;height:720px;position:absolute;top:0}.vault-gallery.is-left{left:0}.vault-gallery.is-right{right:0;transform:scaleX(-1)}.vault-gallery svg{display:block;position:absolute;inset:0;overflow:visible}.vault-shelf-lights{filter:drop-shadow(0 0 3px #46ffaabf)}.vault-banner{filter:drop-shadow(0 3px 6px #0009)}.vault-focus-power .vault-banner{display:none}.vault-card{aspect-ratio:59/86;transform:rotate(var(--tilt,0deg));opacity:.9;background:radial-gradient(30% 22%,#6effc866,#0000 72%),repeating-linear-gradient(45deg,#a0dcff0d 0 2px,#0000 2px 6px),linear-gradient(160deg,#143c52,#08202e 55%,#0b2c26);border:2px solid #c9a24a;border-radius:3px;position:absolute;box-shadow:0 6px 12px #0000008c,0 0 10px #46ffaa59}.vault-card:before,.vault-card:after{content:"";border:1px solid #e8c66acc;position:absolute}.vault-card:before{border-radius:2px;inset:8%}.vault-card:after{border-width:2px;border-radius:50%;inset:33% 27%;box-shadow:0 0 5px #ffde8c8c,inset 0 0 4px #ffde8c73}.vault-card.is-near{filter:blur(1.5px)brightness(.85);border-width:4px}.vault-card.is-near:before{border-width:2px}.vault-card.is-near:after{border-width:4px}.vault-scrim{background:rgb(1 9 7/var(--vault-scrim,.7));box-shadow:0 0 40px 26px rgb(1 9 7/var(--vault-scrim,.7));border-radius:48px;position:absolute}.vault-focus-packs .vault-scrim{inset:186px 84px 30px}.vault-focus-menu .vault-scrim{inset:156px 76px 66px}.vault-focus-singles .vault-scrim{inset:142px 40px 32px}.vault-focus-power .vault-scrim{inset:128px 44px 20px}.vault-vignette{background:linear-gradient(#020c0a66 0,#020c0a1f 64px,#020c0a00 110px),radial-gradient(90% 85%,#0000 60%,#010605b3 100%);position:absolute;inset:0}.vault-holo-card{animation:vault-turn var(--vault-turn,14s) linear infinite}.vault-ring{animation:vault-spin var(--spin,50s) linear infinite}.vault-ring.is-reverse{animation-direction:reverse}.vault-holo-glow,.vault-shaft{animation:vault-breathe var(--vault-shaft,7s) ease-in-out infinite}.vault-dust span{animation:vault-dust var(--rise,12s) linear var(--delay,0s) infinite}.vault-clouds span{animation:vault-sail var(--sail,90s) ease-in-out var(--delay,0s) infinite alternate}.vault-card{animation:vault-float var(--float,10s) ease-in-out var(--delay,0s) infinite}.vault-shelf-lights{animation:vault-twinkle var(--vault-twinkle,5s) ease-in-out infinite}.vault-shelf-lights.g1{animation-delay:calc(var(--vault-twinkle,5s) / -3)}.vault-shelf-lights.g2{animation-delay:calc(var(--vault-twinkle,5s) / -1.5)}@keyframes vault-turn{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes vault-spin{0%{transform:rotateX(var(--vault-tilt,74deg)) rotate(0deg)}to{transform:rotateX(var(--vault-tilt,74deg)) rotate(360deg)}}@keyframes vault-breathe{0%,to{opacity:.75}50%{opacity:1}}@keyframes vault-dust{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}80%{opacity:.5}to{opacity:0;transform:translateY(-90px)}}@keyframes vault-sail{0%{transform:translate(-60px)}to{transform:translate(60px)}}@keyframes vault-float{0%,to{transform:rotate(var(--tilt,0deg)) translateY(0)}50%{transform:rotate(var(--tilt,0deg)) translateY(calc(var(--vault-float-px,10px) * -1))}}@keyframes vault-twinkle{0%,to{opacity:1}50%{opacity:.55}}.shop-screen:has(.rift,.popup-backdrop) .vault *{animation-play-state:paused}.shop-screen:has(.rift,.popup-backdrop) .vault :before{animation-play-state:paused}.shop-screen:has(.rift,.popup-backdrop) .vault :after{animation-play-state:paused}.vault.is-reduced *,.vault.is-reduced :before,.vault.is-reduced :after{animation:none!important}@media (prefers-reduced-motion:reduce){.vault *,.vault :before,.vault :after{animation:none!important}}:where(:root[data-reduced-motion]) .vault *,:where(:root[data-reduced-motion]) .vault :before,:where(:root[data-reduced-motion]) .vault :after{animation:none!important}.stage-viewport:has(.vault){--vault-stage-w:960;--vault-stage-min-h:640;--vault-stage-max-h:720;--vault-gallery-w:236;--vault-rail:74;--vault-tier:114;--vault-base:612;--vs:min(100vw / var(--vault-stage-w), 100dvh / var(--vault-stage-min-h));--vtop:calc((100dvh - clamp(var(--vault-stage-min-h) * var(--vs), 100dvh, var(--vault-stage-max-h) * var(--vs))) / 2);--vside:calc((100vw - var(--vault-stage-w) * var(--vs)) / 2);--vstrip:calc(var(--vside) + var(--vault-gallery-w) * var(--vs));--vgallery-h:calc(var(--vtop) + var(--vault-base) * var(--vs));--vt:calc(var(--vault-tier) * var(--vs));--vrail-y:calc(var(--vtop) + var(--vault-rail) * var(--vs));--vault-rails:repeating-linear-gradient(180deg, #d6a43cbf var(--vrail-y) calc(var(--vrail-y) + 2.5 * var(--vs)), transparent 0 calc(var(--vrail-y) + var(--vt) - 25 * var(--vs)), #c99a3ab3 0 calc(var(--vrail-y) + var(--vt) - 22 * var(--vs)), #d6a43c24 0 calc(var(--vrail-y) + var(--vt) - 5 * var(--vs)), #e0b04abf 0 calc(var(--vrail-y) + var(--vt)));background:var(--vault-rails) left top / var(--vstrip) var(--vgallery-h) no-repeat, var(--vault-rails) right top / var(--vstrip) var(--vgallery-h) no-repeat, linear-gradient(90deg, #010805, #052317) left top / var(--vstrip) var(--vgallery-h) no-repeat, linear-gradient(270deg, #010805, #052317) right top / var(--vstrip) var(--vgallery-h) no-repeat,  repeating-radial-gradient(ellipse calc(700 * var(--vs)) calc(266 * var(--vs)) at 50% 0, transparent 0 calc(272 * var(--vs)), #d6a43c80 calc(274 * var(--vs)) calc(278 * var(--vs)), transparent calc(280 * var(--vs))) center bottom / 100% var(--vtop) no-repeat, radial-gradient(ellipse 70% 60% at 50% 0, #78f0d238, transparent 70%) center bottom / 100% var(--vtop) no-repeat, linear-gradient(180deg, #0c2f2b, #03100d 80%) center bottom / 100% var(--vtop) no-repeat,  radial-gradient(ellipse 34% 70% at 50% 0, #e1fff666, #96ffd61a 55%, transparent 80%) center top / 100% var(--vtop) no-repeat, radial-gradient(ellipse 40% 30% at 30% 100%, #eef8ff66, transparent 70%) center top / 100% var(--vtop) no-repeat, radial-gradient(ellipse 46% 26% at 72% 96%, #eef8ff52, transparent 70%) center top / 100% var(--vtop) no-repeat, linear-gradient(180deg, #071b33 0%, #123f6b 30%, #3f8fbf 62%, #5e9fc0 78%, #173d4c 100%) center top / 100% var(--vtop) no-repeat, linear-gradient(180deg, #0a2a44 0%, #0b2f2c 42%, #041510 72%, #020a08 100%)}.stage-viewport:has(.vault):before{--vrow:calc(var(--vt) * .27);--vcard-h:calc(var(--vrow) * .8);--vrow-0:calc(var(--vrail-y) + var(--vt) * .16 + var(--vrow) * .04);--vpitch:calc(30 * var(--vs));--vcard-w:calc(var(--vcard-h) * 59 / 86);--vart-0:calc(var(--vcard-h) * .1);--vart-1:calc(var(--vcard-h) * .58);content:"";pointer-events:none;opacity:.4;background:repeating-linear-gradient(180deg, #b8ffe0 var(--vrow-0) calc(var(--vrow-0) + var(--vart-0)), #0d5a3c 0 calc(var(--vrow-0) + var(--vart-1)), #4ae6a2 0 calc(var(--vrow-0) + var(--vrow)), #b8ffe0 0 calc(var(--vrow-0) + var(--vrow) + var(--vart-0)), #0d5a3c 0 calc(var(--vrow-0) + var(--vrow) + var(--vart-1)), #4ae6a2 0 calc(var(--vrow-0) + var(--vt)));-webkit-mask-image:repeating-linear-gradient(180deg, #000 var(--vrow-0) calc(var(--vrow-0) + var(--vcard-h)), transparent 0 calc(var(--vrow-0) + var(--vrow)), #000 0 calc(var(--vrow-0) + var(--vrow) + var(--vcard-h)), transparent 0 calc(var(--vrow-0) + var(--vt))), repeating-linear-gradient(90deg, #000 calc(50% - var(--vcard-w) / 2) calc(50% + var(--vcard-w) / 2), transparent 0 calc(50% - var(--vcard-w) / 2 + var(--vpitch))), linear-gradient(90deg, #000 var(--vstrip), transparent 0 calc(100% - var(--vstrip)), #000 0), linear-gradient(180deg, #000 calc(var(--vgallery-h) - var(--vt) * .3), transparent 0);mask-image:repeating-linear-gradient(180deg, #000 var(--vrow-0) calc(var(--vrow-0) + var(--vcard-h)), transparent 0 calc(var(--vrow-0) + var(--vrow)), #000 0 calc(var(--vrow-0) + var(--vrow) + var(--vcard-h)), transparent 0 calc(var(--vrow-0) + var(--vt))), repeating-linear-gradient(90deg, #000 calc(50% - var(--vcard-w) / 2) calc(50% + var(--vcard-w) / 2), transparent 0 calc(50% - var(--vcard-w) / 2 + var(--vpitch))), linear-gradient(90deg, #000 var(--vstrip), transparent 0 calc(100% - var(--vstrip)), #000 0), linear-gradient(180deg, #000 calc(var(--vgallery-h) - var(--vt) * .3), transparent 0);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.shop-picture{pointer-events:none;background:#04120f;position:absolute;inset:0;overflow:hidden}.shop-picture-img{object-fit:cover;object-position:50% 40%;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.shop-picture.is-loaded .shop-picture-img{opacity:1}.shop-picture-vignette{background:radial-gradient(46% 50% at 50% 62%,#020e0880,#020e0842 62%,#020e080a 100%),linear-gradient(#020c0866,#0000 20% 82%,#020c0873);position:absolute;inset:0}.shop-screen.is-painted{--shop-glass:#06221294;--shop-glass-hi:#1246269e;--shop-gold:#d9b45a;--shop-gold-hi:#ffe39a}.shop-screen.is-painted .screen-title.tone-shop{clip-path:polygon(0 50%,22px 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,22px 100%);background:linear-gradient(180deg, var(--shop-glass-hi), var(--shop-glass)) padding-box, linear-gradient(180deg, var(--shop-gold-hi), var(--shop-gold)) border-box;color:#fff3c4;text-shadow:0 2px 2px #000000b3;border:2px solid #0000;height:40px;padding:0 46px;top:2px;left:50%;right:auto;transform:translate(-50%)}.shop-screen.is-painted .currency-band{background:linear-gradient(180deg, var(--shop-glass-hi), var(--shop-glass)) padding-box, linear-gradient(180deg, var(--shop-gold-hi), var(--shop-gold)) border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid #0000}.shop-screen.is-painted .currency-band .currency-value{color:#fff;background:#021209b8}.shop-screen.is-painted .series-banner{background:linear-gradient(180deg, var(--shop-glass-hi), var(--shop-glass)) padding-box, linear-gradient(180deg, var(--shop-gold-hi), var(--shop-gold)) border-box;color:#fff0b8;border:2px solid #0000}.shop-screen.is-painted .pack-columns{align-items:center;gap:26px;top:172px;bottom:18px}.shop-screen.is-painted .pack-column{border:2px solid var(--shop-gold);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(#0a341a99,#041c0eb3);justify-content:flex-start;gap:10px;width:196px;height:auto;box-shadow:inset 0 0 0 1px #ffe39a40,0 8px 18px #0000008c}.shop-screen.is-painted .pack-progress{border:1px solid var(--shop-gold);background:linear-gradient(#0e2e1a,#041509);width:184px;height:32px}.shop-screen.is-painted .pack-progress .num{color:#fff;text-shadow:0 1px 2px #000000e6}.shop-screen.is-painted .pack-art{width:158px;height:229px}.shop-screen.is-painted .pack-column .price-btn{width:176px;min-height:max(50px, var(--shop-touch,0px))}.shop-screen.is-painted .price-btn.small{min-height:max(40px, var(--shop-touch,0px))}.shop-screen.is-painted .pack-arrow{min-height:max(90px, var(--shop-touch,0px));min-width:max(44px, var(--shop-touch,0px))}.shop-screen.is-painted .pack-column .price-btn .num{font-size:26px}.shop-screen.is-painted .shop-tile,.shop-screen.is-painted .powershop-row,.shop-screen.is-painted .shop-detail{border:2px solid var(--shop-gold);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(#0e4020a8,#041c0ebd);box-shadow:inset 0 0 0 1px #ffe39a38,0 8px 18px #00000080}.shop-screen.is-painted .shop-tile-label{color:#fff0b8;-webkit-text-stroke:2px #062a12}.shop-screen.is-painted .shop-note{text-shadow:0 1px 3px #000000e6}.shop-screen.is-painted .pack-arrow{border:2px solid var(--shop-gold);background:linear-gradient(#3cb062,#166030);border-radius:22px;box-shadow:0 4px 10px #0000008c}@media (prefers-reduced-motion:reduce){.shop-picture-img{transition:none}}:where(:root[data-reduced-motion]) .shop-picture-img{transition:none}.shop-screen.is-painted .price-btn,.shop-screen.is-painted .pp-buy{transition:transform .16s cubic-bezier(.3,1.6,.5,1),filter .16s;animation:3.2s ease-in-out infinite shop-breathe}.shop-screen.is-painted .price-btn:after,.shop-screen.is-painted .pp-buy:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:34%;animation:4.2s ease-in-out infinite shop-gleam;position:absolute;top:0;bottom:0;left:0;transform:translate(-140%)skew(-18deg)}.shop-screen.is-painted .price-btn:hover:not(:disabled),.shop-screen.is-painted .price-btn:focus-visible,.shop-screen.is-painted .pp-buy:hover:not(:disabled),.shop-screen.is-painted .pp-buy:focus-visible{filter:brightness(1.14)drop-shadow(0 0 6px #ffd678d9);transform:translateY(-2px)scale(1.03)}.shop-screen.is-painted .price-btn:disabled,.shop-screen.is-painted .pp-buy:disabled{cursor:not-allowed;animation:none}.shop-screen.is-painted .price-btn:disabled:after,.shop-screen.is-painted .pp-buy:disabled:after{opacity:0;animation:none}.shop-screen.is-painted .price-btn:active:not(:disabled),.shop-screen.is-painted .pp-buy:active:not(:disabled){filter:brightness(1.35);transition-duration:60ms;transform:scale(.96)}.price-pulse{opacity:0;pointer-events:none;border-radius:9px;animation:.9s ease-out shop-afford;position:absolute;inset:-3px;box-shadow:0 0 0 2px #ffe48cf2,0 0 16px 4px #78ff8cb3}.shop-screen.is-painted .shop-tile,.shop-screen.is-painted .pack-arrow{transition:transform .16s cubic-bezier(.3,1.6,.5,1),filter .16s}.shop-screen.is-painted .shop-tile:hover,.shop-screen.is-painted .shop-tile:focus-visible{filter:brightness(1.12)drop-shadow(0 0 8px #ffd6788c);transform:translateY(-3px)scale(1.02)}.shop-screen.is-painted .pack-arrow:hover:not([aria-disabled=true]),.shop-screen.is-painted .pack-arrow:focus-visible{filter:brightness(1.15);transform:scale(1.06)}.shop-screen.is-painted .shop-tile:active,.shop-screen.is-painted .pack-arrow:active:not([aria-disabled=true]){filter:brightness(1.25);transition-duration:60ms;transform:scale(.97)}@keyframes shop-gleam{0%,62%{transform:translate(-140%)skew(-18deg)}to{transform:translate(330%)skew(-18deg)}}@keyframes shop-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes shop-afford{0%{opacity:0;transform:scale(.96)}30%{opacity:1}to{opacity:0;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.shop-screen.is-painted .price-btn,.shop-screen.is-painted .pp-buy,.shop-screen.is-painted .shop-tile,.shop-screen.is-painted .pack-arrow{transition:none;animation:none}.shop-screen.is-painted .price-btn:after,.shop-screen.is-painted .pp-buy:after,.price-pulse{animation:none;display:none}}:where(:root[data-reduced-motion]) .shop-screen.is-painted .price-btn,:where(:root[data-reduced-motion]) .shop-screen.is-painted .pp-buy,:where(:root[data-reduced-motion]) .shop-screen.is-painted .shop-tile,:where(:root[data-reduced-motion]) .shop-screen.is-painted .pack-arrow{transition:none;animation:none}:where(:root[data-reduced-motion]) .shop-screen.is-painted .price-btn:after,:where(:root[data-reduced-motion]) .shop-screen.is-painted .pp-buy:after,:where(:root[data-reduced-motion]) .price-pulse{animation:none;display:none}.shop-screen{background:#04120f}.shop-tiles{grid-template-columns:repeat(2,1fr);gap:22px;display:grid;position:absolute;inset:130px 60px 40px}.shop-tile{background:linear-gradient(#145a2de6,#082d16eb);border:3px solid #0a3a1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;box-shadow:inset 0 0 0 2px #aaf0aa59,0 6px 14px #0006}.shop-tile:hover{filter:brightness(1.12)}.shop-tile-label{color:var(--title-shop);-webkit-text-stroke:2px #0a3a1a;paint-order:stroke fill;font-size:26px;font-weight:900}.shop-tile-note{color:#d8f5d0;font-weight:700}.series-banner{clip-path:polygon(0 50%,30px 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,30px 100%);width:380px;height:52px;color:var(--title-shop);z-index:5;background:linear-gradient(#082814d9,#04180cd9);justify-content:center;align-items:center;gap:18px;font-size:26px;font-weight:900;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.pack-columns{justify-content:center;gap:16px;display:flex;position:absolute;inset:158px 64px 8px}.pack-arrow{color:#fff;z-index:6;background:linear-gradient(#2f9a52,#176132);border:2px solid #062a12;border-radius:10px;width:44px;height:90px;font-size:44px;font-weight:900;line-height:1;position:absolute;top:300px}.pack-arrow.prev{left:10px}.pack-arrow.next{right:10px}.pack-arrow[aria-disabled=true]{opacity:.35}.pack-column{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px);background:linear-gradient(#0e4624cc,#062412d9);border:2px solid #062a12;border-radius:6px;flex-direction:column;justify-content:space-between;align-items:center;width:264px;padding:6px 6px 10px;display:flex;box-shadow:inset 0 0 0 1px #aaf0aa59}.pack-progress{background:linear-gradient(#123a22,#07200f);border:1px solid #000;border-radius:3px;justify-content:center;align-items:center;width:250px;height:38px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.pack-progress-fill{opacity:.85;background:linear-gradient(#ffd35a,#e8901a);min-width:8px;position:absolute;top:0;bottom:0;left:0}.pack-progress .num{font-size:22px;position:relative}.pack-art{filter:drop-shadow(0 6px 8px #00000080);width:216px;height:313px}.pack-column.is-locked .pack-art{filter:grayscale()brightness(.8)drop-shadow(0 6px 8px #00000080)}.price-btn.is-locked .pack-gate-text{white-space:nowrap}.price-btn.is-locked.is-closed .pack-gate-text{white-space:normal}.price-btn{gap:12px;width:236px;min-height:60px}.price-btn .num{font-size:32px}.price-btn.small{width:auto;min-height:40px;padding:2px 14px}.price-btn.small .num{font-size:19px}.price-btn.is-gated .glossy-label,.pp-buy.is-gated .glossy-label{flex-wrap:wrap;justify-content:center;row-gap:2px;max-width:100%}.price-btn.is-gated:disabled,.pp-buy.is-gated:disabled{filter:grayscale()brightness(1.08)}.pack-gate-text{text-align:center;white-space:normal;color:#fff;-webkit-text-stroke:1.5px #06152fb3;flex-basis:100%;font-size:15px;font-weight:800;line-height:1.15}.new-badge{background:#e2261a;border:2px solid #fff;border-radius:8px;padding:1px 6px;font-size:12px;font-weight:900;position:absolute;top:-8px;left:-6px}.singles-layout{align-items:center;gap:16px;display:flex;position:absolute;inset:110px 20px 12px}.singles-grid{flex:1;grid-template-columns:repeat(4,1fr);justify-items:center;gap:12px 10px;display:grid}.single-offer{flex-direction:column;align-items:center;gap:6px;display:flex}.shop-detail{height:440px}.shop-note{text-align:center;color:#e8ffe0;margin:0;font-weight:700;position:absolute;top:104px;left:30px;right:30px}.powershop-list{flex-direction:column;gap:6px;margin:0;padding:0 6px 0 0;list-style:none;display:flex;position:absolute;inset:132px 24px 10px;overflow-y:auto}.powershop-row{background:#062412cc;border:2px solid #062a12;border-radius:8px;grid-template-columns:44px 1fr 50px 150px 90px;align-items:center;gap:10px;padding:5px 10px;display:grid}.powershop-name{flex-direction:column;font-size:16px;font-weight:800;display:flex}.powershop-name small{color:#cfeccf;font-size:12px;font-weight:600}.powershop-owned{font-size:18px}.duel-arena{pointer-events:none;animation:da-fade var(--np-fade,.5s) ease-out both;background:#050818;position:absolute;inset:0;overflow:hidden}.da-scene{width:100%;height:100%;position:absolute;inset:0}.da-stars circle{fill:#dfe9ff;animation:5s ease-in-out infinite da-twinkle}.da-island,.da-far{transform-box:fill-box}.da-far{animation:da-bob var(--da-float,9s) ease-in-out infinite}.da-banner{filter:drop-shadow(0 0 6px #5a8cff80)}.da-fall{animation:da-shimmer var(--da-fall,3.5s) linear infinite}.da-arch{filter:drop-shadow(0 0 10px #50aaff8c)}.da-arch-glow,.da-ring-glow{animation:da-breathe var(--da-rings,5s) ease-in-out infinite}.da-platform{filter:drop-shadow(0 0 14px #4696ff73)}.da-core{animation:da-breathe var(--da-rings,5s) ease-in-out infinite reverse}.da-sparks span{opacity:0;background:#c9b6ff;border-radius:50%;width:3px;height:3px;animation:10s ease-in-out infinite da-spark;position:absolute;box-shadow:0 0 6px 2px #a078ffb3}.da-card{aspect-ratio:59/86;transform:rotate(var(--tilt,0deg));opacity:.85;animation:da-card-float var(--da-float,9s) ease-in-out infinite;background:radial-gradient(34% 26%,#0a0604 0%,#2a1206 45%,#0000 70%),repeating-radial-gradient(#5a2c0e 0 3px,#8a4a18 3px 5px),#6a3510;border:2px solid #b8752a;border-radius:3px;position:absolute;box-shadow:0 6px 14px #0009,0 0 10px #785aff59}.da-card.is-near{filter:blur(3px)brightness(.8);opacity:.95}.da-vignette{background:radial-gradient(60% 45% at 50% 40%,#78aaff1f,#0000 70%),radial-gradient(85% 80%,#0000 55%,#020410cc 100%);position:absolute;inset:0}@keyframes da-fade{0%{opacity:0}}@keyframes da-twinkle{0%,to{opacity:.35}50%{opacity:1}}@keyframes da-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes da-shimmer{0%{opacity:.55}50%{opacity:.95}to{opacity:.55}}@keyframes da-breathe{0%,to{opacity:.65}50%{opacity:1}}@keyframes da-spark{0%{opacity:0;transform:translateY(10px)}30%,70%{opacity:.9}to{opacity:0;transform:translateY(-40px)}}@keyframes da-card-float{0%,to{transform:rotate(var(--tilt,0deg)) translateY(0)}50%{transform:rotate(var(--tilt,0deg)) translateY(-8px)}}@media (prefers-reduced-motion:reduce){.duel-arena,.duel-arena *{animation:none!important}.da-sparks span{opacity:.6}}:where(:root[data-reduced-motion]) .duel-arena,:where(:root[data-reduced-motion]) .duel-arena *{animation:none!important}:where(:root[data-reduced-motion]) .da-sparks span{opacity:.6}.da-window rect{opacity:.55;filter:drop-shadow(0 0 3px #78d2ffe6)}.da-crystal{filter:drop-shadow(0 0 8px #8cdcfff2);animation:da-breathe var(--da-rings,5s) ease-in-out infinite}.da-core{opacity:.18;animation-name:da-core-glow}@keyframes da-core-glow{0%,to{opacity:.12}50%{opacity:.26}}.stage-viewport:has(.duel-arena){background:radial-gradient(70% 35% at 18% 8%,#9a5bff4d,#0000 70%),radial-gradient(70% 35% at 82% 6%,#3fb6ff40,#0000 70%),radial-gradient(100% 28% at 50% 100%,#c9d6ff29,#0000 70%),linear-gradient(#0b1238 0%,#070b26 50%,#0a1030 100%)}.title-screen{background:#030817;flex-direction:column;align-items:center;display:flex}.title-logo{filter:drop-shadow(0 6px 12px #0009)drop-shadow(0 0 18px #4696ff59);width:560px;animation:menu-title-in var(--menu-title-ms,.35s) ease-out var(--menu-title-delay,.15s) both;margin:18px 0 0;position:relative}.title-logo svg{width:100%;display:block;overflow:visible}.nx-word{letter-spacing:3px;font-family:Georgia,Times New Roman,serif;font-size:88px;font-weight:900}.nx-gold{fill:url(#nxGold);stroke:#2a1602;stroke-width:10px;stroke-linejoin:round;paint-order:stroke fill}.nx-sweep{animation:7s ease-in-out 1.2s infinite nx-sweep}@keyframes nx-sweep{0%{transform:translate(0)}22%,to{transform:translate(820px)}}@keyframes menu-title-in{0%{opacity:0;transform:scale(.94)}}.title-menu{flex-direction:column;gap:12px;width:300px;margin-top:22px;display:flex;position:relative}.title-menu:focus{outline:none}.menu-slot{animation:menu-button-in var(--menu-button-ms,.3s) ease-out calc(var(--menu-buttons-delay,.35s) + var(--i,0) * var(--menu-button-step,.12s)) both}.menu-btn{--mb-shape:polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);color:#fff;letter-spacing:.5px;cursor:pointer;filter:drop-shadow(0 0 4px #50a0ff4d);background:0 0;border:0;outline:none;place-items:center;width:100%;height:54px;padding:0;font:700 23px/1 Georgia,Times New Roman,serif;transition:transform .16s,filter .16s;display:grid;position:relative}.mb-halo{filter:blur(5px);opacity:.35;pointer-events:none;animation:mb-breathe var(--mb-breathe,3.2s) ease-in-out infinite;position:absolute;inset:-4px -5px}.mb-halo:before{content:"";clip-path:var(--mb-shape);background:#50aaffd9;position:absolute;inset:0}.menu-btn.is-active .mb-halo{opacity:0;animation:none}.menu-btn:before{content:"";clip-path:var(--mb-shape);opacity:0;background:linear-gradient(90deg,#9a5bff,#5fe3ff,#9a5bff,#5fe3ff) 0 0/300% 100%;transition:opacity .16s;position:absolute;inset:-4px -6px}.mb-frame{clip-path:var(--mb-shape);background:linear-gradient(#fff3c0 0%,#e0b04c 30%,#8a5e14 62%,#f2cf74 100%);position:absolute;inset:0}.mb-glass{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);background:linear-gradient(#bee6ff8c 0%,#5aa0f04d 44%,#0000 46%),radial-gradient(70% 90% at 50% 100%,#50b4ff73,#0000 70%),linear-gradient(#2e6fd6 0%,#1a4aa8 48%,#0d2a6e 100%);position:absolute;inset:3px;overflow:hidden}.mb-sweep{opacity:0;background:linear-gradient(90deg,#0000,#fff9,#0000);width:34%;height:180%;position:absolute;top:-40%;left:-40%;transform:skew(-22deg)}.mb-label{text-shadow:0 2px 3px #000019d9,0 0 8px #78beff80;position:relative}.mb-orbit{opacity:0;pointer-events:none;border:2px solid #af7dffd9;border-radius:50%;height:30px;margin-top:-15px;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:-34px;right:-34px;transform:scaleX(.85);box-shadow:0 0 10px #966effcc,inset 0 0 8px #966eff80}.mb-particles span{opacity:0;background:#d8c6ff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;box-shadow:0 0 6px 2px #a078ffcc}.mb-particles span:nth-child(odd){left:8px}.mb-particles span:nth-child(2n){right:8px}.menu-btn.is-active{filter:drop-shadow(0 0 10px #966effd9)drop-shadow(0 0 3px #5fdcffe6);transform:scale(1.04)}.menu-btn.is-active:before{opacity:1;animation:mb-plasma var(--mb-pulse,1.8s) linear infinite}.menu-btn.is-active .mb-orbit{opacity:1;animation:mb-pulse var(--mb-pulse,1.8s) ease-in-out infinite;transform:scaleX(1)}.menu-btn.is-active .mb-sweep{animation:mb-sweep var(--mb-sweep,2.6s) ease-in-out infinite}.menu-btn.is-active .mb-particles span:nth-child(odd){animation:1.8s ease-out infinite mb-particle-left}.menu-btn.is-active .mb-particles span:nth-child(2n){animation:1.8s ease-out infinite mb-particle-right}.menu-btn:active{transform:scale(.98)}.menu-btn:disabled{filter:grayscale(.8)brightness(.65);cursor:not-allowed}.mb-burst{opacity:0;pointer-events:none;animation:mb-burst var(--mb-burst,.42s) ease-out both;background:radial-gradient(#ffffffd9,#a078ff80 35%,#0000 70%);border-radius:50%;position:absolute;inset:-12px -18px}@keyframes mb-breathe{0%,to{opacity:.25}50%{opacity:.6}}@keyframes mb-plasma{to{background-position:300% 0}}@keyframes mb-pulse{0%,to{box-shadow:0 0 8px #966effb3,inset 0 0 6px #966eff66}50%{box-shadow:0 0 18px #966eff,inset 0 0 10px #966effb3}}@keyframes mb-sweep{0%{opacity:0;left:-40%}15%{opacity:1}55%,to{opacity:0;left:120%}}@keyframes mb-particle-left{0%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translate(-40px,-14px)}}@keyframes mb-particle-right{0%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translate(40px,12px)}}@keyframes mb-burst{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}@keyframes menu-button-in{0%{opacity:0;transform:translateY(10px)}}.menu-mute{color:#e6f4ff;cursor:pointer;background:radial-gradient(circle at 50% 35%,#2e6fd6,#0d2a6e);border:2px solid #d6a43c;border-radius:50%;place-items:center;width:42px;height:42px;transition:box-shadow .15s,transform 90ms;display:grid;position:absolute;top:14px;right:14px}.menu-mute:hover{box-shadow:0 0 14px #5fc8ffb3}.menu-mute:focus-visible{outline-offset:3px;outline:3px solid #bff0ff}.menu-mute:active{transform:scale(.94)}.popup-actions{justify-content:center;gap:14px;margin-top:16px;display:flex}@media (prefers-reduced-motion:reduce){.title-logo,.menu-slot{animation-name:menu-fade-in}.nx-sweep{animation:none;display:none}.menu-btn,.menu-btn *,.menu-btn:before{animation:none!important}.mb-sweep,.mb-particles,.mb-burst{display:none}}:where(:root[data-reduced-motion]) .title-logo,:where(:root[data-reduced-motion]) .menu-slot{animation-name:menu-fade-in}:where(:root[data-reduced-motion]) .nx-sweep{animation:none;display:none}:where(:root[data-reduced-motion]) .menu-btn,:where(:root[data-reduced-motion]) .menu-btn *,:where(:root[data-reduced-motion]) .menu-btn:before{animation:none!important}:where(:root[data-reduced-motion]) .mb-sweep,:where(:root[data-reduced-motion]) .mb-particles,:where(:root[data-reduced-motion]) .mb-burst{display:none}@keyframes menu-fade-in{0%{opacity:0}}.title-legal{z-index:3;color:#bfe9ff;width:fit-content;max-width:92%;font-size:max(11px, var(--cc-text,13px));text-shadow:0 1px 4px #000000d9;animation:title-legal-in var(--menu-title-ms,.35s) ease-out var(--menu-title-delay,.15s) backwards;background:#03081799;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;padding:0 4px;display:flex;position:absolute;bottom:8px;left:0;right:0}.title-legal a{min-width:var(--cc-touch,32px);min-height:var(--cc-touch,32px);color:inherit;text-underline-offset:3px;justify-content:center;align-items:center;padding:0 6px;text-decoration:underline;display:inline-flex}.title-legal a:hover{color:#fff}.title-legal a:focus-visible{outline-offset:2px;outline:3px solid #bff0ff}@keyframes title-legal-in{0%{opacity:0}}.title-notice{color:#ffe9c2;text-align:center;max-width:600px;animation:menu-fade-in var(--menu-button-ms,.3s) ease-out var(--menu-buttons-delay,.35s) both;background:#280e06eb;border:2px solid #ffb347;border-radius:10px;margin:12px 0 0;padding:9px 20px;font:700 20px/1.3 Georgia,Times New Roman,serif;position:relative;box-shadow:0 0 16px #ff963c59}.intro{z-index:1000;opacity:1;transition:opacity var(--intro-out,.45s) ease;background:#030817;position:fixed;inset:0;overflow:hidden}.intro.is-leaving,.intro.is-leaving-fast{opacity:0;pointer-events:none}.intro.is-leaving:after{content:"";pointer-events:none;animation:intro-flash var(--intro-out,.45s) ease-out both;background:radial-gradient(70% 60% at 50% 45%,#ffffffe6,#aadcff73 45%,#0000 75%);position:absolute;inset:0}@keyframes intro-flash{0%{opacity:0}30%{opacity:.85}to{opacity:0}}.intro-backdrop{object-fit:cover;filter:blur(28px)brightness(.5)saturate(1.2);width:116%;height:116%;position:absolute;inset:-8%}.intro-frame{width:100%;height:100%;position:absolute;inset:0}.intro-frame.fit-cover{object-fit:cover}.intro-frame.fit-contain{object-fit:contain}.intro-skip{z-index:1;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));color:#e6f4ff;font:700 16px/1 var(--font);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#04102c9e;border:1px solid #a0d7ff8c;border-radius:999px;padding:10px 22px;transition:background .15s,box-shadow .15s;position:absolute}.intro-skip:hover{background:#143c82cc;box-shadow:0 0 14px #5fc8ffb3}.intro-skip:focus-visible{outline-offset:3px;outline:3px solid #9fe0ff}.intro-skip:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.intro.is-leaving:after{display:none}}:where(:root[data-reduced-motion]) .intro.is-leaving:after{display:none}.turn-phone{z-index:900;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#eaf6ff;font-family:var(--font);-webkit-user-select:none;user-select:none;animation:turn-phone-in var(--turn-fade,.28s) ease-out both;background:radial-gradient(90% 45% at 50% 0,#4fe0ff33,#0000 70%),radial-gradient(90% 50% at 50% 100%,#9b6cff3d,#0000 70%),repeating-linear-gradient(0deg,#4fe0ff09 0 1px,#0000 1px 4px),#030817f0;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes turn-phone-in{0%{opacity:0}}.turn-phone-card{text-align:center;background:radial-gradient(70% 40% at 50% 0,#4fe0ff24,#0000 70%),linear-gradient(#12244af0,#060d1ef5);border:1px solid #4fe0ff8c;border-radius:18px 6px;outline:none;width:min(360px,100%);margin:auto;padding:22px 22px 24px;box-shadow:inset 0 0 0 1px #9b6cff38,0 18px 50px #0009,0 0 30px #4fe0ff38,0 0 70px #9b6cff2e}.turn-phone-icon{width:148px;height:148px;margin:0 auto 6px;display:block;overflow:visible}.tp-phone{transform-box:view-box;transform-origin:80px 80px}.tp-phone-body{stroke:#7fe8ff;stroke-width:2.5px;filter:drop-shadow(0 0 6px #4fe0ff8c)}.tp-speaker{fill:#7fe8ff80}.tp-board-line{stroke:#7fe8ff8c;stroke-width:1px}.tp-card{fill:#7fe8ffd9}.tp-card.is-foe{fill:#be96ffd9}.tp-avatar{fill:#4fe0ff}.tp-avatar.is-foe{fill:#b48cff}.tp-bam{fill:var(--bam-hi)}.turn-phone-icon.is-turning .tp-phone{animation:tp-turn var(--turn-cycle,3.6s) ease-in-out infinite}.turn-phone-icon.is-turning .tp-arrow{animation:tp-arrow var(--turn-cycle,3.6s) ease-in-out infinite}.turn-phone-icon.is-turning .tp-board{animation:tp-board var(--turn-cycle,3.6s) ease-in-out infinite}@keyframes tp-turn{0%,20%{transform:rotate(0)}45%,80%{transform:rotate(var(--turn-deg,-90deg))}to{transform:rotate(0)}}@keyframes tp-arrow{0%,20%,to{opacity:1}45%,80%{opacity:.25}}@keyframes tp-board{0%,20%,to{opacity:.6}45%,80%{opacity:1}}.turn-phone-kicker{color:#7fe8ff;letter-spacing:3px;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}.turn-phone-title{color:#f2f9ff;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 12px #4fe0ff8c,0 0 26px #9b6cff59;margin:0 0 10px;font-size:24px;font-weight:900}.turn-phone-text{color:#cfe2ff;text-wrap:balance;margin:0 0 20px;font-size:16px;line-height:1.45}.turn-phone-actions{flex-direction:column;gap:12px;display:flex}.turn-phone-btn{color:#fff;letter-spacing:1px;text-transform:uppercase;touch-action:manipulation;border:1px solid;border-radius:10px 4px;min-height:48px;padding:0 20px;font-size:16px;font-weight:800}.turn-phone-btn.is-primary{background:linear-gradient(#2f9be8,#1a5bb8);border-color:#7fe8ff;box-shadow:0 0 18px #4fe0ff59}.turn-phone-btn.is-ghost{background:#141e46e6;border-color:#b48cff99}.turn-phone-btn:hover{filter:brightness(1.12)}.turn-phone-btn:focus-visible{outline-offset:3px;outline:2px solid #7fe8ff}@media (height<=540px){.turn-phone-icon{width:104px;height:104px}}@media (prefers-reduced-motion:reduce){.turn-phone,.turn-phone-icon .tp-phone,.turn-phone-icon .tp-arrow,.turn-phone-icon .tp-board{animation:none}}:where(:root[data-reduced-motion]) .turn-phone,:where(:root[data-reduced-motion]) .turn-phone-icon .tp-phone,:where(:root[data-reduced-motion]) .turn-phone-icon .tp-arrow,:where(:root[data-reduced-motion]) .turn-phone-icon .tp-board,.turn-phone.is-still{animation:none}.season-end-card{min-width:440px;position:relative;overflow:hidden}.season-end-card.is-winner{background:radial-gradient(circle at 50% 0%, #ffd66652, transparent 62%), linear-gradient(180deg, #3a2a08, #1a1204 70%, var(--navy-1));border-color:#f4c64a;box-shadow:inset 0 0 0 1px #ffecaa8c,0 0 34px #f4c64a73,0 12px 32px #000000a6}.season-end-card.is-winner h2{color:#ffe38a;text-shadow:0 0 12px #ffd666b3,0 2px #5c3d00;margin:4px 0 6px}.season-end-rays{pointer-events:none;background:repeating-conic-gradient(#ffe28c24 0deg 9deg,#0000 9deg 24deg);position:absolute;inset:-60%}.season-end-crown{fill:#ffd34d;stroke:#7a4f00;stroke-width:.8px;filter:drop-shadow(0 0 8px #ffd34dcc);width:72px;height:48px;margin:0 auto;display:block;position:relative}.season-end-card>:not(.season-end-rays){position:relative}@media (prefers-reduced-motion:no-preference){:where(:root:not([data-reduced-motion])) .season-end-rays{animation:24s linear infinite season-end-spin}:where(:root:not([data-reduced-motion])) .season-end-crown{animation:.7s cubic-bezier(.2,1.5,.4,1) backwards season-end-crown,2.4s ease-in-out .7s infinite season-end-glow}@keyframes season-end-spin{to{transform:rotate(360deg)}}@keyframes season-end-crown{0%{opacity:0;transform:translateY(-24px)scale(.4)}}@keyframes season-end-glow{50%{filter:drop-shadow(0 0 16px #ffd34d)}}}.stage-viewport{background:var(--navy-0);position:fixed;inset:0;overflow:hidden}.stage{transform-origin:0 0;background:var(--navy-1);position:absolute;overflow:hidden}.screen{animation:.22s ease-out screen-in;position:absolute;inset:0;overflow:hidden}@keyframes screen-in{0%{opacity:.3}}
