:root[data-theme=night]{--bg: #0a0c12;--bg-image: radial-gradient(900px 520px at 50% -12%, #1d2440, transparent), repeating-linear-gradient(115deg, rgba(255, 255, 255, .014) 0 1px, transparent 1px 44px);--panel: linear-gradient(180deg, #141926, #0d111b);--panel-2: rgba(255, 255, 255, .045);--panel-3: rgba(255, 255, 255, .085);--well: #070910;--board: #070910;--text: #eef1f6;--muted: #7f8798;--accent: #3ddc97;--accent-2: #35c6e8;--accent-3: #b96ae8;--on-accent: #05130c;--accent-ink: #3ddc97;--danger: #ff5470;--danger-2: #6d1526;--warn: #e8bd2e;--gold: #e8bd2e;--ok: #3ddc97;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .18);--scrim: rgba(6, 8, 14, .84);--scrim-modal: rgba(4, 6, 12, .76);--shadow-panel: 0 24px 44px rgba(0, 0, 0, .55);--display-transform: uppercase;--side-you: #3ddc97;--side-them: #ff5470;--side: var(--side-you);--rank-1: #4ade80;--rank-2: #eef1f6;--rank-3: #c3cad6;--rank-4: #e8bd2e;--rank-5: #f0a52b;--rank-6: #f58b3c;--rank-7: #ff5470;--rank-8: #b96ae8;--rank-9: #f07ad0;--rank-10: #35c6e8}:root[data-theme=night] h1{font-size:clamp(1.55rem,6.5vw,2.5rem)}:root[data-theme=night] h1:after{content:"";display:block;width:56px;height:3px;margin:10px auto 0;border-radius:2px;background:var(--accent)}:root[data-theme=night] #menu{border-radius:12px}:root[data-theme=night] #mascot{filter:drop-shadow(0 6px 18px rgba(61,220,151,.22))}:root[data-theme=night] button{border-radius:7px}:root[data-theme=night] button:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:#3ddc9717}:root[data-theme=night] button.primary{text-transform:uppercase;background:var(--accent);color:var(--on-accent)}:root[data-theme=night] button.primary:hover{filter:brightness(1.08)}:root[data-theme=night] .name-input,:root[data-theme=night] .join-row input{border-radius:7px}:root[data-theme=night] .player{position:relative;border-radius:12px;--side: var(--side-them)}:root[data-theme=night] .player.mine{--side: var(--side-you)}:root[data-theme=night] .player:before{content:"";position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:0 0 3px 3px;background:var(--side)}:root[data-theme=night] canvas.board{border-radius:4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--side) 62%,transparent),0 0 18px -4px color-mix(in srgb,var(--side) 45%,transparent)}:root[data-theme=night] .name-tag{text-transform:uppercase;color:var(--side);padding-bottom:7px;margin-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--side) 22%,transparent)}:root[data-theme=night] .slot{border-radius:8px}:root[data-theme=night] .garbage-meter .fill{background:linear-gradient(180deg,var(--side),color-mix(in srgb,var(--side) 45%,#000))}:root[data-theme=night] .burger:hover span{background:var(--accent)}:root[data-theme=night] .combo-indicator .c,:root[data-theme=night] .combo-indicator .b,:root[data-theme=night] .clear-popup .pl{background:none;-webkit-background-clip:border-box;background-clip:border-box;text-transform:uppercase}:root[data-theme=night] .combo-indicator .c{color:var(--accent);filter:drop-shadow(0 0 12px rgba(61,220,151,.55))}:root[data-theme=night] .combo-indicator .b{color:var(--gold);filter:drop-shadow(0 0 12px rgba(232,189,46,.5))}:root[data-theme=night] .clear-popup .pl{color:var(--text);filter:drop-shadow(0 0 16px rgba(61,220,151,.45))}:root[data-theme=night] .clear-popup .pp{color:var(--gold)}:root[data-theme=night] .countdown span{text-shadow:0 0 30px rgba(61,220,151,.55),0 6px 24px rgba(0,0,0,.6)}:root[data-theme=night] .countdown span.go{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--accent)}:root[data-theme=night] .overlay .big{text-transform:uppercase}:root[data-theme=night] .overlay .ov-btn{background:var(--accent);color:var(--on-accent);text-transform:uppercase}:root[data-theme=night] .spec-meter-fill{background:var(--accent)}:root[data-theme=night] .modal-card h2{text-transform:uppercase}:root[data-theme=night] .sz-toggle{border-radius:999px;padding:0}.sz-theme-opt .sz-theme-minos i{box-shadow:inset 0 0 0 1px #00000059}:root[data-theme=night] .sz-theme-opt[aria-pressed=true]{background:#3ddc971f;border-color:var(--accent)}:root[data-theme] button:focus-visible,:root[data-theme] input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 80%,#fff);outline-offset:2px}.sz-theme-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px;margin:2px 0 4px}.sz-theme-opt{display:grid;gap:6px;justify-items:stretch;text-align:left;padding:9px 10px;min-width:0}.sz-theme-opt .sz-theme-name{font-size:13px}.sz-theme-opt .sz-theme-minos{display:flex;gap:3px}.sz-theme-opt .sz-theme-minos i{flex:1;height:10px;border-radius:2px}.sz-theme-opt[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}:root[data-theme=night] .deck-mark{background:none;border:none;box-shadow:none}:root[data-theme=night] .deck-mark:hover{background:none;border-color:transparent;box-shadow:none;transform:none}:root[data-theme=night] .deck-mark:active{transform:none;box-shadow:none}:root[data-theme=night] .deck-mark:active .deck-crest{transform:translateY(1px)}:root[data-theme=night] .linkish{border:none;border-radius:0;background:none;box-shadow:none;color:var(--accent-ink);font-weight:inherit;padding:0;text-decoration:underline}:root[data-theme=night] .linkish:hover{background:none;border-color:transparent;box-shadow:none;transform:none;filter:brightness(1.15)}@keyframes sz-nav-pulse-ink{50%{outline-color:color-mix(in srgb,var(--accent-ink) 40%,transparent)}}.sz-theme-opt.locked{opacity:.55}.sz-theme-opt.locked:hover{opacity:.8}.sz-theme-opt.locked .sz-theme-name:after{content:" \1f512";font-size:.9em}:root[data-theme=terminal]{--bg: #04070c;--bg-image: radial-gradient(1100px 700px at 50% -10%, rgba(34, 211, 238, .1), transparent 70%), repeating-linear-gradient(180deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 3px);--panel: #070a11;--panel-2: #0e1b23;--panel-3: #132630;--well: #0a1017;--board: #070a11;--text: #cfe6ec;--muted: #5f8f9c;--accent: #22d3ee;--accent-2: #22d3ee;--accent-3: #5ae0a0;--on-accent: #04151a;--accent-ink: #22d3ee;--danger: #ef7a7a;--danger-2: #5c1f1f;--warn: #f0b95f;--gold: #e8dc8a;--ok: #5ae0a0;--border: #1f4552;--border-hover: #2f6a7c;--scrim: rgba(3, 6, 10, .86);--scrim-modal: rgba(2, 4, 8, .78);--shadow-panel: 0 20px 44px rgba(0, 0, 0, .6);--display-transform: uppercase;--side-you: #22d3ee;--side-them: #f0b95f;--side: var(--side-you)}:root[data-theme=terminal] body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 42%,transparent 45%,rgba(2,10,14,.55) 100%)}:root[data-theme=terminal] #menu{border-radius:5px;border-color:#1b3a44}:root[data-theme=terminal] button{border-radius:4px}:root[data-theme=terminal] .mode-tile{border-radius:4px}:root[data-theme=terminal] .play-well{border-radius:4px}:root[data-theme=terminal] input{border-radius:3px}:root[data-theme=terminal] .lb-col{border-radius:4px}:root[data-theme=terminal] button.primary{box-shadow:0 0 18px #22d3ee4d}:root[data-theme=terminal] .sec-label{color:#4d8996}:root[data-theme=ultrasonic]{--bg: #2b1533;--bg-image: radial-gradient(120% 70% at 50% 108%, rgba(252, 223, 212, .55), transparent 62%), linear-gradient(180deg, #4e2a5b 0%, #6c4e8d 38%, #9b79b9 66%, #f3a0c0 88%, #fcdfd4 100%);--panel: linear-gradient(180deg, #3a2149, #2c1738);--panel-2: #43264f;--panel-3: #55326a;--well: #24132c;--board: #2a1733;--text: #fcdfd4;--muted: #c2a0cf;--accent: #f3a0c0;--accent-2: #9b79b9;--accent-3: #fcdfd4;--on-accent: #3b1030;--accent-ink: #f3a0c0;--danger: #ff7ba6;--danger-2: #6d1f3c;--warn: #ffc48c;--gold: #fcdfd4;--ok: #a8e6a0;--border: rgba(252, 223, 212, .16);--border-hover: rgba(252, 223, 212, .4);--scrim: rgba(26, 12, 32, .86);--scrim-modal: rgba(20, 8, 26, .72);--shadow-panel: 0 22px 50px rgba(20, 6, 30, .62);--display-transform: uppercase;--side-you: #f3a0c0;--side-them: #7fe1e8;--side: var(--side-you);--rank-1: #fcdfd4;--rank-2: #f7c9dd;--rank-3: #f3a0c0;--rank-4: #ffc48c;--rank-5: #ff9ec4;--rank-6: #e08ad0;--rank-7: #c69bf0;--rank-8: #9b79b9;--rank-9: #8aa7f0;--rank-10: #7fe1e8}:root[data-theme=ultrasonic] #menu{border:1px solid rgba(252,223,212,.22);border-radius:20px}:root[data-theme=ultrasonic] .sec-label{color:#d7b3e2}:root[data-theme=future]{--bg: #191152;--bg-image: radial-gradient(120% 74% at 50% 112%, rgba(248, 229, 160, .42), transparent 60%), linear-gradient(180deg, #1f1b79 0%, #5c2f92 40%, #a03b5f 68%, #f2a36e 88%, #f8e5a0 100%);--panel: linear-gradient(180deg, #262063, #1c1750);--panel-2: #2f2871;--panel-3: #3d3489;--well: #191352;--board: #191152;--text: #f8e5a0;--muted: #b09fd0;--accent: #f2a36e;--accent-2: #a03b5f;--accent-3: #f8e5a0;--on-accent: #2a1030;--accent-ink: #f2a36e;--danger: #ff6b8a;--danger-2: #5e1230;--warn: #f2a36e;--gold: #f8e5a0;--ok: #8fe0a8;--border: rgba(248, 229, 160, .16);--border-hover: rgba(242, 163, 110, .5);--scrim: rgba(14, 10, 44, .86);--scrim-modal: rgba(10, 7, 34, .76);--shadow-panel: 0 22px 50px rgba(8, 5, 30, .66);--display-transform: uppercase;--side-you: #f2a36e;--side-them: #7fd0e8;--side: var(--side-you);--rank-1: #f8e5a0;--rank-2: #f2a36e;--rank-3: #ffc9a0;--rank-4: #ff9d7a;--rank-5: #ff6b8a;--rank-6: #cf5f80;--rank-7: #c79bf0;--rank-8: #8fe0a8;--rank-9: #7fd0e8;--rank-10: #6f8fe8}:root[data-theme=future] #menu{border-color:#f8e5a02e}:root[data-theme=future] .sec-label{color:#a08fc4}:root[data-theme=ghost]{--bg: #000000;--bg-image: radial-gradient(130% 78% at 50% -12%, rgba(255, 255, 255, .085), transparent 62%);--panel: #08080a;--panel-2: #0d0d10;--panel-3: #16161a;--well: #0a0a0c;--board: #050507;--text: #e8e8ea;--muted: #71717a;--accent: #ffffff;--accent-2: #ffffff;--accent-3: #b4b4ba;--on-accent: #050507;--accent-ink: #ffffff;--danger: #f0f0f2;--danger-2: #1c1c20;--warn: #a8a8b0;--gold: #ffffff;--ok: #d4d4d8;--border: rgba(255, 255, 255, .13);--border-hover: rgba(255, 255, 255, .45);--scrim: rgba(0, 0, 0, .9);--scrim-modal: rgba(0, 0, 0, .82);--shadow-panel: none;--display-transform: uppercase;--side-you: #ffffff;--side-them: #6d6d75;--side: var(--side-you);--rank-1: #ffffff;--rank-2: #e4e4e7;--rank-3: #cbcbd0;--rank-4: #b4b4ba;--rank-5: #9e9ea6;--rank-6: #8a8a92;--rank-7: #76767e;--rank-8: #64646c;--rank-9: #55555c;--rank-10: #48484f;--icon-gold: #d8d8dc;--icon-gold-hi: #ffffff;--icon-steel: #9a9aa2;--icon-grip: #5c5c63;--icon-medal: #bcbcc2}:root[data-theme=ghost] body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(105% 72% at 50% 34%,transparent 32%,rgba(0,0,0,.92) 100%)}:root[data-theme=ghost] #menu{border-radius:6px}:root[data-theme=ghost] .play-well{border-radius:5px}:root[data-theme=ghost] .mode-tile,:root[data-theme=ghost] button{border-radius:5px}:root[data-theme=ghost] input{border-radius:4px}:root[data-theme=ghost] .lb-col{border-radius:5px}:root[data-theme=ghost] button{background:transparent}:root[data-theme=ghost] button:hover{background:var(--panel-2);border-color:var(--border-hover)}:root[data-theme=ghost] button.primary{background:#fff;color:#050507}:root[data-theme=ghost] button.primary:hover{filter:none;background:#e4e4e7}:root[data-theme=ghost] .sec-label{color:#5f5f68}:root[data-theme=ghost] [data-mascot],:root[data-theme=ghost] .sz-av{filter:grayscale(1)}:root[data-theme=ghost] #mascot{filter:grayscale(1) drop-shadow(0 6px 20px rgba(255,255,255,.2))}:root[data-theme=sfw]{--wordmark: #000000;--wordmark-strike: #ffffff;--bg: #f1f3f4;--bg-image: repeating-linear-gradient(0deg, #dfe1e5 0 1px, transparent 1px 22px), repeating-linear-gradient(90deg, #dfe1e5 0 1px, transparent 1px 22px), repeating-linear-gradient(0deg, #d2d5d9 0 1px, transparent 1px 176px), repeating-linear-gradient(90deg, #d2d5d9 0 1px, transparent 1px 176px);--panel: #ffffff;--panel-2: #f8f9fa;--panel-3: #eef0f2;--well: #ffffff;--board: #ffffff;--text: #202124;--muted: #5f6368;--accent: #217346;--accent-2: #1a73e8;--accent-3: #34a853;--on-accent: #ffffff;--accent-ink: #217346;--danger: #d93025;--danger-2: #a50e0e;--warn: #f29900;--gold: #f29900;--ok: #188038;--border: #dadce0;--border-hover: #bdc1c6;--scrim: rgba(255, 255, 255, .93);--scrim-modal: rgba(32, 33, 36, .4);--shadow-panel: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px rgba(60, 64, 67, .15);--font-body: Calibri, Arial, "Segoe UI", system-ui, sans-serif;--font-display: Calibri, Arial, "Segoe UI", system-ui, sans-serif;--font-score: Calibri, Arial, "Segoe UI", system-ui, sans-serif;--display-transform: none;--display-weight: 600;--display-spacing: 0;--body-spacing: 0;--side-you: #217346;--side-them: #1a73e8;--side: var(--side-you);--icon-ink: rgba(32, 33, 36, .55);--icon-gold: #f29900;--icon-gold-hi: #fbc02d;--icon-steel: #9aa0a6;--icon-grip: #8d6e63;--icon-medal: #c9971c;--rank-1: #188038;--rank-2: #202124;--rank-3: #5f6368;--rank-4: #b06000;--rank-5: #c5221f;--rank-6: #a50e0e;--rank-7: #7b1fa2;--rank-8: #1967d2;--rank-9: #00796b;--rank-10: #3c4043}:root[data-theme=sfw] .modal-card,:root[data-theme=sfw] .play-well,:root[data-theme=sfw] .mode-tile,:root[data-theme=sfw] .sd-card,:root[data-theme=sfw] .side .pod{border-radius:2px}:root[data-theme=sfw] h1,:root[data-theme=sfw] .page-word{font-weight:700;letter-spacing:.04em}:root[data-theme=sfw] h1:after{content:"";display:block;width:92px;height:2px;margin:8px auto 0;background:var(--accent)}:root[data-theme=sfw] button{border-radius:2px;background:var(--panel);border:1px solid var(--border);box-shadow:none}:root[data-theme=sfw] button:hover{background:var(--panel-3);border-color:var(--border-hover)}:root[data-theme=sfw] button:active{transform:none;background:#e4e6e9}:root[data-theme=sfw] button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);text-transform:none}:root[data-theme=sfw] button.primary:hover{background:#1b5e3a;border-color:#1b5e3a;filter:none}:root[data-theme=sfw] button.ghost{background:transparent;color:var(--text)}:root[data-theme=sfw] button.ghost:hover{background:var(--panel-3)}:root[data-theme=sfw] .name-input,:root[data-theme=sfw] .join-row input{border-radius:2px;background:var(--panel);border:1px solid var(--border-hover);color:var(--text)}:root[data-theme=sfw] .name-input:focus,:root[data-theme=sfw] .join-row input:focus{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2);outline:none}:root[data-theme=sfw] .sc-far,:root[data-theme=sfw] .sc-horizon{display:none}:root[data-theme=sfw] #menu button,:root[data-theme=sfw] #menu button:hover,:root[data-theme=sfw] #menu button:active,:root[data-theme=sfw] #menu button.ghost,:root[data-theme=sfw] #menu button.ghost:hover,:root[data-theme=sfw] #menu button.primary,:root[data-theme=sfw] #menu button.primary:hover,:root[data-theme=sfw] #menu button.primary:active,:root[data-theme=sfw] #menu .mode-tile,:root[data-theme=sfw] #menu .mode-tile:hover,:root[data-theme=sfw] #menu .play-well,:root[data-theme=sfw] #menu .name-input,:root[data-theme=sfw] #menu .join-row input{box-shadow:none;transform:none}:root[data-theme=sfw] #menu .name-input:focus,:root[data-theme=sfw] #menu .join-row input:focus{box-shadow:0 0 0 1px var(--accent-2)}:root[data-theme=sfw] #menu button.primary:after{display:none}:root[data-theme=sfw] #menu button.ghost{background:transparent}:root[data-theme=sfw] #menu .mode-tile{background:var(--panel-2)}:root[data-theme=sfw] #menu .play-well{background:var(--well)}:root[data-theme=sfw] #menu .brand-text .tagline{text-shadow:none}:root[data-theme=sfw] .lb-val,:root[data-theme=sfw] .score,:root[data-theme=sfw] .value,:root[data-theme=sfw] .sd-n,:root[data-theme=sfw] .clock{font-variant-numeric:tabular-nums}:root[data-theme=sfw] .board-wrap canvas,:root[data-theme=sfw] .side canvas{border:1px solid #9aa0a6;border-radius:0;background:#fff}:root[data-theme=sfw] .player{border:1px solid var(--border);border-radius:2px;box-shadow:none}:root[data-theme=sfw] .player.you{border-color:var(--side-you)}:root[data-theme=sfw] .player.them{border-color:var(--side-them)}:root[data-theme=sfw] [data-mascot]{filter:none}:root[data-theme=sfw] #mascot{filter:drop-shadow(0 1px 2px rgba(60,64,67,.3))}:root[data-theme=sfw] #menu.attract-mascot #mascot-field{filter:drop-shadow(0 1px 2px rgba(60,64,67,.3))}@property --trip-1{syntax: "<color>"; inherits: true; initial-value: #22d3ee;}@property --trip-2{syntax: "<color>"; inherits: true; initial-value: #ff2fd0;}@property --trip-3{syntax: "<color>"; inherits: true; initial-value: #ffd400;}@property --trip-glow{syntax: "<color>"; inherits: true; initial-value: #a855f7;}@property --trip-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes sz-trip-turn{to{--trip-angle: 360deg}}@keyframes sz-trip-wheel{0%{--trip-1: #22d3ee;--trip-2: #ff2fd0;--trip-3: #ffd400;--trip-glow: #a855f7}20%{--trip-1: #4ade80;--trip-2: #a855f7;--trip-3: #ff2fd0;--trip-glow: #22d3ee}40%{--trip-1: #ffd400;--trip-2: #22d3ee;--trip-3: #4ade80;--trip-glow: #ff2fd0}60%{--trip-1: #fb923c;--trip-2: #4ade80;--trip-3: #a855f7;--trip-glow: #ffd400}80%{--trip-1: #ff2fd0;--trip-2: #ffd400;--trip-3: #22d3ee;--trip-glow: #4ade80}to{--trip-1: #22d3ee;--trip-2: #ff2fd0;--trip-3: #ffd400;--trip-glow: #a855f7}}:root[data-theme=trip]{animation:sz-trip-wheel 19s linear infinite;--bg: #070310;--bg-image: none;--panel: #140a24;--panel-2: #1d1033;--panel-3: #291748;--well: #0d0619;--board: #0a0512;--text: #f4eeff;--muted: #b7a2d8;--accent: var(--trip-1);--accent-2: var(--trip-2);--accent-3: var(--trip-3);--accent-ink: var(--trip-1);--on-accent: #0a0512;--danger: #ff4d6d;--danger-2: #7a0f2b;--warn: var(--trip-3);--gold: var(--trip-3);--ok: var(--trip-1);--border: color-mix(in srgb, var(--trip-1) 34%, transparent);--border-hover: color-mix(in srgb, var(--trip-2) 62%, transparent);--scrim: rgba(10, 5, 18, .88);--scrim-modal: rgba(6, 3, 12, .8);--shadow-panel: 0 24px 60px rgba(0, 0, 0, .6), 0 0 60px color-mix(in srgb, var(--trip-glow) 34%, transparent);--display-transform: uppercase;--side-you: var(--trip-1);--side-them: var(--trip-2);--side: var(--side-you);--rank-1: var(--trip-3);--rank-2: #f4eeff;--rank-3: #c9b6e8;--rank-4: var(--trip-1);--rank-5: #4ade80;--rank-6: #a3e635;--rank-7: #fb923c;--rank-8: var(--trip-2);--rank-9: var(--trip-glow);--rank-10: var(--trip-1)}:root[data-theme=trip] body:before,:root[data-theme=trip] body:after,:root[data-theme=trip] .page-body:before{content:"";position:fixed;z-index:-1;top:50%;left:50%;width:200vmax;height:200vmax;margin:-100vmax 0 0 -100vmax;pointer-events:none;border-radius:50%}:root[data-theme=trip] body:before{background:conic-gradient(from 0deg,#22d3ee,#4ade80,#ffd400,#fb923c,#ff2fd0,#a855f7,#3b82f6,#22d3ee);filter:blur(60px) saturate(1.3);opacity:.7;animation:sz-trip-spin 24s linear infinite}:root[data-theme=trip] body:after{background:conic-gradient(from 120deg,transparent,#ff2fd0 18%,transparent 34%,#22d3ee 55%,transparent 72%,#ffd400 88%,transparent);filter:blur(80px) saturate(1.4);opacity:.55;animation:sz-trip-spin-back 41s linear infinite}:root[data-theme=trip] .page-body:before{background:radial-gradient(30% 30% at 32% 38%,#ff2fd0,transparent 70%),radial-gradient(26% 26% at 68% 62%,#22d3ee,transparent 70%),radial-gradient(22% 22% at 55% 25%,#ffd400,transparent 70%);filter:blur(70px);opacity:.45;animation:sz-trip-drift 33s ease-in-out infinite}@keyframes sz-trip-spin{to{transform:rotate(360deg)}}@keyframes sz-trip-spin-back{to{transform:rotate(-360deg)}}@keyframes sz-trip-drift{0%,to{transform:rotate(0) scale(1)}33%{transform:rotate(24deg) scale(1.12)}66%{transform:rotate(-18deg) scale(.94)}}@keyframes sz-trip-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-6px,0) rotate(.25deg)}}@keyframes sz-trip-sway{0%,to{transform:translate3d(-3px,0,0) rotate(-.35deg)}50%{transform:translate3d(3px,-2px,0) rotate(.35deg)}}@keyframes sz-trip-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}@keyframes sz-trip-bob{0%,to{transform:translateZ(0) rotate(-1.5deg) scale(1)}50%{transform:translate3d(0,-7px,0) rotate(1.5deg) scale(1.03)}}@keyframes sz-trip-hue{to{filter:hue-rotate(360deg)}}@keyframes sz-trip-sweep{to{background-position:300% 0}}:root[data-theme=trip] #menu{border:1px solid var(--border);border-radius:14px;animation:sz-trip-float 9s ease-in-out infinite}:root[data-theme=trip] .modal-card{border-radius:14px;animation:sz-trip-breathe 11s ease-in-out infinite}:root[data-theme=trip] .tagline,:root[data-theme=trip] .sec-label{background:linear-gradient(90deg,var(--trip-1),var(--trip-2),var(--trip-3),var(--trip-1));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sz-trip-sweep 17s linear infinite}:root[data-theme=trip] button.primary{background:linear-gradient(90deg,var(--trip-1),var(--trip-2),var(--trip-3),var(--trip-1));background-size:300% 100%;color:var(--on-accent);border:none;box-shadow:0 0 24px -6px var(--trip-glow);animation:sz-trip-sweep 8s linear infinite,sz-trip-breathe 6s ease-in-out infinite}:root[data-theme=trip] .mode-tile{animation:sz-trip-sway 13s ease-in-out infinite}:root[data-theme=trip] .mode-tile:nth-child(2){animation-delay:-3.1s;animation-duration:15s}:root[data-theme=trip] .mode-tile:nth-child(3){animation-delay:-7.4s;animation-duration:11s}:root[data-theme=trip] .mode-tile:nth-child(5){animation-delay:-1.7s;animation-duration:17s}:root[data-theme=trip] .mode-tile:nth-child(6){animation-delay:-5.9s;animation-duration:12s}:root[data-theme=trip] .mode-tile:nth-child(7){animation-delay:-9.3s;animation-duration:16s}:root[data-theme=trip] .play-well{animation:sz-trip-breathe 14s ease-in-out infinite}:root[data-theme=trip] [data-mascot]{animation:sz-trip-hue 14s linear infinite,sz-trip-bob 7s ease-in-out infinite}:root[data-theme=trip] #mascot{filter:drop-shadow(0 6px 24px color-mix(in srgb,var(--trip-glow) 55%,transparent));animation:sz-trip-hue 14s linear infinite,sz-trip-bob 7s ease-in-out infinite}:root[data-theme=trip] #menu.attract-mascot #mascot-field{animation:sz-trip-hue 14s linear infinite}:root[data-theme=trip] .board-wrap canvas{border-radius:6px;box-shadow:0 0 0 1px color-mix(in srgb,var(--trip-1) 45%,transparent),0 0 40px -6px var(--trip-glow)}:root[data-theme=trip] .board-wrap:after{content:"";position:absolute;inset:-14px;z-index:-1;border-radius:18px;pointer-events:none;background:conic-gradient(from var(--trip-angle),#22d3ee,#4ade80,#ffd400,#ff2fd0,#a855f7,#22d3ee);filter:blur(18px);opacity:.7;animation:sz-trip-turn 6s linear infinite}:root[data-theme=trip] .side .pod,:root[data-theme=trip] .slot{animation:sz-trip-breathe 9s ease-in-out infinite}:root[data-theme=trip] .side .pod:nth-child(2){animation-delay:-4.3s;animation-duration:12s}:root[data-theme=trip] .name-tag{color:var(--side);text-shadow:0 0 14px color-mix(in srgb,var(--side) 60%,transparent)}:root[data-theme=trip] .ko-pip.on{box-shadow:0 0 12px var(--trip-glow)}@media(prefers-reduced-motion:reduce){:root[data-theme=trip],:root[data-theme=trip] body:before,:root[data-theme=trip] body:after,:root[data-theme=trip] .page-body:before,:root[data-theme=trip] #menu,:root[data-theme=trip] .modal-card,:root[data-theme=trip] h1,:root[data-theme=trip] .page-word,:root[data-theme=trip] .tagline,:root[data-theme=trip] .sec-label,:root[data-theme=trip] button.primary,:root[data-theme=trip] .mode-tile,:root[data-theme=trip] .play-well,:root[data-theme=trip] [data-mascot],:root[data-theme=trip] #mascot,:root[data-theme=trip] #menu.attract-mascot #mascot-field,:root[data-theme=trip] .board-wrap:after,:root[data-theme=trip] .side .pod,:root[data-theme=trip] .slot{animation:none}}:root[data-theme=trip]:before{content:"";position:fixed;z-index:-1;top:50%;left:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;pointer-events:none;border-radius:50%;background:repeating-conic-gradient(from 0deg,#22d3ee 0deg 8deg,#ff2fd0 8deg 16deg,#ffd400 16deg 24deg,#4ade80 24deg 32deg,#a855f7 32deg 40deg,#fb923c 40deg 48deg);mix-blend-mode:screen;filter:blur(26px) saturate(1.5);opacity:.3;animation:sz-trip-spin 17s linear infinite}:root[data-theme=trip]:before{-webkit-mask-image:radial-gradient(closest-side,transparent 18%,#000 62%);mask-image:radial-gradient(closest-side,transparent 18%,#000 62%)}:root[data-theme=trip] #menu,:root[data-theme=trip] .modal-card,:root[data-theme=trip] .play-well{position:relative;border:2px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,conic-gradient(from var(--trip-angle),var(--trip-1),var(--trip-2),var(--trip-3),var(--trip-glow),var(--trip-1)) border-box}:root[data-theme=trip] .modal-card{animation:sz-trip-breathe 11s ease-in-out infinite,sz-trip-turn 9s linear infinite}:root[data-theme=trip] .play-well{animation:sz-trip-breathe 14s ease-in-out infinite,sz-trip-turn 5s linear infinite}@keyframes sz-trip-shine{0%{background-position:-180% 0}to{background-position:280% 0}}:root[data-theme=trip] .mode-tile,:root[data-theme=trip] button.ghost{background-image:linear-gradient(115deg,transparent 38%,color-mix(in srgb,var(--trip-glow) 45%,transparent) 50%,transparent 62%);background-size:300% 100%;background-repeat:no-repeat;animation:sz-trip-sway 13s ease-in-out infinite,sz-trip-shine 6s linear infinite}:root[data-theme=trip] .mode-tile:nth-child(2){animation-delay:-3.1s,-1.2s}:root[data-theme=trip] .mode-tile:nth-child(3){animation-delay:-7.4s,-3.7s}:root[data-theme=trip] .mode-tile:nth-child(5){animation-delay:-1.7s,-5.1s}:root[data-theme=trip] .mode-tile:nth-child(6){animation-delay:-5.9s,-2.4s}:root[data-theme=trip] .mode-tile:nth-child(7){animation-delay:-9.3s,-4.8s}@keyframes sz-trip-glow{0%,to{box-shadow:0 0 10px -2px color-mix(in srgb,var(--trip-glow) 55%,transparent)}50%{box-shadow:0 0 26px 2px color-mix(in srgb,var(--trip-glow) 75%,transparent)}}:root[data-theme=trip] .name-input,:root[data-theme=trip] .join-row input,:root[data-theme=trip] .chip{animation:sz-trip-glow 4.6s ease-in-out infinite}:root[data-theme=trip] .join-row input{animation-delay:-2.2s}@keyframes sz-trip-tilt{0%,to{transform:rotate(-.5deg) translate3d(-4px,0,0)}50%{transform:rotate(.5deg) translate3d(4px,0,0)}}:root[data-theme=trip] #menu{animation:sz-trip-float 9s ease-in-out infinite,sz-trip-tilt 23s ease-in-out infinite,sz-trip-turn 7s linear infinite}:root[data-theme=trip] .side{animation:sz-trip-sway 19s ease-in-out infinite}:root[data-theme=trip] .deck{animation:sz-trip-float 13s ease-in-out infinite}:root[data-theme=trip] .board-wrap:before{content:"";position:absolute;inset:-22px;z-index:-2;border-radius:26px;pointer-events:none;background:conic-gradient(from calc(180deg - var(--trip-angle)),transparent,var(--trip-2) 25%,transparent 50%,var(--trip-1) 75%,transparent);filter:blur(26px);opacity:.75;animation:sz-trip-turn 11s linear infinite}:root[data-theme=trip] .combo-indicator .c{color:var(--trip-1)}:root[data-theme=trip] .combo-indicator .b{color:var(--trip-3)}:root[data-theme=trip] .clear-popup .pl{background:linear-gradient(90deg,var(--trip-1),var(--trip-2),var(--trip-3));-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=trip] .countdown span{text-shadow:0 0 34px var(--trip-glow)}:root[data-theme=trip] .ko-pip.on{animation:sz-trip-glow 2.8s ease-in-out infinite}:root[data-theme=trip] button.primary:hover{animation-duration:2.5s,6s}:root[data-theme=trip] .mode-tile:hover{animation-duration:6s,1.6s}:root[data-theme=trip] #menu:hover{animation-duration:9s,23s,2.4s}@media(prefers-reduced-motion:reduce){:root[data-theme=trip]:before,:root[data-theme=trip] button.ghost,:root[data-theme=trip] .name-input,:root[data-theme=trip] .join-row input,:root[data-theme=trip] .chip,:root[data-theme=trip] .side,:root[data-theme=trip] .deck,:root[data-theme=trip] .board-wrap:before,:root[data-theme=trip] .ko-pip.on{animation:none}}:root[data-theme] #menu{background:none;border:0;border-radius:0;box-shadow:none}:root[data-theme] .pf-name:after,:root[data-theme] .ev-hero h1:after{margin-inline-start:0}:root[data-theme=trip] #menu,:root[data-theme=trip] #menu:hover{animation:none}:root[data-theme=trip] body:before,:root[data-theme=trip] body:after{z-index:-2}
