: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: clamp(16px, 1.35vw, 19px);--fs-body: 16px;--fs-small: 14px;--fs-micro: 12px;--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:15px;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:15px;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)}.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)}.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}.hints{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-family:var(--font-display);font-weight:700;font-size:16px;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:16px;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__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:15.5px;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:15px;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__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:16px;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:13px;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:15px}.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%}.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}.field--seg .seg{flex:none}.howto__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.2vw,30px);max-width:1240px}.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__topic:nth-child(2){animation-delay:60ms}.howto__topic:nth-child(3){animation-delay:.12s}.howto__topic:nth-child(4){animation-delay:.18s}.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)}.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}@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__grid{grid-template-columns: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__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)}.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:13px}.menu__grid .tile:not(.menu__play) .tile__glyph{width:26%}.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:12px}.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:18px}.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);align-items:start;gap:clamp(26px,2.6vw,36px);max-width:1240px;width:100%;padding-top:8px}.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:13.5px;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:17px;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)}}@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:12px}.rules__counter{padding-top:8px;font-size:14px}}.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:20px;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}.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__num{font-size:clamp(88px,17vw,240px);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:34%;display:grid;justify-items:center;gap:4px;pointer-events:none;opacity:0;transition:opacity .26s 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(64px,10vw,148px);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:4px 16px 5px;border-radius:4px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:clamp(18px,1.8vw,24px);color:var(--ivory);background:#050920c7;box-shadow:inset 0 0 0 1px var(--edge-strong);transform:skew(var(--slant))}.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:19px;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)}}@media(max-height:520px)and (orientation:landscape){.ui[data-base=hud] .toasts{bottom:calc(var(--pad-b) + 188px)}.pause__box{gap:8px}.pause__title{font-size:64px}.pause__info{font-size:16px}.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:17px}.callout{top:30%}}.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: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:calc(100% + 12px);left:50%;translate:-50% 0;display:flex;align-items:center;gap:8px;white-space:nowrap}.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}.scoreboard.is-moon .sb__info{visibility:hidden}.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:14px;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:5px;padding:3px 6px 3px 5px;border-radius:6px;transform:translate(-50%,-100%);background:#050920cc;box-shadow:0 0 0 1.5px #030618f2,0 4px 10px #02041280}.tbar__track{width:72px;height:9px;border-radius:3px;overflow:hidden;background:#ffffff1f;box-shadow:inset 0 0 0 1px #00000080}.tbar--king .tbar__track{width:96px;height:11px}.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:32px;font-family:var(--font-chunky);font-size:14px;line-height:1;text-align:right;color:#fff;-webkit-text-stroke:3px var(--ink-950);paint-order:stroke fill}.tbar--king .tbar__hp{font-size:16px}.tbar__icon{width:17px;height:17px;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-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--mist)}.hud__hint-keys{display:flex;flex-wrap:wrap;gap:4px}.hud__hint-keys .key{min-width:24px;height:24px;font-size:13px;padding:0 6px}.hud__hint-keys .key--wide{min-width:52px}.hud__hint-text{color:var(--mist);font-size:15px}.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}.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}.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}@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__info,.sb__moon{top:calc(100% + 72px)}.sb__info .chip{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:12px}.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)}.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}}@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,#602008f5,#2e0c04f5);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:14px;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:19px;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}.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:16px;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:13px}.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:13px}.hzb__arrow{width:32px;height:32px}.sb__moon-time{font-size:21px}.sb__moon-target{font-size:12.5px}}@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:11.5px}.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:15px}.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:12px}}@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:10.5px}}@media(prefers-reduced-motion:reduce){.hzb__glyph,.hzb__arrow,.sb__moon-glyph,.pmeter__final,.vbtn--special.is-final:before{animation:none}}