@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--color-cta-primary:#ffc53d;--color-cta-primary-top:#ffd96b;--color-cta-primary-deep:#e0a415;--color-cta-confirm:#5bc847;--color-cta-confirm-top:#7bd66b;--color-cta-confirm-deep:#3fa02e;--color-cta-destructive:#e64545;--color-cta-destructive-top:#ff6b6b;--color-cta-destructive-deep:#b32e2e;--color-currency-gem:#ff52a8;--color-currency-gem-deep:#cc3d87;--color-currency-coin:#ffc53d;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-tertiary:#ffffff73;--color-text-stroke:#ffc53d;--color-cube-stroke:#6e5026;--color-inkwell:#1a1230;--color-shadow:#1a123073;--color-shadow-warm:0 12px 24px #1a123073;--color-scrim:color-mix(in srgb, var(--color-bg-deep) 65%, transparent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-3xl:14px;--radius-pill:999px;--font-size-9:calc(9px * var(--font-scale));--font-size-10:calc(10px * var(--font-scale));--font-size-11:calc(11px * var(--font-scale));--font-size-12:calc(12px * var(--font-scale));--font-size-13:calc(13px * var(--font-scale));--font-size-14:calc(14px * var(--font-scale));--font-size-16:calc(16px * var(--font-scale));--font-size-18:calc(18px * var(--font-scale));--font-size-20:calc(20px * var(--font-scale));--font-size-22:calc(22px * var(--font-scale));--font-size-36:calc(36px * var(--font-scale));--font-size-52:calc(52px * var(--font-scale));--font-size-100:calc(100px * var(--font-scale));--shadow-sm:0 4px 8px var(--color-shadow);--shadow-md:0 8px 20px var(--color-shadow);--shadow-lg:0 12px 24px #1a123073;--shadow-display-drop:0 6px 0 var(--color-inkwell);--proto-piece-a-top:#f8f0d8;--proto-piece-a-deep:#d8c8a0;--proto-piece-b-top:#4a3a2a;--proto-piece-b-deep:#2a1e14;--proto-disabled-top:#9695a8;--proto-disabled-mid:#7a788e;--proto-disabled-deep:#5a5970;--proto-frozen-bg:#b8e6ff;--proto-frozen-stroke:#5a8eb0;--proto-frozen-side:#2a4a66;--proto-rune-highlight:#ffe4a3;--font-scale:1;--font-family-body:"Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--font-family-body);font-feature-settings:"tnum" 1;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}[data-font-scale="1.15"]{--font-scale:1.15}[data-font-scale="1.30"]{--font-scale:1.3}:root{--color-skip-link-bg:var(--color-cta-primary,#ffc53d);--color-skip-link-text:#1a1230}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:inherit}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0;padding:0}body{background:var(--color-bg-deep,#231650);color:var(--color-text-primary)}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.2s!important;animation-duration:.2s!important;animation-iteration-count:1!important}.skip-link{top:-40px;left:var(--space-2);z-index:10000;padding:var(--space-2) var(--space-4);background:var(--color-skip-link-bg);color:var(--color-skip-link-text);border-radius:var(--radius-pill);font-family:var(--font-family-body,"Manrope", system-ui, sans-serif);font-size:var(--font-size-14);font-weight:600;text-decoration:none;transition:top .15s ease-out;position:absolute}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}[data-motion=reduced] .skip-link{transition:none}.skip-link:focus,.skip-link:focus-visible{top:var(--space-2);outline:2px solid var(--color-focus-ring,var(--color-cta-primary));outline-offset:2px}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}[data-typography=opendyslexic]{--font-family-body:"OpenDyslexic", Manrope, system-ui, sans-serif}[data-typography=opendyslexic] .score,[data-typography=opendyslexic] .timer,[data-typography=opendyslexic] .rating{font-feature-settings:normal}[data-theme=court-of-runes]{--color-bg-deep:#231650;--color-bg-mid:#3d2b7a;--color-bg-highlight:#5c3fa5;--color-surface-deep:#2a5bd4;--color-surface-mid:#3b7bff;--color-surface-light:#5dbbff;--color-surface-stroke:#1d3a99;--color-magic:#9c3dd4;--color-magic-deep:#6e2899;--color-player-a:#3dd4d4;--color-player-a-glow:#5deded;--color-player-b:#e64545;--color-player-b-glow:#ff7b7b;--color-cube-face:#f6efd9;--color-cube-side:#3d2b7a;--color-focus-ring:#ffd96b}[data-theme=emerald-tournament]{--color-bg-deep:#06241b;--color-bg-mid:#0f3d2e;--color-bg-highlight:#1f5a45;--color-surface-deep:#1a8c8c;--color-surface-mid:#2dbfbf;--color-surface-light:#5dcfcf;--color-surface-stroke:#0d5e5e;--color-magic:#5240ff;--color-magic-deep:#2c1edd;--color-player-a:#5dbbff;--color-player-a-glow:#88d4ff;--color-player-b:#ff7338;--color-player-b-glow:#ff9a6b;--color-cube-face:#f1e3bd;--color-cube-side:#0f3d2e;--color-focus-ring:#ffd96b}[data-theme=velvet-sanctum]{--color-bg-deep:#200617;--color-bg-mid:#3d0f2e;--color-bg-highlight:#5c1647;--color-surface-deep:#c0463a;--color-surface-mid:#f06c5c;--color-surface-light:#ff9b8c;--color-surface-stroke:#842117;--color-magic:#a23dff;--color-magic-deep:#6e1ec0;--color-player-a:#3dd4d4;--color-player-a-glow:#5deded;--color-player-b:#ffa240;--color-player-b-glow:#ffc06b;--color-cube-face:#ffe0bf;--color-cube-side:#3d0f2e;--color-currency-gem:#ff7bbf;--color-currency-gem-deep:#a82974;--color-focus-ring:#ffd96b}[data-theme=midnight-sea]{--color-bg-deep:#050a24;--color-bg-mid:#0f1f45;--color-bg-highlight:#1f305c;--color-surface-deep:#2f8a68;--color-surface-mid:#4cc999;--color-surface-light:#7adeb6;--color-surface-stroke:#155941;--color-magic:#7d52ff;--color-magic-deep:#5028d0;--color-player-a:#3dbfff;--color-player-a-glow:#6bd4ff;--color-player-b:#ff6b5c;--color-player-b-glow:#ff9789;--color-cube-face:#d8e8e0;--color-cube-side:#050a24;--color-focus-ring:#ffd96b}[data-theme=court-of-runes][data-contrast=high]{--color-text-primary:#fff;--color-text-secondary:#fffffff2;--color-text-tertiary:#ffffffbf;--color-bg-deep:#0d0820;--color-surface-stroke:#8af;--color-cta-primary:#ffd96b}[data-theme=emerald-tournament][data-contrast=high]{--color-text-primary:#fff;--color-text-secondary:#fffffff2;--color-text-tertiary:#ffffffbf;--color-bg-deep:#000a06;--color-surface-stroke:#7adcdc;--color-cta-primary:#ffd96b}[data-theme=velvet-sanctum][data-contrast=high]{--color-text-primary:#fff;--color-text-secondary:#fffffff2;--color-text-tertiary:#ffffffbf;--color-bg-deep:#0d0208;--color-surface-stroke:#ff9b8c;--color-cta-primary:#ffd96b}[data-theme=midnight-sea][data-contrast=high]{--color-text-primary:#fff;--color-text-secondary:#fffffff2;--color-text-tertiary:#ffffffbf;--color-bg-deep:#000311;--color-surface-stroke:#7adeb6;--color-cta-primary:#ffd96b}@keyframes affinity-reveal-own{0%{opacity:.85;filter:brightness(.85)}to{opacity:1;filter:brightness()}}@keyframes affinity-reveal-opp{0%{opacity:0}to{opacity:1}}.lcube{width:var(--cube-size,44px);height:var(--cube-size,44px);border-radius:var(--radius-md);background:var(--color-cube-face);border:2.5px solid var(--color-cube-stroke);box-shadow: 3px 4px 0 0 var(--color-cube-stroke), 3px 4px 0 1px var(--color-cube-side),  3px 8px 14px var(--color-shadow);color:var(--color-inkwell);font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:calc(var(--cube-size,44px) * .55);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;text-shadow:0 1px #ffffff80;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.22,1.6,.36,1),box-shadow .2s,filter .2s;display:inline-flex;position:relative}.lcube:before{content:"";pointer-events:none;background:linear-gradient(#ffffffb3,#fff0);border-radius:4px 4px 50% 50%/4px 4px 100% 100%;height:30%;position:absolute;top:2px;left:4px;right:4px}.lcube.small{--cube-size:32px;border-radius:var(--radius-md);box-shadow:2px 3px 0 0 var(--color-cube-stroke), 2px 3px 0 1px var(--color-cube-side), 2px 5px var(--space-2) var(--color-shadow)}.lcube.tiny{--cube-size:24px;border-radius:var(--radius-sm);box-shadow:2px 2px 0 0 var(--color-cube-stroke), 2px 2px 0 1px var(--color-cube-side), 2px 3px 5px var(--color-shadow)}.lcube.back{background:var(--color-cube-side);color:#0000}.lcube.back:before{background:linear-gradient(#ffffff26,#fff0)}.lcube.back:after{content:"";background:repeating-linear-gradient(45deg, #ffffff0a 0 4px, transparent 4px var(--space-2)), var(--color-cube-side);opacity:.6;border-radius:3px;position:absolute;inset:5px}.lcube.traced{background:var(--color-cta-primary);border-color:var(--color-cta-primary-deep);color:var(--color-inkwell);box-shadow:3px 4px 0 0 var(--color-cta-primary-deep), 3px 4px 0 1px var(--color-inkwell), 0 0 24px var(--color-cta-primary), 3px 8px 14px #1a12308c;transform:translateY(-3px)scale(1.04)}.lcube.frozen{background:var(--proto-frozen-bg);box-shadow:3px 4px 0 0 var(--proto-frozen-stroke), 3px 4px 0 1px var(--proto-frozen-side), 0 0 16px #78c8ff99}.lcube.frozen:after{content:"❄";color:#28507880;font-size:var(--font-size-22);place-items:center;display:grid;position:absolute;inset:0}@keyframes cubeDrop{0%{opacity:0;transform:translateY(-200px)rotate(-12deg)scale(.6)}60%{opacity:1;transform:translateY(8px)rotate(2deg)scale(1.05)}80%{transform:translateY(-2px)rotate(-1deg)scale(.98)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.lcube.drop{animation:.7s cubic-bezier(.22,1.6,.36,1) backwards cubeDrop}@keyframes cubePulse{0%,to{box-shadow:3px 4px 0 0 var(--color-cube-stroke), 3px 4px 0 1px var(--color-cube-side), 3px 8px 14px #1a123073, 0 0 0 #ffc53d00}50%{box-shadow:3px 4px 0 0 var(--color-cube-stroke), 3px 4px 0 1px var(--color-cube-side), 3px 8px 14px #1a123073, 0 0 28px #ffc53de6}}.lcube.pulse{animation:1.4s ease-in-out infinite cubePulse}.piece{width:var(--piece-size,48px);height:var(--piece-size,48px);place-items:center;display:grid;position:relative}.piece .base{background:var(--player-color,var(--color-player-a));width:78%;height:22%;box-shadow:0 2px 0 #00000059, 0 0 12px var(--player-glow,var(--color-player-a-glow));position:absolute;bottom:2px}.piece.a .base{clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%)}.piece.b .base{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.piece .body{background:linear-gradient(180deg, var(--proto-piece-a-top) 0%, var(--proto-piece-a-deep) 100%);border:2.5px solid var(--color-inkwell);filter:drop-shadow(0 3px #1a123066);width:78%;height:78%;color:var(--color-inkwell);place-items:center;display:grid;position:relative}.piece.b .body{background:linear-gradient(180deg, var(--proto-piece-b-top) 0%, var(--proto-piece-b-deep) 100%);color:var(--color-cube-face)}.piece.king .body{clip-path:polygon(20% 100%,80% 100%,90% 60%,88% 35%,70% 30%,70% 18%,80% 18%,80% 8%,60% 8%,60% 0,40% 0,40% 8%,20% 8%,20% 18%,30% 18%,30% 30%,12% 35%,10% 60%)}.piece.queen .body{clip-path:polygon(15% 100%,85% 100%,92% 55%,85% 25%,75% 30%,80% 6%,65% 22%,60% 0,50% 18%,40% 0,35% 22%,20% 6%,25% 30%,15% 25%,8% 55%)}.piece.knight .body{clip-path:polygon(20% 100%,80% 100%,92% 70%,88% 40%,70% 20%,60% 5%,45% 0,30% 15%,35% 35%,18% 38%,8% 60%)}.piece.bishop .body{clip-path:polygon(28% 100%,72% 100%,80% 70%,75% 45%,65% 30%,70% 14%,60% 4%,50% 0,40% 4%,30% 14%,35% 30%,25% 45%,20% 70%)}.piece.rook .body{clip-path:polygon(15% 100%,85% 100%,85% 55%,75% 50%,75% 28%,80% 24%,80% 4%,68% 4%,68% 14%,56% 14%,56% 4%,44% 4%,44% 14%,32% 14%,32% 4%,20% 4%,20% 24%,25% 28%,25% 50%,15% 55%)}.piece.blank .body{clip-path:polygon(25% 100%,75% 100%,80% 50%,75% 22%,65% 12%,50% 6%,35% 12%,25% 22%,20% 50%)}.piece.a{--player-color:var(--color-player-a);--player-glow:var(--color-player-a-glow)}.piece.b{--player-color:var(--color-player-b);--player-glow:var(--color-player-b-glow)}.piece.empowered .body{filter:drop-shadow(0 3px 0 #1a123066) drop-shadow(0 0 10px var(--color-magic))}.piece.empowered:before{content:"";background:radial-gradient(ellipse at center, var(--color-magic) 0%, transparent 70%);opacity:.85;filter:blur(2px);width:90%;height:14%;position:absolute;bottom:-1px}.piece.selected{transform:translateY(-4px)}.piece.selected:after{content:"";background:radial-gradient(ellipse at center, var(--player-color) 0%, transparent 70%);filter:blur(2px);width:90%;height:10%;position:absolute;bottom:-3px}@keyframes pieceBreath{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.piece.breathe .body{animation:3s ease-in-out infinite pieceBreath}.board{--board-size:343px;width:var(--board-size);height:var(--board-size);background:linear-gradient(135deg, #0003, transparent 30%, #ffffff0d 60%, transparent), linear-gradient(180deg, var(--color-bg-mid), var(--color-bg-deep));border:3px solid var(--color-surface-stroke);border-radius:var(--radius-lg);padding:var(--space-2);grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);gap:3px;display:grid;position:relative;box-shadow:inset 0 2px #ffffff14,0 8px 20px #1a123080}.board:after{content:"";border-radius:var(--radius-md);pointer-events:none;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #ffc53d26}.cell{background:linear-gradient(180deg, #00000040, #0000000d 40%, transparent), var(--color-bg-deep);border-radius:3px;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d,inset 0 -2px 4px #0000004d}.cell.private-a{background:linear-gradient(180deg, color-mix(in srgb, var(--color-player-a) 30%, var(--color-bg-deep)), var(--color-bg-deep))}.cell.private-b{background:linear-gradient(180deg, color-mix(in srgb, var(--color-player-b) 30%, var(--color-bg-deep)), var(--color-bg-deep))}.cell.last-move{box-shadow:inset 0 0 0 2px var(--color-cta-primary), inset 0 0 12px #ffc53d99}.cell.valid{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--color-player-a) 50%, transparent) 0%, transparent 70%), var(--color-bg-deep)}.cell.selected{box-shadow:inset 0 0 0 3px var(--color-player-a), inset 0 0 16px var(--color-player-a-glow)}.cell.empower-target{box-shadow:inset 0 0 0 3px var(--color-cta-primary), inset 0 0 18px #ffc53db3}.trace-svg{pointer-events:none;z-index:2;position:absolute;inset:0}.match-grid-cell{will-change:transform, background;transition:transform .18s cubic-bezier(.22,1.6,.36,1),background .16s,box-shadow .16s}.match-grid-cell:focus{outline:none}.match-grid-cell:focus-visible{outline:2px solid var(--color-cta-primary);outline-offset:2px}.match-grid-cell[data-cell-in-trace=true]{box-shadow:0 0 18px color-mix(in srgb, var(--color-cta-primary) 70%, transparent);animation:.26s cubic-bezier(.22,1.6,.36,1) cellTraceEnter;background:color-mix(in srgb, var(--color-cta-primary) 32%, transparent)!important}@keyframes cellTraceEnter{0%{background:color-mix(in srgb, var(--color-cta-primary) 0%, transparent);transform:scale(.88)}55%{background:color-mix(in srgb, var(--color-cta-primary) 55%, transparent);transform:scale(1.14)}to{background:color-mix(in srgb, var(--color-cta-primary) 32%, transparent);transform:scale(1.06)}}.match-grid-cell[data-cell-flash=invalid]{animation:.22s ease-out cellFlashInvalid}@keyframes cellFlashInvalid{0%{background:0 0;transform:scale(1)}40%{background:color-mix(in srgb, var(--color-cta-destructive) 55%, transparent);transform:scale(1.06)translate(-2px)}70%{transform:scale(1.04)translate(2px)}to{background:0 0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.match-grid-cell,.match-grid-cell[data-cell-in-trace=true],.match-grid-cell[data-cell-flash=invalid]{transition:none;animation:none;transform:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-primary);border:3px solid var(--color-text-stroke);border-radius:var(--radius-2xl);padding:0 var(--space-5);height:48px;font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:var(--font-size-16);text-shadow:1px 0 0 var(--color-inkwell), -1px 0 0 var(--color-inkwell), 0 1px 0 var(--color-inkwell), 0 -1px 0 var(--color-inkwell), 0 2px 0 #1a123080;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg, var(--btn-top,var(--color-cta-primary-top)) 0%, var(--btn-mid,var(--color-cta-primary)) 65%, var(--btn-mid,var(--color-cta-primary)) 78%, var(--btn-deep,var(--color-cta-primary-deep)) 78%, var(--btn-deep,var(--color-cta-primary-deep)) 100%);box-shadow:var(--shadow-sm), inset 0 -1px 0 #0003;letter-spacing:.01em;white-space:nowrap;transition:transform 80ms,box-shadow 80ms,background .2s;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.04)}.btn:active,.btn[data-pressed=true]{background:var(--btn-mid,var(--color-cta-primary));box-shadow:0 1px 2px var(--color-shadow);transform:translateY(2px)}.btn.sm{border-radius:var(--radius-xl);height:36px;padding:0 var(--space-4);font-size:var(--font-size-14)}.btn.lg{border-radius:var(--radius-3xl);height:56px;padding:0 var(--space-6);font-size:var(--font-size-18)}.btn.pill{border-radius:var(--radius-pill)}.btn.full{width:100%}.btn.yellow{--btn-top:var(--color-cta-primary-top);--btn-mid:var(--color-cta-primary);--btn-deep:var(--color-cta-primary-deep)}.btn.green{--btn-top:var(--color-cta-confirm-top);--btn-mid:var(--color-cta-confirm);--btn-deep:var(--color-cta-confirm-deep)}.btn.red{--btn-top:var(--color-cta-destructive-top);--btn-mid:var(--color-cta-destructive);--btn-deep:var(--color-cta-destructive-deep)}.btn.blue{--btn-top:var(--color-surface-light);--btn-mid:var(--color-surface-mid);--btn-deep:var(--color-surface-deep)}.btn.pink{--btn-top:var(--color-currency-gem);--btn-mid:var(--color-currency-gem);--btn-deep:var(--color-currency-gem-deep)}.btn.cyan{--btn-top:var(--color-surface-light);--btn-mid:var(--color-surface-mid);--btn-deep:var(--color-surface-deep)}.btn.disabled,.btn[disabled]{--btn-top:var(--proto-disabled-top);--btn-mid:var(--proto-disabled-mid);--btn-deep:var(--proto-disabled-deep);border-color:var(--color-surface-stroke);color:#fff9;cursor:not-allowed;pointer-events:none}@keyframes ctaPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.btn.pulse{animation:1.6s cubic-bezier(.4,0,.2,1) infinite ctaPulse}.card{background:linear-gradient(180deg, var(--color-surface-light) 0%, var(--color-surface-mid) 100%);border:3px solid var(--color-surface-stroke);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);position:relative}.sub-card{background:var(--color-surface-mid);border:3px solid var(--color-surface-stroke);border-radius:var(--radius-md);padding:var(--space-3)}.card.selected{border-color:var(--color-cta-primary);box-shadow:var(--shadow-md), 0 0 0 1px var(--color-inkwell);border-width:4px}.card.magic{background:linear-gradient(180deg, #9c3dd44d, #6e28994d), linear-gradient(180deg, var(--color-surface-light) 0%, var(--color-surface-mid) 100%);border-color:var(--color-magic)}.chip{align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:2px solid var(--color-surface-stroke);background:var(--color-surface-deep);color:var(--color-text-primary);font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:var(--font-size-13);display:inline-flex}.chip.coin{background:var(--color-cta-primary);color:var(--color-inkwell);text-shadow:none}.chip.gem{background:var(--color-currency-gem)}.chip.status-cyan{background:var(--color-surface-light);color:var(--color-inkwell)}.chip.status-lime{background:var(--color-cta-confirm)}.chip.status-magic{background:var(--color-magic)}.chip.status-grey{background:var(--proto-disabled-mid)}.seg{background:var(--color-surface-deep);border-radius:var(--radius-pill);padding:var(--space-1);border:2px solid var(--color-surface-stroke);display:flex}.seg button{appearance:none;color:var(--color-text-secondary);font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:var(--font-size-14);height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;flex:1}.seg button[aria-selected=true],.seg button[aria-checked=true]{background:linear-gradient(180deg, var(--color-cta-primary-top) 0%, var(--color-cta-primary) 100%);border:3px solid var(--color-text-stroke);color:var(--color-text-primary);text-shadow:1px 1px 0 var(--color-inkwell);box-shadow:inset 0 -3px 0 var(--color-cta-primary-deep);height:40px}.close-x{border-radius:var(--radius-sm);border:3px solid var(--color-surface-stroke);background:var(--color-surface-deep);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;font-family:Fredoka,system-ui,sans-serif;font-weight:700;display:inline-flex}.ribbon{border:3px solid var(--color-surface-stroke);background:linear-gradient(180deg, var(--color-magic) 0%, var(--color-magic-deep) 100%);height:36px;color:var(--color-text-primary);font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:var(--font-size-14);letter-spacing:.04em;text-shadow:1px 1px 0 var(--color-inkwell);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);justify-content:center;align-items:center;padding:0 28px;display:inline-flex;position:relative}.ribbon.yellow{background:linear-gradient(180deg, var(--color-cta-primary-top) 0%, var(--color-cta-primary) 100%);color:var(--color-inkwell);text-shadow:none}.dot{border-radius:var(--radius-pill);background:var(--color-cta-destructive);border:1.5px solid var(--color-inkwell);width:10px;height:10px}.hairline{height:1px;margin:var(--space-2) 0;background:#1a12301f}.icon-tile{border-radius:var(--radius-lg);background:var(--color-magic);border:3px solid var(--color-inkwell);width:48px;height:48px;color:var(--color-text-primary);place-items:center;font-family:Fredoka,system-ui,sans-serif;font-weight:700;display:grid;position:relative}.icon-tile .badge{min-width:18px;height:18px;padding:0 var(--space-1);background:var(--color-cta-destructive);border:2px solid var(--color-inkwell);border-radius:var(--radius-pill);font-size:var(--font-size-11);place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.icon-tile.cyan{background:var(--color-surface-light);color:var(--color-inkwell)}.icon-tile.yellow{background:var(--color-cta-primary);color:var(--color-inkwell)}.icon-tile.pink{background:var(--color-currency-gem)}.icon-tile.crimson{background:var(--color-cta-destructive)}.rune-orb{border-radius:var(--radius-pill);background:radial-gradient(circle at 35% 30%, var(--proto-rune-highlight) 0%, var(--color-cta-primary) 22%, var(--color-magic) 60%, var(--color-magic-deep) 100%);width:32px;height:32px;position:relative;box-shadow:0 0 12px #9c3dd499,inset 0 -3px 6px #0000004d}.rune-orb:after{content:"ᚱ";font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:var(--font-size-16);color:var(--color-cta-primary);text-shadow:0 1px 0 var(--color-inkwell);place-items:center;display:grid;position:absolute;inset:0}.display-word{color:var(--color-text-primary);letter-spacing:-.02em;text-shadow: 2px 0 0 var(--color-text-stroke), -2px 0 0 var(--color-text-stroke), 0 2px 0 var(--color-text-stroke), 0 -2px 0 var(--color-text-stroke), 2px 2px 0 var(--color-text-stroke), -2px 2px 0 var(--color-text-stroke), 2px -2px 0 var(--color-text-stroke), -2px -2px 0 var(--color-text-stroke),  0 6px 0 var(--color-inkwell),  0 12px 24px #1a12308c;-webkit-text-stroke:0;font-family:Fredoka,system-ui,sans-serif;font-weight:700;line-height:1}.display-word.gradient{background:linear-gradient(180deg, var(--color-cta-primary-top) 0%, var(--color-cta-primary) 50%, var(--color-cta-primary-deep) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.display-word.solid-white{color:var(--color-text-primary)}.match-topbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);z-index:5;display:flex;position:relative}.match-topbar>.btn{flex:none}.match-topbar .opponent-strip{align-items:center;gap:var(--space-2);background:var(--color-surface-mid);border:3px solid var(--color-surface-stroke);border-radius:var(--radius-pill);flex:1;min-width:0;height:40px;padding:4px 10px 4px 12px;display:flex;position:relative;overflow:hidden}.match-topbar .opponent-strip .initial{border-radius:var(--radius-pill);border:2px solid var(--color-inkwell);width:30px;height:30px;color:var(--color-inkwell);font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:var(--font-size-14);background:linear-gradient(135deg,#f8e6c0,#b89060);flex:0 0 30px;place-items:center;display:grid}.match-topbar .opponent-strip .name{min-width:0;font-size:var(--font-size-14);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #0000004d;flex:1;overflow:hidden}.match-topbar .opponent-strip .elo{font-size:var(--font-size-11);color:var(--color-text-secondary);flex:none}.match-bottombar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);display:flex;position:relative}.match-bottombar>.chip{flex:none}.match-bottombar .name{min-width:0;font-size:var(--font-size-14);text-shadow:0 1px #0000004d;flex:1}.match-bottombar .initial{border-radius:var(--radius-pill);border:2px solid var(--color-inkwell);width:34px;height:34px;color:var(--color-inkwell);font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:var(--font-size-16);background:linear-gradient(135deg,#c6e8ff,#5dbbff);flex:0 0 34px;place-items:center;display:grid}.match-bottombar .powerup-row{align-items:center;gap:var(--space-1);flex:none;display:flex}.match-bottombar .powerup-row__item{position:relative}.powerup-popover{width:max-content;max-width:min(260px,70vw);padding:var(--space-2) var(--space-3);background:var(--color-surface-deep);border:2px solid var(--color-inkwell);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text-primary);font-family:Manrope,system-ui,sans-serif;font-size:var(--font-size-13);z-index:50;text-align:left;white-space:normal;line-height:1.4;position:absolute;bottom:calc(100% + 8px);right:0}.powerup-popover__title{font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:var(--font-size-14);color:var(--color-text-primary);margin-bottom:2px}.powerup-popover__desc{color:var(--color-text-primary);opacity:.85}.phase-controls{gap:var(--space-2);padding:0 var(--space-4);flex-direction:column;display:flex}.phase-controls.bouncing .seg{transform-origin:50%;animation:.6s cubic-bezier(.34,1.56,.64,1) phase-controls-bounce}@keyframes phase-controls-bounce{0%{transform:scale(1)}35%{transform:scale(1.18)}70%{transform:scale(.96)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.phase-controls.bouncing .seg{animation:none}}