:root{color-scheme:dark;--ink-950: #050920;--ink-900: #0a1033;--ink-850: #0e1640;--ink-800: #131e52;--ink-700: #1c2a6b;--ink-600: #2a3a85;--royal-200: #c9d8ff;--royal-300: #8eaeff;--royal-400: #5684ff;--royal-500: #2d5bf0;--royal-600: #1f43c4;--royal-700: #142e8c;--royal-800: #0c1d5e;--crimson-300: #ff8a97;--crimson-400: #ff4d63;--crimson-500: #e8193f;--crimson-600: #b80f31;--crimson-700: #7d0a24;--gold-100: #fff8de;--gold-200: #fff1bf;--gold-300: #ffe27a;--gold-400: #ffcc2e;--gold-500: #f4ae0b;--gold-600: #c98204;--gold-700: #7f4f00;--elixir-200: #fdd6ff;--elixir-300: #f9a6ff;--elixir-400: #ec5cff;--elixir-500: #c42de6;--elixir-600: #8c17b3;--elixir-700: #520a6e;--stone-200: #e6ebf5;--stone-300: #c8d1e3;--stone-400: #9aa6c2;--stone-500: #6d7a99;--stone-600: #485372;--stone-700: #2b3350;--ivory: #f4f6ff;--mist: #b4bee3;--mist-dim: #7c87b3;--rainbow: linear-gradient(90deg, #ff5f6d, #ffc371, #fff27a, #6dffb0, #6ad8ff, #b48cff, #ff5f6d);--team-blue: var(--royal-500);--team-blue-hi: var(--royal-300);--team-blue-lo: var(--royal-700);--team-red: var(--crimson-500);--team-red-hi: var(--crimson-300);--team-red-lo: var(--crimson-700);--glass: rgba(11, 18, 56, .7);--glass-strong: rgba(7, 11, 38, .88);--glass-soft: rgba(19, 30, 82, .46);--glass-hi: rgba(255, 255, 255, .07);--edge: rgba(142, 174, 255, .22);--edge-strong: rgba(142, 174, 255, .45);--edge-gold: rgba(255, 204, 46, .55);--scrim: rgba(4, 7, 26, .72);--shadow-drop: 0 22px 48px -18px rgba(2, 4, 18, .85);--shadow-lift: 0 14px 28px -10px rgba(2, 4, 18, .8);--shadow-hard: 0 4px 0 rgba(2, 4, 18, .6);--glow-gold: 0 0 0 2px var(--gold-300), 0 0 26px rgba(255, 204, 46, .6);--font-display: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--font-body: "Barlow", "Helvetica Neue", system-ui, sans-serif;--font-chunky: "Lilita One", "Barlow Condensed", "Arial Black", sans-serif;--fs-mega: clamp(96px, 22vw, 280px);--fs-hero: clamp(52px, 8.4vw, 124px);--fs-h1: clamp(40px, 5.6vw, 76px);--fs-h2: clamp(28px, 3.2vw, 42px);--fs-h3: clamp(20px, 2vw, 26px);--fs-lead: calc(clamp(16px, 1.35vw, 19px) * var(--ts, 1));--fs-body: calc(16px * var(--ts, 1));--fs-small: calc(14px * var(--ts, 1));--fs-micro: calc(12px * var(--ts, 1));--slant: -12deg;--slant-inv: 12deg;--slash-angle: 115deg;--radius-sm: 8px;--radius-card: 12px;--radius-panel: 20px;--gutter: clamp(16px, 3.2vw, 48px);--gap: clamp(10px, 1.2vw, 16px);--tap: 48px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--bleed-x: 6px;--pad-t: max(var(--gutter), var(--safe-t));--pad-r: max(calc(var(--gutter) + var(--bleed-x)), var(--safe-r));--pad-b: max(var(--gutter), var(--safe-b));--pad-l: max(calc(var(--gutter) + var(--bleed-x)), var(--safe-l));--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-snap: cubic-bezier(.34, 1.56, .64, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--t-fast: .12s;--t-med: .24s;--t-slow: .48s;--g-main: #f4f6ff;--g-dark: #0a1033;--g-accent: #ffcc2e;--g-hi: #ffffff;--z-hud: 10;--z-screen: 20;--z-overlay: 30;--z-fx: 40;--z-toast: 50;--z-wipe: 60}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink-950);color:var(--ivory);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation}body{position:fixed;inset:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game-canvas{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;outline:none;background:radial-gradient(120% 90% at 50% 0%,#1b2f7d 0%,var(--ink-900) 55%,var(--ink-950) 100%)}#ui-root{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;isolation:isolate}#ui-root>*{pointer-events:none}button,input,select{font:inherit;color:inherit}button{appearance:none;border:0;background:none;padding:0;margin:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}img,svg{display:block}h1,h2,h3,h4,p{margin:0}:focus{outline:none}[data-nav]:focus-visible,[data-input=pad] [data-nav]:focus,[data-input=keys] [data-nav]:focus{outline:3px solid var(--gold-400);outline-offset:4px}[data-input=pointer] [data-nav]:focus:not(:focus-visible){outline:none}::selection{background:var(--gold-400);color:var(--ink-950)}.scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--royal-600) transparent}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--royal-600);border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[hidden]{display:none!important}.ui-splash{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(var(--slash-angle),rgba(45,91,240,.32) 0 40%,transparent 40.2%),radial-gradient(90% 70% at 50% 40%,#1a2b78 0%,var(--ink-950) 70%)}.ui-splash__mark{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(40px,8vw,96px);letter-spacing:-.01em;color:var(--gold-300);text-shadow:0 4px 0 var(--ink-950)}.ui-splash__mark b{color:var(--ivory)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.t-display{font-family:var(--font-display);font-style:italic;font-weight:900;line-height:.88;letter-spacing:-.012em}.t-title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:var(--fs-h1);line-height:.9;letter-spacing:-.01em;color:var(--ivory);text-shadow:0 4px 0 rgba(3,6,24,.85)}.t-lead{font-size:var(--fs-lead);color:var(--mist);max-width:62ch}.t-label{font-family:var(--font-display);font-weight:700;font-size:calc(15px * var(--ts, 1));letter-spacing:.02em;color:var(--mist)}.t-num{font-family:var(--font-chunky);font-weight:400;letter-spacing:.01em;font-variant-numeric:tabular-nums}.t-stroke{-webkit-text-stroke:.09em var(--ink-950);paint-order:stroke fill}.btn{--btn-top: var(--royal-400);--btn-bottom: var(--royal-600);--btn-fg: var(--ivory);--btn-base: var(--royal-800);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:0 26px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:22px;line-height:1;letter-spacing:.005em;white-space:nowrap;color:var(--btn-fg);background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom));border-radius:7px;transform:skew(var(--slant));box-shadow:inset 0 2px #ffffff57,inset 0 -3px #00000038,0 5px 0 var(--btn-base),0 12px 24px -8px #020412cc;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),filter var(--t-fast) linear;overflow:hidden;isolation:isolate;pointer-events:auto}.btn>*{display:inline-flex;align-items:center;gap:10px;transform:skew(var(--slant-inv))}.btn svg{width:1.05em;height:1.05em;flex:none}.btn:after{content:"";position:absolute;inset:-20% auto -20% -60%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);opacity:0;z-index:-1;pointer-events:none}@media(hover:hover){.btn:hover:not(:disabled){transform:skew(var(--slant)) translateY(-2px);filter:brightness(1.08) saturate(1.05)}.btn:hover:not(:disabled):after{animation:glint .7s var(--ease-out)}}[data-input=pad] .btn:focus:after,[data-input=keys] .btn:focus:after{animation:glint .7s var(--ease-out)}.btn:active:not(:disabled){transform:skew(var(--slant)) translateY(3px) scale(.98);box-shadow:inset 0 2px #ffffff40,inset 0 -2px #0003,0 2px 0 var(--btn-base),0 6px 12px -6px #020412cc;transition-duration:60ms}.btn:disabled{filter:grayscale(.85) brightness(.65)}.btn--gold{--btn-top: var(--gold-300);--btn-bottom: var(--gold-500);--btn-fg: #241400;--btn-base: var(--gold-700)}.btn--crimson{--btn-top: var(--crimson-400);--btn-bottom: var(--crimson-600);--btn-base: var(--crimson-700)}.btn--ghost{--btn-top: rgba(40, 58, 140, .55);--btn-bottom: rgba(19, 30, 82, .75);--btn-base: rgba(3, 6, 24, .75);box-shadow:inset 0 0 0 1.5px var(--edge-strong),inset 0 2px #ffffff1f,0 5px 0 var(--btn-base),0 12px 24px -8px #020412cc}.btn--lg{min-height:64px;padding:0 44px;font-size:clamp(26px,2.6vw,34px);font-weight:900}.btn--sm{min-height:40px;padding:0 18px;font-size:18px}.btn--icon{width:var(--tap);padding:0}.btn--icon svg{width:24px;height:24px}.btn-row{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center}.back{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 18px 0 12px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:20px;color:var(--ivory);background:var(--glass-soft);border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--edge);transform:skew(var(--slant));transition:background var(--t-fast),transform var(--t-fast) var(--ease-out);pointer-events:auto}.back>span{display:inline-flex;align-items:center;gap:6px;transform:skew(var(--slant-inv))}.back svg{width:20px;height:20px}@media(hover:hover){.back:hover{background:#2d5bf066;transform:skew(var(--slant)) translate(-2px)}}.back:active{transform:skew(var(--slant)) scale(.97)}.tile{--tile-top: var(--royal-400);--tile-bottom: var(--royal-700);--tile-fg: var(--ivory);--tile-base: var(--royal-800);position:relative;display:flex;align-items:flex-end;min-height:120px;padding:22px 30px 20px 34px;text-align:left;color:var(--tile-fg);background:linear-gradient(var(--slash-angle),rgba(255,255,255,.16) 0 18%,transparent 18.4%),linear-gradient(165deg,var(--tile-top),var(--tile-bottom));border-radius:12px;transform:skew(var(--slant));box-shadow:inset 0 2px #ffffff4d,inset 0 -4px #0003,0 7px 0 var(--tile-base),0 26px 40px -16px #020412d9;overflow:hidden;isolation:isolate;transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out),filter var(--t-fast);pointer-events:auto}.tile__inner{position:relative;display:flex;flex-direction:column;gap:6px;transform:skew(var(--slant-inv));z-index:1}.tile__label{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(38px,4.4vw,68px);line-height:.86;letter-spacing:-.015em;text-shadow:0 3px 0 rgba(3,6,24,.45)}.tile__desc{font-size:calc(15px * var(--ts, 1));font-weight:600;line-height:1.3;opacity:.88;max-width:34ch}.tile__glyph{position:absolute;right:-4%;top:50%;width:min(52%,220px);aspect-ratio:1;color:#fff3;transform:translateY(-50%) skew(var(--slant-inv)) rotate(-10deg);transition:transform var(--t-slow) var(--ease-out),color var(--t-med);z-index:0}.tile__glyph svg{width:100%;height:100%}.tile:after{content:"";position:absolute;inset:-30% auto -30% -50%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-18deg);opacity:0;z-index:2;pointer-events:none}@media(hover:hover){.tile:hover{transform:skew(var(--slant)) translateY(-4px);filter:brightness(1.07);box-shadow:inset 0 2px #ffffff59,inset 0 -4px #0003,0 11px 0 var(--tile-base),0 34px 50px -18px #020412e6}.tile:hover .tile__glyph{transform:translateY(-54%) skew(var(--slant-inv)) rotate(-3deg) scale(1.1);color:#ffffff4d}.tile:hover:after{animation:glint .8s var(--ease-out)}}[data-input=pad] .tile:focus,[data-input=keys] .tile:focus{transform:skew(var(--slant)) translateY(-4px)}[data-input=pad] .tile:focus:after,[data-input=keys] .tile:focus:after{animation:glint .8s var(--ease-out)}.tile:active{transform:skew(var(--slant)) translateY(4px) scale(.985);transition-duration:70ms}.tile--gold{--tile-top: var(--gold-300);--tile-bottom: var(--gold-600);--tile-fg: #241400;--tile-base: var(--gold-700)}.tile--gold .tile__label{text-shadow:0 3px 0 rgba(255,255,255,.35)}.tile--gold .tile__glyph{color:#24140029}.tile--crimson{--tile-top: var(--crimson-400);--tile-bottom: var(--crimson-700);--tile-base: #4d0516}.tile--ink{--tile-top: var(--ink-600);--tile-bottom: var(--ink-850);--tile-base: var(--ink-950)}.tile--elixir{--tile-top: var(--elixir-400);--tile-bottom: var(--elixir-700);--tile-base: #2b0438}.tile--ranked{--tile-top: #3a2c86;--tile-bottom: #0a0b2c;--tile-fg: var(--gold-200);--tile-base: #04051a}.tile--ranked:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--edge-gold);pointer-events:none}.tile--ranked .tile__label{color:var(--gold-300)}.tile--ranked .tile__glyph{color:#ffcc2e33}.panel{position:relative;background:linear-gradient(180deg,#1926669e,#090e2ec7);border-radius:var(--radius-panel);box-shadow:inset 0 0 0 1px var(--edge),inset 0 1px #ffffff1a,var(--shadow-drop);backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25);pointer-events:auto}.panel:before{content:"";position:absolute;top:-2px;right:30px;width:72px;height:5px;border-radius:2px;background:linear-gradient(90deg,var(--gold-300),var(--gold-500));transform:skew(var(--slant));box-shadow:0 0 14px #ffcc2e8c}.panel__tab{position:absolute;top:0;left:22px;transform:translateY(-52%) skew(var(--slant));padding:7px 16px 8px;border-radius:6px;background:linear-gradient(180deg,var(--royal-400),var(--royal-600));box-shadow:inset 0 1px #ffffff59,0 3px 0 var(--royal-800);font-family:var(--font-display);font-style:italic;font-weight:800;font-size:18px;line-height:1;color:var(--ivory);white-space:nowrap}.panel__tab>span{display:inline-flex;gap:8px;align-items:baseline;transform:skew(var(--slant-inv))}.panel__tab b{font-family:var(--font-chunky);font-weight:400;font-style:normal;color:var(--gold-300)}.field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 18px;padding:16px 0;border-bottom:1px solid rgba(142,174,255,.12)}.field:last-child{border-bottom:0}.field__text{display:grid;gap:2px;min-width:0}.field__name{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:23px;line-height:1.05;color:var(--ivory)}.field__help{font-size:var(--fs-small);color:var(--mist-dim)}.field--slider{grid-template-columns:minmax(0,1fr) minmax(150px,46%) 52px}.field__value{font-family:var(--font-chunky);font-size:20px;text-align:right;color:var(--gold-300);font-variant-numeric:tabular-nums}.slider{--val: 50%;appearance:none;-webkit-appearance:none;width:100%;height:36px;margin:0;background:transparent;cursor:pointer;pointer-events:auto;touch-action:pan-y}.slider::-webkit-slider-runnable-track{height:14px;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(5,9,32,.9) calc(10% - 2px) 10%),linear-gradient(90deg,var(--gold-300),var(--gold-500)) 0 0 / var(--val) 100% no-repeat,#ffffff1a;box-shadow:inset 0 0 0 1px var(--edge),inset 0 2px 4px #0006}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:34px;margin-top:-10px;border:0;background:linear-gradient(103deg,transparent 0 22%,var(--ivory) 22% 78%,transparent 78%);filter:drop-shadow(0 3px 0 var(--ink-950)) drop-shadow(0 0 6px rgba(255,204,46,.5))}.slider::-moz-range-track{height:14px;border-radius:3px;background:#ffffff1a;box-shadow:inset 0 0 0 1px var(--edge)}.slider::-moz-range-progress{height:14px;border-radius:3px;background:linear-gradient(90deg,var(--gold-300),var(--gold-500))}.slider::-moz-range-thumb{width:16px;height:32px;border:0;border-radius:3px;background:var(--ivory);transform:skew(var(--slant))}.slider:focus-visible,[data-input=pad] .slider:focus,[data-input=keys] .slider:focus{outline-offset:2px}.toggle{--on: 0;position:relative;width:76px;height:36px;border-radius:6px;transform:skew(var(--slant));background:#ffffff14;box-shadow:inset 0 0 0 1.5px var(--edge-strong),inset 0 2px 6px #00000073;transition:background var(--t-med) var(--ease-out),box-shadow var(--t-med);pointer-events:auto}.toggle:before{content:"Off";position:absolute;top:4px;left:4px;width:36px;height:28px;display:grid;place-items:center;border-radius:4px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:15px;color:var(--ink-900);background:linear-gradient(180deg,var(--stone-200),var(--stone-400));box-shadow:0 2px 0 var(--ink-950);transition:transform var(--t-med) var(--ease-snap),background var(--t-med)}.toggle[aria-checked=true]{background:linear-gradient(180deg,var(--gold-400),var(--gold-600));box-shadow:inset 0 0 0 1.5px var(--gold-300),0 0 18px #ffcc2e59}.toggle[aria-checked=true]:before{content:"On";transform:translate(32px);background:linear-gradient(180deg,#ffffff,var(--gold-100))}.seg{display:inline-flex;padding:4px;gap:4px;border-radius:8px;background:#03061880;box-shadow:inset 0 0 0 1.5px var(--edge);transform:skew(var(--slant));pointer-events:auto}.seg__opt{min-width:74px;height:38px;padding:0 14px;border-radius:5px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:18px;color:var(--mist);transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--ease-out);pointer-events:auto}.seg__opt>span{display:inline-block;transform:skew(var(--slant-inv))}@media(hover:hover){.seg__opt:hover:not([aria-checked=true]){background:#2d5bf052;color:var(--ivory)}}.seg__opt[aria-checked=true]{color:#241400;background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:inset 0 1px #ffffff80,0 3px 0 var(--gold-700)}.seg__opt:active{transform:scale(.96)}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:4px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:15px;line-height:1;white-space:nowrap;color:var(--ivory);background:#030618a8;box-shadow:inset 0 0 0 1px var(--edge-strong);transform:skew(var(--slant))}.chip>span{display:inline-flex;align-items:center;gap:6px;transform:skew(var(--slant-inv))}.chip svg{width:14px;height:14px}.chip--easy{box-shadow:inset 0 0 0 1px #3fe38b99}.chip--normal{box-shadow:inset 0 0 0 1px var(--edge-gold)}.chip--hard{background:#7d0a24bf;box-shadow:inset 0 0 0 1px var(--crimson-400)}.chip--online{max-width:300px;background:#520a6ec7;box-shadow:inset 0 0 0 1px #f9a6ff99}.chip--online>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.chip--ranked{color:var(--gold-200);background:#281a00cc;box-shadow:inset 0 0 0 1px var(--edge-gold)}.key{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:6px;font-family:var(--font-display);font-weight:800;font-size:16px;line-height:1;color:var(--ink-950);background:linear-gradient(180deg,#ffffff,var(--stone-300));box-shadow:inset 0 -3px 0 var(--stone-400),0 2px #030618cc;white-space:nowrap}.key--wide{min-width:64px}.padbtn{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-family:var(--font-display);font-weight:900;font-size:15px;color:var(--ivory);background:var(--ink-700);box-shadow:inset 0 0 0 2px var(--royal-300),0 2px #030618cc}.padbtn--a{background:#1d8f54;box-shadow:inset 0 0 0 2px #6ef0a8,0 2px #030618cc}.padbtn--b{background:var(--crimson-600);box-shadow:inset 0 0 0 2px var(--crimson-300),0 2px #030618cc}.padbtn--x{background:var(--royal-600);box-shadow:inset 0 0 0 2px var(--royal-200),0 2px #030618cc}.padbtn--y{color:#241400;background:var(--gold-500);box-shadow:inset 0 0 0 2px var(--gold-300),0 2px #030618cc}.padbtn--wide{width:auto;min-width:34px;padding:0 8px;border-radius:8px;font-size:13px}.tl{position:relative;display:grid;margin:4px 0 0;padding:0;list-style:none}.tl:before{content:"";position:absolute;left:31px;top:18px;bottom:26px;width:2px;background:linear-gradient(180deg,var(--gold-400),var(--crimson-400) 70%,#ff9a4a);opacity:.55}.tl__step{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:12px;padding:6px 0}.tl__mark{justify-self:center;display:inline-grid;place-items:center;min-width:58px;height:28px;padding:0 8px;border-radius:6px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:17px;color:#241400;background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:0 2px 0 var(--gold-700);transform:skew(var(--slant));font-variant-numeric:tabular-nums}.tl__mark:empty{min-width:0;width:12px;height:12px;margin-top:6px;padding:0;border-radius:50%;transform:none}.tl__step.is-hot .tl__mark{color:var(--ivory);background:linear-gradient(180deg,var(--crimson-400),var(--crimson-600));box-shadow:0 2px #4d0516}.tl__step.is-moon .tl__mark{color:var(--ivory);background:linear-gradient(180deg,#ffa257,#b8420f);box-shadow:0 2px #4a1205}.tl__mark--glyph,.tl__step.is-moon .tl__mark--glyph{min-width:0;width:40px;height:40px;padding:0;background:none;box-shadow:none;transform:none}.tl__mark--glyph svg,.tl__glyph svg{display:block;width:100%;height:100%;overflow:visible}.tl__body{display:grid;gap:1px;min-width:0;padding-top:2px}.tl__title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:18px;line-height:1.1;color:var(--ivory)}.tl__glyph{flex:none;width:24px;height:24px;filter:drop-shadow(0 2px 0 rgba(3,6,24,.6))}.tl__text{color:var(--mist);line-height:1.35}.hints{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-family:var(--font-display);font-weight:700;font-size:calc(16px * var(--ts, 1));color:var(--mist)}.hints__item{display:inline-flex;align-items:center;gap:8px}.drop{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;isolation:isolate}.drop:before{content:"";position:absolute;inset:0;border-radius:50% 50% 50% 8%;transform:rotate(-45deg);background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.85) 0 9%,transparent 22%),radial-gradient(circle at 50% 60%,var(--elixir-400),var(--elixir-600) 70%);box-shadow:inset 0 0 0 2px #ffffff59,0 0 0 2px var(--ink-950),0 3px 0 2px var(--ink-950);z-index:-1}.drop>span{font-family:var(--font-chunky);font-size:18px;line-height:1;color:#fff;-webkit-text-stroke:4px var(--elixir-700);paint-order:stroke fill;transform:translateY(1px)}.logo{--logo-size: clamp(54px, 9vw, 128px);position:relative;display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:calc(var(--logo-size) * .16)}.logo__emblem{width:calc(var(--logo-size) * 1.15);height:calc(var(--logo-size) * 1.15);filter:drop-shadow(0 6px 0 rgba(3,6,24,.85)) drop-shadow(0 0 24px rgba(255,204,46,.35))}.logo__type{display:grid;justify-items:start;line-height:.82}.logo__battle{display:inline-block;margin-left:calc(var(--logo-size) * .06);padding:calc(var(--logo-size) * .05) calc(var(--logo-size) * .18) calc(var(--logo-size) * .07);font-family:var(--font-display);font-style:italic;font-weight:900;font-size:calc(var(--logo-size) * .36);letter-spacing:.01em;color:var(--ivory);background:linear-gradient(180deg,var(--crimson-400),var(--crimson-600));border-radius:5px;transform:skew(var(--slant));box-shadow:inset 0 2px #ffffff59,0 4px 0 var(--crimson-700)}.logo__battle>span{display:inline-block;transform:skew(var(--slant-inv))}.logo__word{position:relative;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:var(--logo-size);letter-spacing:-.02em;line-height:.9;color:var(--gold-300);background:linear-gradient(176deg,#fffbe8 8%,var(--gold-300) 38%,var(--gold-500) 62%,#ffe9a6 63%,var(--gold-400) 86%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 calc(var(--logo-size) * .035) 0 var(--royal-600)) drop-shadow(0 calc(var(--logo-size) * .07) 0 var(--ink-950));padding-right:.08em}.logo--sm{--logo-size: clamp(34px, 3.6vw, 52px)}.backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(70% 60% at 85% 0%,rgba(255,204,46,.12),transparent 60%),radial-gradient(80% 80% at 0% 100%,rgba(45,91,240,.32),transparent 62%),linear-gradient(180deg,#080d2cdb,#050920f2)}.backdrop:before{content:"";position:absolute;inset:-10%;background:linear-gradient(var(--slash-angle),transparent 0 63.2%,rgba(255,204,46,.55) 63.2% 63.5%,transparent 63.5%),linear-gradient(var(--slash-angle),transparent 0 64.4%,rgba(232,25,63,.22) 64.4% 67.5%,transparent 67.5%),linear-gradient(var(--slash-angle),rgba(45,91,240,.28) 0 38%,rgba(45,91,240,.08) 38% 62.5%,transparent 62.5%)}.backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(201,216,255,.11) 1.1px,transparent 1.6px) 0 0 / 7px 7px;-webkit-mask-image:linear-gradient(var(--slash-angle),#000 0%,transparent 55%);mask-image:linear-gradient(var(--slash-angle),#000 0%,transparent 55%)}.speedlines{position:absolute;inset:-20%;z-index:-1;background:repeating-linear-gradient(var(--slash-angle),transparent 0 46px,rgba(201,216,255,.045) 46px 48px,transparent 48px 120px);animation:drift 26s linear infinite;pointer-events:none}@keyframes glint{0%{left:-60%;opacity:0}15%{opacity:1}to{left:130%;opacity:0}}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-240px,0,0)}}@keyframes shake{0%,to{transform:translateZ(0)}15%{transform:translate3d(-7px,2px,0) rotate(-1.5deg)}30%{transform:translate3d(6px,-2px,0) rotate(1.2deg)}45%{transform:translate3d(-5px,1px,0) rotate(-.8deg)}60%{transform:translate3d(4px,-1px,0)}80%{transform:translate3d(-2px,0,0)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #ffcc2e00}50%{box-shadow:0 0 22px 4px #ffcc2e8c}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:600px){.btn{padding:0 20px;font-size:20px}.btn--lg{min-height:58px;padding:0 30px;font-size:28px}.btn--sm{padding:0 16px;font-size:18px}.tile{min-height:92px;padding:16px 22px 14px 24px}.field--slider{grid-template-columns:minmax(0,1fr) 52px}.field--slider .slider{grid-column:1 / -1;grid-row:2}.field__name{font-size:21px}.back{width:46px;padding:0;justify-content:center}.back__label{display:none}.field--seg{grid-template-columns:minmax(0,1fr)}.field--seg .seg{display:flex;width:100%;margin-top:6px}.field--seg .seg__opt{flex:1 1 0;min-width:0}}.card{--cw: 96px;--k-hi: #c3d4ff;--k-mid: #4373ff;--k-lo: #142e8c;--art-in: #4f80ff;--art-out: #0f2167;--g-main: #f4f6ff;--g-dark: #0a1033;--g-accent: var(--gold-400);--g-hi: #ffffff;position:relative;flex:none;width:var(--cw);aspect-ratio:4 / 5;border-radius:calc(var(--cw) * .12);transition:transform var(--t-med) var(--ease-out),filter var(--t-med) linear,opacity var(--t-med) linear;-webkit-user-drag:none;touch-action:none}.card--spell{--k-hi: #ffc9b3;--k-mid: #f04a2c;--k-lo: #7d0a24;--art-in: #ff7a3d;--art-out: #5c0a1c;--g-accent: #ffe27a}.card--building{--k-hi: #eef2fa;--k-mid: #8e9bb9;--k-lo: #2b3350;--art-in: #b2bed8;--art-out: #262e48;--g-accent: var(--gold-400)}.card__frame{position:absolute;inset:0;padding:calc(var(--cw) * .045);border-radius:inherit;background:linear-gradient(170deg,var(--k-hi) 0%,var(--k-mid) 34%,var(--k-lo) 100%);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #00000059,0 0 0 calc(var(--cw) * .018) var(--ink-950),0 calc(var(--cw) * .05) 0 calc(var(--cw) * .018) var(--ink-950),0 calc(var(--cw) * .12) calc(var(--cw) * .2) calc(var(--cw) * -.05) #020412bf}.card__art{position:relative;width:100%;height:100%;border-radius:calc(var(--cw) * .08);overflow:hidden;background:linear-gradient(var(--slash-angle),rgba(255,255,255,.2) 0 22%,transparent 22.5%),radial-gradient(85% 70% at 50% 38%,var(--art-in) 0%,var(--art-out) 78%);box-shadow:inset 0 0 0 1px #00000073,inset 0 calc(var(--cw) * -.3) calc(var(--cw) * .25) #00000059}.card__art:before{content:"";position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg at 50% 42%,rgba(255,255,255,.07) 0 9deg,transparent 9deg 22deg);-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0 30%,transparent 62%);mask-image:radial-gradient(circle at 50% 42%,#000 0 30%,transparent 62%)}.card__glyph{position:absolute;left:50%;top:41%;width:72%;aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 calc(var(--cw) * .03) 0 rgba(3,6,24,.75))}.card__glyph svg{width:100%;height:100%;overflow:visible}.glyph .m{fill:var(--g-main)}.glyph .d{fill:var(--g-dark)}.glyph .a{fill:var(--g-accent)}.glyph .h{fill:var(--g-hi)}.glyph .s{fill:none;stroke:var(--g-dark);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.glyph .sm{fill:none;stroke:var(--g-main);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.glyph .sa{fill:none;stroke:var(--g-accent);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.glyph .o{stroke:var(--g-dark);stroke-width:2.6;stroke-linejoin:round;paint-order:stroke fill}.card__name{position:absolute;left:0;right:0;bottom:0;padding:calc(var(--cw) * .14) calc(var(--cw) * .05) calc(var(--cw) * .05);font-family:var(--font-chunky);font-size:calc(var(--cw) * .15 * var(--nf, 1));line-height:1;text-align:center;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-stroke:calc(var(--cw) * .035) rgba(3,6,24,.92);paint-order:stroke fill;background:linear-gradient(180deg,transparent,rgba(3,6,24,.82) 55%)}.card__cost{position:absolute;top:calc(var(--cw) * -.1);left:calc(var(--cw) * -.1);width:calc(var(--cw) * .34);height:calc(var(--cw) * .34);z-index:2}.card__cost>span{font-size:calc(var(--cw) * .21);-webkit-text-stroke:calc(var(--cw) * .045) var(--elixir-700)}.card__cost.drop--wide>span{font-size:calc(var(--cw) * .16);letter-spacing:-.04em}.card__check{position:absolute;top:calc(var(--cw) * -.08);right:calc(var(--cw) * -.08);width:calc(var(--cw) * .3);height:calc(var(--cw) * .3);display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:0 0 0 2px var(--ink-950),0 2px 0 2px var(--ink-950);color:var(--ink-950);z-index:2;transform:scale(0);transition:transform var(--t-med) var(--ease-snap)}.card__check svg{width:62%;height:62%}.card.in-deck .card__check{transform:scale(1)}.card__charge{position:absolute;inset:calc(var(--cw) * .045);border-radius:calc(var(--cw) * .08);overflow:hidden;pointer-events:none;opacity:0;transition:opacity var(--t-fast)}.card__charge:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#ec5cff80,#ec5cff1f);transform-origin:50% 100%;transform:scaleY(var(--p, 0));border-top:2px solid var(--elixir-300)}.card.is-locked .card__art{filter:grayscale(.92) brightness(.55) contrast(.9)}.card.is-locked .card__frame{filter:grayscale(.7) brightness(.7)}.card.is-locked .card__charge{opacity:1}.card.is-locked .card__cost:before{filter:saturate(.6) brightness(.8)}.card.is-selected{transform:translateY(calc(var(--cw) * -.16)) scale(1.05);z-index:3}.card.is-selected .card__frame{box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #00000059,0 0 0 calc(var(--cw) * .018) var(--ink-950),0 0 0 calc(var(--cw) * .05) var(--gold-300),0 0 calc(var(--cw) * .3) calc(var(--cw) * .04) #ffcc2ea6}.card.is-ghosted{opacity:.35;filter:saturate(.4)}.card.is-ready-flash .card__frame:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#ffffffd9;animation:card-flash .42s var(--ease-out) forwards;pointer-events:none}.card.shake{animation:shake .42s var(--ease-out)}@keyframes card-flash{0%{opacity:.85}to{opacity:0}}button.card{pointer-events:auto;cursor:pointer}@media(hover:hover){button.card:hover{transform:translateY(calc(var(--cw) * -.07)) rotate(-1.5deg)}}button.card:active{transform:translateY(0) scale(.97);transition-duration:70ms}button.card:focus-visible,[data-input=pad] button.card:focus,[data-input=keys] button.card:focus{outline-offset:6px;border-radius:calc(var(--cw) * .14);transform:translateY(calc(var(--cw) * -.07))}.card-ghost{position:fixed;left:0;top:0;z-index:var(--z-fx);pointer-events:none;transform-origin:50% 50%;will-change:transform}.card-ghost .card{--cw: 78px;transform:rotate(-6deg) scale(1.02);filter:drop-shadow(0 18px 18px rgba(2,4,18,.6))}.card-ghost.is-over-arena .card{transform:rotate(0) scale(.72);opacity:.82}.ui-screens{position:absolute;inset:0;z-index:var(--z-screen)}.screen{position:absolute;inset:0;isolation:isolate;z-index:1;overflow:clip;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out),transform .44s var(--ease-out)}.screen.is-entering{opacity:0;transform:translate3d(40px,0,0);transition:none}.screen.is-active{opacity:1;transform:none;pointer-events:auto}.screen.is-leaving{opacity:0;transform:translate3d(-40px,0,0);pointer-events:none;transition-duration:.24s,.34s}.screen.as-overlay{z-index:2}.screen.as-overlay.is-entering{transform:scale(1.03)}.screen.as-overlay.is-leaving{transform:scale(.985)}.screen.is-covered,.screen--hud.is-active{pointer-events:none}.screen--hud.is-entering,.screen--hud.is-leaving{transform:none}.scr{position:absolute;inset:0;display:flex;flex-direction:column;gap:clamp(16px,2.2vw,26px);padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l)}.scr-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}.scr-head__left{display:flex;align-items:center;gap:clamp(14px,1.6vw,24px);min-width:0}.scr-head__title{font-size:var(--fs-h1);white-space:nowrap}.scr-head__right{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}.scr-hints{margin-top:auto;padding-top:4px}@media(pointer:coarse){.scr-hints{display:none}}.backdrop--boot{background:radial-gradient(60% 50% at 50% 42%,rgba(45,91,240,.4),transparent 70%),radial-gradient(70% 60% at 85% 0%,rgba(255,204,46,.14),transparent 60%),linear-gradient(180deg,#080d2cf0,#050920fa)}.boot__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(30px,6vh,64px);padding:var(--pad-t) var(--pad-r) calc(var(--pad-b) + 90px) var(--pad-l)}.boot__logo .logo{--logo-size: clamp(58px, 11vw, 156px)}.screen--boot .logo__mark{animation:logo-drop .9s var(--ease-snap) both .12s}.screen--boot .logo__battle{animation:logo-slide .56s var(--ease-out) both .46s}.screen--boot .logo__word{animation:logo-slam .62s var(--ease-out) both .6s}.boot__progress{width:min(560px,100%);display:grid;gap:10px;transition:opacity var(--t-slow) var(--ease-out);animation:rise .6s var(--ease-out) both .9s}.boot__row{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:18px;color:var(--mist)}.boot__status{flex:1}.boot__count{font-variant-numeric:tabular-nums;color:var(--mist-dim)}.boot__pct{min-width:3.2em;text-align:right;font-family:var(--font-chunky);font-style:normal;font-size:22px;color:var(--gold-300)}.boot__track{position:relative;height:18px;border-radius:4px;overflow:hidden;transform:skew(var(--slant));background:#ffffff12;box-shadow:inset 0 0 0 1.5px var(--edge-strong),0 4px #030618b3}.boot__fill{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--gold-600),var(--gold-400) 70%,var(--gold-200));box-shadow:0 0 22px #ffcc2ea6}.boot__ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 3px),rgba(5,9,32,.9) calc(5% - 3px) 5%)}.boot__start{position:relative;overflow:hidden;min-height:60px;padding:0 34px 0 26px;border-radius:8px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(24px,2.6vw,32px);color:var(--ivory);background:linear-gradient(180deg,#18266ee0,#070b26f0);box-shadow:inset 0 0 0 1.5px #ffcc2e8c,inset 0 2px #ffffff1f,0 6px #030618bf;opacity:0;transform:translateY(12px) skew(var(--slant));pointer-events:none;transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out)}.boot__start:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);pointer-events:none}.screen--boot.is-ready .boot__start:after{animation:start-glint 3.2s var(--ease-out) .9s infinite}.boot__start-in{display:inline-flex;align-items:center;gap:12px;transform:skew(var(--slant-inv))}.screen--boot.is-ready .boot__start{opacity:1;transform:skew(var(--slant));pointer-events:auto;animation:start-pulse 1.8s ease-in-out infinite .6s}.screen--boot.is-ready .boot__progress{opacity:.4}.boot__tipbox{position:absolute;left:50%;bottom:var(--pad-b);transform:translate(-50%);width:min(680px,calc(100% - var(--pad-l) - var(--pad-r)));display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:14px;background:#0a103399;box-shadow:inset 0 0 0 1px var(--edge);color:var(--mist);font-size:calc(16px * var(--ts, 1));line-height:1.45}.boot__tip-icon{flex:none;width:22px;height:22px;margin-top:1px;color:var(--gold-400)}.boot__tip-icon svg{width:100%;height:100%}.boot__tip.is-in{animation:tip-in .42s var(--ease-out)}.menu__top{position:absolute;top:var(--pad-t);left:var(--pad-l);animation:rise .52s var(--ease-out) both}.menu__grid{--gap: clamp(14px, 1.8vw, 24px);position:absolute;left:var(--pad-l);right:var(--pad-r);top:calc(var(--pad-t) + clamp(84px,13vh,150px));bottom:calc(var(--pad-b) + 54px);margin:auto;max-width:1240px;max-height:640px;display:grid;grid-template-columns:1.32fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--gap);padding-inline:clamp(48px,5vw,80px)}.menu__play{grid-row:1 / span 3;padding:clamp(24px,3vw,44px) clamp(28px,3vw,48px)}.menu__play .tile__label{font-size:clamp(76px,10vw,168px);margin-bottom:.1em}.menu__play .tile__desc{font-size:clamp(15px,1.3vw,19px);max-width:28ch}.menu__play .tile__glyph{width:min(70%,420px);right:-6%;top:40%}.menu__art{--accent: var(--royal-500);position:absolute;z-index:0;right:-4%;top:2%;width:min(68%,460px);aspect-ratio:1;transform:skew(var(--slant-inv));pointer-events:none}.menu__rays{position:absolute;inset:-22%;border-radius:50%;background:repeating-conic-gradient(from 4deg,#ffffff8c 0deg 7deg,#fff0 7deg 20deg);-webkit-mask-image:radial-gradient(circle closest-side,#000 22%,rgba(0,0,0,.5) 52%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 22%,rgba(0,0,0,.5) 52%,transparent 100%);opacity:.5;animation:rays-spin 60s linear infinite}.menu__emblem{position:absolute;inset:17%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.38),transparent 58%),linear-gradient(160deg,color-mix(in srgb,var(--accent) 88%,#ffffff),color-mix(in srgb,var(--accent) 58%,#050920));box-shadow:inset 0 0 0 5px #ffffff47,0 0 0 7px #241400e0,0 16px 0 7px #24140047;transform:rotate(-7deg);transition:inset var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-snap)}.menu__emblem svg{width:72%;height:72%;overflow:visible;filter:drop-shadow(0 6px 0 rgba(3,6,24,.45))}.menu__keyart{position:absolute;inset:-10% -4% 4%}.menu__keyart canvas{display:block;width:100%!important;height:100%!important}.menu__art.has-model .menu__emblem{inset:auto auto 2% 0;width:24%;height:24%;transform:rotate(-7deg)}.menu__art-name{position:absolute;left:50%;bottom:3%;padding:4px 14px 5px;border-radius:4px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(16px,1.5vw,23px);line-height:1;white-space:nowrap;color:var(--gold-200);background:#241400e0;transform:translate(-50%) skew(var(--slant))}.menu__art.has-model .menu__art-name{left:62%}@media(hover:hover){.menu__play:hover .menu__emblem{transform:rotate(0) scale(1.04)}}@keyframes rays-spin{to{transform:rotate(360deg)}}.menu__grid .tile{animation:tile-in .56s var(--ease-out) both}.menu__grid .tile:nth-child(2){animation-delay:70ms}.menu__grid .tile:nth-child(3){animation-delay:.13s}.menu__grid .tile:nth-child(4){animation-delay:.19s}.menu__foot{position:absolute;left:var(--pad-l);right:var(--pad-r);bottom:var(--pad-b);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}.menu__ver{margin-left:auto;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--mist-dim)}.backdrop--vs:before{background:linear-gradient(var(--slash-angle),transparent 0 51.6%,rgba(255,204,46,.6) 51.6% 51.9%,transparent 51.9%),linear-gradient(var(--slash-angle),rgba(45,91,240,.34) 0 51.6%,rgba(232,25,63,.2) 51.9% 100%)}.hs{position:absolute;inset:0;display:flex;flex-direction:column;gap:clamp(14px,2vh,24px);padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l)}.hs__main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.3fr);gap:clamp(18px,2.4vw,36px)}.hs__stage{--accent: var(--royal-500);position:relative;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;border-radius:26px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff24,var(--shadow-drop);isolation:isolate;animation:rise .52s var(--ease-out) both}.hs__stage-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(64% 52% at 50% 34%,color-mix(in srgb,var(--accent) 70%,transparent),transparent 72%),linear-gradient(var(--slash-angle),color-mix(in srgb,var(--accent) 34%,transparent) 0 34%,transparent 34.3%),linear-gradient(180deg,#142060b8,#050920eb 70%);transition:background var(--t-slow) var(--ease-out)}.hs__stage-bg:after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 34%,rgba(255,255,255,.06) 0 7deg,transparent 7deg 18deg);-webkit-mask-image:radial-gradient(circle at 50% 34%,#000 0 22%,transparent 58%);mask-image:radial-gradient(circle at 50% 34%,#000 0 22%,transparent 58%);animation:spin 60s linear infinite}.hs__slot{position:relative;min-height:0;display:grid;place-items:center;padding:24px}.hs__emblem{width:min(58%,300px,46vh);aspect-ratio:1;filter:drop-shadow(0 14px 0 rgba(3,6,24,.55)) drop-shadow(0 0 40px color-mix(in srgb,var(--accent) 70%,transparent))}.hs__emblem svg{width:100%;height:100%;overflow:visible}.hs__slot.has-3d .hs__emblem,.hs__slot:has([data-3d]) .hs__emblem{display:none}.hs__stage.is-swap .hs__emblem{animation:emblem-swap .52s var(--ease-snap)}.hs__stage.is-swap .hs__name{animation:name-swap .42s var(--ease-out)}.hs__info{display:grid;gap:6px;padding:0 clamp(20px,2.4vw,34px) clamp(20px,2.4vw,30px);container-type:inline-size}.hs__name{font-size:min(clamp(56px,6.6vw,112px),calc(94cqi / var(--em, 4)));white-space:nowrap;line-height:.84;color:var(--ivory);text-shadow:0 6px 0 rgba(3,6,24,.75)}.hs__tag{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:clamp(19px,1.7vw,24px);color:color-mix(in srgb,var(--accent) 45%,#ffffff)}.hs__desc{color:var(--mist);font-size:calc(15.5px * var(--ts, 1));max-width:54ch}.hs__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 22px;margin-top:10px}.hs__stat{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px}.hs__stat-name{font-family:var(--font-display);font-weight:700;font-size:calc(15px * var(--ts, 1));color:var(--mist)}.sbar{--v: .5;position:relative;display:block;height:7px;border-radius:2px;overflow:hidden;transform:skew(var(--slant));background:#ffffff1a}.sbar>i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--v));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 80%,#ffffff),color-mix(in srgb,var(--accent) 40%,#ffffff));transition:transform var(--t-slow) var(--ease-out)}.sbar--seg{height:13px}.sbar--seg>i{background:linear-gradient(90deg,var(--gold-500),var(--gold-300))}.sbar--seg:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(5,9,32,.9) calc(10% - 2px) 10%)}.hs__side{min-height:0;display:flex;flex-direction:column;gap:clamp(14px,2vh,22px)}.hs__roster{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--roster-cols, 3),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(10px,1.2vw,16px)}.hero-card{--accent: var(--royal-500);position:relative;min-height:0;display:flex;flex-direction:column;text-align:left;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#192666d1,#080d2cf0);box-shadow:inset 0 0 0 1.5px var(--edge),var(--shadow-lift);transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out);animation:card-in .52s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 55ms + 80ms);pointer-events:auto}.hero-card__portrait{position:relative;flex:1;min-height:74px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(var(--slash-angle),rgba(255,255,255,.22) 0 30%,transparent 30.4%),linear-gradient(160deg,color-mix(in srgb,var(--accent) 92%,#ffffff),color-mix(in srgb,var(--accent) 52%,#050920))}.hero-card__portrait:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.16) 1.1px,transparent 1.6px) 0 0 / 6px 6px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 70%);mask-image:linear-gradient(200deg,#000,transparent 70%);pointer-events:none}.hero-card__emblem{position:relative;z-index:1;height:84%;max-height:132px;max-width:70%;aspect-ratio:1;filter:drop-shadow(0 7px 0 rgba(3,6,24,.5));transition:transform var(--t-slow) var(--ease-snap)}.hero-card__emblem svg{width:100%;height:100%;overflow:visible}.hero-card__shot{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 22%}.hero-card__portrait:has(>.hero-card__shot) .hero-card__emblem{position:absolute;z-index:2;left:6px;bottom:6px;height:30px;max-width:none;filter:drop-shadow(0 2px 0 rgba(3,6,24,.6))}.hero-card__text{display:grid;gap:1px;padding:10px 14px 2px}.hero-card__name{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(22px,2.1vw,32px);line-height:.95;color:var(--ivory)}.hero-card__tag{font-size:13.5px;font-weight:600;color:var(--mist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card__bars{display:grid;gap:5px;padding:8px 14px 14px}.hero-card__stat{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:8px}.hero-card__stat-name{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--mist-dim)}.hero-card__flag{position:absolute;top:10px;z-index:2;display:none;padding:4px 12px 5px;border-radius:4px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:17px;line-height:1;transform:skew(var(--slant));box-shadow:0 3px #03061899}.hero-card__flag--you{left:10px;color:#241400;background:linear-gradient(180deg,var(--gold-300),var(--gold-500))}.hero-card__flag--cpu{right:10px;color:var(--ivory);background:linear-gradient(180deg,var(--crimson-400),var(--crimson-600))}.hero-card.is-chosen .hero-card__flag--you,.hero-card.is-cpu .hero-card__flag--cpu{display:block}@media(hover:hover){.hero-card:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 70%,#ffffff),0 20px 34px -12px #020412e6}.hero-card:hover .hero-card__emblem{transform:scale(1.12) rotate(-5deg)}}.hero-card:active{transform:scale(.97)}.hero-card.is-chosen{transform:translateY(-4px);box-shadow:inset 0 0 0 3px var(--gold-400),0 0 34px #ffcc2e6b,var(--shadow-lift)}.hs__roster.is-dense{gap:clamp(8px,.9vw,14px)}.hs__roster.is-dense .hero-card{border-radius:14px;animation-delay:calc(var(--i, 0) * 26ms + 80ms)}.hs__roster.is-dense .hero-card__portrait{min-height:0}.hs__roster.is-dense .hero-card__emblem{height:80%;max-height:112px}.hs__roster.is-dense .hero-card__text{padding:6px 10px 8px;container-type:inline-size}.hs__roster.is-dense .hero-card__name{font-size:min(clamp(17px,1.55vw,28px),calc(94cqi / var(--em, 4)));line-height:1;white-space:nowrap}.hs__roster.is-dense .hero-card__tag,.hs__roster.is-dense .hero-card__bars{display:none}.hs__roster.is-dense .hero-card__flag{top:6px;padding:3px 8px 4px;font-size:13px}.hs__roster.is-dense .hero-card__flag--you{left:6px}.hs__roster.is-dense .hero-card__flag--cpu{right:6px}.hs__foot{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 28px}.hs__field{display:grid;gap:8px}.hs__opp{display:flex;align-items:center;gap:8px}.hs__arrow{width:40px;height:44px;display:grid;place-items:center;border-radius:6px;color:var(--ivory);background:var(--glass-soft);box-shadow:inset 0 0 0 1.5px var(--edge);transform:skew(var(--slant));transition:background var(--t-fast)}.hs__arrow svg{width:20px;height:20px;transform:skew(var(--slant-inv))}@media(hover:hover){.hs__arrow:hover{background:#e8193f73}}.hs__arrow:active{transform:skew(var(--slant)) scale(.92)}.hs__opp-value{width:200px;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px 0 6px;container-type:inline-size;border-radius:8px;background:linear-gradient(90deg,#e8193f66,#7d0a244d);box-shadow:inset 0 0 0 1.5px #ff8a9766}.hs__opp-emblem{--accent: var(--crimson-500);width:34px;height:34px;flex:none;color:var(--ivory)}.hs__opp-emblem svg{width:100%;height:100%}.hs__opp-emblem.is-random{padding:5px}.hs__opp-name{min-width:0;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:min(21px,calc((100cqi - 44px) / var(--em, 4)));color:var(--ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs__fight{margin-left:auto;min-width:230px}.hs__deck svg{width:20px;height:20px}.hs__deck-avg{padding:2px 8px;border-radius:4px;font-family:var(--font-chunky);font-style:normal;font-size:calc(16px * var(--ts, 1));color:#fff;background:linear-gradient(180deg,var(--elixir-400),var(--elixir-600))}.db{overflow-y:auto}.db__avg{display:flex;align-items:center;gap:14px;padding:8px 18px 8px 10px;border-radius:12px;background:#520a6e66;box-shadow:inset 0 0 0 1.5px #f9a6ff59}.db__avg-drop{width:34px;height:34px}.db__avg-text,.db__cycle{display:grid;line-height:1;gap:3px}.db__cycle{padding-left:14px;border-left:1px solid rgba(249,166,255,.25)}.db__avg-num,.db__cycle-num{font-family:var(--font-chunky);font-size:26px;color:#fff}.db__avg-label{font-family:var(--font-display);font-weight:700;font-size:calc(13px * var(--ts, 1));color:var(--elixir-200)}.db__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:start;gap:clamp(18px,2.2vw,30px)}.db__left{display:grid;gap:34px;min-width:0}.db__deck,.db__coll{container-type:inline-size;padding:34px clamp(16px,1.8vw,26px) 24px}.db__deck-grid,.db__coll-grid{--cols: 8;--gap: clamp(10px, 1.1vw, 16px);--cw: min(118px, calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols)));display:grid;grid-template-columns:repeat(var(--cols),var(--cw));gap:calc(var(--gap) + 6px) var(--gap);justify-content:start;padding-top:8px}.db__deck-grid .card,.db__coll-grid .card{--cw: inherit}.db__empty{aspect-ratio:4 / 5;display:grid;place-items:center;border-radius:12px;border:2px dashed rgba(142,174,255,.35);color:var(--mist-dim);font-family:var(--font-display);font-weight:800;font-size:34px}.db__filter{margin-bottom:14px}.db__deck.is-swapping{box-shadow:inset 0 0 0 2px var(--gold-400),0 0 40px #ffcc2e4d,var(--shadow-drop)}.db__deck.is-swapping .card{animation:wiggle .9s ease-in-out infinite}.db__deck.is-swapping .card:nth-child(2n){animation-delay:-.45s}.db__swapbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:8px 8px 8px 14px;border-radius:10px;background:#ffcc2e24;box-shadow:inset 0 0 0 1px var(--edge-gold)}.db__swap-text{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:19px;color:var(--gold-200)}.db__swap-text svg{width:20px;height:20px}.card.is-focus .card__frame{box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #00000059,0 0 0 calc(var(--cw) * .018) var(--ink-950),0 0 0 calc(var(--cw) * .045) var(--royal-200),0 calc(var(--cw) * .12) calc(var(--cw) * .2) calc(var(--cw) * -.05) #020412bf}.db__coll-grid .card.in-deck:not(.is-focus) .card__art{filter:saturate(.55) brightness(.72)}.card.is-swap-source .card__frame{box-shadow:0 0 0 calc(var(--cw) * .05) var(--gold-300),0 0 26px #ffcc2e99}.db__detail{position:sticky;top:0;display:grid;gap:18px;padding:34px 24px 24px}.db__detail-top{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px}.db__detail-card .card{--cw: 132px}.db__detail-head{display:grid;gap:8px;justify-items:start;min-width:0}.db__detail-name{font-size:clamp(34px,3vw,46px);line-height:.9}.db__detail-kind--troop{box-shadow:inset 0 0 0 1px var(--royal-300)}.db__detail-kind--spell{box-shadow:inset 0 0 0 1px var(--crimson-300)}.db__detail-kind--building{box-shadow:inset 0 0 0 1px var(--stone-300)}.db__detail-desc{color:var(--mist);font-size:calc(15px * var(--ts, 1))}.db__stats{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0;border-top:1px solid rgba(142,174,255,.14)}.db__stats dt,.db__stats dd{margin:0;padding:9px 0;border-bottom:1px solid rgba(142,174,255,.1)}.db__stats dt{font-weight:600;color:var(--mist)}.db__stats dd{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:19px;text-align:right;color:var(--ivory)}.db__action{width:100%}.db__swapinfo{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:#ffcc2e1f;box-shadow:inset 0 0 0 1px var(--edge-gold)}.db__swapinfo[hidden]{display:none}.db__swapinfo>svg{flex:none;width:22px;height:22px;color:var(--gold-300)}.db__swapinfo-text{display:grid;gap:2px;min-width:0}.db__swapinfo-out{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:19px;line-height:1.1;color:var(--gold-200)}.db__swapinfo-avg{font-size:var(--fs-small);color:var(--mist);font-variant-numeric:tabular-nums}@media(max-width:600px),(max-height:520px)and (orientation:landscape){.db__detail-top{grid-column:1;grid-row:1}.db__detail .db__action{grid-column:2;grid-row:1}.db__swapinfo{grid-column:1 / -1;grid-row:2;gap:10px;padding:6px 12px}.db__swapinfo-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px}.db__swapinfo-out{font-size:16px}.db__swapinfo.is-idle{display:none}}.settings__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(22px,2.6vw,36px);max-width:1160px;width:100%}.settings__panel{padding:30px clamp(18px,2vw,30px) 14px}.settings__extra{padding:16px 0 6px}.settings__grid{max-width:1240px}.settings__replay>span,.settings__rules-edit>span{display:inline-flex;align-items:center;gap:8px}.settings__replay svg{width:18px;height:18px}.settings__binds{padding:8px 0 10px}.settings__bind-head,.settings__bind{display:grid;grid-template-columns:minmax(118px,1fr) minmax(0,1.25fr) minmax(0,.9fr);align-items:center;gap:12px}.settings__bind-head{padding:4px 0 8px;font-family:var(--font-display);font-weight:700;font-size:calc(13px * var(--ts, 1));letter-spacing:.06em;text-transform:uppercase;color:var(--mist-dim)}.settings__bind-list{margin:0;padding:0;list-style:none}.settings__bind{min-height:46px;padding:6px 0;border-top:1px solid rgba(142,174,255,.1)}.settings__bind-name{display:grid;min-width:0;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:calc(17px * var(--ts, 1));line-height:1.1;color:var(--ivory)}.settings__bind-sub{font-family:var(--font-body);font-style:normal;font-weight:600;font-size:calc(12.5px * var(--ts, 1));color:var(--mist-dim)}.settings__bind-keys{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0}.settings__bind-keys .key{min-width:26px;height:26px;padding:0 7px;font-size:14px}.settings__bind-keys .key--wide{min-width:0}.settings__bind-keys .key--alt{color:var(--mist);background:#f4f6ff0f;box-shadow:inset 0 0 0 1px #c9d8ff66}.settings__bind-keys .mbtn{width:19px;height:26px}.settings__bind-keys .padbtn{width:26px;height:26px;font-size:13px}.settings__bind-keys .padbtn--wide{width:auto;font-size:12px}.settings__bind-sep{font-family:var(--font-display);font-weight:700;color:var(--mist-dim)}.settings__bind-note{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:10px 12px;border-radius:8px;font-size:calc(13.5px * var(--ts, 1));line-height:1.4;color:var(--mist);background:#03061873}.settings__bind-note svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--royal-200)}.field--seg .seg,.howto__tabs{flex:none}.howto__page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(18px,2.2vw,30px);max-width:1240px;width:100%}.howto__page[hidden]{display:none}.howto__col{display:grid;align-content:start;gap:clamp(18px,2.2vw,30px);min-width:0}.howto__wide{grid-column:1 / -1;min-width:0}.howto__topic{display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto;column-gap:20px;row-gap:8px;align-content:start;padding:24px clamp(18px,2vw,28px) 20px;animation:rise .52s var(--ease-out) both}.howto__col+.howto__col>.howto__topic,.howto__topic+.howto__topic{animation-delay:70ms}.howto__col+.howto__col>.howto__topic+.howto__topic{animation-delay:.14s}.howto__art{grid-row:1 / span 4;width:84px;height:84px;padding:10px;border-radius:18px;transform:skew(var(--slant));background:linear-gradient(160deg,var(--royal-400),var(--royal-700));box-shadow:inset 0 2px #ffffff4d,0 5px 0 var(--royal-800)}.howto__art svg{width:100%;height:100%;overflow:visible;transform:skew(var(--slant-inv));filter:drop-shadow(0 3px 0 rgba(3,6,24,.6))}.howto__topic--crimson .howto__art{background:linear-gradient(160deg,var(--crimson-400),var(--crimson-700));box-shadow:inset 0 2px #ffffff4d,0 5px #4d0516}.howto__topic--gold .howto__art{background:linear-gradient(160deg,var(--gold-300),var(--gold-600));box-shadow:inset 0 2px #fff6,0 5px 0 var(--gold-700)}.howto__topic--ink .howto__art{background:linear-gradient(160deg,var(--ink-600),var(--ink-850));box-shadow:inset 0 0 0 1.5px var(--edge-strong),0 5px 0 var(--ink-950)}.howto__title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:var(--fs-h2);line-height:.95}.howto__text{color:var(--mist);max-width:60ch}.howto__keys{display:grid;gap:4px;margin-top:2px}.howto__key-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:4px;border-bottom:1px solid rgba(142,174,255,.1)}.howto__keys .key{height:26px;min-width:26px;font-size:13px}.howto__keys .padbtn{width:26px;height:26px;font-size:13px}.howto__keys .padbtn--wide{width:auto;min-width:32px;font-size:12px}.howto__action{color:var(--mist);font-weight:600}.howto__combo{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.howto__plus{align-self:center;font-family:var(--font-display);font-weight:700;color:var(--mist-dim)}.howto__keys .mbtn{width:18px;height:25px}.howto__topic--rainbow .howto__art{background:linear-gradient(160deg,#7b3cf0,#2b0d66);box-shadow:inset 0 2px #ffffff4d,0 5px #1a0640}.howto__topic--moon .howto__art{background:linear-gradient(160deg,#ff9a4a,#8a250c);box-shadow:inset 0 2px #ffffff59,0 5px #4a1205}.howto__topic--final{box-shadow:inset 0 0 0 1px var(--edge),inset 0 3px 0 -1px #ffffff1a,var(--shadow-drop)}.howto__topic--final:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:2px;background:var(--rainbow);opacity:.8}.howto__topic--list{grid-template-columns:minmax(0,1fr)}.howto__items{display:grid;gap:4px;margin:2px 0 0;padding:0;list-style:none}.howto__item{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid rgba(142,174,255,.1)}.howto__item:last-child{border-bottom:0}.howto__item-art,.howto__item-art svg{display:block;width:52px;height:52px;overflow:visible;filter:drop-shadow(0 3px 0 rgba(3,6,24,.6))}.howto__item-body{display:grid;gap:2px;min-width:0}.howto__item-name{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:20px;line-height:1.05;color:var(--ivory)}.howto__item--smashball .howto__item-name{background:var(--rainbow);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.howto__item-text{color:var(--mist);line-height:1.35}.howto__topic--mods .howto__mods{grid-column:1 / -1}.howto__mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 0;padding:0;list-style:none}.howto__mod{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:14px 16px 14px 14px;border-radius:12px;background:#03061880;box-shadow:inset 0 0 0 1.5px var(--edge)}.howto__mod-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--gold-300);background:#2d5bf04d;box-shadow:inset 0 0 0 1.5px var(--edge-strong)}.howto__mod-icon svg{width:26px;height:26px}.howto__mod-body{display:grid;gap:4px;min-width:0}.howto__mod-name{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:20px;line-height:1.05;color:var(--ivory)}.howto__mod-text{color:var(--mist);line-height:1.35}.backdrop--results{background:radial-gradient(60% 40% at 50% 18%,var(--res-glow, rgba(255, 204, 46, .24)),transparent 70%),linear-gradient(180deg,#080d2cb8,#050920e6)}.screen--results[data-outcome=defeat]{--res-glow: rgba(232, 25, 63, .26);--res-a: var(--crimson-400);--res-b: var(--crimson-700)}.screen--results[data-outcome=victory]{--res-a: var(--gold-300);--res-b: var(--gold-600)}.screen--results[data-outcome=draw]{--res-glow: rgba(142, 174, 255, .24);--res-a: var(--royal-300);--res-b: var(--royal-600)}.results__wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.2vh,24px);padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l)}.results__banner{position:relative;display:grid;justify-items:center;gap:6px;margin-top:clamp(0px,1.5vh,20px);padding:6px 40px;text-align:center}.results__slash{position:absolute;left:50%;top:46%;width:min(1100px,130vw);height:64%;transform:translate(-50%,-50%) skewY(-6deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--res-b, var(--gold-600)) 70%,transparent) 18%,color-mix(in srgb,var(--res-b, var(--gold-600)) 70%,transparent) 82%,transparent);z-index:-1;animation:band-in .56s var(--ease-out) both 80ms}.results__title{font-size:clamp(84px,min(11vw,19vh),172px);line-height:.82;color:var(--res-a, var(--gold-300));-webkit-text-stroke:.05em var(--ink-950);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink-950);animation:slam-in .62s var(--ease-out) both .12s}.results__sub{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:clamp(20px,2vw,26px);color:var(--ivory);animation:rise .52s var(--ease-out) both .38s}.results__card{width:min(760px,100%);display:grid;gap:14px;padding:clamp(16px,2vw,26px);animation:rise .56s var(--ease-out) both .3s}.results__versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}.results__side{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:6px;align-items:center}.results__side--red{grid-template-columns:minmax(0,1fr) auto;text-align:right}.results__side--red .results__emblem{grid-column:2;grid-row:1 / span 2}.results__side--red .results__who,.results__side--red .results__crowns{grid-column:1;justify-self:end}.results__emblem{grid-row:1 / span 2;width:76px;height:76px;padding:10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--accent) 50%,#ffffff),var(--accent) 60%,color-mix(in srgb,var(--accent) 55%,#050920));box-shadow:0 0 0 3px var(--ink-950),0 0 0 6px var(--team-blue)}.results__side--red .results__emblem{box-shadow:0 0 0 3px var(--ink-950),0 0 0 6px var(--team-red)}.results__emblem svg{width:100%;height:100%}.results__who{display:grid;line-height:1.05}.results__team{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--mist)}.results__hero{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(24px,2.4vw,32px)}.results__crowns{display:flex;gap:4px}.results__crown{width:30px;height:30px;color:#8eaeff38}.results__crown svg{width:100%;height:100%}.results__crown.is-on{color:var(--gold-300);filter:drop-shadow(0 3px 0 var(--ink-950));animation:crown-pop .52s var(--ease-snap) both}.results__vs{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:30px;color:var(--mist-dim)}.results__table{display:grid;border-top:1px solid rgba(142,174,255,.14)}.results__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:7px 4px;border-bottom:1px solid rgba(142,174,255,.1);animation:rise .42s var(--ease-out) both}.results__label{font-weight:600;color:var(--mist);text-align:center}.results__val{font-family:var(--font-chunky);font-size:24px;color:var(--ivory)}.results__val--red{text-align:right}.results__val.is-best{color:var(--gold-300)}.results__duration{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:18px;color:var(--mist)}.results__duration svg{width:20px;height:20px}.results__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 22px;animation:rise .52s var(--ease-out) both .6s}@media(min-width:601px)and (min-height:521px)and (max-height:940px){.results__wrap{gap:clamp(10px,1.6vh,14px)}.results__banner{margin-top:0}.results__row{padding-block:4px}.results__card{gap:10px}.results__emblem{width:68px;height:68px;padding:9px}}@media(min-width:1000px)and (min-height:521px)and (max-height:820px){.results__wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:auto auto auto;grid-template-areas:"banner card" "actions card" "hints card";align-content:center;align-items:center;justify-items:center;gap:22px clamp(24px,3vw,48px)}.results__banner{grid-area:banner;padding:6px 12px}.results__slash{width:150%}.results__title{font-size:clamp(84px,8.6vw,140px)}.results__card{grid-area:card;width:min(700px,100%);justify-self:start}.results__actions{grid-area:actions}.results__wrap>.scr-hints{grid-area:hints;margin-top:0}}@keyframes rise{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}@keyframes tile-in{0%{opacity:0;transform:skew(var(--slant)) translate3d(60px,0,0)}to{opacity:1;transform:skew(var(--slant))}}@keyframes card-in{0%{opacity:0;transform:translate3d(0,24px,0) scale(.96)}to{opacity:1;transform:none}}@keyframes logo-drop{0%{opacity:0;transform:translateY(-50px) rotate(-40deg) scale(.4)}to{opacity:1;transform:none}}@keyframes logo-slide{0%{opacity:0;transform:skew(var(--slant)) translate(-70px)}to{opacity:1;transform:skew(var(--slant))}}@keyframes logo-slam{0%{opacity:0;transform:scale(1.7)}55%{opacity:1;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes start-pulse{0%,to{box-shadow:inset 0 0 0 1.5px #ffcc2e8c,inset 0 2px #ffffff1f,0 6px #030618bf,0 0 #ffcc2e00}50%{box-shadow:inset 0 0 0 1.5px #ffe27af2,inset 0 2px #ffffff1f,0 6px #030618bf,0 0 30px #ffcc2e73}}@keyframes start-glint{0%{left:-60%;opacity:0}6%{opacity:1}30%,to{left:130%;opacity:0}}@keyframes tip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes emblem-swap{0%{transform:scale(.6) rotate(-14deg);opacity:.2}to{transform:none;opacity:1}}@keyframes name-swap{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@keyframes band-in{0%{transform:translate(-50%,-50%) skewY(-6deg) scaleX(0)}to{transform:translate(-50%,-50%) skewY(-6deg) scaleX(1)}}@keyframes slam-in{0%{opacity:0;transform:scale(2.2) skew(var(--slant))}55%{opacity:1;transform:scale(.94) skew(var(--slant))}to{opacity:1;transform:skew(var(--slant))}}@keyframes crown-pop{0%{transform:scale(0) rotate(-30deg)}to{transform:none}}@media(max-width:1100px){.hs__main{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.db__main{grid-template-columns:minmax(0,1fr) minmax(280px,330px)}}@media(max-width:900px){.menu__grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1.5fr) repeat(2,minmax(0,1fr))}.menu__play{grid-row:auto;grid-column:1 / -1}.menu__howto{grid-column:1 / -1}.hs{overflow-y:auto}.hs__main{flex:none;grid-template-columns:1fr}.hs__stage{grid-template-rows:auto auto}.hs__slot{height:clamp(170px,30vh,280px)}.hs__roster{flex:none;grid-auto-rows:auto}.hero-card__portrait{flex:none;height:108px}.hs__roster.is-dense .hero-card__portrait{height:92px}.db__main{grid-template-columns:1fr}.db__detail{position:sticky;top:auto;bottom:0;z-index:3;order:-1}.settings__grid,.howto__page{grid-template-columns:1fr}.howto__mods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.menu__top .logo{--logo-size: 36px}.menu__grid{--slant: -8deg;--slant-inv: 8deg;top:calc(var(--pad-t) + 76px);bottom:calc(var(--pad-b) + 12px);max-height:none;padding-inline:12px;grid-template-columns:1fr;grid-template-rows:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:14px}.menu__play,.menu__howto{grid-column:auto}.menu__play .tile__label{font-size:clamp(64px,19vw,92px)}.menu__play .tile__glyph{width:54%;top:46%}.menu__art{width:min(50%,240px);right:0;top:4%}.menu__art-name{font-size:15px}.menu__grid .tile:not(.menu__play) .tile__label{font-size:40px}.menu__grid .tile:not(.menu__play) .tile__glyph{width:30%}.menu__foot{display:none}.scr-head__title{font-size:clamp(28px,9vw,38px)}.howto__mods{grid-template-columns:minmax(0,1fr)}.howto__tabs .seg__opt{min-width:0;padding:0 10px;font-size:16px}.hs{padding-bottom:calc(var(--pad-b) + 78px)}.hs:after{content:"";position:fixed;left:0;right:0;bottom:0;z-index:4;height:calc(var(--pad-b) + 104px);background:linear-gradient(180deg,transparent,rgba(5,9,32,.94) 58%);pointer-events:none}.hs__slot{height:clamp(150px,25vh,230px)}.hs__name{font-size:min(58px,calc(94cqi / var(--em, 4)))}.hs__desc{display:none}.hs__stats{grid-template-columns:1fr 1fr;gap:6px 16px}.hs__stat{grid-template-columns:50px minmax(0,1fr)}.hs__roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-card__portrait{height:74px;min-height:0}.hero-card__text{padding:6px 8px 8px}.hero-card__name{font-size:21px}.hero-card__tag,.hero-card__bars{display:none}.hero-card__flag{top:6px;padding:3px 8px;font-size:13px}.hero-card__flag--you{left:6px}.hero-card__flag--cpu{right:6px}.hs__roster.is-dense{grid-template-columns:repeat(2,minmax(0,1fr))}.hs__roster.is-dense .hero-card{flex-direction:row;align-items:stretch;min-height:62px;border-radius:12px}.hs__roster.is-dense .hero-card__portrait{flex:none;width:62px;height:auto;min-height:62px}.hs__roster.is-dense .hero-card__emblem{height:76%;max-width:76%}.hs__roster.is-dense .hero-card__text{flex:1;min-width:0;align-content:center;padding:6px 8px 6px 10px}.hs__roster.is-dense .hero-card__name{font-size:min(20px,calc(94cqi / var(--em, 4)))}.hs__roster.is-dense .hero-card__flag{top:4px;padding:2px 6px 3px;font-size:11px}.hs__roster.is-dense .hero-card__flag--you{left:4px}.hs__roster.is-dense .hero-card__flag--cpu{inset:auto auto 4px 4px}.hs__foot{gap:12px 16px}.hs__fight{position:fixed;left:var(--pad-l);right:var(--pad-r);bottom:var(--pad-b);z-index:5;width:auto;margin-left:0}.db__deck-grid,.db__coll-grid{--cols: 4}.db__avg{padding:6px 12px 6px 8px}.db__avg-num,.db__cycle-num{font-size:22px}.db__deck,.db__coll{padding:30px 12px 16px}.db__detail{padding:14px;gap:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.db__detail .panel__tab,.db__stats,.db__detail-desc{display:none}.db__detail-top{gap:12px}.db__detail-card .card{--cw: 60px}.db__detail-name{font-size:28px}.db__action{width:auto;padding:0 16px;font-size:17px}.db__action-rest{display:none}.results__title{font-size:84px}.results__versus{grid-template-columns:1fr;justify-items:stretch}.results__vs{display:none}.results__side--red{grid-template-columns:auto minmax(0,1fr);text-align:left}.results__side--red .results__emblem{grid-column:1}.results__side--red .results__who,.results__side--red .results__crowns{grid-column:2;justify-self:start}.results__actions .btn{flex:1 1 100%}}@media(max-height:520px)and (orientation:landscape){.scr{gap:12px}.scr-head__title{font-size:36px}.menu__top .logo{--logo-size: 30px}.menu__grid{top:calc(var(--pad-t) + 54px);bottom:var(--pad-b);max-height:none;padding-inline:28px;grid-template-columns:1.25fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}.menu__play{grid-row:1 / span 3;grid-column:auto;padding:20px 26px}.menu__howto{grid-column:auto}.menu__grid .tile{min-height:0}.menu__grid .tile:not(.menu__play){padding:10px 20px 12px 26px}.menu__play .tile__label{font-size:78px}.menu__grid .tile:not(.menu__play) .tile__label{font-size:32px}.menu__grid .tile:not(.menu__play) .tile__desc{font-size:calc(13px * var(--ts, 1))}.menu__grid .tile:not(.menu__play) .tile__glyph{width:26%}.menu__art{width:min(56%,230px);right:-2%;top:0}.menu__art-name{font-size:15px}.menu__foot{display:none}.boot__center{gap:20px;padding-bottom:calc(var(--pad-b) + 70px)}.boot__logo .logo{--logo-size: 54px}.hs{gap:10px;overflow-y:auto}.hs__main{flex:1;min-height:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px}.hs__stage{grid-template-rows:minmax(0,1fr) auto;border-radius:18px}.hs__slot{height:auto;padding:8px}.hs__emblem{width:min(64%,118px)}.hs__info{gap:2px;padding:0 16px 12px}.hs__name{font-size:min(40px,calc(94cqi / var(--em, 4)))}.hs__tag{font-size:16px}.hs__desc{display:none}.hs__stats{grid-template-columns:1fr 1fr;gap:3px 14px;margin-top:6px}.hs__stat{grid-template-columns:44px minmax(0,1fr);gap:6px}.hs__stat-name{font-size:calc(12px * var(--ts, 1))}.hs__side{gap:10px}.hs__roster{flex:1;grid-auto-rows:minmax(0,1fr);gap:8px}.hero-card{border-radius:12px}.hero-card__portrait{flex:1;height:auto;min-height:0}.hero-card__text{padding:4px 8px 6px}.hero-card__name{font-size:17px}.hero-card__tag,.hero-card__bars{display:none}.hero-card__flag{top:4px;padding:2px 7px;font-size:12px}.hero-card__flag--you{left:5px}.hero-card__flag--cpu{right:5px}.hs__roster.is-dense{grid-template-columns:repeat(var(--roster-strip, 8),minmax(0,1fr));gap:6px}.hs__roster.is-dense .hero-card{border-radius:10px}.hs__roster.is-dense .hero-card__emblem{width:80%;height:auto;max-width:none;max-height:74%}.hs__roster.is-dense .hero-card__text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hs__roster.is-dense .hero-card__flag{top:3px;padding:1px 5px 2px;font-size:10px}.hs__roster.is-dense .hero-card__flag--you{left:3px}.hs__roster.is-dense .hero-card__flag--cpu{top:auto;right:3px;bottom:3px}.hs__opp-value{width:150px}.hs__foot{gap:8px 14px}.hs__field{gap:4px}.hs__arrow,.hs__opp-value{height:38px}.hs__opp-emblem{width:28px;height:28px}.hs__opp-name{font-size:min(18px,calc((100cqi - 38px) / var(--em, 4)))}.hs__foot .seg__opt{min-width:60px;height:34px;padding:0 10px;font-size:16px}.hs__fight{flex:1 1 100%;min-width:0;min-height:46px;margin-left:0;font-size:24px}.db__deck,.db__coll{padding:30px 14px 14px}.db__detail{padding:12px 16px;gap:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.db__detail .panel__tab,.db__stats,.db__detail-desc{display:none}.db__detail-top{gap:12px}.db__detail-card .card{--cw: 58px}.db__detail-name{font-size:28px}.db__action{width:auto;padding:0 18px;font-size:18px}.results__wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"banner card" "actions card";align-items:center;gap:14px 24px}.results__banner{grid-area:banner;margin-top:0;padding:6px 12px}.results__slash{width:150%}.results__title{font-size:76px}.results__sub{font-size:calc(18px * var(--ts, 1))}.results__card{grid-area:card;width:100%;gap:6px;padding:12px 16px}.results__emblem{width:52px;height:52px;padding:7px}.results__hero,.results__vs{font-size:22px}.results__row{padding:3px 4px}.results__val{font-size:20px}.results__duration{font-size:15px}.results__actions{grid-area:actions;align-self:start;gap:10px 14px}.results__actions .btn{min-height:48px;padding:0 22px;font-size:22px}}.settings__col{display:grid;align-content:start;gap:clamp(22px,2.6vw,36px);min-width:0}.settings__rules-edit svg,.rules__reset svg{width:18px;height:18px}.hs__rules>span>svg{width:20px;height:20px}.hs__rules-tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:4px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:15px;line-height:1;color:#241400;background:linear-gradient(180deg,var(--gold-300),var(--gold-500))}.hs__rules-tag svg{width:15px;height:15px}.hs__opp-emblem.is-mirror{transform:scaleX(-1)}.hs__arrow:disabled{opacity:.35;pointer-events:none}.screen--rules{background:#070c2a}.rules__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"levels chaos" "preview chaos";grid-template-rows:auto 1fr;align-items:start;gap:clamp(26px,2.6vw,36px);max-width:1240px;width:100%;padding-top:8px}.rules__panel--levels{grid-area:levels}.rules__panel--chaos{grid-area:chaos}.rules__panel--preview{grid-area:preview}.rules__preview-lead{margin:0 0 6px;font-size:var(--fs-small);color:var(--mist-dim)}.rules__timeline:before{left:27px;top:14px;bottom:18px}.rules__timeline .tl__step{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:3px 0}.rules__timeline .tl__mark{min-width:50px;height:24px;padding:0 6px;font-size:15px}.rules__timeline .tl__mark:empty{min-width:0;width:10px;height:10px;margin-top:7px;padding:0}.rules__timeline .tl__mark--glyph{width:32px;height:32px}.rules__timeline .tl__body{display:block;padding-top:2px;line-height:1.3}.rules__timeline .tl__title{display:inline-flex;vertical-align:baseline;gap:6px;margin-right:8px;font-size:16px}.rules__timeline .tl__glyph{width:20px;height:20px;align-self:center}.rules__timeline .tl__text{display:inline;font-size:var(--fs-small)}@media(min-width:1360px){.rules__grid,.rules__foot{max-width:1640px}.rules__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr) minmax(0,.95fr);grid-template-areas:"levels chaos preview";grid-template-rows:auto}.rules__panel--levels .field--seg{grid-template-columns:minmax(0,1fr);gap:10px}.rules__panel--levels .field--seg .seg{justify-self:start}}.rules__panel{padding:30px clamp(18px,2vw,30px) 16px}.rules__mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:14px}.rules__mod{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-height:72px;padding:10px 34px 10px 12px;border-radius:10px;text-align:left;color:var(--ivory);background:#03061880;box-shadow:inset 0 0 0 1.5px var(--edge);transition:background var(--t-fast),box-shadow var(--t-fast),opacity var(--t-fast),transform var(--t-fast) var(--ease-out)}.rules__mod-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--gold-300);background:#2d5bf04d;box-shadow:inset 0 0 0 1.5px var(--edge-strong)}.rules__mod-icon svg{width:24px;height:24px}.rules__mod-text{display:grid;gap:3px;min-width:0}.rules__mod-name{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:19px;line-height:1.05}.rules__mod-desc{font-size:calc(13.5px * var(--ts, 1));line-height:1.25;color:var(--mist-dim)}.rules__mod-check{position:absolute;top:8px;right:8px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:transparent;background:#03061899;box-shadow:inset 0 0 0 1.5px var(--edge)}.rules__mod-check svg{width:14px;height:14px}.rules__mod.is-on{background:linear-gradient(180deg,#ffcc2e38,#ffcc2e12);box-shadow:inset 0 0 0 2px var(--gold-400),0 0 20px -6px #ffcc2eb3}.rules__mod.is-on .rules__mod-icon,.rules__mod.is-on .rules__mod-check{color:#241400;background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:none}.rules__mods[data-mode=none] .rules__mod,.rules__mods[data-mode=random] .rules__mod{opacity:.6}.rules__mods[data-mode=random] .rules__mod-check{visibility:hidden}@media(hover:hover){.rules__mod:hover{opacity:1;background:#2d5bf04d}}.rules__mod:active{transform:scale(.97)}.rules__counter{padding:12px 2px 2px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:16px;color:var(--mist)}.rules__counter.is-flash{color:var(--gold-300)}.rules__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 20px;max-width:1240px;width:100%}.rules__note{margin-right:auto;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:calc(17px * var(--ts, 1));color:var(--gold-300)}.rules__done{min-width:190px}.results__moon{display:none;width:32px;height:32px;margin-right:8px;vertical-align:-8px}.results__moon svg{display:block;width:100%;height:100%;overflow:visible}.screen--results.is-moon .results__moon{display:inline-block;animation:moon-drop .7s cubic-bezier(.34,1.56,.64,1) both .46s}.screen--results.is-moon .results__sub{color:#ffe2b8}@keyframes moon-drop{0%{opacity:0;transform:translateY(-40px) scale(1.6) rotate(-20deg)}}@media(max-width:900px){.rules__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"levels" "chaos" "preview";grid-template-rows:auto}}@media(max-width:600px){.rules__mods{grid-template-columns:minmax(0,1fr);gap:8px}.rules__mod{min-height:60px;padding:8px 34px 8px 10px}.rules__mod-icon{width:36px;height:36px}.rules__foot{justify-content:stretch}.rules__done{flex:1}.hs__rules-tag{height:20px;padding:0 5px;font-size:13px}}@media(max-height:520px)and (orientation:landscape){.rules__panel{padding:24px 16px 10px}.rules__mods{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:8px}.rules__mod{min-height:54px;padding:6px 30px 6px 8px;gap:8px;grid-template-columns:32px minmax(0,1fr)}.rules__mod-icon{width:32px;height:32px}.rules__mod-icon svg{width:20px;height:20px}.rules__mod-name{font-size:16px}.rules__mod-desc{font-size:calc(12px * var(--ts, 1))}.rules__counter{padding-top:8px;font-size:14px}}.menu__account{position:absolute;top:var(--pad-t);right:var(--pad-r);z-index:2;max-width:min(60vw,320px);animation:rise .52s var(--ease-out) both}.menu__grid.menu__grid--online{grid-template-columns:minmax(0,.66fr) minmax(0,.66fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-areas:"play play deck" "play play settings" "online ranked howto"}.menu__grid--online .menu__play{grid-area:play}.menu__grid--online .menu__online{grid-area:online}.menu__grid--online .menu__ranked{grid-area:ranked}.menu__grid--online .menu__deck{grid-area:deck}.menu__grid--online .menu__settings{grid-area:settings}.menu__grid--online .menu__howto{grid-area:howto}.menu__grid--online .menu__play .tile__label{font-size:clamp(64px,7.6vw,132px)}.menu__grid--online .menu__art{top:-4%;width:min(50%,330px)}.menu__grid.menu__grid--online :is(.menu__online,.menu__ranked){padding:16px 20px 16px 26px}.menu__grid.menu__grid--online :is(.menu__online,.menu__ranked) .tile__label{font-size:clamp(32px,3.3vw,54px)}.menu__grid.menu__grid--online :is(.menu__online,.menu__ranked) .tile__desc{font-size:calc(13px * var(--ts, 1));max-width:24ch}.menu__grid.menu__grid--online :is(.menu__online,.menu__ranked) .tile__glyph{width:min(46%,150px);right:-8%}.menu__grid--online .tile:nth-child(5){animation-delay:.25s}.menu__grid--online .tile:nth-child(6){animation-delay:.31s}.hs__mode{height:28px;font-size:16px;background:linear-gradient(90deg,var(--elixir-500),var(--elixir-700));box-shadow:inset 0 0 0 1px #f9a6ff99}.hs__mode.is-ranked{color:#241400;background:linear-gradient(90deg,var(--gold-300),var(--gold-500));box-shadow:none}.hs__field.hs__field--online{flex:1 1 240px;min-width:0;max-width:440px}.hs__online{display:grid;gap:2px;min-height:44px;padding:5px 16px 6px;border-radius:8px;background:linear-gradient(90deg,#c42de66b,#520a6e4d);box-shadow:inset 0 0 0 1.5px #f9a6ff6b}.hs__field--online.is-ranked .hs__online{background:linear-gradient(90deg,#f4ae0b4d,#7f4f0042);box-shadow:inset 0 0 0 1.5px var(--edge-gold)}.hs__online-who{min-width:0;overflow:hidden;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:20px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;color:var(--ivory)}.hs__online-rules{font-size:var(--fs-micro);font-weight:600;color:var(--mist)}.oq{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.4vh,28px);padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l)}.oq .scr-head{align-self:stretch}.oq__mode{height:30px;font-size:17px;background:linear-gradient(90deg,var(--elixir-500),var(--elixir-700));box-shadow:inset 0 0 0 1px #f9a6ff99}.oq.is-ranked .oq__mode{color:#241400;background:linear-gradient(90deg,var(--gold-300),var(--gold-500));box-shadow:none}.oq__stage{--emblem: clamp(110px, min(17vw, 26vh), 210px);flex:1 1 auto;min-height:0;width:min(1100px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;align-content:center;gap:clamp(12px,3vw,48px)}.oq__side{display:grid;justify-items:center;gap:24px;min-width:0;text-align:center;animation:rise .52s var(--ease-out) both}.oq__side--opp{animation-delay:.12s}.oq__emblem-wrap{position:relative;width:var(--emblem);aspect-ratio:1}.oq__emblem{--ring: var(--team-blue);position:absolute;inset:0;display:grid;place-items:center;padding:14%;border-radius:50%;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--accent, var(--royal-500)) 50%,#ffffff),var(--accent, var(--royal-500)) 60%,color-mix(in srgb,var(--accent, var(--royal-500)) 55%,#050920));box-shadow:0 0 0 5px var(--ink-950),0 0 0 10px var(--ring),0 14px 0 6px #02041259}.oq__side--opp .oq__emblem{--ring: var(--team-red)}.oq__emblem svg{width:100%;height:100%}.oq__side--opp.is-searching .oq__emblem{background:radial-gradient(circle at 40% 35%,#8eaeff47,#090e2eeb 70%)}.oq__unknown{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(64px,9vw,120px);line-height:1;color:var(--mist);animation:oq-bob 1.6s ease-in-out infinite}.oq:not([data-stage=searching]) .oq__unknown{animation:none}.oq__pulse{position:absolute;inset:-4%;border-radius:50%;box-shadow:0 0 0 3px #ff4d6399;opacity:0;pointer-events:none}.oq__side--opp.is-searching .oq__pulse{animation:oq-pulse 1.6s var(--ease-out) infinite}.oq__side--opp.is-in .oq__emblem-wrap{animation:oq-slam .56s var(--ease-snap) both}.oq__who{display:grid;justify-items:center;gap:4px;min-width:0;max-width:100%}.oq__team{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}.oq__name{max-width:100%;overflow:hidden;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(28px,3.2vw,46px);line-height:1.05;white-space:nowrap;text-overflow:ellipsis;color:var(--ivory)}.oq__side--opp.is-searching .oq__name{color:var(--mist)}.oq__hero{font-weight:600;color:var(--mist)}.oq__rating{color:var(--gold-200);background:#281a00cc;box-shadow:inset 0 0 0 1px var(--edge-gold)}.oq__vs{align-self:start;margin-top:calc(var(--emblem) / 2 - .5em);font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(56px,8vw,116px);line-height:1;color:var(--gold-300);-webkit-text-stroke:.05em var(--ink-950);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink-950);transform:skew(var(--slant))}.oq[data-stage=found] .oq__vs{animation:slam-in .52s var(--ease-out) both}.oq__status{width:min(560px,100%);display:grid;justify-items:center;gap:4px;padding:16px 24px 18px;text-align:center}.oq__search,.oq__error{display:grid;justify-items:center;align-content:center;gap:4px;min-height:var(--oq-status-h, 133px)}.oq[data-stage=error] .oq__search,.oq:not([data-stage=error]) .oq__error{display:none}.oq__timer{font-family:var(--font-chunky);font-size:clamp(40px,5vw,56px);line-height:1;font-variant-numeric:tabular-nums;color:var(--ivory)}.oq__line{font-weight:600;color:var(--ivory)}.oq__range{font-size:var(--fs-small);color:var(--mist)}.oq__rules{margin-top:4px;font-size:var(--fs-micro);font-weight:600;color:var(--mist-dim)}.oq__err-icon{width:30px;height:30px;color:var(--gold-300)}.oq__err-title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(26px,3vw,34px);line-height:1.05}.oq__err-text{max-width:42ch;color:var(--mist)}.oq[data-stage=error] .oq__side--opp{opacity:.45;filter:saturate(.4)}.oq__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 20px}@keyframes oq-pulse{0%{transform:scale(.92);opacity:.9}to{transform:scale(1.28);opacity:0}}@keyframes oq-bob{50%{transform:translateY(-6px)}}@keyframes oq-slam{0%{transform:scale(1.6) rotate(-8deg);opacity:0}60%{transform:scale(.94) rotate(2deg);opacity:1}to{transform:none}}.results__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 32px}.results__rating{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 12px}.results__rating-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--mist)}.results__rating-label svg{width:20px;height:20px;color:var(--gold-300)}.results__rating-value{font-family:var(--font-chunky);font-size:34px;line-height:1;color:var(--ivory)}.results__rating-delta{font-family:var(--font-chunky);font-size:24px;line-height:1;color:var(--mist)}.results__rating[data-tone=up] .results__rating-delta{color:#3fe38b}.results__rating[data-tone=down] .results__rating-delta{color:var(--crimson-300)}.results__rating-from{font-weight:600;color:var(--mist)}.results__rating-note{flex-basis:100%;font-size:var(--fs-micro);font-weight:600;text-align:center;color:var(--gold-200)}@media(max-width:900px){.menu__grid.menu__grid--online{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1.5fr) repeat(3,minmax(0,1fr));grid-template-areas:"play play" "online ranked" "deck settings" "howto howto"}.menu__grid--online .menu__art{top:2%;width:min(46%,300px)}}@media(max-width:600px){.menu__grid.menu__grid--online{grid-template-rows:minmax(0,1.35fr) repeat(4,minmax(0,1fr));grid-template-areas:"play play" "online ranked" "deck deck" "settings settings" "howto howto";gap:12px}.menu__grid--online .menu__play .tile__label{font-size:clamp(56px,16vw,80px)}.menu__grid--online .menu__art{width:min(42%,170px);top:6%;right:0}.menu__grid--online .menu__play .tile__desc{max-width:60%}.menu__grid.menu__grid--online :is(.menu__online,.menu__ranked){padding:10px 14px 12px 20px}.menu__grid.menu__grid--online :is(.menu__online,.menu__ranked) .tile__label{font-size:30px}.menu__grid.menu__grid--online :is(.menu__online,.menu__ranked) .tile__desc{display:none}.menu__grid.menu__grid--online .tile:not(.menu__play) .tile__label{font-size:34px}.menu__account{max-width:calc(100vw - var(--pad-l) - var(--pad-r) - 150px)}.results__foot{gap:6px 16px}.results__rating-label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.results__rating-from{display:none}.results__rating-value{font-size:28px}.results__rating-delta{font-size:20px}}@media(max-width:600px)and (orientation:portrait){.oq__stage{--emblem: clamp(84px, 24vw, 116px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;align-content:center;gap:6px}.oq__vs{align-self:center;justify-self:center;margin-top:0}.oq__side{grid-template-columns:auto minmax(0,1fr);justify-items:start;justify-self:stretch;gap:16px;text-align:left}.oq__side--opp{grid-template-columns:minmax(0,1fr) auto;justify-items:end;text-align:right}.oq__side--opp .oq__emblem-wrap{grid-column:2;grid-row:1}.oq__who{justify-items:inherit}.oq__vs{font-size:48px}.oq__name{font-size:28px}.oq__status{--oq-status-h: 117px;padding:12px 16px 14px}.oq__actions .btn{flex:1 1 140px}}@media(max-height:880px)and (orientation:landscape){.oq{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1.35fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto auto minmax(0,1fr) auto;grid-template-areas:"head head head" ". . ." "you vs opp" "you status opp" "you actions opp" ". . ." "hints hints hints";align-items:center;gap:10px 24px}.oq .scr-head{grid-area:head}.oq__stage{display:contents}.oq__side--you{grid-area:you}.oq__side--opp{grid-area:opp}.oq__side{align-self:start;margin-top:12px}.oq__vs{grid-area:vs;align-self:center;justify-self:center;margin-top:0;font-size:clamp(40px,6vw,96px)}.oq__status{grid-area:status;justify-self:stretch;width:auto}.oq__actions{grid-area:actions}.oq>.scr-hints{grid-area:hints}}@media(max-height:520px)and (orientation:landscape){.menu__grid.menu__grid--online{grid-template-columns:minmax(0,.625fr) minmax(0,.625fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-areas:"play play deck" "play play settings" "online ranked howto"}.menu__grid--online .menu__play{padding:14px 22px}.menu__grid--online .menu__play .tile__label{font-size:60px}.menu__grid--online .menu__play .tile__desc{display:none}.menu__grid--online .menu__art{top:-6%;width:min(44%,170px)}.menu__grid.menu__grid--online :is(.menu__online,.menu__ranked){padding:8px 12px 10px 18px}.menu__grid.menu__grid--online :is(.menu__online,.menu__ranked) .tile__label{font-size:26px}.menu__grid.menu__grid--online :is(.menu__online,.menu__ranked) .tile__desc{display:none}.oq{gap:6px 16px}.oq__stage{--emblem: clamp(72px, 22vh, 104px)}.oq__side{gap:18px}.oq__name{font-size:24px}.oq__vs{font-size:40px}.oq__status{--oq-status-h: 111px;padding:8px 18px 10px}.oq__timer{font-size:34px}.oq .scr-hints{display:none}.results__rating-value{font-size:26px}.results__rating-delta{font-size:19px}}.hs__roster.is-dense .hero-card__portrait:has(>.hero-card__shot) .hero-card__emblem{height:30px;max-height:none}.ui-fx{position:absolute;inset:0;z-index:var(--z-fx);pointer-events:none}.ui-toasts{position:absolute;inset:0;z-index:var(--z-toast);pointer-events:none}.ui-wipe{position:absolute;top:-10%;bottom:-10%;left:-10%;width:120%;z-index:var(--z-wipe);pointer-events:none;transform:translate(-135%) skew(-18deg);background:linear-gradient(90deg,transparent 0%,var(--royal-600) 8%,var(--royal-500) 38%,var(--gold-300) 38.6% 41%,var(--crimson-500) 41.6% 86%,transparent 100%)}.pause__scrim{position:absolute;inset:0;background:linear-gradient(var(--slash-angle),rgba(45,91,240,.28) 0 36%,transparent 36.3%),#04071aad;backdrop-filter:blur(7px) saturate(1.2);-webkit-backdrop-filter:blur(7px) saturate(1.2)}.pause__box{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l)}.pause__title{font-size:clamp(84px,13vw,180px);color:var(--ivory);transform:skew(var(--slant));-webkit-text-stroke:.045em var(--ink-950);paint-order:stroke fill;text-shadow:0 .06em 0 var(--royal-600),0 .11em 0 var(--ink-950);animation:slam-in .52s var(--ease-out) both}.pause__info{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:calc(20px * var(--ts, 1));color:var(--mist);text-align:center}.pause__actions{display:grid;gap:14px;width:min(380px,100%);margin-top:8px}.pause__actions .btn{width:100%;justify-content:flex-start;padding-left:30px}.pause__actions .btn--lg{justify-content:center;padding-left:44px}.pause__box .hints{margin-top:10px}.pause__note{margin-top:-8px;font-size:var(--fs-small);font-weight:600;color:var(--gold-200);text-align:center}.pause__confirm{display:none;width:min(440px,100%);margin-top:8px;padding:18px 22px 20px;border-radius:var(--radius-card);text-align:center;background:linear-gradient(180deg,#7d0a248c,#14061ed1);box-shadow:inset 0 0 0 1.5px #ff8a9780,var(--shadow-lift)}.pause__box.is-confirming .pause__confirm{display:grid;gap:10px;animation:rise .32s var(--ease-out) both}.pause__box.is-confirming .pause__actions{display:none}.pause__confirm-title{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(26px,3vw,34px);line-height:1;color:var(--ivory)}.pause__confirm-title svg{width:28px;height:28px;flex:none;color:var(--gold-300)}.pause__confirm-text{font-weight:600;color:var(--mist)}.pause__confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.pause__confirm-actions .btn{justify-content:center}.countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .2s linear}.countdown.is-on{opacity:1}.countdown__band{position:absolute;left:50%;top:50%;width:140vw;height:clamp(130px,26vh,260px);transform:translate(-50%,-50%) skewY(-8deg);background:linear-gradient(180deg,transparent 0 6%,rgba(255,226,122,.85) 6% 9%,transparent 9% 91%,rgba(255,226,122,.85) 91% 94%,transparent 94%),linear-gradient(90deg,transparent,rgba(20,46,140,.88) 18%,rgba(20,46,140,.88) 82%,transparent)}.countdown.is-fight .countdown__band{background:linear-gradient(180deg,transparent 0 6%,rgba(255,226,122,.95) 6% 9%,transparent 9% 91%,rgba(255,226,122,.95) 91% 94%,transparent 94%),linear-gradient(90deg,transparent,rgba(184,15,49,.9) 18%,rgba(184,15,49,.9) 82%,transparent)}.countdown__num{position:relative;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:var(--fs-mega);line-height:.8;letter-spacing:-.02em;color:var(--gold-300);background:linear-gradient(180deg,#fffbe8 12%,var(--gold-300) 45%,var(--gold-500) 70%,var(--gold-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 .035em 0 var(--ink-950)) drop-shadow(.02em 0 0 var(--ink-950)) drop-shadow(-.02em 0 0 var(--ink-950)) drop-shadow(0 -.02em 0 var(--ink-950)) drop-shadow(0 .06em 0 var(--crimson-600));transform:skew(var(--slant));padding:0 .12em}.countdown.is-fight .countdown__band{top:24%;height:clamp(96px,16vh,170px)}.countdown.is-fight .countdown__num{position:absolute;left:50%;top:24%;translate:-50% -50%;font-size:clamp(72px,11vw,160px);background:linear-gradient(180deg,#ffffff 10%,var(--gold-200) 40%,var(--gold-400) 70%,var(--gold-600));-webkit-background-clip:text;background-clip:text}.callout{position:absolute;left:0;right:0;top:17%;display:grid;justify-items:center;gap:2px;pointer-events:none;opacity:0;transition:opacity .15s linear;--c-a: var(--gold-300);--c-b: var(--gold-600);--c-band: rgba(20, 46, 140, .82)}.callout.is-on{opacity:1}.callout--red{--c-a: #ffd0d6;--c-b: var(--crimson-500);--c-band: rgba(125, 10, 36, .82)}.callout--blue{--c-a: var(--royal-200);--c-b: var(--royal-500)}.callout--ivory{--c-a: #ffffff;--c-b: var(--stone-300);--c-band: rgba(184, 15, 49, .86)}.callout--rainbow{--c-band: rgba(58, 16, 112, .84)}.callout--rainbow .callout__text{background:var(--rainbow);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:rainbow-pan 1.4s linear infinite}@keyframes rainbow-pan{to{background-position:-200% 0}}.callout__slash{position:absolute;left:0;right:0;top:50%;height:112%;translate:0 -50%;transform:skew(-24deg);background:linear-gradient(90deg,transparent 4%,var(--c-band) 22%,var(--c-band) 78%,transparent 96%)}.callout__text{position:relative;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(40px,5.4vw,84px);line-height:.86;letter-spacing:-.015em;padding:0 .1em;background:linear-gradient(180deg,#ffffff 8%,var(--c-a) 44%,var(--c-b) 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(.025em 0 0 var(--ink-950)) drop-shadow(-.025em 0 0 var(--ink-950)) drop-shadow(0 -.025em 0 var(--ink-950)) drop-shadow(0 .06em 0 var(--ink-950));transform:skew(-12deg)}.callout__sub{position:relative;padding:3px 14px 4px;border-radius:4px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:calc(clamp(14px,1.3vw,19px) * var(--ts, 1));color:var(--ivory);background:#050920c7;box-shadow:inset 0 0 0 1px var(--edge-strong);transform:skew(var(--slant))}.callout--big{top:34%;gap:4px;transition-duration:.26s}.callout--big .callout__text{font-size:clamp(64px,10vw,148px)}.callout--big .callout__sub{padding:4px 16px 5px;font-size:calc(clamp(18px,1.8vw,24px) * var(--ts, 1))}.toasts{position:absolute;left:50%;top:calc(var(--pad-t) + 92px);transform:translate(-50%);width:min(560px,calc(100% - var(--pad-l) - var(--pad-r)));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{--t-edge: var(--royal-300);max-width:100%;padding:9px 18px 10px 14px;border-radius:6px;background:#070b26e6;box-shadow:inset 4px 0 0 var(--t-edge),inset 0 0 0 1px #8eaeff40,0 10px 22px -10px #020412e6;transform:skew(var(--slant));animation:toast-in .3s var(--ease-snap) both}.toast--warn{--t-edge: var(--crimson-400);background:#3c0616eb}.toast--good{--t-edge: var(--gold-400)}.toast.is-out{animation:toast-out .24s var(--ease-in) both}.toast__in{display:flex;align-items:center;gap:10px;transform:skew(var(--slant-inv))}.toast__icon{flex:none;width:20px;height:20px;color:var(--t-edge)}.toast__glyph{flex:none;width:34px;height:34px;margin:-8px 0 -8px -4px;filter:drop-shadow(0 2px 0 rgba(3,6,24,.7))}.toast__glyph svg{width:100%;height:100%;overflow:visible}.toast--blue{--t-edge: var(--team-blue)}.toast--red{--t-edge: var(--team-red)}.toast__text{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:calc(19px * var(--ts, 1));line-height:1.15;color:var(--ivory)}@keyframes toast-in{0%{opacity:0;transform:skew(var(--slant)) translateY(-12px) scale(.9)}to{opacity:1;transform:skew(var(--slant))}}@keyframes toast-out{to{opacity:0;transform:skew(var(--slant)) translateY(-8px) scale(.96)}}.ui[data-base=hud] .toasts{top:auto;bottom:calc(var(--pad-b) + 236px)}@media(max-width:760px){.ui[data-base=hud] .toasts{bottom:calc(var(--pad-b) + 172px)}.ui[data-base=hud]:has(>.ui-screens>.screen--hud.is-touch) .toasts{bottom:calc(var(--pad-b) + 352px);gap:6px}.ui[data-base=hud]:has(>.ui-screens>.screen--hud.is-touch) .toast{padding:6px 14px 7px 12px}.ui[data-base=hud]:has(>.ui-screens>.screen--hud.is-touch) .toast__text{font-size:15.5px}.ui[data-base=hud]:has(>.ui-screens>.screen--hud.is-touch) .toast__glyph{width:28px;height:28px;margin:-6px 0 -6px -2px}}@media(max-height:520px)and (orientation:landscape){.ui[data-base=hud] .toasts,.ui[data-base=hud]:has(>.ui-screens>.screen--hud.is-touch) .toasts{bottom:calc(var(--pad-b) + 188px)}.pause__box{gap:8px}.pause__title{font-size:64px}.pause__info{font-size:calc(16px * var(--ts, 1))}.pause__actions{gap:8px;margin-top:4px;width:min(340px,100%)}.pause__actions .btn{min-height:42px;font-size:19px}.pause__actions .btn--lg{min-height:50px;font-size:24px}}@media(max-width:600px){.toasts{top:calc(var(--pad-t) + 128px)}.toast__text{font-size:calc(17px * var(--ts, 1))}.callout{top:24%}.callout--big{top:32%}}.screen--hud{--hud-pad: clamp(16px, 1.6vw, 26px);--hud-t: max(var(--hud-pad), var(--safe-t));--hud-r: max(calc(var(--hud-pad) + var(--bleed-x)), var(--safe-r));--hud-b: max(var(--hud-pad), var(--safe-b));--hud-l: max(calc(var(--hud-pad) + var(--bleed-x)), var(--safe-l));--hand-w: min(540px, calc(100vw - var(--hud-l) - var(--hud-r)))}.screen--hud>*{pointer-events:none}.hud__top,.hud__meters,.hud__bottom{transition:opacity var(--t-slow) var(--ease-out)}.screen--hud.is-idle .hud__top,.screen--hud.is-idle .hud__meters,.screen--hud.is-idle .hud__bottom,.screen--hud.is-idle .vpad{opacity:0}.hud__world{position:absolute;inset:0;z-index:1;overflow:hidden}.hud__catcher{position:absolute;inset:0;z-index:3}.screen--hud>.hud__catcher.is-armed{pointer-events:auto;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E %3Cg fill='none' stroke-linecap='round'%3E %3Ccircle cx='16' cy='16' r='9.5' stroke='%23050920' stroke-width='5'/%3E %3Ccircle cx='16' cy='16' r='9.5' stroke='%23ffe27a' stroke-width='2.2'/%3E %3Cpath d='M16 2.5v5M16 24.5v5M2.5 16h5M24.5 16h5' stroke='%23050920' stroke-width='4.4'/%3E %3Cpath d='M16 2.5v5M16 24.5v5M2.5 16h5M24.5 16h5' stroke='%23ffe27a' stroke-width='2'/%3E %3C/g%3E%3Ccircle cx='16' cy='16' r='2.4' fill='%23ffe27a' stroke='%23050920' stroke-width='1.4'/%3E%3C/svg%3E") 16 16,crosshair}.screen--hud>.hud__catcher.is-armed.is-bad{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E %3Cg fill='none' stroke-linecap='round'%3E %3Ccircle cx='16' cy='16' r='9.5' stroke='%23050920' stroke-width='5'/%3E %3Ccircle cx='16' cy='16' r='9.5' stroke='%23ff4d63' stroke-width='2.2'/%3E %3Cpath d='M16 2.5v5M16 24.5v5M2.5 16h5M24.5 16h5' stroke='%23050920' stroke-width='4.4'/%3E %3Cpath d='M16 2.5v5M16 24.5v5M2.5 16h5M24.5 16h5' stroke='%23ff4d63' stroke-width='2'/%3E %3C/g%3E%3Cpath d='M10.5 21.5 21.5 10.5' stroke='%23050920' stroke-width='4.4' stroke-linecap='round'/%3E%3Cpath d='M10.5 21.5 21.5 10.5' stroke='%23ff4d63' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 16 16,not-allowed}.screen--hud>.hud__top .scoreboard,.screen--hud>.hud__meters .pmeter,.screen--hud>.hud__bottom .elixir{pointer-events:auto}.screen--hud.is-casting>.hud__top .scoreboard,.screen--hud.is-casting>.hud__meters .pmeter,.screen--hud.is-casting>.hud__bottom .elixir{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E %3Cg fill='none' stroke-linecap='round'%3E %3Ccircle cx='16' cy='16' r='9.5' stroke='%23050920' stroke-width='5'/%3E %3Ccircle cx='16' cy='16' r='9.5' stroke='%23ffe27a' stroke-width='2.2'/%3E %3Cpath d='M16 2.5v5M16 24.5v5M2.5 16h5M24.5 16h5' stroke='%23050920' stroke-width='4.4'/%3E %3Cpath d='M16 2.5v5M16 24.5v5M2.5 16h5M24.5 16h5' stroke='%23ffe27a' stroke-width='2'/%3E %3C/g%3E%3Ccircle cx='16' cy='16' r='2.4' fill='%23ffe27a' stroke='%23050920' stroke-width='1.4'/%3E%3C/svg%3E") 16 16,crosshair}.hud__fx{position:absolute;inset:0;z-index:9}.hud__top{position:absolute;top:var(--hud-t);left:var(--hud-l);right:var(--hud-r);z-index:5;display:flex;justify-content:center;align-items:flex-start}.hud__pause{position:absolute;top:0;right:0;width:54px;height:54px;display:grid;place-items:center;border-radius:10px;color:var(--ivory);background:#070b26c7;box-shadow:inset 0 0 0 1.5px var(--edge-strong),0 4px #030618b3;transform:skew(var(--slant));transition:background var(--t-fast),transform var(--t-fast) var(--ease-out)}.screen--hud>.hud__top .hud__pause{pointer-events:auto}.hud__pause svg{width:22px;height:22px;transform:skew(var(--slant-inv))}@media(hover:hover){.hud__pause:hover{background:#2d5bf099}}.hud__pause:active{transform:skew(var(--slant)) scale(.92)}.scoreboard{position:relative;display:flex;align-items:stretch;height:64px;filter:drop-shadow(0 10px 16px rgba(2,4,18,.55));animation:sb-drop .56s var(--ease-out) both}.sb__side{width:124px;display:flex;align-items:center;transform:skew(var(--slant))}.sb__side--blue{justify-content:flex-end;padding-right:24px;margin-right:-14px;border-radius:10px 0 0 10px;background:linear-gradient(180deg,var(--royal-400),var(--royal-700));box-shadow:inset 0 2px #ffffff59,inset 0 -3px #00000040,0 0 0 3px var(--ink-950)}.sb__side--red{justify-content:flex-start;padding-left:24px;margin-left:-14px;border-radius:0 10px 10px 0;background:linear-gradient(180deg,var(--crimson-400),var(--crimson-700));box-shadow:inset 0 2px #ffffff59,inset 0 -3px #00000040,0 0 0 3px var(--ink-950)}.sb__side-in{transform:skew(var(--slant-inv))}.sb__crowns{display:flex;gap:1px}.sb__crown{width:28px;height:28px;color:#03061866}.sb__crown svg{width:100%;height:100%}.sb__crown.is-on{color:var(--gold-300);filter:drop-shadow(0 2px 0 rgba(3,6,24,.85))}.sb__clock{position:relative;z-index:1;min-width:156px;display:grid;place-items:center;padding:0 22px;border-radius:8px;transform:skew(var(--slant));background:linear-gradient(180deg,#24358a,#0a1033 72%);box-shadow:inset 0 0 0 2px var(--gold-500),inset 0 3px #ffffff29,0 0 0 3px var(--ink-950);transition:box-shadow var(--t-med)}.sb__clock-in{display:grid;justify-items:center;line-height:1;transform:skew(var(--slant-inv))}.sb__time{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:46px;line-height:.9;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--ivory);text-shadow:0 3px 0 var(--ink-950)}.sb__clock.is-urgent{box-shadow:inset 0 0 0 2px var(--crimson-400),inset 0 3px #ffffff29,0 0 0 3px var(--ink-950),0 0 26px #e8193f8c}.sb__clock.is-urgent .sb__time{color:#ff7486}.sb__phase{display:none;margin-top:2px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:14px;letter-spacing:.03em;color:var(--gold-300)}.sb__clock.is-overtime .sb__phase{display:block}.sb__clock.is-overtime .sb__time{font-size:38px}.sb__info{position:absolute;top:50%;left:calc(100% + 16px);translate:0 -50%;display:flex;align-items:center;gap:8px;white-space:nowrap}.sb__info.is-quiet .sb__ai{display:none}.sb__info.is-quiet .sb__mod:not(.is-active){padding:0 7px}.sb__info.is-quiet .sb__mod:not(.is-active) .sb__mod-label{display:none}.sb__mod>span{display:inline-flex;align-items:center;gap:6px}.screen--hud .scoreboard{transition:filter .6s var(--ease-out)}.screen--hud .hzb{transition:opacity .6s var(--ease-out)}.screen--hud.is-moonfall .scoreboard{filter:drop-shadow(0 10px 16px rgba(2,4,18,.55)) opacity(.28)}.screen--hud{--hud-dim: var(--env-hud-dim, 0)}.sb__side{opacity:calc(1 - .55 * var(--hud-dim, 0))}.sb__clock{background:linear-gradient(180deg,rgb(36 53 138 / calc(1 - .55 * var(--hud-dim, 0))),rgb(10 16 51 / calc(1 - .55 * var(--hud-dim, 0))) 72%)}.sb__time,.sb__moon-time{text-shadow:0 3px 0 var(--ink-950),0 0 14px rgb(3 6 24 / calc(.9 * var(--hud-dim, 0)))}.sb__info{opacity:calc(1 - .6 * var(--hud-dim, 0))}.hzb{opacity:calc(1 - .5 * var(--hud-dim, 0))}.screen--hud.is-moonfall .hzb{opacity:0}.ui:has(>.ui-screens>.screen--hud.is-moonfall) .toasts{opacity:0;transition:opacity .4s}.sb__moon{top:calc(100% + 10px)}.sb__mods{display:inline-flex;gap:8px}.sb__mod svg{width:15px;height:15px;color:var(--gold-300)}.sb__mod--elixirRush.is-active{color:#1a0b2e;background:var(--rainbow);background-size:200% 100%;box-shadow:inset 0 0 0 1px #fff9,0 0 16px #b48cffcc;animation:rainbow-pan 1.4s linear infinite}.sb__mod--elixirRush.is-active svg{color:#1a0b2e}@media(max-width:1100px){.sb__ai{display:none}.sb__mod:not(.is-active){padding:0 7px}.sb__mod:not(.is-active) .sb__mod-label{display:none}}@media(min-width:1181px)and (min-height:521px)and (orientation:landscape){.hud__top{justify-content:flex-end;padding-right:68px}.sb__info{top:calc(100% + 10px);left:auto;right:8px;translate:none}.scoreboard.is-moon .sb__info{visibility:hidden}}@media(min-width:1181px)and (max-width:1599px)and (min-height:521px)and (orientation:landscape){.scoreboard{height:56px}.sb__side{width:100px}.sb__side--blue{padding-right:22px}.sb__side--red{padding-left:22px}.sb__crown{width:24px;height:24px}.sb__clock{min-width:132px;padding:0 18px}.sb__time{font-size:40px}.sb__clock.is-overtime .sb__time{font-size:33px}.sb__phase{font-size:13px}}.hud__meters{position:absolute;left:var(--hud-l);right:var(--hud-r);bottom:var(--hud-b);z-index:4;display:flex;justify-content:space-between;align-items:flex-end}.pmeter{--accent: var(--royal-500);--team: var(--team-blue);--team-lo: var(--royal-800);--por: 92px;--num: 80px;position:relative;display:flex;align-items:center}.pmeter--red{--team: var(--team-red);--team-lo: #4d0516;flex-direction:row-reverse}.pmeter__portrait{position:relative;z-index:2;flex:none;width:var(--por);height:var(--por);border-radius:50%;background:radial-gradient(circle at 38% 30%,color-mix(in srgb,var(--accent) 42%,#ffffff),var(--accent) 58%,color-mix(in srgb,var(--accent) 50%,#050920));box-shadow:0 0 0 4px var(--ink-950),0 0 0 8px var(--team),0 0 0 11px var(--ink-950),0 14px 26px #02041299;transition:filter var(--t-med)}.pmeter__emblem{position:absolute;inset:13%;filter:drop-shadow(0 3px 0 rgba(3,6,24,.55))}.pmeter__emblem svg{width:100%;height:100%;overflow:visible}.pmeter__ring{position:absolute;inset:-15px;border-radius:50%;background:conic-gradient(var(--gold-300) calc(var(--respawn, 0) * 1turn),rgba(255,255,255,.14) 0);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(closest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));opacity:0;transition:opacity var(--t-med)}.pmeter.is-ko .pmeter__ring{opacity:1}.pmeter__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;margin-left:-20px}.pmeter--red .pmeter__body{align-items:flex-end;margin-left:0;margin-right:-20px}.pmeter__num{display:flex;align-items:baseline;padding:0 8px 0 30px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:var(--num);line-height:.8;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff;-webkit-text-stroke:calc(var(--num) * .1) var(--ink-950);paint-order:stroke fill;text-shadow:0 calc(var(--num) * .07) 0 var(--ink-950);transform:scale(var(--pscale, 1));transform-origin:18% 100%;transition:color .22s linear,opacity var(--t-med)}.pmeter--red .pmeter__num{padding:0 30px 0 8px;transform-origin:82% 100%}.pmeter__dec{font-size:.46em;letter-spacing:0}.pmeter__pct{margin-left:.04em;font-size:.52em}.pmeter__plate{margin-top:7px;padding:4px 16px 5px 32px;border-radius:4px;transform:skew(var(--slant));background:linear-gradient(90deg,var(--team),var(--team-lo));box-shadow:inset 0 1px #ffffff59,0 3px #030618bf}.pmeter--red .pmeter__plate{padding:4px 32px 5px 16px;background:linear-gradient(270deg,var(--team),var(--team-lo))}.pmeter__plate-in{display:flex;align-items:center;gap:10px;transform:skew(var(--slant-inv))}.pmeter--red .pmeter__plate-in{flex-direction:row-reverse}.pmeter__name{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:20px;line-height:1;white-space:nowrap;color:var(--ivory)}.pmeter__stocks{display:none;align-items:center;gap:1px;font-family:var(--font-chunky);font-size:15px;line-height:1;color:#fff}.pmeter__stocks.is-visible{display:inline-flex}.pmeter__stocks svg{width:15px;height:15px}.pmeter__ko{position:absolute;z-index:3;left:0;top:50%;width:var(--por);translate:0 -50%;display:grid;justify-items:center;gap:2px;opacity:0;transition:opacity var(--t-med)}.pmeter--red .pmeter__ko{left:auto;right:0}.pmeter.is-ko .pmeter__ko{opacity:1}.pmeter__ko-word{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:calc(var(--por) * .38);line-height:.9;color:var(--crimson-400);-webkit-text-stroke:5px var(--ink-950);paint-order:stroke fill}.pmeter__respawn{font-family:var(--font-chunky);font-size:calc(var(--por) * .2);line-height:1;color:#fff;-webkit-text-stroke:4px var(--ink-950);paint-order:stroke fill}.pmeter.is-ko .pmeter__num{opacity:.28}.pmeter.is-ko .pmeter__portrait{filter:grayscale(.9) brightness(.45)}.hud__bottom{position:absolute;left:50%;bottom:var(--hud-b);z-index:6;width:var(--hand-w);translate:-50% 0;display:flex;flex-direction:column;gap:10px;animation:hand-rise .56s var(--ease-out) both .12s}.hand__tray{position:relative;display:flex;align-items:flex-end;gap:12px;padding:16px 14px 12px;border-radius:18px;background:linear-gradient(180deg,#101a4acc,#050920eb);box-shadow:inset 0 0 0 1.5px var(--edge),inset 0 2px #ffffff14,0 18px 34px -14px #020412d9}.screen--hud>.hud__bottom .hand__tray{pointer-events:auto}.hand__tray:before{content:"";position:absolute;top:-2px;left:26px;width:64px;height:5px;border-radius:2px;background:linear-gradient(90deg,var(--gold-300),var(--gold-500));transform:skew(var(--slant));box-shadow:0 0 12px #ffcc2e8c}.hand__next{flex:none;width:54px;display:grid;justify-items:center;gap:6px;padding-bottom:2px}.hand__next-label{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:calc(14px * var(--ts, 1));line-height:1;color:var(--mist)}.hand__next-card{--cw: 54px}.hand__next-card .card__cost{transform:scale(.86);transform-origin:30% 30%}.hand__next-card.is-empty{visibility:hidden}.hand__slots{flex:1;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hand__slot{position:relative;container-type:inline-size;cursor:grab;touch-action:none}.hand__slot>.card{--cw: 100cqw}.hand__slot.is-empty{visibility:hidden}@media(hover:hover){.hand__slot:hover>.card:not(.is-selected):not(.is-ghosted){transform:translateY(calc(var(--cw) * -.07))}}.hand__key{position:absolute;top:-9px;right:-6px;z-index:4;min-width:22px;height:22px;display:grid;place-items:center;padding:0 5px;border-radius:5px;font-family:var(--font-display);font-weight:800;font-size:14px;line-height:1;color:var(--ink-950);background:linear-gradient(180deg,#ffffff,var(--stone-300));box-shadow:inset 0 -2px 0 var(--stone-400),0 2px #030618cc;opacity:.88;pointer-events:none}html.is-dragging-card,html.is-dragging-card *{cursor:grabbing!important}.elixir{position:relative;display:flex;align-items:center;height:42px;padding-left:2px}.elixir__drop{position:relative;z-index:2;flex:none;width:46px;height:46px;margin-right:-16px}.elixir__drop>span{font-size:25px;-webkit-text-stroke:5px var(--elixir-700)}.elixir__bar{position:relative;flex:1;height:28px;border-radius:6px;overflow:hidden;transform:skew(var(--slant));background:#050920e6;box-shadow:inset 0 0 0 2px #f9a6ff52,0 4px #030618bf,0 12px 22px -10px #020412cc}.elixir__fill,.elixir__brew{position:absolute;left:3px;top:3px;bottom:3px;width:calc(100% - 6px);border-radius:3px;transform-origin:0 50%;transform:scaleX(0)}.elixir__brew{background:linear-gradient(180deg,#f9a6ff8c,#c42de673)}.elixir__fill{background:linear-gradient(180deg,#fcd6ff,#ec5cff 36%,#b021de);box-shadow:inset 0 2px #ffffff8c}.elixir__spent{position:absolute;top:3px;bottom:3px;border-radius:2px;background:linear-gradient(180deg,#fff,#fbd0ff);opacity:0}.elixir__ticks{position:absolute;inset:0 3px;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 3px),rgba(5,9,32,.92) calc(10% - 3px) 10%)}.elixir.is-full .elixir__bar{animation:elixir-full 1.1s ease-in-out infinite}.elixir.is-full .elixir__fill{background:linear-gradient(180deg,#fff,#f6a3ff 34%,#d23cf0)}.elixir.is-full .elixir__drop{animation:drop-bounce 1.1s ease-in-out infinite}.elixir__x2{position:absolute;right:-8px;top:-30px;display:none;padding:4px 11px 5px;border-radius:6px;transform:skew(var(--slant)) rotate(-4deg);background:linear-gradient(180deg,var(--gold-200),var(--gold-500));box-shadow:0 3px 0 var(--gold-700),0 0 20px #ffcc2ea6}.elixir__x2>span{display:block;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:21px;line-height:1;color:#2a1500;transform:skew(var(--slant-inv))}.elixir.is-double .elixir__x2{display:block;animation:x2-pulse .9s ease-in-out infinite}.elixir.is-double .elixir__brew{background:linear-gradient(180deg,#ffe27a99,#ec5cff80)}.tbar{position:absolute;left:0;top:0;will-change:transform}.tbar__in{position:relative;display:flex;align-items:center;gap:3px;padding:2px 4px 2px 3px;border-radius:4px;transform:translate(-50%,-100%);background:#050920cc;box-shadow:0 0 0 1px #030618f2,0 2px 6px #02041280}.tbar__track{width:44px;height:6px;border-radius:2px;overflow:hidden;background:#ffffff1f;box-shadow:inset 0 0 0 1px #00000080}.tbar--king .tbar__track{width:58px;height:7px}.tbar__fill{width:100%;height:100%;transform-origin:0 50%;transition:transform .22s var(--ease-out)}.tbar--blue .tbar__fill{background:linear-gradient(180deg,#a9c2ff,var(--royal-500))}.tbar--red .tbar__fill{background:linear-gradient(180deg,#ff9aa6,var(--crimson-500))}.tbar__hp{min-width:22px;font-family:var(--font-chunky);font-size:calc(10px * var(--ts, 1));line-height:1;text-align:right;color:#fff;-webkit-text-stroke:2px var(--ink-950);paint-order:stroke fill}.tbar--king .tbar__hp{font-size:calc(11px * var(--ts, 1))}.tbar__icon{width:11px;height:11px;color:var(--gold-300)}.tbar__icon svg{width:100%;height:100%}.tbar.is-down,.tbar.is-off{display:none}.tbar.is-low .tbar__fill{animation:low-pulse .8s ease-in-out infinite}.tbar.is-full .tbar__hp{opacity:.85}.dmg{position:absolute;left:0;top:0;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:26px;line-height:1;white-space:nowrap;color:#fff;-webkit-text-stroke:5px var(--ink-950);paint-order:stroke fill;will-change:transform,opacity}.dmg--hero{font-size:30px;color:var(--gold-200)}.dmg--strong{font-size:38px;color:var(--gold-300)}.dmg--strong.dmg--hero{color:#ff8a52}.ping{position:absolute;left:0;top:0;will-change:transform,opacity}.ping .card{--cw: 46px}.ping .card__frame{box-shadow:inset 0 1px #ffffffb3,0 0 0 2px var(--ink-950),0 0 0 4px var(--crimson-400),0 0 18px #e8193fb3}.deploy{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;opacity:0;transition:opacity .16s linear}.deploy.is-on{opacity:1}.deploy__forbidden{fill:#e8193f38;stroke:#ff4d6399;stroke-width:2;stroke-dasharray:10 9;transition:fill .16s linear}.deploy.is-invalid .deploy__forbidden{fill:#e8193f66}.deploy__zone{fill:#5684ff33;stroke:var(--royal-200);stroke-width:3;stroke-dasharray:16 9;stroke-linejoin:round;animation:zone-dash 1.1s linear infinite}.deploy__ring{fill:#ffcc2e33;stroke:var(--gold-300);stroke-width:3;stroke-linejoin:round}.deploy__dot{fill:var(--gold-300);stroke:var(--ink-950);stroke-width:2}.deploy.is-bad .deploy__ring{fill:#e8193f38;stroke:var(--crimson-400)}.deploy.is-bad .deploy__dot{fill:var(--crimson-400)}.drop-burst{position:fixed;left:0;top:0;width:120px;height:120px;border-radius:50%;border:4px solid var(--gold-300);box-shadow:0 0 24px #ffcc2e99,inset 0 0 24px #ffcc2e66;opacity:0;pointer-events:none}.drop-burst--spell{border-color:#ff9a5a;box-shadow:0 0 24px #ff7a1ab3,inset 0 0 24px #ff7a1a80}.hud__hint{position:absolute;left:var(--hud-l);top:50%;z-index:7;width:min(310px,calc(100vw - var(--hud-l) - var(--hud-r)));display:grid;gap:12px;padding:18px 18px 16px;border-radius:16px;translate:0 -50%;background:#070b26e0;box-shadow:inset 0 0 0 1.5px var(--edge-strong),var(--shadow-drop)}.screen--hud>.hud__hint{pointer-events:auto}.hud__hint:before{content:"";position:absolute;top:-2px;right:26px;width:56px;height:5px;border-radius:2px;background:linear-gradient(90deg,var(--gold-300),var(--gold-500));transform:skew(var(--slant))}.hud__hint.is-in{animation:hint-in .52s var(--ease-out) both .15s}.hud__hint.is-out{animation:hint-out .24s var(--ease-in) both}.hud__hint-body{display:grid;gap:8px}.hud__hint-title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:26px;line-height:1}.hud__hint-text{color:var(--mist);font-size:calc(15px * var(--ts, 1))}.hud__hint-ok{justify-self:start}.hud__hint-glyph{display:none}.ui[data-input=keys] .hud__hint-glyph--keys,.ui[data-input=pad] .hud__hint-glyph--pad{display:inline-grid}.hud__hint-ok .hud__hint-glyph{height:24px;min-width:0;padding:0 7px;font-size:12.5px;font-style:normal}.hud-legend{position:absolute;left:var(--hud-l);top:50%;z-index:5;translate:0 -50%;display:flex;align-items:center;transition:opacity var(--t-slow) var(--ease-out)}.screen--hud.is-idle .hud-legend{opacity:0}.screen--hud>.hud-legend .hud-legend__panel,.screen--hud>.hud-legend .hud-legend__toggle{pointer-events:auto}.hud-legend__panel{position:relative;width:max-content;padding:11px 12px 10px 10px;border-radius:12px;background:#070b26cc;box-shadow:inset 0 0 0 1px var(--edge),0 12px 26px -14px #020412cc;opacity:.94;transition:opacity var(--t-fast)}.hud-legend__panel:before{content:"";position:absolute;top:-2px;left:18px;width:40px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--gold-300),var(--gold-500));transform:skew(var(--slant))}@media(hover:hover){.hud-legend__panel:hover{opacity:1}}.hud-legend__rows{display:grid;gap:4px;margin:0;padding:0;list-style:none}.hud-legend__row{display:grid;grid-template-columns:86px auto;align-items:center;column-gap:8px;min-height:27px;margin:0 -5px;padding:1px 5px;border-radius:7px;transition:opacity var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.hud-legend__keys{display:flex;align-items:center;gap:3px}.hud-legend .key{min-width:19px;height:19px;padding:0 5px;border-radius:4px;font-size:11.5px;box-shadow:inset 0 -2px 0 var(--stone-400),0 1px #030618cc}.hud-legend .key--alt{color:var(--mist);background:#f4f6ff0f;box-shadow:inset 0 0 0 1px #c9d8ff66}.hud-legend .padbtn{width:19px;height:19px;font-size:11px}.hud-legend .padbtn--wide{width:auto;min-width:24px;padding:0 5px;border-radius:6px;font-size:10.5px}.mbtn{display:inline-grid;place-items:center;width:15px;height:21px;color:var(--ivory)}.mbtn svg{width:100%;height:100%}.mbtn__lit{fill:var(--gold-300)}.hud-legend__sep{font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--mist-dim)}.hud-legend__text{display:grid;min-width:0;line-height:1.08}.hud-legend__label{font-family:var(--font-display);font-weight:800;font-size:calc(14px * var(--ts, 1));letter-spacing:.03em;text-transform:uppercase;color:var(--ivory)}.hud-legend__sub{font-size:calc(11px * var(--ts, 1));font-weight:600;white-space:nowrap;color:var(--mist);opacity:.82}.hud-legend__subs{display:grid}.hud-legend__subs>.hud-legend__sub{grid-area:1 / 1}.hud-legend__sub--cast{visibility:hidden;color:var(--gold-300);opacity:1}.hud-legend.is-casting .hud-legend__row--attack,.hud-legend.is-casting .hud-legend__row--special{opacity:.32}.hud-legend.is-casting .hud-legend__row--cards{background:#ffcc2e24;box-shadow:inset 0 0 0 1px var(--edge-gold)}.hud-legend.is-casting .hud-legend__sub--idle{visibility:hidden}.hud-legend.is-casting .hud-legend__sub--cast{visibility:visible}.hud-legend.is-intro .hud-legend__panel,.hud-legend.is-intro .hud-legend__toggle{opacity:1;animation:legend-intro 1.1s var(--ease-out) 3}.hud-legend__toggle{display:none;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--ivory);background:#070b26b8;box-shadow:inset 0 0 0 1.5px var(--edge-strong),0 3px #030618b3;transform:skew(var(--slant));transition:background var(--t-fast),transform var(--t-fast) var(--ease-out)}.hud-legend__toggle svg{width:21px;height:21px;transform:skew(var(--slant-inv))}@media(hover:hover){.hud-legend__toggle:hover{background:#2d5bf099}}.hud-legend__toggle:active{transform:skew(var(--slant)) scale(.92)}.hud-legend.is-open .hud-legend__toggle{background:#2d5bf0b3;box-shadow:inset 0 0 0 1.5px var(--royal-200),0 3px #030618b3}.hud-legend.is-compact .hud-legend__toggle{display:grid}.hud-legend.is-compact .hud-legend__panel{position:absolute;left:calc(100% + 10px);top:50%;translate:0 -50%;opacity:0;visibility:hidden;background:#070b26eb;transition:opacity var(--t-fast),visibility 0s linear var(--t-fast)}.hud-legend.is-compact.is-open .hud-legend__panel{opacity:1;visibility:visible;transition:opacity var(--t-fast)}.screen--hud.is-touch .hud-legend{top:auto;bottom:calc(var(--hud-b) + 360px);translate:none}.screen--hud.is-touch .hud-legend.is-compact .hud-legend__panel{left:0;top:auto;bottom:calc(100% + 10px);translate:none}.vpad{position:absolute;inset:0;z-index:8}.vstick{position:absolute;left:var(--hud-l);bottom:calc(var(--hud-b) + 200px);width:148px;height:148px;touch-action:none}.screen--hud>.vpad .vstick,.screen--hud>.vpad .vbtn{pointer-events:auto}.screen--hud>.vpad{transition:opacity .2s var(--ease-out)}html.is-dragging-card .screen--hud>.vpad{opacity:.14}html.is-dragging-card .screen--hud.is-touch>.hud__hint{filter:opacity(.16)}.vstick__ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#ffffff0f 0 40%,#05092080 72%);box-shadow:inset 0 0 0 2px #c9d8ff4d,0 8px 20px #02041259}.vstick__knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffffff,var(--stone-300) 60%,var(--stone-500));box-shadow:0 0 0 3px var(--ink-950),0 6px #03061899;transition:transform 90ms var(--ease-out)}.vstick.is-active .vstick__knob{transition:none;box-shadow:0 0 0 3px var(--ink-950),0 0 0 6px var(--gold-400),0 6px #03061899}.vbtns{position:absolute;right:var(--hud-r);bottom:calc(var(--hud-b) + 196px);width:214px;height:196px}.vbtn{--b: var(--royal-500);position:absolute;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 38% 30%,color-mix(in srgb,var(--b) 55%,#ffffff),var(--b) 60%,color-mix(in srgb,var(--b) 55%,#050920));box-shadow:0 0 0 3px var(--ink-950),0 5px #030618a6;touch-action:none;transition:transform 70ms var(--ease-out),filter 70ms linear;opacity:.92}.vbtn svg{width:44%;height:44%;filter:drop-shadow(0 2px 0 rgba(3,6,24,.6))}.vbtn__label{position:absolute;top:calc(100% + 4px);left:50%;translate:-50% 0;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:12.5px;line-height:1;white-space:nowrap;color:var(--ivory);text-shadow:0 1px 0 var(--ink-950),0 0 6px rgba(3,6,24,.8)}.vbtn.is-down{transform:scale(.88);filter:brightness(1.35)}.vbtn--attack{--b: var(--crimson-500);right:0;bottom:18px;width:86px;height:86px}.vbtn--jump{--b: var(--royal-500);right:104px;bottom:8px}.vbtn--special{--b: #8b55ff;right:150px;bottom:84px}.vbtn--smash{--b: var(--gold-500);right:20px;bottom:124px}.vbtn--smash svg{color:#2a1500;filter:none}.vbtn--shield{--b: #1d8f9a;right:88px;bottom:120px;width:54px;height:54px}.screen--hud.is-touch .hand__key{display:none}.hand__pad{position:absolute;top:-12px;left:-8px;display:none;height:26px;pointer-events:none}.ui[data-input=pad] .hand__pad{display:inline-grid}.ui[data-input=pad] .hand__key{display:none}.pad-reticle{position:fixed;left:0;top:0;z-index:6;width:0;height:0;pointer-events:none}.pad-reticle:before,.pad-reticle:after{content:"";position:absolute;left:0;top:0;border-radius:50%;translate:-50% -50%}.pad-reticle:before{width:48px;height:48px;border:3px solid var(--gold-300);box-shadow:0 0 0 2px var(--ink-950),inset 0 0 0 2px var(--ink-950),0 0 20px #ffcc2e8c;animation:reticle-breathe .82s var(--ease-inout) infinite alternate}.pad-reticle:after{width:8px;height:8px;background:var(--gold-300);box-shadow:0 0 0 2px var(--ink-950)}.pad-reticle.is-bad:before{border-color:var(--crimson-400);box-shadow:0 0 0 2px var(--ink-950),inset 0 0 0 2px var(--ink-950),0 0 20px #e8193f8c}.pad-reticle.is-bad:after{background:var(--crimson-400)}.pad-reticle__tag{position:absolute;left:0;top:32px;translate:-50% 0;padding:3px 9px 4px;border-radius:6px;white-space:nowrap;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:13px;color:var(--ivory);background:#050920db;box-shadow:inset 0 0 0 1.5px var(--edge)}@keyframes reticle-breathe{0%{scale:1}to{scale:.84}}@media(prefers-reduced-motion:reduce){.pad-reticle:before{animation:none}}.screen--hud.is-touch .hud__hint{top:calc(var(--hud-t) + 90px);left:50%;translate:-50% 0;width:min(470px,calc(100vw - var(--hud-l) - var(--hud-r)));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:11px 12px 11px 16px;border-radius:12px;transition:filter .16s var(--ease-out)}.screen--hud.is-touch .hud__hint-body{gap:3px}.screen--hud.is-touch .hud__hint-title{font-size:18px}.screen--hud.is-touch .hud__hint-text{font-size:calc(13.5px * var(--ts, 1));line-height:1.3}.screen--hud.is-touch .hud__hint-ok{justify-self:end}@keyframes sb-drop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}@keyframes hand-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes elixir-full{0%,to{box-shadow:inset 0 0 0 2px #f9a6ff80,0 4px #030618bf,0 0 #ec5cff00}50%{box-shadow:inset 0 0 0 2px #fdd6fff2,0 4px #030618bf,0 0 26px #ec5cffd9}}@keyframes drop-bounce{0%,to{transform:none}50%{transform:translateY(-3px) scale(1.06)}}@keyframes x2-pulse{0%,to{transform:skew(var(--slant)) rotate(-4deg) scale(1)}50%{transform:skew(var(--slant)) rotate(-4deg) scale(1.1)}}@keyframes low-pulse{0%,to{filter:none}50%{filter:brightness(1.7)}}@keyframes zone-dash{to{stroke-dashoffset:-25}}@keyframes hint-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes hint-out{to{opacity:0;transform:translate(-16px)}}@media(max-width:1180px){.hud__meters{top:var(--hud-t);bottom:auto;align-items:flex-start;padding-right:66px}.pmeter{--por: 64px;--num: 56px}.pmeter__name{font-size:17px}}@media(max-width:900px)and (min-height:521px){.hud__meters{top:calc(var(--hud-t) + 76px);padding-right:0}}@media(max-width:760px){.scoreboard{height:52px}.sb__side{width:82px}.sb__side--blue{padding-right:20px}.sb__side--red{padding-left:20px}.sb__crown{width:19px;height:19px}.sb__clock{min-width:104px;padding:0 14px}.sb__time{font-size:34px}.sb__clock.is-overtime .sb__time{font-size:28px}.sb__phase{font-size:12px}.hud__pause{width:44px;height:44px}.hud__top{justify-content:flex-start}.hud__meters{top:calc(var(--hud-t) + 64px);padding-right:0}.pmeter{--por: 50px;--num: 42px}.pmeter__ring{inset:-11px}.pmeter__body{margin-left:-12px}.pmeter--red .pmeter__body{margin-right:-12px}.pmeter__num{padding-left:20px}.pmeter--red .pmeter__num{padding-right:20px}.pmeter__plate{margin-top:4px;padding:3px 10px 4px 22px}.pmeter--red .pmeter__plate{padding:3px 22px 4px 10px}.pmeter__name{font-size:14px}.sb__moon{top:calc(100% + 72px)}.sb__info{top:calc(100% + 10px);left:50%;translate:-50% 0}.scoreboard.is-moon .sb__info{visibility:hidden}.sb__info .chip{height:24px;font-size:13px}.hud__bottom{gap:8px}.hand__tray{gap:8px;padding:12px 10px 10px;border-radius:14px}.hand__next{width:42px}.hand__next-card{--cw: 42px}.hand__next-label{font-size:calc(12px * var(--ts, 1))}.hand__slots{gap:7px}.elixir{height:36px}.elixir__drop{width:40px;height:40px}.elixir__drop>span{font-size:21px}.elixir__bar{height:24px}.vstick{bottom:calc(var(--hud-b) + 186px);width:124px;height:124px}.vstick__knob{width:52px;height:52px;margin:-26px 0 0 -26px}.vbtns{bottom:calc(var(--hud-b) + 180px);transform:scale(.86);transform-origin:100% 100%}.hud__hint{top:auto;bottom:calc(var(--hud-b) + 186px);translate:none}.screen--hud.is-touch .hud__hint{top:calc(var(--hud-t) + 132px);bottom:auto}.dmg{font-size:22px}.dmg--strong{font-size:30px}}@media(max-width:760px){.hud__top .scoreboard{margin:0 auto;translate:-22px 0}}@media(max-height:520px)and (orientation:landscape){.screen--hud{--hand-w: min(420px, calc(100vw - 380px) )}.scoreboard{height:46px}.sb__side{width:76px}.sb__crown{width:17px;height:17px}.sb__clock{min-width:96px}.sb__time{font-size:30px}.hud__pause{width:42px;height:42px}.hud__meters{top:var(--hud-t);bottom:auto;padding-right:54px}.pmeter{--por: 44px;--num: 38px}.pmeter__name{font-size:13px}.sb__ai{display:none}.sb__info,.sb__moon{top:calc(100% + 6px)}.sb__info{left:50%;translate:-50% 0}.scoreboard.is-moon .sb__info{visibility:hidden}.hand__tray{padding:10px 10px 8px;gap:8px}.hand__next{width:38px}.hand__next-card{--cw: 38px}.hand__slots{gap:6px}.elixir{height:32px}.elixir__bar{height:20px}.elixir__drop{width:36px;height:36px}.vstick{bottom:var(--hud-b);width:120px;height:120px}.vbtns{bottom:var(--hud-b);transform:scale(.8);transform-origin:100% 100%}.hud__hint{top:calc(var(--hud-t) + 60px);translate:none;max-height:calc(100vh - var(--hud-t) - 200px);overflow:auto}.screen--hud.is-touch .hud__hint{top:calc(var(--hud-t) + 90px)}.ui:has(>.ui-toasts .toast:not(.is-out)) .screen--hud.is-touch .hud__hint{filter:opacity(.16)}}@media(max-width:900px),(max-height:520px)and (orientation:landscape){.sb__mod-label{display:none}.sb__mod{padding:0 9px}}.sb__moon{position:absolute;left:50%;translate:-50% 0;display:flex;align-items:center;gap:10px;padding:5px 12px 5px 8px;border-radius:8px;white-space:nowrap;background:linear-gradient(180deg,rgb(96 32 8 / calc(.96 - .5 * var(--hud-dim, 0))),rgb(46 12 4 / calc(.96 - .5 * var(--hud-dim, 0))));box-shadow:inset 0 0 0 1.5px #ff9a3c,0 0 0 2.5px var(--ink-950),0 0 26px -4px #ff7a1abf;transform:skew(var(--slant))}.sb__moon[hidden]{display:none}.sb__moon>*{transform:skew(var(--slant-inv))}.sb__moon-glyph{width:36px;height:36px;margin:-9px 0 -9px -2px;filter:drop-shadow(0 2px 0 rgba(3,6,24,.7));animation:moon-wobble 2.6s ease-in-out infinite}.sb__moon-glyph svg{display:block;width:100%;height:100%;overflow:visible}.sb__moon-time{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:25px;line-height:1;color:#ffe2b8;font-variant-numeric:tabular-nums}.sb__moon-target{padding:3px 8px 4px;border-radius:4px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:calc(14px * var(--ts, 1));line-height:1;text-transform:uppercase;letter-spacing:.03em;color:var(--mist);background:#0306189e}.sb__moon[data-target=red] .sb__moon-target{color:#241400;background:linear-gradient(180deg,var(--gold-300),var(--gold-500))}.sb__moon[data-target=blue] .sb__moon-target{color:#fff;background:linear-gradient(180deg,var(--crimson-400),var(--crimson-600))}.sb__moon.is-final{animation:moon-alarm .5s ease-in-out infinite alternate}.sb__moon.is-final .sb__moon-time{color:#fff}@keyframes moon-wobble{0%,to{rotate:-6deg}50%{rotate:6deg}}@keyframes moon-alarm{to{box-shadow:inset 0 0 0 1.5px #ffd36e,0 0 0 2.5px var(--ink-950),0 0 34px 2px #ff5a1af2}}.pmeter__buff{position:absolute;inset:-15px;border-radius:50%;background:var(--gold-300);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));opacity:0;transition:opacity var(--t-med)}.pmeter__buff:after{content:"";position:absolute;inset:0;background:conic-gradient(transparent calc(var(--buff, 1) * 1turn),#060a22db 0)}.pmeter.has-buff:not(.is-ko) .pmeter__buff{opacity:1}.pmeter[data-buff=hammer] .pmeter__buff{background:conic-gradient(#ffe27a,#ffb238,#c98d4a,#ffe27a)}.pmeter[data-buff=star] .pmeter__buff,.pmeter[data-buff=finalReady] .pmeter__buff{background:conic-gradient(#ff5f6d,#ffc371,#fff27a,#6dffb0,#6ad8ff,#b48cff,#ff5f6d);animation:buff-hue 1.1s linear infinite}.pmeter[data-buff=big] .pmeter__buff{background:#ff5a3c}.pmeter[data-buff=small] .pmeter__buff{background:#a77bff}.pmeter__buff-icon{position:absolute;left:-12px;bottom:-10px;z-index:3;width:44%;height:44%;display:none;padding:3px;border-radius:50%;color:var(--gold-300);background:radial-gradient(circle at 40% 35%,#2a3470,#0a1033);box-shadow:0 0 0 2.5px var(--ink-950),0 0 0 4.5px var(--gold-300)}.pmeter--red .pmeter__buff-icon{left:auto;right:-12px}.pmeter.has-buff:not(.is-ko) .pmeter__buff-icon{display:block}.pmeter__buff-icon svg{display:block;width:100%;height:100%;overflow:visible}.pmeter.is-final .pmeter__portrait{animation:final-glow .9s ease-in-out infinite alternate}@keyframes buff-hue{to{filter:hue-rotate(360deg)}}@keyframes final-glow{0%{filter:drop-shadow(0 0 6px rgba(255,236,120,.95)) brightness(1.05)}to{filter:drop-shadow(0 0 18px rgba(180,140,255,.95)) brightness(1.2)}}.pmeter__final{position:absolute;left:2px;bottom:calc(100% + 18px);z-index:4;display:none;align-items:center;gap:8px;padding:5px 10px 6px 12px;border-radius:6px;white-space:nowrap;background:var(--rainbow);background-size:200% 100%;box-shadow:0 0 0 2.5px var(--ink-950),0 4px 0 2.5px var(--ink-950),0 0 22px #ffec7899;transform:skew(var(--slant));animation:rainbow-pan 1.6s linear infinite,final-bob .9s ease-in-out infinite alternate}.pmeter.is-final .pmeter__final{display:inline-flex}.pmeter__final>*{transform:skew(var(--slant-inv))}.pmeter__final-text{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:calc(19px * var(--ts, 1));line-height:1;text-transform:uppercase;color:#1a0b2e}.pmeter__final-key,.pmeter__final-tap{display:none}.pmeter__final .key{min-width:26px;height:26px;padding:0 6px;font-size:14px}.pmeter__final .padbtn{width:26px;height:26px;font-size:14px}.ui[data-input=keys] .pmeter__final-key--keys,.ui[data-input=pointer] .pmeter__final-key--keys,.ui[data-input=pad] .pmeter__final-key--pad{display:inline-grid}.ui[data-input=pointer] .screen--hud.has-mouse .pmeter__final-key--mouse,.ui[data-input=keys] .screen--hud.has-mouse .pmeter__final-key--mouse{display:inline-block}.pmeter__final .mbtn{width:19px;height:26px;color:#1a0b2e}.screen--hud.is-touch .pmeter__final .pmeter__final-key{display:none}.screen--hud.is-touch .pmeter__final .pmeter__final-tap{display:inline;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:14px;color:#1a0b2e}@keyframes final-bob{to{translate:0 -4px}}@media(max-width:1180px),(max-height:520px)and (orientation:landscape){.pmeter__final{top:calc(100% + 16px);bottom:auto}}.vbtn--special.is-final{--b: #9b6bff;opacity:1;isolation:isolate;animation:final-glow .9s ease-in-out infinite alternate}.vbtn--special.is-final:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:conic-gradient(#ff5f6d,#ffc371,#fff27a,#6dffb0,#6ad8ff,#b48cff,#ff5f6d);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(closest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));animation:fs-spin 1.2s linear infinite}@keyframes fs-spin{to{rotate:360deg}}.elixir.is-rush .elixir__fill{background:var(--rainbow);background-size:50% 100%;box-shadow:inset 0 2px #fff9;animation:rush-pan .9s linear infinite}.elixir.is-rush .elixir__brew{background:linear-gradient(180deg,#ffffff8c,#b48cff80)}.elixir.is-rush .elixir__bar{box-shadow:inset 0 0 0 2px #ffffff8c,0 4px #030618bf,0 0 22px #b48cffbf}.elixir.is-rush .elixir__x2{display:block;background:var(--rainbow);background-size:200% 100%;box-shadow:0 3px #5a2a8a,0 0 22px #b48cffd9;animation:rainbow-pan 1.4s linear infinite,x2-pulse .6s ease-in-out infinite}.elixir.is-rush .elixir__x2>span{color:#1a0b2e}@keyframes rush-pan{to{background-position:100% 0}}.hzb{--hz-edge: var(--crimson-400);--hz-glow: rgba(232, 25, 63, .55);--hz-bg: linear-gradient(180deg, rgba(70, 8, 26, .95), rgba(34, 4, 14, .95));--hz-sub: #ffd0d6;--hz-arrow: #ff4d6d;position:absolute;left:50%;top:calc(var(--hud-t) + 112px);z-index:6;transform:translate(-50%);display:grid;grid-template-columns:auto auto auto;align-items:center;gap:0 12px;pointer-events:none}.hzb[hidden]{display:none}.hzb.is-out{animation:hzb-out .24s var(--ease-in) both}.hzb[data-kind=thwomp]{--hz-edge: #aab6dc;--hz-glow: rgba(170, 182, 220, .5);--hz-bg: linear-gradient(180deg, rgba(30, 38, 84, .96), rgba(12, 16, 44, .96));--hz-sub: #dfe6ff;--hz-arrow: #ff4d6d}.hzb[data-kind=kraid]{--hz-edge: #7be26b;--hz-glow: rgba(123, 226, 107, .5);--hz-bg: linear-gradient(180deg, rgba(18, 64, 30, .96), rgba(6, 30, 14, .96));--hz-sub: #d9ffc9;--hz-arrow: #9bf27a}.hzb[data-kind=moon]{--hz-edge: #ff9a3c;--hz-glow: rgba(255, 122, 26, .65);--hz-bg: linear-gradient(180deg, rgba(96, 32, 8, .96), rgba(46, 12, 4, .96));--hz-sub: #ffe2b8}.hzb__body{grid-column:2;display:flex;align-items:center;gap:14px;padding:8px 24px 10px 12px;border-radius:10px;background:var(--hz-bg);box-shadow:inset 0 0 0 2px var(--hz-edge),0 0 0 3px var(--ink-950),0 14px 30px -12px #020412e6,0 0 32px -6px var(--hz-glow);transform:skew(var(--slant))}.hzb__body>*{transform:skew(var(--slant-inv))}.hzb__glyph{flex:none;width:58px;height:58px;margin:-16px 0 -14px -4px;filter:drop-shadow(0 3px 0 rgba(3,6,24,.7));animation:hzb-shake .16s linear infinite alternate}.hzb__glyph svg{display:block;width:100%;height:100%;overflow:visible}.hzb__text{display:grid;gap:3px}.hzb__title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:36px;line-height:.9;letter-spacing:-.01em;white-space:nowrap;color:#fff;text-shadow:0 2px 0 var(--ink-950)}.hzb__sub{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:calc(16px * var(--ts, 1));line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--hz-sub)}.hzb__arrow{width:46px;height:46px;color:var(--hz-arrow);filter:drop-shadow(0 3px 0 var(--ink-950)) drop-shadow(0 0 10px var(--hz-glow));visibility:hidden}.hzb__arrow svg{display:block;width:100%;height:100%}.hzb__arrow--left{grid-column:1;animation:hzb-nudge-l .45s ease-in-out infinite alternate}.hzb__arrow--right{grid-column:3;animation:hzb-nudge-r .45s ease-in-out infinite alternate}.hzb__arrow--right svg{transform:scaleX(-1)}.hzb[data-side=left] .hzb__arrow--left,.hzb[data-side=right] .hzb__arrow--right,.hzb[data-side=both] .hzb__arrow{visibility:visible}.hzb__timer{grid-column:2;height:6px;margin:7px 16px 0;border-radius:3px;overflow:hidden;background:#030618bf;box-shadow:0 0 0 2px var(--ink-950);transform:skew(var(--slant))}.hzb__timer>i{display:block;height:100%;background:linear-gradient(90deg,#ffcf5a,var(--hz-arrow));transform-origin:0 50%}.hzb[data-kind=moon] .hzb__timer{display:none}@keyframes hzb-out{to{opacity:0;transform:translate(-50%,-10px) scale(.94)}}@keyframes hzb-shake{0%{translate:-1px 0}to{translate:1px 1px}}@keyframes hzb-nudge-l{to{translate:-8px 0}}@keyframes hzb-nudge-r{to{translate:8px 0}}@media(max-width:900px)and (min-height:521px){.hzb{top:calc(var(--hud-t) + 186px)}}@media(max-width:760px){.pmeter__buff{inset:-11px}.pmeter__final{top:auto;bottom:0;left:38px;gap:6px;padding:3px 9px 4px 10px;animation:rainbow-pan 1.6s linear infinite}.pmeter.is-final .pmeter__plate{visibility:hidden}.pmeter__final-text{font-size:calc(13px * var(--ts, 1))}.pmeter__final .key{min-width:19px;height:19px;padding:0 4px;font-size:11px}.pmeter__final .padbtn{width:19px;height:19px;font-size:11px}.screen--hud.is-touch .pmeter__final .pmeter__final-tap{font-size:11px}.hzb{top:calc(var(--hud-t) + 160px);gap:0 6px}.hzb__body{gap:10px;padding:6px 16px 8px 10px}.hzb__timer{margin-top:4px}.hzb__glyph{width:44px;height:44px;margin:-10px 0 -10px -2px}.hzb__title{font-size:27px}.hzb__sub{font-size:calc(13px * var(--ts, 1))}.hzb__arrow{width:32px;height:32px}.sb__moon-time{font-size:21px}.sb__moon-target{font-size:calc(12.5px * var(--ts, 1))}}@media(max-height:520px)and (orientation:landscape){.hzb{top:calc(var(--hud-t) + 56px);gap:0 6px}.hzb__arrow,.hzb__body{grid-row:1}.hzb__body{gap:9px;padding:4px 16px 6px 8px}.hzb__glyph{width:32px;height:32px;margin:-6px 0 -6px -2px}.hzb__text{display:flex;align-items:baseline;gap:9px}.hzb__title{font-size:22px}.hzb__sub{font-size:calc(11.5px * var(--ts, 1))}.hzb__arrow{width:26px;height:26px}.hzb__timer{grid-row:1;align-self:end;height:4px;margin:0 18px 1px}.pmeter__final-text{font-size:calc(15px * var(--ts, 1))}.sb__moon{padding:3px 10px 3px 6px}.sb__moon-glyph{width:28px;height:28px;margin:-6px 0}.sb__moon-time{font-size:19px}.sb__moon-target{font-size:calc(12px * var(--ts, 1))}}@media(max-height:520px)and (orientation:landscape)and (max-width:720px){.hzb__glyph{width:28px;height:28px}.hzb__title{font-size:19px}.hzb__sub{font-size:calc(10.5px * var(--ts, 1))}}@media(prefers-reduced-motion:reduce){.hzb__glyph,.hzb__arrow,.sb__moon-glyph,.pmeter__final,.vbtn--special.is-final:before{animation:none}}@media(max-width:760px){.hud-legend,.screen--hud.is-touch .hud-legend{top:auto;bottom:calc(var(--hud-b) + 322px);translate:none}.hud-legend.is-compact .hud-legend__panel,.screen--hud.is-touch .hud-legend.is-compact .hud-legend__panel{left:0;top:auto;bottom:calc(100% + 10px);translate:none}}@media(max-height:520px)and (orientation:landscape){.hud-legend,.screen--hud.is-touch .hud-legend{top:auto;bottom:calc(var(--hud-b) + 132px);translate:none}.hud-legend.is-compact .hud-legend__panel,.screen--hud.is-touch .hud-legend.is-compact .hud-legend__panel{left:calc(100% + 10px);top:auto;bottom:0;translate:none}}@keyframes legend-intro{0%{box-shadow:inset 0 0 0 1px var(--edge),0 0 #ffcc2eb3}35%{box-shadow:inset 0 0 0 1.5px var(--gold-300),0 0 0 6px #ffcc2e47}to{box-shadow:inset 0 0 0 1px var(--edge),0 0 0 12px #ffcc2e00}}@media(prefers-reduced-motion:reduce){.hud-legend.is-intro .hud-legend__panel,.hud-legend.is-intro .hud-legend__toggle{animation:none;box-shadow:inset 0 0 0 1.5px var(--gold-300)}}@media(orientation:landscape)and (min-height:521px)and (min-width:901px){.ui:not([data-input=touch]) .screen--hud>.hud__bottom{left:auto;right:var(--hud-r);top:50%;bottom:auto;width:clamp(220px,15.5vw,300px);translate:0 -46%;gap:8px;animation-name:hand-slide-in}.ui:not([data-input=touch]) .screen--hud>.hud__bottom .hand__tray{flex-direction:column;align-items:stretch;gap:10px;padding:14px 12px 12px}.ui:not([data-input=touch]) .screen--hud>.hud__bottom .hand__next{width:auto;grid-auto-flow:column;justify-content:start;align-items:center;gap:10px;padding-bottom:0}.ui:not([data-input=touch]) .screen--hud>.hud__bottom .hand__next-card{--cw: 44px}.ui:not([data-input=touch]) .screen--hud>.hud__bottom .hand__slots{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}}@keyframes hand-slide-in{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}.ui[data-palette=cb]{--team-red: #f07a12;--team-red-hi: #ffb15c;--team-red-lo: #8a3a00}.ui[data-palette=cb] .sb__side--red{background:linear-gradient(180deg,#ff9a3c,#a84800)}.ui[data-palette=cb] .pmeter--red{--team-lo: #4a1f00}.ui[data-palette=cb] .tbar--red .tbar__fill{background:linear-gradient(180deg,#ffc58a,#f07a12)}.ui[data-flash=reduced] :is(.sb__mod--elixirRush.is-active,.elixir.is-full .elixir__bar,.elixir.is-double .elixir__x2,.elixir.is-rush .elixir__fill,.elixir.is-rush .elixir__x2,.tbar.is-low .tbar__fill,.sb__moon.is-final,.pmeter[data-buff] .pmeter__buff,.pmeter.is-final .pmeter__portrait,.pmeter__final,.vbtn--special.is-final,.hzb__glyph,.callout--rainbow .callout__text,.screen--boot.is-ready .boot__start,.menu__rays){animation:none}.ui[data-flash=reduced] .vbtn--special.is-final:before,.ui[data-flash=reduced] .card.is-ready-flash .card__frame:after,.ui[data-flash=reduced] .screen--boot.is-ready .boot__start:after{animation:none;opacity:0}.acct{--acct-pad: clamp(22px, 2.4vw, 30px);position:relative;width:min(100%,420px);padding:calc(var(--acct-pad) + 10px) var(--acct-pad) var(--acct-pad);color:var(--ivory);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.4;text-align:left;pointer-events:auto}.acct [hidden]{display:none!important}.acct__tab>span{align-items:center}.acct__tab-icon{width:16px;height:16px}.acct__view{display:grid;gap:14px}.acct__view.is-entering{animation:acct-rise .46s var(--ease-out) both}.acct__modes{display:flex;width:100%;margin-bottom:4px}.acct__mode{flex:1 1 0;min-width:0}.acct__title{margin-top:2px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(30px,3vw,40px);line-height:.92;letter-spacing:-.01em;color:var(--ivory);text-shadow:0 3px 0 rgba(3,6,24,.85)}.acct__lead{margin-top:-4px;font-size:15px;color:var(--mist)}.acct__form{display:grid;gap:14px;margin:2px 0 0}.acct__form.is-shaking,.acct__alert.is-shaking{animation:acct-shake .42s var(--ease-out)}.acct__field{display:grid;gap:6px}.acct__label{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--mist);cursor:pointer}.acct__control{position:relative;display:flex;align-items:center;height:52px;border-radius:9px;background:#0306188c;box-shadow:inset 0 0 0 1.5px var(--edge),inset 0 2px 8px #00000073;transition:box-shadow var(--t-fast) var(--ease-out),background var(--t-fast) linear;overflow:hidden}.acct__control:before{content:"";position:absolute;left:11px;top:13px;bottom:13px;width:4px;border-radius:2px;background:var(--royal-400);opacity:.75;transform:skew(var(--slant));transition:background var(--t-fast),opacity var(--t-fast),box-shadow var(--t-fast);pointer-events:none}.acct__control:focus-within{background:#090f34c7;box-shadow:inset 0 0 0 2px var(--gold-400),0 0 0 4px #ffcc2e29,inset 0 2px 8px #0006}.acct__control:focus-within:before{background:var(--gold-300);opacity:1;box-shadow:0 0 10px #ffcc2ebf}.acct__field.is-invalid .acct__control{box-shadow:inset 0 0 0 2px var(--crimson-400),inset 0 2px 8px #00000073}.acct__field.is-invalid .acct__control:focus-within{box-shadow:inset 0 0 0 2px var(--crimson-400),0 0 0 4px #ff4d632e,inset 0 2px 8px #0006}.acct__field.is-invalid .acct__control:before{background:var(--crimson-400);opacity:1;box-shadow:0 0 10px #ff4d6399}.acct__input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0 14px 0 28px;border:0;outline:0;background:transparent;color:var(--ivory);font:600 17px/1.2 var(--font-body);letter-spacing:.01em;caret-color:var(--gold-300);-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;pointer-events:auto}.acct__input[type=password]{letter-spacing:.14em}.acct__input::placeholder{color:var(--mist-dim)}.acct .acct__input[data-nav]:focus,.acct .acct__input[data-nav]:focus-visible{outline:none}.acct__input:-webkit-autofill,.acct__input:-webkit-autofill:hover,.acct__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ivory);-webkit-box-shadow:0 0 0 80px #0b1238 inset;caret-color:var(--gold-300);transition:background-color 600000s 0s}.acct__reveal{flex:none;display:grid;place-items:center;width:50px;height:100%;color:var(--mist);transition:color var(--t-fast);pointer-events:auto}.acct__reveal svg{width:22px;height:22px}.acct__reveal .acct__icon:last-child,.acct__reveal[aria-pressed=true] .acct__icon:first-child{display:none}.acct__reveal[aria-pressed=true] .acct__icon:last-child{display:block}.acct__reveal[aria-pressed=true]{color:var(--gold-300)}@media(hover:hover){.acct__reveal:hover{color:var(--ivory)}}.acct__reveal:focus-visible{outline:2px solid var(--gold-400);outline-offset:-7px;border-radius:10px}.acct__hint{font-size:13px;color:var(--mist-dim)}.acct__field.is-invalid .acct__hint{display:none}.acct__error{display:flex;gap:8px;align-items:baseline;font-size:14px;font-weight:600;line-height:1.3;color:var(--crimson-300);animation:acct-pop .22s var(--ease-out)}.acct__error:before{content:"";flex:none;width:7px;height:7px;background:currentColor;transform:translateY(-1px) rotate(45deg)}.acct__note{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;font-size:13.5px;line-height:1.35;color:var(--gold-100);background:#ffcc2e14;box-shadow:inset 0 0 0 1px #ffcc2e4d}.acct__note svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--gold-300)}.acct__alert{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:8px;font-size:14.5px;font-weight:600;line-height:1.35;color:#ffe3e7;background:linear-gradient(180deg,#e8193f42,#7d0a2457);box-shadow:inset 0 0 0 1.5px #ff4d638c}.acct__alert svg{flex:none;width:20px;height:20px;color:var(--crimson-300)}.acct__submit{width:100%;margin-top:4px}.acct__spinner{display:none;width:20px;height:20px;border-radius:50%;border:3px solid rgba(36,20,0,.22);border-top-color:#241400;animation:acct-spin .7s linear infinite}.acct.is-busy .acct__spinner{display:inline-block}.acct.is-busy .acct__submit:disabled{filter:none;cursor:progress}.acct__live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.acct__me{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;margin-top:2px}.acct__avatar{display:grid;place-items:center;width:68px;height:68px;border-radius:12px;background:linear-gradient(var(--slash-angle),rgba(255,255,255,.28) 0 30%,transparent 30.5%),linear-gradient(160deg,var(--gold-300),var(--gold-600));transform:skew(var(--slant));box-shadow:inset 0 2px #ffffff80,inset 0 -4px #0000002e,0 5px 0 var(--gold-700),0 16px 26px -10px #020412e6}.acct__avatar span{transform:skew(var(--slant-inv));font-family:var(--font-chunky);font-size:38px;line-height:1;color:#2a1700;text-shadow:0 2px 0 rgba(255,255,255,.45)}.acct__id{display:grid;gap:4px;min-width:0}.acct__kicker{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}.acct__nick{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:clamp(30px,3vw,40px);line-height:.95;letter-spacing:-.005em;overflow-wrap:anywhere;color:var(--ivory);text-shadow:0 3px 0 rgba(3,6,24,.85)}.acct__nick:focus{outline:none}.acct__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 0}.acct__stat{display:grid;gap:4px;margin:0;padding:10px 12px;border-radius:10px;background:#03061880;box-shadow:inset 0 0 0 1px var(--edge)}.acct__stat--rating{background:linear-gradient(180deg,#ffcc2e2b,#ffcc2e0d);box-shadow:inset 0 0 0 1.5px var(--edge-gold)}.acct__stat-label{font-family:var(--font-display);font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}.acct__stat--rating{position:relative}.acct__tag{position:absolute;top:-9px;right:8px;padding:3px 7px 2px;border-radius:4px;font-size:10.5px;line-height:1;letter-spacing:.08em;white-space:nowrap;color:#241400;background:linear-gradient(180deg,var(--gold-200),var(--gold-400));box-shadow:0 2px 0 var(--gold-700);transform:skew(var(--slant))}.acct__stat-value{margin:0;font-family:var(--font-chunky);font-size:28px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ivory)}.acct__stat-value--rating{color:var(--gold-300);text-shadow:0 0 18px rgba(255,204,46,.35)}.acct__sub{margin-top:-4px;font-size:13.5px;color:var(--mist-dim)}.acct__stale{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--gold-200)}.acct__stale svg{flex:none;width:18px;height:18px}.acct__logout{justify-self:start;margin-top:6px}.acct__view--offline{justify-items:start}.acct__offline-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;color:var(--mist);background:#0306188c;box-shadow:inset 0 0 0 1.5px var(--edge-strong);transform:skew(var(--slant))}.acct__offline-icon svg{width:34px;height:34px;transform:skew(var(--slant-inv))}.acct-chip{display:inline-flex;align-items:center;max-width:100%;height:46px;padding:0 16px 0 8px;border-radius:8px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:19px;line-height:1;white-space:nowrap;color:var(--ivory);background:var(--glass-soft);box-shadow:inset 0 0 0 1.5px var(--edge),0 10px 22px -10px #020412d9;transform:skew(var(--slant));transition:background var(--t-fast),transform var(--t-fast) var(--ease-out);pointer-events:auto}.acct-chip__inner{display:inline-flex;align-items:center;gap:10px;min-width:0;transform:skew(var(--slant-inv))}.acct-chip__badge{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:7px;font-family:var(--font-chunky);font-style:normal;font-size:18px;color:#2a1700;background:linear-gradient(160deg,var(--gold-300),var(--gold-600));box-shadow:inset 0 1px #ffffff80,0 2px 0 var(--gold-700)}.acct-chip__badge svg{width:18px;height:18px}.acct-chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.acct-chip__rating{display:inline-flex;align-items:center;gap:5px;padding-left:10px;border-left:1px solid var(--edge-strong);font-family:var(--font-chunky);font-style:normal;font-size:17px;color:var(--gold-300)}.acct-chip__crown{width:15px;height:15px}.acct-chip[data-state=signedOut] .acct-chip__badge{color:var(--ivory);background:linear-gradient(180deg,var(--royal-400),var(--royal-600));box-shadow:inset 0 1px #ffffff59,0 2px 0 var(--royal-800)}.acct-chip[data-state=offline]{color:var(--mist)}.acct-chip[data-state=offline] .acct-chip__badge{color:var(--mist);background:#03061899;box-shadow:inset 0 0 0 1px var(--edge-strong)}@media(hover:hover){.acct-chip:hover{background:#2d5bf066;transform:skew(var(--slant)) translateY(-2px)}}.acct-chip:active{transform:skew(var(--slant)) scale(.97)}.acct-overlay__scrim{position:absolute;inset:0;background:linear-gradient(var(--slash-angle),rgba(45,91,240,.24) 0 34%,transparent 34.3%),#04071ab8;backdrop-filter:blur(7px) saturate(1.2);-webkit-backdrop-filter:blur(7px) saturate(1.2);pointer-events:auto}.acct-overlay__box{position:absolute;inset:0;display:flex;padding:calc(var(--pad-t) + 30px) var(--pad-r) var(--pad-b) var(--pad-l);overflow-y:auto;overscroll-behavior:contain;pointer-events:none}.acct-overlay__box>.acct{margin:auto;pointer-events:auto}.acct-overlay__close{position:absolute;top:var(--pad-t);right:var(--pad-r);z-index:1}@keyframes acct-rise{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}@keyframes acct-pop{0%{opacity:0;transform:translate3d(0,-4px,0)}to{opacity:1;transform:none}}@keyframes acct-spin{to{transform:rotate(360deg)}}@keyframes acct-shake{0%,to{transform:translateZ(0)}18%{transform:translate3d(-7px,0,0)}36%{transform:translate3d(6px,0,0)}54%{transform:translate3d(-4px,0,0)}72%{transform:translate3d(3px,0,0)}}@media(prefers-reduced-motion:reduce){.acct__view.is-entering,.acct__form.is-shaking,.acct__alert.is-shaking,.acct__error{animation:none}.acct__spinner{animation-duration:2s}}@media(max-width:600px){.acct{width:100%;--acct-pad: 18px}.acct__title,.acct__nick{font-size:32px}.acct__avatar{width:58px;height:58px}.acct__avatar span{font-size:32px}.acct__stats{gap:8px}.acct__stat{padding:9px 10px}.acct__stat-value{font-size:24px}.acct__stat-label{font-size:11.5px}.acct__modes .seg__opt{font-size:17px;padding:0 8px}}.screen--plan{background:#070c2a}.plan{gap:clamp(14px,1.8vw,22px)}.plan__tpls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.plan__tpl svg,.plan__clear svg{width:18px;height:18px}.plan__tpl.is-confirm,.plan__clear.is-confirm{--btn-top: var(--crimson-400);--btn-bottom: var(--crimson-600);--btn-base: var(--crimson-700)}.plan__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:clamp(22px,2.4vw,34px);width:100%;max-width:1320px;padding-top:8px}.plan__panel{padding:30px clamp(12px,1.6vw,24px) 18px}.plan__panel .panel__tab b{margin-left:2px}.plan__field{position:sticky;top:0}.plan__explain{margin:2px 2px 14px;font-size:15px;line-height:1.4;color:var(--mist)}.plan__explain b{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:17px;color:var(--gold-300)}.plan__list{display:flex;flex-direction:column;gap:10px}.prule{position:relative;display:grid;grid-template-columns:34px 52px minmax(0,1fr) auto auto auto;grid-template-areas:"order card main params switch del";align-items:center;gap:8px 12px;padding:8px 10px 8px 6px;border-radius:12px;background:linear-gradient(180deg,#1e2f7c8c,#0c133cb8);box-shadow:inset 0 0 0 1.5px var(--edge),0 6px 14px -10px #020412e6;transition:box-shadow var(--t-fast) linear,background var(--t-fast) linear}.prule.is-open{background:linear-gradient(180deg,#283ea099,#0e1646d1);box-shadow:inset 0 0 0 2px var(--edge-gold),0 10px 24px -12px #020412f2}.prule.is-off .prule__card,.prule.is-off .prule__main,.prule.is-off .prule__params{opacity:.45;filter:saturate(.4)}.prule.is-dragging{z-index:5;transition:none;background:linear-gradient(180deg,#23378f,#0e1752);box-shadow:inset 0 0 0 2px var(--gold-400),0 18px 34px -12px #020412f2,0 0 22px #ffcc2e59}.plan__list.is-sorting .prule:not(.is-dragging){transition:transform .17s var(--ease-out)}.plan__list.is-sorting{user-select:none;-webkit-user-select:none}.prule__order{grid-area:order;display:flex;flex-direction:column;align-items:center;gap:3px}.prule__move{width:30px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--mist);background:var(--glass-soft);box-shadow:inset 0 0 0 1px var(--edge)}.prule__move svg{width:16px;height:16px}.prule__move:disabled{opacity:.22}.prule__prio{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;font-family:var(--font-chunky);font-size:19px;line-height:1;color:#241400;background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:inset 0 -2px 0 var(--gold-700),0 2px #030618cc;transform:skew(var(--slant));cursor:grab;touch-action:none}.prule__prio>span{transform:skew(var(--slant-inv))}.prule.is-dragging .prule__prio{cursor:grabbing}.prule__card{grid-area:card;justify-self:center;padding:0;border-radius:8px}.prule__card .card{pointer-events:none}.prule__main{grid-area:main;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:4px 6px;border-radius:8px;text-align:left}.prule__name{max-width:100%;overflow:hidden;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:21px;line-height:1.05;color:var(--ivory);white-space:nowrap;text-overflow:ellipsis}.prule__meta{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:13px;color:var(--mist-dim)}.prule__kind{text-transform:capitalize}.prule__tag{padding:1px 7px;border-radius:4px;font-size:12px;color:var(--elixir-200);background:#ec5cff29}.prule__tag--warn{color:var(--crimson-300);background:#e8193f33}.prule__params{grid-area:params;display:flex;align-items:center;gap:10px 14px;min-width:0}.prule__elixir{display:flex;align-items:center;gap:6px}.prule__ge{font-family:var(--font-display);font-weight:900;font-size:18px;color:var(--elixir-300)}.prule__step{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--ivory);background:var(--glass-soft);box-shadow:inset 0 0 0 1.5px var(--edge)}.prule__step svg{width:14px;height:14px}.prule__step:disabled{opacity:.28}.prule__drop{width:34px;height:34px}.prule__drop>span{font-size:19px}.prule__where{display:inline-flex;align-items:center;gap:6px;max-width:210px;height:36px;padding:0 13px 0 9px;border-radius:18px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:16px;color:var(--ivory);background:#2d5bf04d;box-shadow:inset 0 0 0 1.5px #8eaeff6b}.prule__where svg{width:18px;height:18px;flex:none;color:var(--gold-300)}.prule__where--smart{background:#ec5cff2e;box-shadow:inset 0 0 0 1.5px #ec5cff73}.prule__where--smart svg{color:var(--elixir-300)}.prule__where-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prule__switch{grid-area:switch;width:62px;height:30px}.prule__switch:before{top:3px;left:3px;width:30px;height:24px;font-size:13px}.prule__switch[aria-checked=true]:before{transform:translate(26px)}.prule__del{grid-area:del;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--mist-dim);transition:color var(--t-fast),background var(--t-fast)}.prule__del svg{width:18px;height:18px}@media(hover:hover){.prule__del:hover{color:var(--crimson-300);background:#e8193f29}.prule__move:hover:not(:disabled),.prule__step:hover:not(:disabled){background:#2d5bf080}.prule__main:hover .prule__name{color:var(--gold-200)}.prule__where:hover{box-shadow:inset 0 0 0 1.5px var(--edge-gold)}}.prule__edit{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:4px;padding:12px 4px 4px 46px;border-top:1px solid var(--edge)}.prule__sec{display:grid;gap:8px}.prule__sec-title{color:var(--gold-300)}.prule__cards{display:flex;flex-wrap:wrap;gap:10px}.prule__pick{position:relative}.prule__pick:after{content:"";position:absolute;inset:-5px;border-radius:12px;box-shadow:0 0 0 3px transparent;transition:box-shadow var(--t-fast);pointer-events:none}.prule__pick.is-current:after{box-shadow:0 0 0 3px var(--gold-400),0 0 16px #ffcc2e8c}.prule__pick:not(.is-current){filter:saturate(.75) brightness(.88)}@media(hover:hover){.prule__pick:not(.is-current):hover{filter:none;transform:translateY(-3px)}}.prule__chips{display:flex;flex-wrap:wrap;gap:6px}.prule__chip{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-family:var(--font-chunky);font-size:18px;color:var(--ivory);background:var(--glass-soft);box-shadow:inset 0 0 0 1.5px var(--edge);transition:background var(--t-fast),box-shadow var(--t-fast)}.prule__chip:disabled{opacity:.22}.prule__chip.is-below{background:#ec5cff29;box-shadow:inset 0 0 0 1.5px #ec5cff59}.prule__chip.is-current{color:#fff;background:linear-gradient(180deg,var(--elixir-400),var(--elixir-600));box-shadow:inset 0 0 0 2px #ffffff73,0 0 14px #ec5cff8c}.prule__help{font-size:14px;color:var(--mist-dim)}.prule__map-slot:empty{display:none}.prule__adv-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:8px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:16px;text-align:left;color:var(--mist);background:#ffffff08;box-shadow:inset 0 0 0 1px var(--edge)}.prule__adv-toggle svg{width:18px;height:18px;flex:none}.prule__adv-sum{min-width:0;overflow:hidden;margin-left:2px;font-family:var(--font-body);font-style:normal;font-weight:500;font-size:13px;color:var(--mist-dim);white-space:nowrap;text-overflow:ellipsis}.prule__adv-chev{margin-left:auto}.prule__adv.is-open .prule__adv-toggle{color:var(--ivory);border-radius:8px 8px 0 0}.prule__adv-body{display:grid;gap:10px;padding:12px 10px 10px;border-radius:0 0 8px 8px;background:#03061859;box-shadow:inset 0 0 0 1px var(--edge)}.prule__conds{display:grid;gap:8px}.pcond{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 10px;border-radius:10px;background:#0509208c;box-shadow:inset 0 0 0 1px var(--edge)}.pcond__name{min-width:128px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:16px;color:var(--ivory)}.pcond__desc{flex:1 1 140px;font-size:13px;color:var(--mist-dim)}.pcond__seg .seg__opt{min-width:0;height:32px;padding:0 10px;font-size:15px}.pcond--cooldown .prule__help{flex:1 1 160px}.prule__cdel{width:30px;height:30px;display:grid;place-items:center;margin-left:auto;border-radius:8px;color:var(--mist-dim)}.prule__cdel svg{width:14px;height:14px}.pstep{display:inline-flex;align-items:center;gap:6px}.pstep__val{min-width:52px;text-align:center;font-family:var(--font-chunky);font-size:17px;color:var(--ivory)}.prule__cbar{display:flex}.prule__cadd svg{width:16px;height:16px}.prule__cmenu{display:flex;flex-wrap:wrap;gap:6px}.prule__ctype{height:34px;padding:0 12px;border-radius:8px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:15px;color:var(--ivory);background:#ec5cff29;box-shadow:inset 0 0 0 1.5px #ec5cff66}.prule__ctype:disabled{opacity:.35}.plan__add{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;margin-top:12px;border:2px dashed rgba(255,204,46,.55);border-radius:12px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:22px;color:var(--ivory);background:#ffcc2e0f;transition:background var(--t-fast),border-color var(--t-fast)}.plan__add svg{width:24px;height:24px;color:var(--gold-300)}.plan__add-count{padding:3px 8px;border-radius:6px;font-family:var(--font-chunky);font-style:normal;font-weight:400;font-size:15px;color:var(--gold-300);background:#ffcc2e24}.plan__add:disabled{opacity:.45}@media(hover:hover){.plan__add:hover:not(:disabled){border-color:var(--gold-400);background:#ffcc2e24}}.plan__empty{display:grid;justify-items:center;gap:8px;padding:22px 16px 8px;text-align:center}.plan__empty-icon{width:62px;height:62px;color:var(--gold-300)}.plan__empty-icon svg{width:100%;height:100%}.plan__empty-title{font-family:var(--font-display);font-style:italic;font-weight:900;font-size:26px;color:var(--ivory)}.plan__empty-text{max-width:460px;color:var(--mist)}.plan__copy{margin-top:6px}.pmap{display:grid;justify-items:center;gap:12px;width:100%}.pmap__field{position:relative;width:min(100%,290px);border-radius:12px;box-shadow:0 0 0 1.5px var(--edge-strong),0 14px 30px -14px #020412f2}.pmap__art{position:absolute;inset:0;width:100%;height:100%;border-radius:12px}.pm-half--red{fill:#3b1634}.pm-half--blue{fill:#142a6a}.pm-stripes rect{fill:#ffffff09}.pm-lane{fill:none;stroke:#ffffff17;stroke-width:1.1;stroke-linecap:round}.pm-zone{fill:#2d5bf024;stroke:#8eaeff99;stroke-width:.1;stroke-dasharray:.4 .3}.pm-bridge{fill:#a8743f;stroke:#4a2d14;stroke-width:.12}.pm-plank{stroke:#28140666;stroke-width:.1}.pm-tower rect{stroke-width:.14}.pm-tower--blue rect{fill:var(--royal-500);stroke:var(--royal-200)}.pm-tower--red rect{fill:var(--crimson-500);stroke:var(--crimson-300)}.pm-crown{fill:var(--gold-300)}.pm-aoe{fill:#ff7a3d3d;stroke:#ffb36b;stroke-width:.1;stroke-dasharray:.35 .25;opacity:0;transition:opacity .16s linear}.pm-aoe.is-on{opacity:1}.pmap__tag{position:absolute;left:8px;font-family:var(--font-display);font-style:italic;font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.pmap__tag--red{top:6px;color:#ffaab9b3}.pmap__tag--blue{bottom:6px;color:#aac4ffcc}.pmap__spot{position:absolute;width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;translate:-50% -50%}.pmap__pip{width:16px;height:16px;border-radius:50%;background:#0509208c;box-shadow:inset 0 0 0 2px #fffc,0 2px 4px #00000073;transition:transform .14s var(--ease-out),box-shadow .14s linear}.pmap__spot--enemy .pmap__pip{box-shadow:inset 0 0 0 2px #ffb0bed9,0 2px 4px #00000073}.pmap__spot.is-used .pmap__pip{width:25px;height:25px;background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:inset 0 -2px 0 var(--gold-700),0 2px 6px #00000080}.pmap__spot .pmap__nums{position:absolute;font-family:var(--font-chunky);font-size:13px;line-height:1;color:#241400;pointer-events:none}.pmap__spot.is-selected .pmap__pip{box-shadow:0 0 0 3px var(--ivory),0 0 0 6px #ffcc2e8c,0 0 18px #ffcc2ed9;animation:pmap-ping 1.4s ease-in-out infinite}.pmap__spot.is-off{opacity:.3;cursor:not-allowed}@media(hover:hover){.pmap__spot:not(.is-off):hover .pmap__pip{transform:scale(1.2)}}@keyframes pmap-ping{50%{transform:scale(1.14)}}.pmap__smart{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pmap__chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 9px;border-radius:17px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:15px;color:var(--ivory);background:#ec5cff24;box-shadow:inset 0 0 0 1.5px #ec5cff66}.pmap__chip svg{width:18px;height:18px;color:var(--elixir-300)}.pmap__chip .pmap__nums{min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:9px;font-family:var(--font-chunky);font-style:normal;font-weight:400;font-size:12px;color:#241400;background:var(--gold-400)}.pmap__chip .pmap__nums:empty{display:none}.pmap__chip.is-selected{background:linear-gradient(180deg,var(--elixir-400),var(--elixir-600));box-shadow:inset 0 0 0 2px #ffffff8c,0 0 14px #ec5cff8c}.pmap__chip.is-selected svg{color:#fff}.pmap__chip.is-off{opacity:.32;cursor:not-allowed}.pmap__caption{display:grid;gap:2px;min-height:42px;max-width:320px;text-align:center;font-size:14px;color:var(--mist)}.pmap__cap-title{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:17px;color:var(--ivory)}.prule__map-slot .pmap__field{width:min(100%,250px)}.plan__foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;width:100%;max-width:1320px}.plan__auto.field{flex:0 1 470px;padding:8px 0;border-bottom:0}.plan__auto .field__name{font-size:20px}.plan__note{margin-right:auto;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:16px;color:var(--mist-dim)}.plan__done{min-width:190px}@media(max-width:999px){.plan__grid{grid-template-columns:minmax(0,1fr)}.plan__field{display:none}}@media(max-width:720px){.prule{grid-template-columns:30px 46px minmax(0,1fr) auto auto;grid-template-areas:"order card main switch del" "order card params params params";gap:6px 8px;padding:8px 8px 8px 4px}.prule__params{grid-area:params;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}.prule__name{font-size:19px}.prule__where{max-width:100%;height:32px;font-size:15px}.prule__edit{padding-left:2px}.plan__tpls{gap:6px}.plan__tpls-label{display:none}}@media(max-width:600px){.plan .scr-head__right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;width:100%}.plan__tpls{display:contents}.plan__tpl,.plan__clear{min-width:0;min-height:40px;padding:0 10px;font-size:17px}.plan__explain{font-size:14px}.prule__switch{width:54px}.prule__switch:before{width:26px;font-size:12px}.prule__switch[aria-checked=true]:before{transform:translate(22px)}.prule__del{width:30px}.prule__cards{gap:8px}.prule__chips{display:grid;grid-template-columns:repeat(5,minmax(0,50px));gap:8px}.prule__chip{width:auto;height:40px;font-size:17px}.pcond__name{min-width:0;flex:1 1 100%}.plan__add{min-height:54px;font-size:20px}.plan__note{display:none}.plan__done{flex:1}}@media(prefers-reduced-motion:reduce){.pmap__spot.is-selected .pmap__pip{animation:none}}.hs__plan-group{display:inline-flex;align-items:center;gap:10px}.hs__plan>span>svg{width:20px;height:20px}.hs__plan-tag[hidden],.hs__auto[hidden]{display:none}.hs__auto{padding:0 14px;font-size:16px;letter-spacing:.04em}.hs__auto-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--stone-500);box-shadow:0 0 0 2px #03061899}.hs__auto[aria-checked=true]{--btn-top: var(--elixir-500);--btn-bottom: #6a148c;--btn-base: #3c0a52;color:#ffe9ff}.hs__auto[aria-checked=true] .hs__auto-dot{background:#fff3ff;box-shadow:0 0 0 2px #3c065099,0 0 8px #ffdcffe6}@media(max-width:600px){.hs__plan-group{gap:8px}.hs__auto{padding:0 10px;font-size:15px}}.rules__plan svg{width:20px;height:20px}@media(max-height:520px)and (orientation:landscape){.pause__actions.has-plan{grid-template-columns:repeat(2,minmax(0,1fr));width:min(560px,100%)}.pause__actions.has-plan .btn--lg{grid-column:1 / -1}.pause__actions.has-plan .btn:not(.btn--lg){padding-left:20px;font-size:18px}}.plan-layer{position:absolute;inset:0;z-index:30;pointer-events:none}.plan-layer[hidden]{display:none}.plan-badge{--pb-dot: var(--stone-500);position:absolute;right:0;bottom:0;display:flex;align-items:center;height:30px;padding:0 11px 0 10px;border:0;border-radius:8px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:15px;line-height:1;letter-spacing:.03em;color:var(--mist);background:linear-gradient(180deg,#141f56f0,#060a22f7);box-shadow:inset 0 0 0 1.5px var(--edge-strong),inset 0 1px #ffffff14,0 8px 16px -8px #020412e6;transform:skew(var(--slant));transform-origin:100% 100%;pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background var(--t-med) linear,box-shadow var(--t-med) linear,color var(--t-fast) linear}.plan-layer:not(.is-placed) .plan-badge{visibility:hidden}.plan-badge__in{display:inline-flex;align-items:center;gap:7px;transform:skew(var(--slant-inv))}.plan-badge__dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--pb-dot);box-shadow:0 0 0 2px #030618b3}.plan-badge__label{color:var(--ivory)}.plan-badge__state{font-family:var(--font-chunky);font-style:normal;font-weight:400;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.plan-badge__key.key{min-width:0;height:19px;padding:0 6px;border-radius:4px;font-size:12px;box-shadow:inset 0 -2px 0 var(--stone-400),0 1px #030618cc}.plan-badge__key.padbtn{height:19px;min-width:0;padding:0 6px;font-size:11px}.plan-badge__key--pad,.ui[data-input=pad] .plan-badge__key--keys,.plan-layer.is-touch .plan-badge__key{display:none}.ui[data-input=pad] .plan-layer:not(.is-touch) .plan-badge__key--pad{display:inline-grid}@media(hover:hover){.plan-badge:hover{box-shadow:inset 0 0 0 1.5px var(--edge-gold),inset 0 1px #ffffff1a,0 8px 16px -8px #020412e6}}.plan-badge:active{transform:skew(var(--slant)) scale(.94)}.plan-badge[data-state=on],.plan-badge[data-state=waiting],.plan-badge[data-state=manual]{--pb-dot: #fff3ff;color:#ffe9ff;background:linear-gradient(180deg,var(--elixir-500),#6a148c 88%);box-shadow:inset 0 0 0 1.5px #ffc4ffb3,inset 0 1px #ffffff59,0 0 18px #ec5cff80,0 8px 16px -8px #020412e6}.plan-badge[data-state=on] .plan-badge__dot{animation:plan-dot 1.6s ease-in-out infinite}.plan-badge[data-state=waiting]{filter:saturate(.6) brightness(.86)}.plan-badge[data-state=manual]{--pb-dot: var(--gold-400)}.plan-badge[data-state=manual] .plan-badge__state{color:var(--gold-200)}.plan-badge[data-state=empty]{opacity:.72;color:var(--mist-dim);box-shadow:inset 0 0 0 1.5px var(--edge),0 8px 16px -8px #020412e6}.plan-badge[data-state=empty] .plan-badge__label{color:var(--mist)}@keyframes plan-dot{0%,to{box-shadow:0 0 0 2px #3c065099,0 0 #ffdcffbf}55%{box-shadow:0 0 0 2px #3c065099,0 0 0 6px #ffdcff00}}.plan-badge.is-pulse{animation:plan-pulse .65s var(--ease-out)}@keyframes plan-pulse{0%{transform:skew(var(--slant)) scale(1);filter:brightness(1)}28%{transform:skew(var(--slant)) scale(1.14);filter:brightness(1.45)}to{transform:skew(var(--slant)) scale(1);filter:brightness(1)}}.plan-badge__fire{position:absolute;right:4px;bottom:calc(100% + 7px);display:inline-flex;align-items:baseline;gap:7px;max-width:min(320px,70vw);padding:6px 11px 7px;border-radius:7px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:15px;line-height:1;color:var(--ivory);white-space:nowrap;background:#070b26e6;box-shadow:inset 0 0 0 1.5px #ec5cff8c,0 6px 14px -6px #020412e6;opacity:0;transform:translateY(6px);transition:opacity .22s linear,transform .26s var(--ease-out);pointer-events:none}.plan-badge__fire-num{font-family:var(--font-chunky);font-weight:400;font-style:normal;font-size:14px;color:var(--elixir-300)}.plan-badge__fire-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.plan-badge.has-fire .plan-badge__fire{opacity:1;transform:none}.plan-layer.is-touch .plan-badge__fire{right:calc(100% + 6px);bottom:auto;top:50%;max-width:min(320px,58vw);transform:translate(6px,-50%)}.plan-layer.is-touch .plan-badge.has-fire .plan-badge__fire{transform:translateY(-50%)}.plan-badge.is-nudge{animation:plan-nudge .32s ease-out}@keyframes plan-nudge{0%,to{translate:0 0}25%{translate:-6px 0}55%{translate:5px 0}80%{translate:-3px 0}}@media(max-width:760px),(max-height:520px)and (orientation:landscape){.plan-badge{height:27px;padding:0 9px 0 8px;font-size:14px}.plan-badge__state{font-size:12px}.plan-badge__fire{font-size:14px}}@media(prefers-reduced-motion:reduce){.plan-badge,.plan-badge__dot,.plan-badge__fire{animation:none!important;transition:none}}