:root{--element-fire:#ff5a36;--element-air:#ffd23f;--element-earth:#34d17b;--element-poison:#a6e822;--element-water:#3f8dff;--element-arcane:#b45cff;--element-fire-glow:#ff7a2a;--element-air-glow:#ffe173;--element-earth-glow:#4deda0;--element-poison-glow:#c3ff4d;--element-water-glow:#6af;--element-arcane-glow:#cf8dff;--element-fire-core:#ffd9a0;--element-air-core:#fff6c8;--element-earth-core:#c8ffdc;--element-poison-core:#eaffb0;--element-water-core:#d8ecff;--element-arcane-core:#f2e2ff;--element-fire-deep:#7a1d0d;--element-air-deep:#7a5e10;--element-earth-deep:#0d5c38;--element-poison-deep:#3d5c0a;--element-water-deep:#12336e;--element-arcane-deep:#42126e;--sf-cyan:#5cd8ff;--sf-amber:#ffb03c;--sf-danger:#ff4f6d;--sf-text:#e8ecf4;--ink-on-accent:#1d1505;--slot-fill:linear-gradient(180deg, #232939 0%, #101320 100%);--slot-disc:radial-gradient(circle at 35% 30%, #333e58, #0c0e15);--mask-chamfer:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));--mask-card:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));--hex-mask:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--void-fill:radial-gradient(circle at center, #0d1420 0%, #04060b 100%);--z-hud:10;--z-flyout:20;--z-panel:30;--z-toast:38;--z-chooser:41;--z-modal:60;--z-tooltip:120}.hud-btn:focus-visible,.cc-slot:focus-visible,.ability-slot:focus-visible,.radial-btn:focus-visible,.color-swatch:focus-visible,.gate-card:focus-visible,.ui-input:focus-visible,.auth-tab:focus-visible,.chip:focus-visible,[role=tab]:focus-visible{--edge:var(--sf-cyan);box-shadow:inset 0 0 0 2px var(--sf-cyan), inset 0 0 12px -2px var(--sf-cyan);outline:none}.chip{font-family:var(--sf-font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--sf-text-dim);white-space:nowrap;background:#0000004d;border:1px solid #ffffff14;border-radius:3px;padding:1px 6px;font-size:10px;line-height:1.5;display:inline-block}.chip-accent{color:var(--chip-accent,var(--sf-cyan));border-color:color-mix(in srgb, var(--chip-accent,var(--sf-cyan)) 40%, transparent)}.hex-plate{clip-path:var(--hex-mask)}.slot-fill{background:var(--slot-fill)}.ink-on-accent{color:var(--ink-on-accent)}.section-title{font-family:var(--sf-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--section-ink,var(--sf-amber));margin:0 0 6px;font-size:10px;font-weight:700;display:block}.section-title-ion{--section-ink:var(--sf-cyan)}.chart-tip{pointer-events:none;font-family:var(--sf-font-mono);color:var(--sf-text);background:var(--sf-panel-lo);border:1px solid var(--sf-border);white-space:nowrap;z-index:var(--z-tooltip);padding:5px 9px;font-size:11px;position:fixed}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--resource-wood:#ffb03c;--resource-stone:#e8ecf4;--sf-arcane:#c86bff;--sf-panel-hi:#262b38;--sf-panel-lo:#14161f;--sf-border:#3c4358;--sf-border-dim:#262b3a;--sf-edge:#6fa8c9;--sf-edge-dim:#4a5570;--sf-cyan-dim:#2b6d8a;--sf-amber-dim:#8a5f18;--sf-text-dim:#8b93ad;--sf-font-display:"Chakra Petch", sans-serif;--sf-font-ui:"Inter", "Segoe UI", system-ui, sans-serif;--sf-font-mono:"Share Tech Mono", "Space Grotesk", monospace;--cut:12px;--btn-edge-coat:linear-gradient(180deg, #c8e8ff66 0%, transparent 42%, #0006 100%);--btn-face-coat:linear-gradient(180deg, #ffffff21 0%, #ffffff08 34%, transparent 37%), linear-gradient(0deg, #00000052 0%, transparent 45%);--sf-glow-cyan:0 0 12px #5cd8ff59;--sf-glow-amber:0 0 14px #ffb03c73;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#151135;--night-2:#1a1640;--panel-hi:var(--sf-panel-hi);--panel-lo:var(--sf-panel-lo);--border:var(--sf-border);--edge:var(--sf-edge);--edge-dim:var(--sf-edge-dim);--cyan:var(--sf-cyan);--amber:var(--sf-amber);--danger:var(--sf-danger);--text:var(--sf-text);--text-dim:var(--sf-text-dim);--brass-hi:#ffc766;--brass-lo:#c47a18;--font-display:var(--sf-font-display);--font-ui:var(--sf-font-ui);--font-mono:var(--sf-font-mono);--c:var(--cyan);--c-glow:var(--cyan);--stack:clamp(3.5rem, 7vw, 6rem);--ease-out:cubic-bezier(.2, .9, .25, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem;overflow-x:clip}body{background:var(--night);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1rem,.95rem + .25vw,1.1rem);line-height:1.55;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.01em;margin:0;font-weight:700;line-height:.98}p{text-wrap:pretty;margin:0}ul{margin:0;padding:0;list-style:none}b,strong{font-weight:700}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.skip-link{z-index:100;background:var(--cyan);color:#05121b;padding:.7rem 1rem;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.container{width:min(100% - 2rem,80rem);margin-inline:auto}.icon{fill:currentColor;flex:none;width:1.25em;height:1.25em}.panel{isolation:isolate;--cut:14px;clip-path:var(--mask-chamfer);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 45%, var(--border)) 0%, var(--border) 30%, var(--sf-border-dim) 100%);position:relative}.panel:before{content:"";z-index:-1;clip-path:var(--mask-chamfer);background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--c) 16%, transparent), transparent 60%), linear-gradient(180deg, var(--panel-hi) 0%, var(--panel-lo) 100%);position:absolute;inset:1px}.btn{isolation:isolate;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text);--cut:9px;clip-path:var(--mask-chamfer);background:var(--btn-edge-coat), var(--edge);text-shadow:0 1px #00000080;transition:transform .15s var(--ease-out), filter .15s, box-shadow .15s;white-space:nowrap;justify-content:center;align-items:center;gap:.6em;padding:.95em 1.7em;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.btn:before{content:"";z-index:-1;clip-path:var(--mask-chamfer);background:var(--btn-face-coat), linear-gradient(180deg, #2b3346 0%, #12151f 100%);position:absolute;inset:1px}.btn:hover{transform:translateY(-2px);box-shadow:inset 0 0 18px -4px #5cd8ff99}.btn:active{filter:brightness(.9);transform:translateY(1px)}.btn-primary{color:var(--ink-on-accent);background:var(--btn-edge-coat), #ffd489;text-shadow:0 1px #ffe2a08c;animation:2.8s ease-in-out infinite brass-pulse;box-shadow:0 0 #ffb03c00}.btn-primary:before{background:linear-gradient(180deg, #ffffff6b 0%, #ffffff1f 34%, transparent 37%), linear-gradient(0deg, #70340473 0%, transparent 45%), linear-gradient(180deg, var(--amber) 0%, var(--brass-lo) 100%)}.btn-primary:hover{animation-play-state:paused;box-shadow:0 8px 32px -6px #ffb03cb3}@keyframes brass-pulse{0%,to{filter:drop-shadow(0 0 #ffb03c00)}50%{filter:drop-shadow(0 0 14px #ffb03c8c)}}.btn-ghost{background:var(--btn-edge-coat), var(--edge-dim)}.btn-ghost:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1511358c}.btn-lg{--cut:12px;padding:1.05em 2.1em;font-size:clamp(1.05rem,1rem + .5vw,1.35rem)}.btn-sm{--cut:6px;padding:.7em 1.1em;font-size:.8rem}.chip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);background:color-mix(in srgb, var(--c) 10%, #15113599);--cut:5px;clip-path:var(--mask-chamfer);align-items:center;gap:.45em;padding:.28em .7em;font-size:.78rem;display:inline-flex}.hex{aspect-ratio:.87;width:3.2rem;clip-path:var(--hex-mask);background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--c) 85%, #fff) 0%, var(--c) 38%, color-mix(in srgb, var(--c) 55%, #000) 100%);color:#0a0818;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 2px #ffffff40}.hex .icon{width:55%;height:55%}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--c);align-items:center;gap:.75rem;font-size:.82rem;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, transparent, var(--c));width:2.2rem;height:2px}.section-head{gap:.9rem;max-width:46rem;margin-bottom:clamp(2rem,4vw,3.2rem);display:grid}.section-head h2{text-transform:uppercase;font-size:clamp(2.2rem,1.4rem + 4vw,4.4rem);font-style:italic}.section-head h2 em{color:var(--c);text-shadow:0 0 28px color-mix(in srgb, var(--c) 60%, transparent);font-style:italic}.section-head p{color:var(--text-dim);max-width:38rem;font-size:clamp(1.05rem,1rem + .35vw,1.25rem)}section{padding-block:var(--stack);position:relative}main{isolation:isolate;position:relative}.bloom{z-index:-1;pointer-events:none;position:absolute;inset:0}.bloom:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--c) 22%, transparent) 0%, transparent 62%);filter:blur(20px);width:60vw;max-width:900px;height:60vw;max-height:900px;left:var(--bx,-20%);top:var(--by,-20%);border-radius:50%;position:absolute}.elements .bloom:before{top:var(--by,0);width:50vw;height:50vw}.hexcard{--hx:26px;--hexcard-mask:polygon(var(--hx) 0, calc(100% - var(--hx)) 0, 100% 50%, calc(100% - var(--hx)) 100%, var(--hx) 100%, 0 50%);isolation:isolate;clip-path:var(--hexcard-mask);background:color-mix(in srgb, var(--c) 55%, var(--border));padding:1.5rem calc(var(--hx) + 1.1rem) 1.6rem;transition:transform .22s var(--ease-out), filter .22s;position:relative;overflow:hidden}.hexcard:before{content:"";z-index:-2;clip-path:var(--hexcard-mask);background:linear-gradient(180deg, var(--panel-hi) 0%, var(--panel-lo) 100%);position:absolute;inset:1px}.hexcard:after{content:"";left:var(--hx);right:var(--hx);z-index:-1;background:linear-gradient(90deg, transparent, var(--c) 30%, var(--c) 70%, transparent);opacity:.9;pointer-events:none;height:2px;position:absolute;top:1px}.hexcard:hover{z-index:2;filter:drop-shadow(0 14px 30px color-mix(in srgb, var(--c) 30%, transparent));transform:translateY(-4px)}.honeycomb{--g:.6rem;gap:.9rem;width:min(100vw - 2rem,100rem);margin-inline:calc(50% + -1*min(50vw - 1rem,50rem));display:grid;container-type:inline-size}.hc-row{display:contents}.honeycomb .hexcard{text-align:center;align-content:center;justify-items:center;min-height:15rem}.honeycomb .hexcard .hex,.honeycomb .hexcard .chip,.honeycomb .hexcard .players,.honeycomb .hexcard .eyebrow{justify-self:center}.honeycomb .hexcard .threat{justify-content:center}@media (width>=48rem){.honeycomb{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=70rem){.honeycomb{--tw:calc(100cqw / 4);--th:calc(var(--tw) * .866);--s:.94;padding-top:calc(var(--th) * (1 - var(--s)) / 2);padding-bottom:calc(var(--th) * (1 - var(--s)) / 2);display:block}.hc-row{gap:calc(var(--tw) * (1.5 - var(--s)));padding-left:calc(var(--tw) * (1 - var(--s)) / 2);display:flex}.hc-row>*{width:calc(var(--tw) * var(--s));height:calc(var(--th) * var(--s));--hx:calc(var(--tw) * var(--s) / 4);min-height:0;padding:.8rem calc(var(--hx) * .55 + .3rem);flex:none;font-size:.92rem}.hc-row>* h3{font-size:1.05rem}.hc-row>* p{font-size:.84rem;line-height:1.38}.hc-row>* .hex{width:2.4rem;margin-bottom:0}.hc-row:nth-child(2n){padding-left:calc(var(--tw) * (.75 + (1 - var(--s)) / 2))}.hc-row+.hc-row{margin-top:calc(var(--th) * (.5 - var(--s)))}}:root{--hexfield-grid:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224.25%22 height=%2242.00%22 viewBox=%220 0 24.25 42.00%22%3E%3Cpolygon points=%220.00,-21.00 -12.12,-14.00 -24.25,-21.00 -24.25,-35.00 -12.12,-42.00 -0.00,-35.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%220.00,21.00 -12.12,28.00 -24.25,21.00 -24.25,7.00 -12.12,0.00 -0.00,7.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%220.00,63.00 -12.12,70.00 -24.25,63.00 -24.25,49.00 -12.12,42.00 -0.00,49.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2224.25,-21.00 12.12,-14.00 -0.00,-21.00 0.00,-35.00 12.12,-42.00 24.25,-35.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2224.25,21.00 12.12,28.00 -0.00,21.00 0.00,7.00 12.12,0.00 24.25,7.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2224.25,63.00 12.12,70.00 -0.00,63.00 0.00,49.00 12.12,42.00 24.25,49.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2248.50,-21.00 36.37,-14.00 24.25,-21.00 24.25,-35.00 36.37,-42.00 48.50,-35.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2248.50,21.00 36.37,28.00 24.25,21.00 24.25,7.00 36.37,0.00 48.50,7.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2248.50,63.00 36.37,70.00 24.25,63.00 24.25,49.00 36.37,42.00 48.50,49.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2212.12,-0.00 0.00,7.00 -12.12,-0.00 -12.12,-14.00 -0.00,-21.00 12.12,-14.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2212.12,42.00 0.00,49.00 -12.12,42.00 -12.12,28.00 -0.00,21.00 12.12,28.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2212.12,84.00 0.00,91.00 -12.12,84.00 -12.12,70.00 -0.00,63.00 12.12,70.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2236.37,-0.00 24.25,7.00 12.12,-0.00 12.12,-14.00 24.25,-21.00 36.37,-14.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2236.37,42.00 24.25,49.00 12.12,42.00 12.12,28.00 24.25,21.00 36.37,28.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2236.37,84.00 24.25,91.00 12.12,84.00 12.12,70.00 24.25,63.00 36.37,70.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2260.62,-0.00 48.50,7.00 36.37,-0.00 36.37,-14.00 48.50,-21.00 60.62,-14.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2260.62,42.00 48.50,49.00 36.37,42.00 36.37,28.00 48.50,21.00 60.62,28.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3Cpolygon points=%2260.62,84.00 48.50,91.00 36.37,84.00 36.37,70.00 48.50,63.00 60.62,70.00%22 fill=%22none%22 stroke=%22rgba%28111,168,201,0.07%29%22 stroke-width=%221%22/%3E%3C/svg%3E");--hexfield-hi-a:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22145.49%22 height=%22168.00%22 viewBox=%220 0 145.49 168.00%22%3E%3Cpolygon points=%2258.92,41.02 48.50,47.04 38.07,41.02 38.07,28.98 48.50,22.96 58.92,28.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3Cpolygon points=%2258.92,209.02 48.50,215.04 38.07,209.02 38.07,196.98 48.50,190.96 58.92,196.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3Cpolygon points=%22107.42,41.02 96.99,47.04 86.57,41.02 86.57,28.98 96.99,22.96 107.42,28.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3Cpolygon points=%22107.42,209.02 96.99,215.04 86.57,209.02 86.57,196.98 96.99,190.96 107.42,196.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3Cpolygon points=%2210.43,41.02 -0.00,47.04 -10.43,41.02 -10.43,28.98 -0.00,22.96 10.43,28.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3Cpolygon points=%2210.43,209.02 -0.00,215.04 -10.43,209.02 -10.43,196.98 -0.00,190.96 10.43,196.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3Cpolygon points=%22155.92,41.02 145.49,47.04 135.07,41.02 135.07,28.98 145.49,22.96 155.92,28.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3Cpolygon points=%22155.92,209.02 145.49,215.04 135.07,209.02 135.07,196.98 145.49,190.96 155.92,196.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3Cpolygon points=%2234.68,83.02 24.25,89.04 13.82,83.02 13.82,70.98 24.25,64.96 34.68,70.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3Cpolygon points=%22180.17,83.02 169.74,89.04 159.31,83.02 159.31,70.98 169.74,64.96 180.17,70.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3Cpolygon points=%2271.05,104.02 60.62,110.04 50.19,104.02 50.19,91.98 60.62,85.96 71.05,91.98%22 fill=%22rgba%28120,220,255,0.035%29%22/%3E%3C/svg%3E");--hexfield-hi-b:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22169.74%22 height=%22210.00%22 viewBox=%220 0 169.74 210.00%22%3E%3Cpolygon points=%2246.80,62.02 36.37,68.04 25.95,62.02 25.95,49.98 36.37,43.96 46.80,49.98%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%22-1.70,104.02 -12.12,110.04 -22.55,104.02 -22.55,91.98 -12.12,85.96 -1.70,91.98%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%22168.04,104.02 157.62,110.04 147.19,104.02 147.19,91.98 157.62,85.96 168.04,91.98%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%2234.68,167.02 24.25,173.04 13.82,167.02 13.82,154.98 24.25,148.96 34.68,154.98%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%22204.42,167.02 193.99,173.04 183.56,167.02 183.56,154.98 193.99,148.96 204.42,154.98%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%22119.55,146.02 109.12,152.04 98.69,146.02 98.69,133.98 109.12,127.96 119.55,133.98%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%2234.68,-0.98 24.25,5.04 13.82,-0.98 13.82,-13.02 24.25,-19.04 34.68,-13.02%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%2234.68,209.02 24.25,215.04 13.82,209.02 13.82,196.98 24.25,190.96 34.68,196.98%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%22204.42,-0.98 193.99,5.04 183.56,-0.98 183.56,-13.02 193.99,-19.04 204.42,-13.02%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%22204.42,209.02 193.99,215.04 183.56,209.02 183.56,196.98 193.99,190.96 204.42,196.98%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%22-1.70,-21.98 -12.12,-15.96 -22.55,-21.98 -22.55,-34.02 -12.12,-40.04 -1.70,-34.02%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%22-1.70,188.02 -12.12,194.04 -22.55,188.02 -22.55,175.98 -12.12,169.96 -1.70,175.98%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%22168.04,-21.98 157.62,-15.96 147.19,-21.98 147.19,-34.02 157.62,-40.04 168.04,-34.02%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3Cpolygon points=%22168.04,188.02 157.62,194.04 147.19,188.02 147.19,175.98 157.62,169.96 168.04,175.98%22 fill=%22rgba%28120,220,255,0.028%29%22/%3E%3C/svg%3E");--hexfield-w:24.25px;--hexfield-h:42px}.hexfield{z-index:-1;pointer-events:none;background:var(--hexfield-grid) 0 0 / var(--hexfield-w) var(--hexfield-h) repeat;position:absolute;inset:0}.hexfield:before,.hexfield:after{content:"";background-repeat:repeat;animation:11s ease-in-out infinite hexfield-breathe;position:absolute;inset:0}.hexfield:before{background-image:var(--hexfield-hi-a);background-size:calc(var(--hexfield-w) * 6) calc(var(--hexfield-h) * 4)}.hexfield:after{background-image:var(--hexfield-hi-b);background-size:calc(var(--hexfield-w) * 7) calc(var(--hexfield-h) * 5);background-position:calc(var(--hexfield-w) * 2.5) calc(var(--hexfield-h) * 1.5);animation-duration:17s;animation-delay:-6s}@keyframes hexfield-breathe{0%,to{opacity:.15}50%{opacity:1}}.hexfield--hero{z-index:-1;-webkit-mask-image:linear-gradient(#0000 78%,#000 100%);mask-image:linear-gradient(#0000 78%,#000 100%)}.topbar{z-index:40;-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);background:linear-gradient(#151135eb,#151135b8);border-bottom:1px solid #6fa8c92e;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark-emblem{filter:drop-shadow(0 0 8px #5cd8ff80);width:2rem;height:2rem;display:inline-block}.wordmark-emblem svg{width:100%;height:100%}.topnav{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);gap:1.6rem;font-size:.8rem;display:none}.topnav a{text-decoration:none;transition:color .12s}.topnav a:hover{color:var(--cyan)}@media (width>=62rem){.topnav{display:flex}}.topbar-actions{align-items:center;gap:.75rem;display:flex}.lang-switch{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--edge-dim);--cut:5px;clip-path:var(--mask-chamfer);font-size:.75rem;display:inline-flex}.lang-switch a{color:var(--text-dim);padding:.4em .7em;text-decoration:none}.lang-switch a[aria-current]{background:var(--cyan);color:#05121b;font-weight:700}.hero{isolation:isolate;align-items:end;min-height:min(88svh,56rem);padding-block:clamp(3rem,7vw,5rem) clamp(2.5rem,5vw,4rem);display:grid;overflow:hidden}.hero-stage{z-index:-2;position:absolute;inset:0}.hero-stage .arena{opacity:0;width:100%;height:100%;transition:opacity .9s;display:block}.hero-stage .arena.is-live{opacity:1}.hero-stage:after{content:"";background:linear-gradient(180deg, #1511358c 0%, #1511350d 35%, #15113559 65%, var(--night) 100%), radial-gradient(70% 90% at 20% 70%, #151135bf, transparent 70%);position:absolute;inset:0}.hero-inner{gap:1.6rem;max-width:58rem;display:grid}.hero h1{text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 4px 40px #0009;font-size:clamp(3rem,1rem + 8.5vw,7.2rem);font-style:italic;line-height:.9}.hero h1 span{display:block}.hero h1 .line-2{color:#0000;-webkit-text-stroke:2px var(--cyan);text-shadow:0 0 30px #5cd8ff73}.hero h1 .line-3{color:var(--cyan);text-shadow:0 0 34px #5cd8ff80}.hero-sub{color:#d6dbea;max-width:34em;font-size:clamp(1.1rem,1rem + .6vw,1.45rem)}.hero-sub strong{color:#fff}.hero-cta{flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;display:flex}.hero-fine{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);font-size:.8rem}.elements{--c:var(--element-fire)}.elements:has(#el-air:checked){--c:var(--element-air)}.elements:has(#el-earth:checked){--c:var(--element-earth)}.elements:has(#el-poison:checked){--c:var(--element-poison)}.elements:has(#el-water:checked){--c:var(--element-water)}.elements:has(#el-arcane:checked){--c:var(--element-arcane)}.picker{gap:1.1rem;display:grid}.picker-tabs{flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,1.5vw,1.4rem);display:flex}.picker-tabs input{opacity:0;pointer-events:none;position:absolute}.picker-tab{--tc:var(--cyan);cursor:pointer;width:clamp(4.6rem,5rem + 3vw,7.2rem);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);justify-items:center;gap:.5rem;font-size:.78rem;transition:color .18s;display:grid}.picker-tab .gem{aspect-ratio:.87;isolation:isolate;width:clamp(3.6rem,3rem + 3vw,5.2rem);clip-path:var(--hex-mask);background:color-mix(in srgb, var(--tc) 45%, var(--sf-border-dim));color:color-mix(in srgb, var(--tc) 75%, #fff);transition:transform .18s var(--ease-out), background .18s, box-shadow .18s;place-items:center;display:grid;position:relative}.picker-tab .gem:before{content:"";z-index:-1;clip-path:var(--hex-mask);background:var(--slot-disc);transition:background .18s;position:absolute;inset:2px}.picker-tab .gem .icon{width:48%;height:48%;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--tc) 60%, transparent))}.picker-tab:hover{color:var(--text)}.picker-tab:hover .gem{background:var(--tc);transform:translateY(-3px)}.picker-tabs input:checked+.picker-tab{color:#fff}.picker-tabs input:checked+.picker-tab .gem{color:#0a0818;filter:drop-shadow(0 0 14px var(--tc));background:#ffffff8c;transform:translateY(-3px)scale(1.06)}.picker-tabs input:checked+.picker-tab .gem:before{background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--tc) 80%, #fff) 0%, var(--tc) 40%, color-mix(in srgb, var(--tc) 55%, #000) 100%)}.picker-tabs input:checked+.picker-tab .gem .icon{filter:none}.picker-tabs input:focus-visible+.picker-tab .gem{background:var(--cyan)}.picker-panes{position:relative}.pane{--cut:14px;animation:pane-in .35s var(--ease-out);padding:0;display:none}:is(.elements:has(#el-fire:checked) .pane--fire,.elements:has(#el-air:checked) .pane--air,.elements:has(#el-earth:checked) .pane--earth,.elements:has(#el-poison:checked) .pane--poison,.elements:has(#el-water:checked) .pane--water,.elements:has(#el-arcane:checked) .pane--arcane){display:block}@supports not selector(:has(a)){.pane{margin-bottom:1rem;display:block}}@keyframes pane-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pane-head{border-bottom:1px solid color-mix(in srgb, var(--c) 40%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--c) 14%, transparent), transparent);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;padding:.8rem 1.4rem;display:flex}.pane-head .icon{width:1.3rem;height:1.3rem;color:var(--c)}.pane-head h3{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--c);text-shadow:0 0 12px color-mix(in srgb, var(--c) 60%, transparent);font-size:.95rem;font-weight:400}.pane-head .pane-sub{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem}.pane-head .pane-sub:before{content:"·";color:var(--c);margin-right:1rem}.pane-body{grid-template-columns:1fr;gap:1.4rem 2rem;padding:clamp(1.2rem,2.5vw,1.8rem) clamp(1.2rem,2.5vw,1.8rem) clamp(1.3rem,2.5vw,2rem);display:grid}@media (width>=52rem){.pane-body{grid-template-columns:1.15fr 1fr}}.pane .blurb{color:#d6dbea;font-size:1rem}.pane .blurb b{color:var(--c)}.stat-rows{gap:.35rem;margin:1.1rem 0 0;display:grid}.stat-rows>div{border-bottom:1px solid var(--sf-border-dim);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem .2rem;font-size:.82rem;display:flex}.stat-rows dt{color:var(--text-dim)}.stat-rows dd{color:var(--text);align-items:baseline;gap:.8rem;margin:0;display:flex}.stat-rows dd b{color:var(--c);font-family:var(--font-display);font-size:1rem}.stat-rows dd b.down{color:var(--danger)}.roster{align-content:start;display:grid}.roster-title{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid color-mix(in srgb, var(--c) 40%, var(--border));padding-bottom:.5rem;font-size:.72rem}.roster li:not(.roster-title){border-bottom:1px solid var(--sf-border-dim);grid-template-columns:auto 1fr;align-items:center;gap:.1rem .8rem;padding:.6rem .2rem;display:grid}.roster li .hex{color:#fff;grid-area:1/1/span 2;width:2.1rem}.pane--air .roster li .hex,.pane--poison .roster li .hex{color:#0a0818}.roster li b{font-family:var(--font-ui);color:var(--text);grid-area:1/2;font-size:.95rem;font-weight:600}.roster li span{color:var(--text-dim);grid-column:2;font-size:.85rem}.elements-head{align-items:center;gap:2rem;margin-bottom:clamp(2rem,4vw,3rem);display:grid}.elements-head .section-head{margin-bottom:0}@media (width>=56rem){.elements-head{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.wheel-wrap{place-items:center;padding:1rem;display:grid;position:relative}.wheel-wrap:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--c) 26%, transparent), transparent 65%);filter:blur(18px);border-radius:50%;transition:background .3s;position:absolute;inset:10%}.wheel{width:100%;max-width:26rem;height:auto;display:block;position:relative;overflow:visible}.wheel-ring{display:none}.wheel-ring--out{stroke-dasharray:2 13;animation:26s linear infinite ring-run}.wheel-ring--in{stroke:#6fa8c940;stroke-dasharray:1 9;animation:34s linear infinite reverse ring-run}@keyframes ring-run{to{stroke-dashoffset:-150px}}.wheel-heart{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite node-pulse}.wheel-shield{fill:#5cd8ff14;stroke:var(--cyan);stroke-width:1.2px;opacity:.7}.wheel-crystal{fill:url(#g-crystal);stroke:#eafaff;stroke-width:1.2px;stroke-linejoin:round;filter:drop-shadow(0 0 9px #9ff0ffd9)}.wheel-facet{fill:none;stroke:#0a182680;stroke-width:1px}.wheel-tile{stroke:#060a1699;stroke-width:1.5px;transition:filter .25s}.wheel-node{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite node-pulse}@keyframes node-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.wheel-glyph{fill:#050a10cc}.wheel-name{font-family:var(--font-display);letter-spacing:.12em;fill:var(--text-dim);font-size:12px;font-weight:700}.wheel-elem--fire .wheel-name{fill:var(--element-fire)}.wheel-elem--air .wheel-name{fill:var(--element-air)}.wheel-elem--earth .wheel-name{fill:var(--element-earth)}.wheel-elem--poison .wheel-name{fill:var(--element-poison)}.wheel-elem--water .wheel-name{fill:var(--element-water)}.wheel-elem--arcane .wheel-name{fill:var(--element-arcane)}.wheel-arrow{fill:none;stroke:var(--cyan);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:opacity .2s,stroke-width .2s,stroke .2s}.wheel-pip{fill:var(--cyan);animation:3.2s cubic-bezier(.5,0,.5,1) infinite pip}@keyframes pip{0%{offset-distance:0%;opacity:0}12%{opacity:1}82%{opacity:1}to{offset-distance:100%;opacity:0}}.wheel-elem--air .wheel-pip,.wheel-elem--air .wheel-node{animation-delay:.55s}.wheel-elem--earth .wheel-pip,.wheel-elem--earth .wheel-node{animation-delay:1.1s}.wheel-elem--poison .wheel-pip,.wheel-elem--poison .wheel-node{animation-delay:1.65s}.wheel-elem--water .wheel-pip,.wheel-elem--water .wheel-node{animation-delay:2.2s}.wheel-elem--arcane .wheel-pip,.wheel-elem--arcane .wheel-node{animation-delay:2.75s}.wheel-elem--fire .wheel-arrow{stroke:var(--element-fire)}.wheel-elem--fire .wheel-pip{fill:var(--element-fire)}.wheel-elem--air .wheel-arrow{stroke:var(--element-air)}.wheel-elem--air .wheel-pip{fill:var(--element-air)}.wheel-elem--earth .wheel-arrow{stroke:var(--element-earth)}.wheel-elem--earth .wheel-pip{fill:var(--element-earth)}.wheel-elem--poison .wheel-arrow{stroke:var(--element-poison)}.wheel-elem--poison .wheel-pip{fill:var(--element-poison)}.wheel-elem--water .wheel-arrow{stroke:var(--element-water)}.wheel-elem--water .wheel-pip{fill:var(--element-water)}.wheel-elem--arcane .wheel-arrow{stroke:var(--element-arcane)}.wheel-elem--arcane .wheel-pip{fill:var(--element-arcane)}:is(.elements:has(#el-fire:checked) .wheel-elem--fire .wheel-arrow,.elements:has(#el-air:checked) .wheel-elem--air .wheel-arrow,.elements:has(#el-earth:checked) .wheel-elem--earth .wheel-arrow,.elements:has(#el-poison:checked) .wheel-elem--poison .wheel-arrow,.elements:has(#el-water:checked) .wheel-elem--water .wheel-arrow,.elements:has(#el-arcane:checked) .wheel-elem--arcane .wheel-arrow){opacity:1;stroke-width:3.5px;filter:drop-shadow(0 0 6px var(--c))}:is(.elements:has(#el-fire:checked) .wheel-elem--fire .wheel-tile,.elements:has(#el-air:checked) .wheel-elem--air .wheel-tile,.elements:has(#el-earth:checked) .wheel-elem--earth .wheel-tile,.elements:has(#el-poison:checked) .wheel-elem--poison .wheel-tile,.elements:has(#el-water:checked) .wheel-elem--water .wheel-tile,.elements:has(#el-arcane:checked) .wheel-elem--arcane .wheel-tile){filter:drop-shadow(0 0 10px var(--c)) brightness(1.15)}.wheel-legend{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);text-align:center;margin-top:.2rem;font-size:.75rem}.waves{--c:var(--danger)}.rung{--c:var(--rc,var(--cyan));align-content:start;gap:.55rem;display:grid}.rung .wave-no{font-family:var(--font-display);color:var(--c);text-shadow:0 0 22px color-mix(in srgb, var(--c) 55%, transparent);align-items:baseline;gap:.6rem;font-size:3rem;font-style:italic;line-height:1;display:flex}.rung .wave-no small{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem;font-style:normal}.rung h3{text-transform:uppercase;letter-spacing:.02em;font-size:1.3rem}.rung p{color:var(--text-dim);font-size:.9rem;line-height:1.42}.rung .threat{flex-wrap:wrap;gap:.35rem;margin-top:.2rem;display:flex}.rung--boss{--rc:var(--danger)}.rung--boss h3{font-style:italic}.arsenal{--c:var(--cyan)}.card{align-content:start;gap:.7rem;display:grid}.card .hex{width:2.8rem}.card h3{text-transform:uppercase;letter-spacing:.01em;font-size:1.3rem}.card p{color:var(--text-dim);font-size:.92rem;line-height:1.45}.card--shot{align-content:center}.card--shot img{z-index:-1;object-fit:cover;width:calc(100% - 2px);height:calc(100% - 2px);clip-path:var(--hexcard-mask);transition:transform .6s var(--ease-out);position:absolute;inset:1px}.card--shot:hover img{transform:scale(1.04)}.card--shot .card-body{justify-items:center;gap:.5rem;display:grid}.card--shot img{filter:brightness(.3)saturate(.9)}.card--shot:hover img{filter:brightness(.4)saturate()}.card--shot .card-body{text-shadow:0 1px 2px #000000e6;background:radial-gradient(#151135eb 45%,#1511358c 75%,#0000 100%);padding:.9rem 1rem;position:relative}.card--shot .card-body p{color:#dfe4f0}.foes{--c:var(--element-poison)}.foe{align-content:center;gap:.35rem;display:grid}.foe .hex{width:2.9rem;margin-bottom:.3rem}.foe h3{text-transform:uppercase;letter-spacing:.04em;font-size:1.15rem}.foe p{color:var(--text-dim);font-size:.92rem}.foe .chip{white-space:normal;margin-top:.3rem;font-size:.68rem}.foe--boss{--c:var(--danger)}.foe--boss h3{font-size:1.4rem;font-style:italic}.modes{--c:var(--element-water)}.mode{align-content:start;gap:.7rem;display:grid}.mode .players{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--c);align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.mode h3{text-transform:uppercase;font-size:1.7rem;font-style:italic}.mode p{color:var(--text-dim);font-size:.92rem;line-height:1.45}.mode--daily{--c:var(--amber)}.mode--versus{--c:var(--danger)}.mode--coop{--c:var(--element-earth)}.mode--campaign{--c:var(--element-arcane)}.mode--shot{align-content:end;min-height:16rem;padding:0}.mode--shot img{z-index:-1;object-fit:cover;object-position:center top;width:calc(100% - 2px);height:calc(100% - 2px);clip-path:var(--hexcard-mask);position:absolute;inset:1px}.mode--shot .card-body{padding:6rem calc(var(--hx) + 1.1rem) 1.6rem;background:linear-gradient(#0000,#151135f0 55%);align-self:end;gap:.5rem;display:grid}.gallery{--c:var(--element-air)}.shot{align-content:end;min-height:15rem;margin:0;padding:0;display:grid}.shot-zoom{z-index:-1;cursor:zoom-in;width:calc(100% - 2px);height:calc(100% - 2px);clip-path:var(--hexcard-mask);background:0 0;border:0;padding:0;display:block;position:absolute;inset:1px}.shot-zoom img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.shot:hover .shot-zoom img{transform:scale(1.04)}.shot figcaption{z-index:1;pointer-events:none;padding:3rem calc(var(--hx) * .8 + .6rem) 1.1rem;text-align:center;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);background:linear-gradient(#0000,#151135eb 45%);font-size:.78rem;position:relative}.shot figcaption b{color:var(--text);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;display:block}.lightbox{background:0 0;border:0;max-width:min(96vw,110rem);max-height:96vh;margin:auto;padding:0}.lightbox::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04030ce6}.lightbox-frame{cursor:zoom-out;background:0 0;border:0;padding:0;display:block}.lightbox-frame img{width:auto;max-width:96vw;max-height:94vh;box-shadow:0 0 0 1px var(--edge), 0 30px 80px #000c}.ranks{--c:var(--element-arcane)}.rank{align-content:start;gap:.5rem;display:grid}.rank .big{font-family:var(--font-display);color:var(--c);text-shadow:0 0 22px color-mix(in srgb, var(--c) 55%, transparent);font-size:clamp(2.4rem,2rem + 2vw,3.6rem);font-style:italic;line-height:1}.rank h3{text-transform:uppercase;letter-spacing:.04em;font-size:1.2rem}.rank p{color:var(--text-dim);font-size:.92rem;line-height:1.45}.rank--a{--c:var(--cyan)}.rank--b{--c:var(--element-air)}.rank--c{--c:var(--element-earth)}.rank--d{--c:var(--element-arcane)}.faq-section{--c:var(--cyan)}.faq{gap:.6rem;max-width:52rem;display:grid}.faq details{--cut:10px}.faq summary{cursor:pointer;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;font-size:1.1rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--c);font-size:1.4rem;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--text-dim);padding:0 1.2rem 1.2rem}.final{--c:var(--amber);text-align:center;padding-block:calc(var(--stack) * 1.2)}.final h2{text-transform:uppercase;font-size:clamp(2.8rem,1.5rem + 8vw,8rem);font-style:italic;line-height:.9}.final h2 em{color:#0000;-webkit-text-stroke:2px var(--amber);font-style:italic}.final p{max-width:34em;color:var(--text-dim);margin:1.2rem auto 2rem;font-size:1.1rem}.final .hero-fine{margin-top:1rem}footer{border-top:1px solid #6fa8c926;padding-block:2.5rem 6rem}.footer-inner{gap:1.2rem;display:grid}.footer-links{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:1.4rem;font-size:.8rem;display:flex}.footer-links a{color:var(--text-dim);text-decoration:none}.footer-links a:hover{color:var(--cyan)}.footer-note{color:var(--text-dim);max-width:44em;font-size:.92rem}.play-dock{z-index:50;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));transition:transform .3s var(--ease-out), opacity .3s;background:linear-gradient(#0000,#151135f2 40%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.play-dock .btn{width:min(100%,26rem)}html.js .play-dock.is-hidden{opacity:0;pointer-events:none;transform:translateY(110%)}@media (width>=62rem){.play-dock{display:none}footer{padding-bottom:3rem}}.rv{opacity:0;transform:translateY(18px)}.in{opacity:1;transition:opacity .55s var(--ease-out) var(--rvd,0s), transform .55s var(--ease-out) var(--rvd,0s);transform:none}.hero h1 span,.hero-sub,.hero-cta{animation:land .7s var(--ease-out) both}.hero h1 .line-1{animation-delay:.12s}.hero h1 .line-2{animation-delay:.22s}.hero h1 .line-3{animation-delay:.32s}.hero-sub{animation-delay:.45s}.hero-cta{animation-delay:.55s}@keyframes land{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.rv{opacity:1;transform:none}}@media (width<=40rem){.hero-stage:after{background:linear-gradient(180deg, #151135b3 0%, #1511358c 40%, #151135bf 70%, var(--night) 100%)}.picker-tabs{grid-template-columns:repeat(3,1fr)}}@media (width<=26rem){.wordmark{font-size:1.1rem}.topbar-actions{gap:.5rem}}@media (width>=70rem){.hc-row>* .chip{letter-spacing:.08em;padding:.2em .5em;font-size:.62rem}.shot.hexcard figcaption{font-size:.7rem}.card--shot img{filter:brightness(.22)saturate(.9)blur(1px)}}.honeycomb .shot{align-content:end;justify-items:stretch}.honeycomb .shot figcaption{padding-bottom:1.6rem}@media (width>=70rem){.hc-row>.card--shot .card-body{gap:.35rem;padding:.4rem .3rem}}