:root{--font-ui: "Plus Jakarta Sans", sans-serif;--font-display: "Plus Jakarta Sans", sans-serif;--bg-0: #050505;--bg-1: #0b0f14;--bg-2: #0f172a;--app-bg: #050505;--text-1: #e6edf6;--text-2: #b2c0d4;--text-3: #7f8ea6;--accent-rgb: 56, 225, 205;--accent: #38e1cd;--accent-strong: #7cf3e3;--accent-soft: rgba(56, 225, 205, .2);--amber: #f1c375;--amber-soft: rgba(241, 195, 117, .22);--glass-border: rgba(255, 255, 255, .2);--glass-border-strong: rgba(255, 255, 255, .32);--glass-fill: linear-gradient(135deg, rgba(255, 255, 255, .012), rgba(255, 255, 255, .002));--panel-fill: linear-gradient(135deg, rgba(255, 255, 255, .01), rgba(255, 255, 255, .0018));--rainbow-conic: conic-gradient( from 180deg at 18% 8%, rgba(255, 64, 64, .98) 0deg, rgba(255, 140, 64, .98) 32deg, rgba(255, 224, 64, .98) 70deg, rgba(96, 255, 96, .98) 115deg, rgba(64, 210, 255, .98) 165deg, rgba(96, 120, 255, .98) 215deg, rgba(160, 96, 255, .98) 265deg, rgba(255, 96, 210, .98) 310deg, rgba(160, 96, 255, .98) 340deg, rgba(96, 120, 255, .98) 360deg );--rainbow-conic-soft: conic-gradient( from 200deg at 85% 85%, rgba(255, 64, 64, .9) 0deg, rgba(255, 140, 64, .9) 28deg, rgba(255, 224, 64, .9) 62deg, rgba(96, 255, 96, .88) 108deg, rgba(64, 210, 255, .88) 158deg, rgba(96, 120, 255, .88) 208deg, rgba(160, 96, 255, .88) 258deg, rgba(255, 96, 210, .88) 302deg, rgba(160, 96, 255, .88) 332deg, rgba(96, 120, 255, .88) 360deg );--glass-edge: var(--rainbow-conic);--glass-edge-soft: var(--rainbow-conic-soft);--toggle-rainbow: var(--rainbow-conic);--glass-shadow: 0 28px 70px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .12) inset;--board-shadow: 0 20px 46px rgba(0, 0, 0, .65);--edge-thickness: 2px;--panel-header-bg: linear-gradient(180deg, rgba(2, 6, 23, .98), rgba(2, 6, 23, .88) 60%, rgba(2, 6, 23, 0));--panel-header-blur: blur(6px);--menu-header-bg: var(--panel-header-bg);--mode-switcher-shadow: 0 10px 30px rgba(15, 23, 42, .6);--mode-switcher-active-shadow: 0 0 0 1px rgba(15, 23, 42, .6), 0 8px 18px rgba(15, 23, 42, .85);--mode-switcher-inactive-text: var(--text-2);--pill-black-glow: radial-gradient(130% 130% at 25% 18%, rgba(212, 175, 55, .45), rgba(30, 30, 38, .95) 50%, rgba(0, 0, 0, .98) 100%);--pill-black-border: 1px solid rgba(212, 175, 55, .4);--pill-black-shadow: 0 12px 20px rgba(0, 0, 0, .75), inset 0 1px 2px rgba(212, 175, 55, .25);--pill-black-active-text: #f8fafc;--flashcard-card-bg: rgba(2, 6, 23, .18);--flashcard-card-bg-selected: linear-gradient(90deg, rgba(99, 102, 241, .28), rgba(20, 184, 166, .16) 55%, rgba(2, 6, 23, 0));--flashcard-card-border: 1px solid rgba(148, 163, 184, .08);--flashcard-card-border-selected: 1px solid rgba(129, 140, 248, .55);--flashcard-card-shadow: none;--flashcard-card-shadow-selected: 0 8px 18px rgba(15, 23, 42, .55);--notation-panel-fill: rgba(8, 8, 10, .55);--notation-highlight-bg: rgba(59, 130, 246, .55);--notation-highlight-text: #ffffff;--goals-card-bg: rgba(15, 23, 42, .55);--goals-card-border: 1px solid rgba(148, 163, 184, .22);--goals-title-text: #e2e8f0;--goals-muted-text: rgba(148, 163, 184, .9);--goals-subtle-text: rgba(148, 163, 184, .7);--goals-pill-bg: rgba(2, 6, 23, .35);--goals-pill-border: 1px solid rgba(148, 163, 184, .25);--goals-pill-border-active: 1px solid rgba(255, 255, 255, .6);--goals-pill-text: #e5e7eb;--goals-tab-inactive-bg: rgba(15, 23, 42, .55);--goals-tab-inactive-border: 1px solid rgba(255, 255, 255, .18);--goals-rec-card-bg: linear-gradient(140deg, rgba(15, 23, 42, .75), rgba(2, 6, 23, .65));--goals-rec-card-bg-completed: linear-gradient(140deg, rgba(15, 23, 42, .7), rgba(2, 6, 23, .55));--goals-rec-card-border: 1px solid rgba(148, 163, 184, .18);--goals-rec-card-shadow: 0 12px 22px rgba(2, 6, 23, .35);--goals-rec-card-shadow-completed: 0 0 0 1px rgba(255, 255, 255, .45), 0 0 16px rgba(96, 210, 255, .45), 0 0 28px rgba(255, 224, 96, .35);--goals-rec-card-title: rgba(226, 232, 240, .7);--goals-rec-card-text: #f8fafc;--goals-rec-card-meta: rgba(148, 163, 184, .85);--goals-rec-empty-border: 1px dashed rgba(148, 163, 184, .25);--goals-rec-empty-text: rgba(226, 232, 240, .7);--goals-chart-border: 1px solid rgba(148, 163, 184, .18);--goals-chart-bg: rgba(2, 6, 23, .18);--goals-chart-divider: rgba(148, 163, 184, .22);--goals-chart-grid: rgba(148, 163, 184, .16);--goals-chart-muted: rgba(226, 232, 240, .75);--goals-chart-axis: rgba(148, 163, 184, .6);--goals-chart-tooltip-bg: rgba(2, 6, 23, .88);--goals-chart-tooltip-border: 1px solid rgba(148, 163, 184, .28);--goals-chart-tooltip-text: #e5e7eb;--goals-chart-tooltip-shadow: 0 10px 30px rgba(0, 0, 0, .35);--goals-chart-marker-stroke: rgba(2, 6, 23, .65);--goals-chart-fill-fade: rgba(2, 6, 23, .05);--good-glow: rgba(246, 199, 106, .85);--good-glow-soft: rgba(246, 199, 106, .45);--bad-glow: rgba(248, 113, 113, .9);--bad-glow-soft: rgba(248, 113, 113, .6);--scrollbar-size: 10px;--scrollbar-track: rgba(2, 6, 23, .18);--scrollbar-thumb: rgba(56, 225, 205, .48);--scrollbar-thumb-hover: rgba(124, 243, 227, .72);--scrollbar-thumb-gradient: linear-gradient(180deg, rgba(56, 225, 205, .72), rgba(244, 114, 182, .52));--scrollbar-thumb-gradient-hover: linear-gradient(180deg, rgba(124, 243, 227, .9), rgba(244, 114, 182, .76))}html.theme-light{--bg-0: #f8f2e8;--bg-1: #f3e9da;--bg-2: #eadfcd;--app-bg: #f8f2e8;--text-1: #2f2a24;--text-2: #665f55;--text-3: #8b8175;--accent-rgb: 226, 170, 182;--accent: #e2aab6;--accent-strong: #f1c3ce;--accent-soft: rgba(226, 170, 182, .22);--amber: #d9b18b;--amber-soft: rgba(217, 177, 139, .22);--glass-border: rgba(84, 64, 48, .15);--glass-border-strong: rgba(84, 64, 48, .24);--glass-fill: linear-gradient(135deg, rgba(255, 255, 255, .75), rgba(248, 240, 227, .45));--panel-fill: linear-gradient(135deg, rgba(255, 255, 255, .65), rgba(248, 235, 220, .4));--glass-shadow: 0 14px 28px rgba(130, 96, 68, .18), 0 0 0 1px rgba(255, 255, 255, .65) inset;--board-shadow: 0 12px 24px rgba(130, 96, 68, .22);--rainbow-conic: conic-gradient( from 180deg at 18% 8%, rgba(255, 201, 214, .9) 0deg, rgba(255, 214, 226, .92) 90deg, rgba(255, 198, 220, .92) 180deg, rgba(255, 213, 230, .9) 270deg, rgba(255, 201, 214, .9) 360deg );--rainbow-conic-soft: conic-gradient( from 200deg at 85% 85%, rgba(255, 201, 214, .7) 0deg, rgba(255, 216, 228, .7) 120deg, rgba(255, 206, 222, .7) 240deg, rgba(255, 201, 214, .7) 360deg );--toggle-rainbow: var(--rainbow-conic-soft);--panel-header-bg: transparent;--panel-header-blur: none;--menu-header-bg: linear-gradient( 180deg, rgba(255, 250, 244, 1), rgba(243, 230, 214, .96) 58%, rgba(255, 244, 232, .9) 100% );--mode-switcher-shadow: none;--mode-switcher-active-shadow: 0 0 0 1px rgba(135, 86, 105, .28), 0 6px 16px rgba(135, 86, 105, .25);--mode-switcher-inactive-text: #5b4b43;--pill-black-glow: linear-gradient(135deg, rgba(96, 86, 92, .92), rgba(62, 55, 60, .94) 55%, rgba(46, 41, 45, .98) 100%);--pill-black-border: 1px solid rgba(135, 112, 123, .6);--pill-black-shadow: 0 10px 18px rgba(140, 96, 112, .28), inset 0 1px 2px rgba(255, 230, 240, .4);--pill-black-active-text: #fef7f1;--flashcard-card-bg: rgba(255, 236, 244, .6);--flashcard-card-bg-selected: linear-gradient(90deg, rgba(255, 210, 228, .7), rgba(255, 236, 244, .5) 55%, rgba(255, 255, 255, 0));--flashcard-card-border: 1px solid rgba(214, 176, 191, .35);--flashcard-card-border-selected: 1px solid rgba(214, 152, 176, .55);--flashcard-card-shadow: none;--flashcard-card-shadow-selected: none;--notation-panel-fill: linear-gradient(135deg, rgba(255, 243, 229, .95), rgba(245, 228, 206, .85));--notation-highlight-bg: rgba(214, 174, 142, .55);--notation-highlight-text: #3d2f27;--goals-card-bg: rgba(255, 245, 235, .78);--goals-card-border: 1px solid rgba(214, 184, 164, .55);--goals-title-text: #463a33;--goals-muted-text: #6d5c52;--goals-subtle-text: #8c7a6f;--goals-pill-bg: rgba(255, 234, 218, .88);--goals-pill-border: 1px solid rgba(207, 172, 152, .6);--goals-pill-border-active: 1px solid rgba(199, 153, 120, .7);--goals-pill-text: #4a3d36;--goals-tab-inactive-bg: rgba(255, 236, 221, .88);--goals-tab-inactive-border: 1px solid rgba(214, 184, 164, .6);--goals-rec-card-bg: linear-gradient(140deg, rgba(255, 246, 235, .92), rgba(244, 226, 208, .88));--goals-rec-card-bg-completed: linear-gradient(140deg, rgba(255, 250, 242, .92), rgba(246, 232, 219, .88));--goals-rec-card-border: 1px solid rgba(214, 184, 164, .5);--goals-rec-card-shadow: 0 10px 20px rgba(166, 130, 104, .18);--goals-rec-card-shadow-completed: 0 0 0 1px rgba(255, 255, 255, .65), 0 0 14px rgba(255, 210, 180, .4);--goals-rec-card-title: #7a675c;--goals-rec-card-text: #4a3d36;--goals-rec-card-meta: #8c7a6f;--goals-rec-empty-border: 1px dashed rgba(214, 184, 164, .55);--goals-rec-empty-text: #7a675c;--goals-chart-border: 1px solid rgba(214, 184, 164, .45);--goals-chart-bg: rgba(255, 245, 235, .85);--goals-chart-divider: rgba(214, 184, 164, .6);--goals-chart-grid: rgba(170, 140, 120, .22);--goals-chart-muted: #7a675c;--goals-chart-axis: rgba(145, 115, 95, .55);--goals-chart-tooltip-bg: rgba(255, 246, 238, .96);--goals-chart-tooltip-border: 1px solid rgba(214, 184, 164, .55);--goals-chart-tooltip-text: #4a3d36;--goals-chart-tooltip-shadow: 0 8px 20px rgba(166, 130, 104, .2);--goals-chart-marker-stroke: rgba(120, 90, 70, .45);--goals-chart-fill-fade: rgba(255, 245, 235, .2);--scrollbar-track: rgba(255, 236, 221, .42);--scrollbar-thumb: rgba(207, 148, 170, .52);--scrollbar-thumb-hover: rgba(199, 126, 154, .72);--scrollbar-thumb-gradient: linear-gradient(180deg, rgba(255, 201, 214, .86), rgba(214, 174, 142, .72));--scrollbar-thumb-gradient-hover: linear-gradient(180deg, rgba(255, 184, 206, .95), rgba(199, 153, 120, .82))}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:transparent;border-radius:999px}*::-webkit-scrollbar-thumb{min-height:36px;min-width:36px;border:2px solid transparent;border-radius:999px;background:var(--scrollbar-thumb-gradient);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-gradient-hover);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}html,body{height:100%}body{margin:0;background:var(--app-bg);color:var(--text-1);font-family:var(--font-ui);font-weight:700;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body *{font-weight:inherit!important}button,input,select,textarea{font-family:var(--font-ui);font-weight:inherit}body:before{content:"";position:fixed;inset:0;background:radial-gradient(30% 30% at 12% 10%,rgba(140,108,255,.28),transparent 70%),radial-gradient(28% 28% at 85% 8%,rgba(72,229,210,.3),transparent 70%),radial-gradient(28% 28% at 88% 88%,rgba(255,196,132,.26),transparent 70%),radial-gradient(30% 30% at 8% 88%,rgba(251,113,210,.22),transparent 70%),repeating-linear-gradient(120deg,rgba(255,255,255,.04) 0 1px,transparent 1px 7px);pointer-events:none;opacity:.85;z-index:0}html.theme-light body:before{background:radial-gradient(30% 30% at 14% 12%,rgba(255,196,215,.35),transparent 70%),radial-gradient(28% 28% at 84% 10%,rgba(255,214,230,.3),transparent 70%),radial-gradient(28% 28% at 88% 88%,rgba(255,205,183,.26),transparent 70%),radial-gradient(30% 30% at 8% 88%,rgba(255,190,210,.25),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.5) 0 1px,transparent 1px 8px);opacity:.9}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em}#root{min-height:100vh;min-height:100dvh;height:auto;position:relative;z-index:1}.app-shell{animation:appFade .56s ease-out}.main-card{background:var(--glass-fill);border:1px solid rgba(255,255,255,.12);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;isolation:isolate}.main-card .panel-surface,.main-card .board-frame{position:relative;overflow:hidden;isolation:isolate;z-index:2}.main-card:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge);animation:edgeHue 18s linear infinite;animation-delay:-6s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;pointer-events:none;z-index:1}.main-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-fill);backdrop-filter:blur(10px) saturate(165%);-webkit-backdrop-filter:blur(10px) saturate(165%);pointer-events:none;z-index:0}.panel-surface{background:var(--panel-fill);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);box-shadow:0 18px 40px #00000059;position:relative;isolation:isolate}.board-frame{border:1px solid rgba(255,255,255,.08);background:var(--panel-fill);box-shadow:0 0 0 1px #ffffff1f inset;isolation:isolate}.board-frame>*{position:relative;z-index:1}.glass-card{position:relative;isolation:isolate;border:1px solid transparent!important;background:var(--panel-fill)!important;backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%)}.glass-card:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge-soft);animation:edgeHue 14s linear infinite;animation-delay:var(--edge-delay, -3.5s);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.92;mix-blend-mode:screen;pointer-events:none;z-index:1}.glass-card>*{position:relative;z-index:2}.glass-ring{position:relative;isolation:isolate;border:1px solid transparent;background:transparent}.glass-ring:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge-soft);animation:edgeHue 14s linear infinite;animation-delay:var(--edge-delay, -3.5s);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.92;mix-blend-mode:screen;pointer-events:none;z-index:0}.glass-ring>*{position:relative;z-index:1}.panel-surface:before,.board-frame:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge-soft);animation:edgeHue 20s linear infinite;animation-delay:-9s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.82;mix-blend-mode:screen;pointer-events:none;z-index:0}.board-frame.analysis-engine-active{border-color:rgba(var(--accent-rgb),.34);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.18) inset}.board-frame.analysis-engine-active:before{animation:none!important;filter:none!important;opacity:.42;mix-blend-mode:normal;background:linear-gradient(135deg,rgba(var(--accent-rgb),.54),#ffffff24)}@keyframes edgeHue{0%{filter:hue-rotate(0deg) saturate(1.35)}to{filter:hue-rotate(360deg) saturate(1.35)}}@keyframes phantomBoardShake{0%,to{transform:translate(0)}22%{transform:translate(-5px)}46%{transform:translate(5px)}70%{transform:translate(-3px)}88%{transform:translate(2px)}}.board-frame.play-start-animation-1.play-start-board{animation:playStartBoardPulse .92s cubic-bezier(.16,1,.3,1) both}.panel-surface.play-start-animation-1.play-start-panel{animation:playStartPanelPulse .92s cubic-bezier(.16,1,.3,1) both}.play-start-sweep{position:absolute;inset:-10px;border-radius:24px;pointer-events:none;z-index:4;overflow:hidden}.board-frame.play-start-animation-1 .play-start-sweep:before{content:"";position:absolute;top:-18%;bottom:-18%;width:42%;left:-52%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.1) 18%,rgba(255,255,255,.58) 48%,rgba(34,211,238,.32) 60%,transparent 100%);filter:blur(1px);mix-blend-mode:screen;transform:skew(-12deg);animation:playStartSweep .76s ease-out both}.board-frame.play-start-animation-2.play-start-board{animation:playStartBoardReady .88s cubic-bezier(.2,1,.22,1) both}.panel-surface.play-start-animation-2.play-start-panel{animation:playStartPanelReady .88s cubic-bezier(.2,1,.22,1) both}.board-frame.play-start-animation-2 .play-start-sweep{inset:-8px}.board-frame.play-start-animation-2 .play-start-sweep:before,.board-frame.play-start-animation-2 .play-start-sweep:after{content:"";position:absolute;inset:0;border-radius:26px;pointer-events:none}.board-frame.play-start-animation-2 .play-start-sweep:before{padding:3px;background:conic-gradient(from -90deg,#facc15f2,#22d3eeeb,#f472b6cc,#facc15f2);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:playStartEdgeTrace 1.32s ease-out both}.board-frame.play-start-animation-2 .play-start-sweep:after{inset:12px;border:2px solid rgba(255,255,255,.52);box-shadow:inset 0 0 18px #22d3ee3d,0 0 22px #facc1533;animation:playStartInnerFrame .76s ease-out both}.board-frame.play-start-animation-3.play-start-board{animation:playStartBoardIgnition 1.12s cubic-bezier(.18,1,.22,1) both}.panel-surface.play-start-animation-3.play-start-panel{animation:playStartPanelIgnition 1.12s cubic-bezier(.18,1,.22,1) both}.board-frame.play-start-animation-3 .play-start-sweep{inset:0;border-radius:18px;background:repeating-conic-gradient(from 45deg,#22d3ee2e 0deg 90deg,#facc1524 90deg 180deg) 0 0 / 25% 25%;mix-blend-mode:screen;animation:playStartCheckerIgnition 1.12s ease-out both}.board-frame.play-start-animation-3 .play-start-sweep:before,.board-frame.play-start-animation-3 .play-start-sweep:after{content:"";position:absolute;pointer-events:none}.board-frame.play-start-animation-3 .play-start-sweep:before{inset:-28px;border-radius:32px;background:radial-gradient(circle at 50% 50%,transparent 0 38%,rgba(255,255,255,.5) 39%,rgba(34,211,238,.26) 44%,transparent 54%);animation:playStartRadialIgnition 1.12s ease-out both}.board-frame.play-start-animation-3 .play-start-sweep:after{inset:-16%;background:linear-gradient(135deg,transparent 0 36%,rgba(255,255,255,.5) 44%,rgba(244,114,182,.32) 50%,rgba(34,211,238,.34) 56%,transparent 66% 100%);filter:blur(.5px);transform:translate(-32%,32%) rotate(0);animation:playStartDiagonalIgnition .92s ease-out both}.board-frame.play-start-animation-4.play-start-board{animation:playStartBoardLockOn 1.18s cubic-bezier(.18,1,.22,1) both}.panel-surface.play-start-animation-4.play-start-panel{animation:playStartPanelLockOn 1.18s cubic-bezier(.18,1,.22,1) both}.board-frame.play-start-animation-4 .play-start-sweep{inset:-12px;border-radius:28px;background:linear-gradient(#22d3ee24,#22d3ee24) 50% 0 / 2px 100% no-repeat,linear-gradient(#facc152e,#facc152e) 0 50% / 100% 2px no-repeat;mix-blend-mode:screen;animation:playStartScanGrid 1.18s ease-out both}.board-frame.play-start-animation-4 .play-start-sweep:before,.board-frame.play-start-animation-4 .play-start-sweep:after{content:"";position:absolute;inset:0;border-radius:28px;pointer-events:none}.board-frame.play-start-animation-4 .play-start-sweep:before{background:linear-gradient(90deg,#22d3eef2,#ffffffc7) left top / 54px 4px no-repeat,linear-gradient(180deg,#22d3eef2,#ffffffc7) left top / 4px 54px no-repeat,linear-gradient(270deg,#facc15f2,#ffffffc7) right top / 54px 4px no-repeat,linear-gradient(180deg,#facc15f2,#ffffffc7) right top / 4px 54px no-repeat,linear-gradient(90deg,#f472b6f2,#ffffffc7) left bottom / 54px 4px no-repeat,linear-gradient(0deg,#f472b6f2,#ffffffc7) left bottom / 4px 54px no-repeat,linear-gradient(270deg,#22d3eef2,#ffffffc7) right bottom / 54px 4px no-repeat,linear-gradient(0deg,#22d3eef2,#ffffffc7) right bottom / 4px 54px no-repeat;filter:drop-shadow(0 0 10px rgba(34,211,238,.42));animation:playStartCornerLock 1.18s ease-out both}.board-frame.play-start-animation-4 .play-start-sweep:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.76),transparent) 0 28% / 100% 3px no-repeat,linear-gradient(90deg,transparent,rgba(34,211,238,.52),transparent) 0 72% / 100% 3px no-repeat,linear-gradient(180deg,transparent,rgba(250,204,21,.62),transparent) 28% 0 / 3px 100% no-repeat,linear-gradient(180deg,transparent,rgba(244,114,182,.52),transparent) 72% 0 / 3px 100% no-repeat;animation:playStartCrossScan .98s ease-out both}.board-frame.play-start-animation-5.play-start-board{animation:playStartBoardCurtain 1.08s cubic-bezier(.18,1,.22,1) both}.panel-surface.play-start-animation-5.play-start-panel{animation:playStartPanelCurtain 1.08s cubic-bezier(.18,1,.22,1) both}.board-frame.play-start-animation-5 .play-start-sweep{inset:0;border-radius:18px;background:linear-gradient(115deg,rgba(34,211,238,.34),rgba(255,255,255,.1),transparent 62%) left center / 62% 100% no-repeat,linear-gradient(295deg,rgba(250,204,21,.32),rgba(255,255,255,.1),transparent 62%) right center / 62% 100% no-repeat;mix-blend-mode:screen;animation:playStartCurtainSplit 1.08s ease-out both}.board-frame.play-start-animation-5 .play-start-sweep:before,.board-frame.play-start-animation-5 .play-start-sweep:after{content:"";position:absolute;pointer-events:none}.board-frame.play-start-animation-5 .play-start-sweep:before{inset:-10%;background:radial-gradient(circle,rgba(255,255,255,.92) 0 2px,transparent 3px) 18% 24% / 100% 100% no-repeat,radial-gradient(circle,rgba(34,211,238,.82) 0 2px,transparent 3px) 30% 74% / 100% 100% no-repeat,radial-gradient(circle,rgba(250,204,21,.88) 0 2px,transparent 3px) 70% 22% / 100% 100% no-repeat,radial-gradient(circle,rgba(244,114,182,.82) 0 2px,transparent 3px) 82% 70% / 100% 100% no-repeat,radial-gradient(circle,rgba(255,255,255,.68) 0 1px,transparent 2px) 50% 50% / 100% 100% no-repeat;filter:drop-shadow(0 0 8px rgba(255,255,255,.5));animation:playStartSparkGather .98s ease-out both}.board-frame.play-start-animation-5 .play-start-sweep:after{top:50%;left:-18%;width:136%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.72),rgba(255,255,255,.9),rgba(250,204,21,.64),transparent);box-shadow:0 0 18px #22d3ee57,0 0 30px #facc1538;transform:translateY(-50%) rotate(-14deg) scaleX(.12);animation:playStartCurtainSlash .86s ease-out both}.board-frame.play-start-animation-6.play-start-board{animation:playStartBoardCascade 1.16s cubic-bezier(.18,1,.22,1) both}.panel-surface.play-start-animation-6.play-start-panel{animation:playStartPanelCascade 1.16s cubic-bezier(.18,1,.22,1) both}.board-frame.play-start-animation-6 .play-start-sweep{inset:0;border-radius:18px;background:repeating-linear-gradient(135deg,transparent 0 8%,rgba(34,211,238,.18) 8% 10%,transparent 10% 16%),linear-gradient(135deg,transparent 0 38%,rgba(255,255,255,.18) 44%,transparent 50% 100%);mix-blend-mode:screen;animation:playStartDiagonalCascade 1.16s ease-out both}.board-frame.play-start-animation-6 .play-start-sweep:before,.board-frame.play-start-animation-6 .play-start-sweep:after{content:"";position:absolute;inset:0;border-radius:34px;pointer-events:none}.board-frame.play-start-animation-6 .play-start-sweep:before{background:linear-gradient(90deg,rgba(34,211,238,.34) 1px,transparent 1px) 0 0 / 12.5% 100%,linear-gradient(0deg,rgba(250,204,21,.28) 1px,transparent 1px) 0 0 / 100% 12.5%;filter:drop-shadow(0 0 10px rgba(34,211,238,.24));animation:playStartGridWake .94s ease-out both}.board-frame.play-start-animation-6 .play-start-sweep:after{inset:-32%;background:linear-gradient(135deg,transparent 0 36%,rgba(34,211,238,.28) 42%,rgba(255,255,255,.82) 48%,rgba(250,204,21,.42) 53%,transparent 60% 100%);filter:blur(.5px);transform:translate(-35%,35%);animation:playStartCometCascade .98s ease-out both}.board-frame.play-start-animation-7.play-start-board{animation:playStartBoardLaunch 1.16s cubic-bezier(.18,1,.22,1) both}.panel-surface.play-start-animation-7.play-start-panel{animation:playStartPanelLaunch 1.16s cubic-bezier(.18,1,.22,1) both}.board-frame.play-start-animation-7 .play-start-sweep{inset:0;border-radius:18px;background:linear-gradient(90deg,transparent 0 7%,rgba(34,211,238,.2) 8% 10%,transparent 11% 19%,rgba(250,204,21,.18) 20% 22%,transparent 23% 31%,rgba(244,114,182,.16) 32% 34%,transparent 35% 43%,rgba(255,255,255,.15) 44% 46%,transparent 47% 55%,rgba(34,211,238,.18) 56% 58%,transparent 59% 67%,rgba(250,204,21,.16) 68% 70%,transparent 71% 79%,rgba(244,114,182,.14) 80% 82%,transparent 83% 100%);mix-blend-mode:screen;animation:playStartFileLaunch 1.12s ease-out both}.board-frame.play-start-animation-7 .play-start-sweep:before,.board-frame.play-start-animation-7 .play-start-sweep:after{content:"";position:absolute;inset:-16px;border-radius:30px;pointer-events:none}.board-frame.play-start-animation-7 .play-start-sweep:before{background:radial-gradient(circle,rgba(255,255,255,.92) 0 2px,transparent 3px) 12% 112% / 100% 100% no-repeat,radial-gradient(circle,rgba(34,211,238,.82) 0 2px,transparent 3px) 26% 108% / 100% 100% no-repeat,radial-gradient(circle,rgba(250,204,21,.9) 0 2px,transparent 3px) 40% 114% / 100% 100% no-repeat,radial-gradient(circle,rgba(244,114,182,.82) 0 2px,transparent 3px) 58% 110% / 100% 100% no-repeat,radial-gradient(circle,rgba(255,255,255,.72) 0 2px,transparent 3px) 74% 116% / 100% 100% no-repeat,radial-gradient(circle,rgba(34,211,238,.82) 0 2px,transparent 3px) 88% 108% / 100% 100% no-repeat;filter:drop-shadow(0 0 8px rgba(255,255,255,.46));animation:playStartSparkLaunch 1.12s ease-out both}.board-frame.play-start-animation-7 .play-start-sweep:after{inset:-8px;background:linear-gradient(0deg,transparent,rgba(255,255,255,.58),transparent) 18% 110% / 3px 38% no-repeat,linear-gradient(0deg,transparent,rgba(34,211,238,.52),transparent) 36% 110% / 3px 44% no-repeat,linear-gradient(0deg,transparent,rgba(250,204,21,.5),transparent) 52% 110% / 3px 40% no-repeat,linear-gradient(0deg,transparent,rgba(244,114,182,.46),transparent) 68% 110% / 3px 36% no-repeat,linear-gradient(0deg,transparent,rgba(255,255,255,.5),transparent) 84% 110% / 3px 42% no-repeat;animation:playStartColumnLaunch .98s ease-out both}.board-frame.play-start-animation-8.play-start-board{animation:playStartBoardRoyalStamp 1.18s cubic-bezier(.18,1,.22,1) both}.panel-surface.play-start-animation-8.play-start-panel{animation:playStartPanelRoyalStamp 1.18s cubic-bezier(.18,1,.22,1) both}.board-frame.play-start-animation-8 .play-start-sweep{inset:-16px;border-radius:32px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.86) 0 4px,rgba(250,204,21,.36) 5px 24px,transparent 25px),linear-gradient(45deg,transparent 38%,rgba(34,211,238,.2) 39% 40%,transparent 41% 59%,rgba(244,114,182,.16) 60% 61%,transparent 62%),linear-gradient(-45deg,transparent 38%,rgba(250,204,21,.18) 39% 40%,transparent 41% 59%,rgba(255,255,255,.14) 60% 61%,transparent 62%);mix-blend-mode:screen;animation:playStartRoyalMedallion 1.18s ease-out both}.board-frame.play-start-animation-8 .play-start-sweep:before,.board-frame.play-start-animation-8 .play-start-sweep:after{content:"";position:absolute;inset:0;border-radius:32px;pointer-events:none}.board-frame.play-start-animation-8 .play-start-sweep:before{background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.72) 48%,transparent 51%),linear-gradient(-45deg,transparent 45%,rgba(34,211,238,.56) 48%,transparent 51%),linear-gradient(90deg,transparent 43%,rgba(250,204,21,.42) 48%,transparent 53%),linear-gradient(0deg,transparent 43%,rgba(244,114,182,.36) 48%,transparent 53%);filter:drop-shadow(0 0 12px rgba(255,255,255,.34));animation:playStartRoyalGlyph 1.08s ease-out both}.board-frame.play-start-animation-8 .play-start-sweep:after{inset:12px;border:2px solid rgba(255,255,255,.48);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:inset 0 0 18px #22d3ee3d,0 0 22px #facc153d;animation:playStartRoyalDiamond 1.18s ease-out both}@keyframes playStartBoardPulse{0%{transform:scale(.985);box-shadow:0 0 #facc1500,var(--board-shadow)}34%{transform:scale(1.018);box-shadow:0 0 0 6px #facc1533,0 0 34px #22d3ee66,var(--board-shadow)}to{transform:scale(1);box-shadow:var(--board-shadow)}}@keyframes playStartBoardReady{0%{transform:translateY(8px) scale(.99);filter:brightness(.92) saturate(.96);box-shadow:var(--board-shadow)}28%{transform:translateY(-4px) scale(1.012);filter:brightness(1.16) saturate(1.08);box-shadow:0 0 0 2px #facc1547,0 0 36px #22d3ee57,var(--board-shadow)}to{transform:translateY(0) scale(1);filter:brightness(1) saturate(1);box-shadow:var(--board-shadow)}}@keyframes playStartPanelReady{0%{transform:translateY(6px);filter:brightness(.98)}34%{transform:translateY(-2px);filter:brightness(1.16) saturate(1.08)}to{transform:translateY(0);filter:brightness(1)}}@keyframes playStartEdgeTrace{0%{opacity:0;transform:scale(.94) rotate(-10deg)}18%{opacity:1}62%{opacity:.9;transform:scale(1.025) rotate(21deg)}to{opacity:0;transform:scale(1.065) rotate(33deg)}}@keyframes playStartInnerFrame{0%{opacity:0;transform:scale(.82)}24%{opacity:.95}to{opacity:0;transform:scale(1.06)}}@keyframes playStartBoardIgnition{0%{transform:scale(.972);filter:brightness(.9) saturate(.95);box-shadow:var(--board-shadow)}18%{transform:scale(1.022);filter:brightness(1.22) saturate(1.16);box-shadow:0 0 0 3px #22d3ee47,0 0 38px #f472b64d,var(--board-shadow)}46%{transform:scale(1.004);filter:brightness(1.08) saturate(1.05)}to{transform:scale(1);filter:brightness(1) saturate(1);box-shadow:var(--board-shadow)}}@keyframes playStartPanelIgnition{0%{transform:translateY(10px) scale(.992);filter:brightness(.96)}26%{transform:translateY(-3px) scale(1.006);filter:brightness(1.18) saturate(1.08)}to{transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes playStartCheckerIgnition{0%{opacity:0;background-position:-24px 24px}16%{opacity:.9}52%{opacity:.38}to{opacity:0;background-position:28px -28px}}@keyframes playStartRadialIgnition{0%{opacity:0;transform:scale(.58)}18%{opacity:.95}to{opacity:0;transform:scale(1.18)}}@keyframes playStartDiagonalIgnition{0%{opacity:0;transform:translate(-38%,38%)}16%{opacity:.88}to{opacity:0;transform:translate(38%,-38%)}}@keyframes playStartBoardLockOn{0%{transform:scale(.988);filter:brightness(.94) contrast(.98);box-shadow:var(--board-shadow)}20%{transform:scale(1.012);filter:brightness(1.2) contrast(1.04) saturate(1.1);box-shadow:0 0 0 2px #fff3,0 0 28px #facc1547,0 0 44px #22d3ee3d,var(--board-shadow)}48%{transform:scale(1.002)}to{transform:scale(1);filter:brightness(1) contrast(1) saturate(1);box-shadow:var(--board-shadow)}}@keyframes playStartPanelLockOn{0%{transform:scale(.992);filter:brightness(.98)}24%{transform:scale(1.006);filter:brightness(1.14) saturate(1.08)}to{transform:scale(1);filter:brightness(1)}}@keyframes playStartScanGrid{0%{opacity:0;background-size:2px 0,0 2px}18%{opacity:.95}54%{opacity:.52;background-size:2px 100%,100% 2px}to{opacity:0;background-size:2px 100%,100% 2px}}@keyframes playStartCornerLock{0%{opacity:0;transform:scale(1.18)}18%{opacity:1}48%{opacity:.9;transform:scale(.99)}to{opacity:0;transform:scale(.94)}}@keyframes playStartCrossScan{0%{opacity:0;transform:scale(.78)}20%{opacity:.95}64%{opacity:.48;transform:scale(1.04)}to{opacity:0;transform:scale(1.12)}}@keyframes playStartBoardCurtain{0%{transform:scale(.982);filter:brightness(.9) saturate(.94);box-shadow:var(--board-shadow)}24%{transform:scale(1.016);filter:brightness(1.18) saturate(1.08);box-shadow:0 0 0 2px #ffffff2e,0 0 34px #22d3ee47,0 0 26px #facc152e,var(--board-shadow)}58%{transform:scale(1.003)}to{transform:scale(1);filter:brightness(1) saturate(1);box-shadow:var(--board-shadow)}}@keyframes playStartPanelCurtain{0%{transform:translate(8px);filter:brightness(.96)}26%{transform:translate(-3px);filter:brightness(1.15) saturate(1.08)}to{transform:translate(0);filter:brightness(1)}}@keyframes playStartCurtainSplit{0%{opacity:0;background-size:66% 100%,66% 100%;background-position:left center,right center}18%{opacity:.95}58%{opacity:.58;background-size:38% 100%,38% 100%;background-position:-18% center,118% center}to{opacity:0;background-size:28% 100%,28% 100%;background-position:-28% center,128% center}}@keyframes playStartSparkGather{0%{opacity:0;transform:scale(1.16) rotate(-4deg)}16%{opacity:1}50%{opacity:.78;transform:scale(.94) rotate(3deg)}to{opacity:0;transform:scale(.72) rotate(8deg)}}@keyframes playStartCurtainSlash{0%{opacity:0;transform:translateY(-50%) rotate(-14deg) scaleX(.12)}18%{opacity:1}54%{opacity:.82;transform:translateY(-50%) rotate(-14deg) scaleX(1)}to{opacity:0;transform:translateY(-50%) rotate(-14deg) scaleX(1.1)}}@keyframes playStartBoardCascade{0%{transform:translateY(6px) scale(.984);filter:brightness(.92) saturate(.96);box-shadow:var(--board-shadow)}20%{transform:translateY(-3px) scale(1.014);filter:brightness(1.2) saturate(1.12);box-shadow:0 0 0 2px #fff3,0 0 34px #22d3ee4d,0 0 26px #facc1533,var(--board-shadow)}46%{transform:translateY(0) scale(1.003);filter:brightness(1.08) saturate(1.04)}to{transform:translateY(0) scale(1);filter:brightness(1) saturate(1);box-shadow:var(--board-shadow)}}@keyframes playStartPanelCascade{0%{transform:translateY(8px);filter:brightness(.96)}24%{transform:translateY(-3px);filter:brightness(1.16) saturate(1.08)}to{transform:translateY(0);filter:brightness(1)}}@keyframes playStartDiagonalCascade{0%{opacity:0;background-position:-42px 42px,-36% 36%}16%{opacity:.92}54%{opacity:.5;background-position:12px -12px,32% -32%}to{opacity:0;background-position:42px -42px,68% -68%}}@keyframes playStartGridWake{0%{opacity:0;transform:scale(.96)}18%{opacity:.88}56%{opacity:.42;transform:scale(1.01)}to{opacity:0;transform:scale(1.035)}}@keyframes playStartCometCascade{0%{opacity:0;transform:translate(-35%,35%)}20%{opacity:.92}58%{opacity:.72;transform:translate(4%,-4%)}to{opacity:0;transform:translate(34%,-34%)}}@keyframes playStartBoardLaunch{0%{transform:translateY(10px) scale(.986);filter:brightness(.9) saturate(.94);box-shadow:var(--board-shadow)}22%{transform:translateY(-5px) scale(1.012);filter:brightness(1.22) saturate(1.12);box-shadow:0 0 0 2px #ffffff2e,0 0 34px #22d3ee47,0 0 30px #f472b62e,var(--board-shadow)}52%{transform:translateY(0) scale(1.002);filter:brightness(1.07) saturate(1.04)}to{transform:translateY(0) scale(1);filter:brightness(1) saturate(1);box-shadow:var(--board-shadow)}}@keyframes playStartPanelLaunch{0%{transform:translateY(10px);filter:brightness(.96)}24%{transform:translateY(-3px);filter:brightness(1.16) saturate(1.08)}to{transform:translateY(0);filter:brightness(1)}}@keyframes playStartFileLaunch{0%{opacity:0;transform:translateY(26%)}18%{opacity:.92}54%{opacity:.42;transform:translateY(-8%)}to{opacity:0;transform:translateY(-24%)}}@keyframes playStartSparkLaunch{0%{opacity:0;transform:translateY(18%) scale(.86)}18%{opacity:1}62%{opacity:.52;transform:translateY(-38%) scale(1.03)}to{opacity:0;transform:translateY(-72%) scale(.96)}}@keyframes playStartColumnLaunch{0%{opacity:0;transform:translateY(24%)}18%{opacity:.88}60%{opacity:.42;transform:translateY(-32%)}to{opacity:0;transform:translateY(-64%)}}@keyframes playStartBoardRoyalStamp{0%{transform:scale(.982) rotate(-.4deg);filter:brightness(.9) saturate(.94);box-shadow:var(--board-shadow)}18%{transform:scale(1.018) rotate(.25deg);filter:brightness(1.22) saturate(1.12);box-shadow:0 0 0 2px #fff3,0 0 34px #facc154d,0 0 30px #22d3ee3d,var(--board-shadow)}48%{transform:scale(1.003) rotate(0);filter:brightness(1.08) saturate(1.04)}to{transform:scale(1) rotate(0);filter:brightness(1) saturate(1);box-shadow:var(--board-shadow)}}@keyframes playStartPanelRoyalStamp{0%{transform:scale(.992);filter:brightness(.96)}22%{transform:scale(1.006);filter:brightness(1.16) saturate(1.08)}to{transform:scale(1);filter:brightness(1)}}@keyframes playStartRoyalMedallion{0%{opacity:0;transform:scale(.72) rotate(-18deg)}14%{opacity:.96}46%{opacity:.7;transform:scale(1.02) rotate(8deg)}to{opacity:0;transform:scale(1.14) rotate(18deg)}}@keyframes playStartRoyalGlyph{0%{opacity:0;transform:scale(.66) rotate(45deg)}16%{opacity:.95}54%{opacity:.54;transform:scale(1.04) rotate(0)}to{opacity:0;transform:scale(1.12) rotate(-10deg)}}@keyframes playStartRoyalDiamond{0%{opacity:0;transform:scale(.54) rotate(45deg)}18%{opacity:.95}56%{opacity:.46;transform:scale(1.05) rotate(45deg)}to{opacity:0;transform:scale(1.2) rotate(45deg)}}@keyframes playStartPanelPulse{0%{filter:brightness(1)}30%{filter:brightness(1.18) saturate(1.08)}to{filter:brightness(1)}}@keyframes playStartSweep{0%{left:-52%;opacity:0}18%{opacity:1}to{left:110%;opacity:0}}.board-frame.play-victory-board{animation:playVictoryBoardStamp 2.1s cubic-bezier(.16,1,.3,1) both}.panel-surface.play-victory-panel{animation:playVictoryPanelStamp 2.1s cubic-bezier(.16,1,.3,1) both}.play-victory-burst{position:absolute;inset:-22px;border-radius:32px;pointer-events:none;z-index:5;overflow:hidden;background:radial-gradient(circle at 50% 43%,rgba(250,204,21,.34) 0 14%,transparent 42%),linear-gradient(135deg,#02061794,#0f172a85 48%,#02061794);mix-blend-mode:normal;isolation:isolate;animation:playVictoryStage 1.8s ease-out both}.play-victory-burst:before{content:"";position:absolute;left:18%;top:55%;width:64%;height:clamp(1px,.38%,3px);border-radius:0;background:linear-gradient(90deg,#22d3ee 0% 34%,#facc15 72%,#fff7c2 90%,#fff);box-shadow:0 0 0 1px #ffffffb8,0 0 8px #facc15,0 0 18px #22d3eeeb,0 0 26px #ffffff70;clip-path:polygon(0% 50%,4% 0%,94% 0%,100% 50%,94% 100%,4% 100%);filter:saturate(1.32) contrast(1.16);mix-blend-mode:normal;transform:translateY(-50%) rotate(-19deg) scaleX(0);transform-origin:0% 50%;z-index:4;animation:playVictoryRoyalSlash 1.8s linear both}.play-victory-burst:after{content:"Victory";position:absolute;left:50%;top:69%;width:min(84%,360px);padding:8px 20px 10px;border-radius:8px;color:#fff8dc;font-size:clamp(1.85rem,7vw,3rem);font-weight:950;letter-spacing:0;line-height:1;text-align:center;text-transform:uppercase;background:linear-gradient(135deg,#451a03db,#0f172ab8);box-shadow:0 0 0 1px #fef3c770 inset,0 0 18px #020617ad,0 0 24px #facc153d;text-shadow:0 1px 0 rgba(69,26,3,1),1px 0 0 rgba(69,26,3,.92),-1px 0 0 rgba(69,26,3,.92),0 -1px 0 rgba(69,26,3,.76),0 0 8px rgba(250,204,21,.78),0 3px 12px rgba(2,6,23,.95);-webkit-text-stroke:0;paint-order:normal;transform:translate(-50%,-50%) rotate(-5deg) scale(.7);z-index:5;animation:playVictorySliceTitle 1.8s cubic-bezier(.16,1,.3,1) both}.play-victory-attacker-king{position:absolute;left:18%;top:55%;width:min(28%,108px);height:auto;display:block;overflow:visible;z-index:6;filter:drop-shadow(0 0 12px rgba(250,204,21,.82)) drop-shadow(0 0 20px rgba(34,211,238,.36)) drop-shadow(0 12px 18px rgba(2,6,23,.62));transform:translate(-50%,-50%) rotate(-19deg) scale(1);animation:playVictoryAttackerDash 1.8s linear both}.play-victory-target-king{position:absolute;left:50%;top:43%;width:min(32%,124px);aspect-ratio:1;overflow:visible;z-index:3;opacity:0;background:transparent;filter:none;transform:translate(-50%,-50%) scale(.76)}.play-victory-target-king-piece{width:100%;height:auto;display:block;overflow:visible;background:transparent;filter:none}.play-victory-target-king-top{clip-path:inset(0 0 48% 0);animation:playVictoryTargetTop 1.8s cubic-bezier(.16,1,.3,1) both}.play-victory-target-king-bottom{clip-path:inset(47% 0 0 0);animation:playVictoryTargetBottom 1.8s cubic-bezier(.16,1,.3,1) both}@keyframes playVictoryBoardStamp{0%{transform:translateY(0) rotate(0);filter:brightness(1)}12%{transform:translateY(-7px) rotate(-.9deg);filter:brightness(1.16) saturate(1.08);box-shadow:0 12px 28px #02061766,0 0 0 2px #facc1552,var(--board-shadow)}24%{transform:translateY(2px) rotate(.65deg);filter:brightness(1.24) saturate(1.16);box-shadow:0 0 0 4px #facc153d,0 0 38px #facc1561,0 0 42px #22d3ee38,var(--board-shadow)}46%{transform:translateY(0) rotate(0);filter:brightness(1.08) saturate(1.04)}to{transform:translateY(0) rotate(0);filter:brightness(1);box-shadow:var(--board-shadow)}}@keyframes playVictoryPanelStamp{0%{transform:translate(0);filter:brightness(1)}14%{transform:translate(4px);filter:brightness(1.1) saturate(1.08)}26%{transform:translate(-2px);filter:brightness(1.16) saturate(1.12);box-shadow:0 0 0 1px #facc1542 inset,0 0 28px #22d3ee29}to{transform:translate(0);filter:brightness(1)}}@keyframes playVictoryStage{0%{opacity:0;background-position:50% 43%}10%{opacity:1}76%{opacity:1;background-position:50% 43%}to{opacity:0;background-position:50% 43%}}@keyframes playVictoryRoyalSlash{0%{opacity:0;transform:translateY(-50%) rotate(-19deg) scaleX(0)}15%{opacity:0;transform:translateY(-50%) rotate(-19deg) scaleX(0)}18%{opacity:1;transform:translateY(-50%) rotate(-19deg) scaleX(1)}76%{opacity:1;transform:translateY(-50%) rotate(-19deg) scaleX(1)}to{opacity:0;transform:translateY(-50%) rotate(-19deg) scaleX(1)}}@keyframes playVictoryAttackerDash{0%{opacity:1;left:18%;top:55%;transform:translate(-50%,-50%) rotate(-19deg) scale(1)}15%{opacity:1;left:18%;top:55%;transform:translate(-50%,-50%) rotate(-19deg) scale(1)}18%{opacity:1;left:78%;top:34%;transform:translate(-50%,-50%) rotate(-19deg) scale(1)}76%{opacity:1;left:78%;top:34%;transform:translate(-50%,-50%) rotate(-19deg) scale(1)}to{opacity:0;left:78%;top:34%;transform:translate(-50%,-50%) rotate(-19deg) scale(1)}}@keyframes playVictoryTargetTop{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.76)}11%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}15%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}19%{opacity:1;transform:translate(-61%,-76%) rotate(-15deg) scale(1)}76%{opacity:1;transform:translate(-61%,-76%) rotate(-15deg) scale(1)}to{opacity:0;transform:translate(-66%,-88%) rotate(-20deg) scale(.94)}}@keyframes playVictoryTargetBottom{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.76)}11%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}15%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}19%{opacity:1;transform:translate(-39%,-22%) rotate(16deg) scale(1)}76%{opacity:1;transform:translate(-39%,-22%) rotate(16deg) scale(1)}to{opacity:0;transform:translate(-34%,-12%) rotate(21deg) scale(.94)}}@keyframes playVictorySliceTitle{0%{opacity:0;transform:translate(-50%,-46%) rotate(-5deg) scale(.62);clip-path:inset(0 50% 0 50%)}19%{opacity:0;transform:translate(-50%,-46%) rotate(-5deg) scale(.62);clip-path:inset(0 50% 0 50%)}25%{opacity:1;transform:translate(-50%,-50%) rotate(-5deg) scale(1.08);clip-path:inset(0 0 0 0)}35%{transform:translate(-50%,-50%) rotate(-5deg) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) rotate(-5deg) scale(1);clip-path:inset(0 0 0 0)}to{opacity:0;transform:translate(-50%,-56%) rotate(-5deg) scale(.96);clip-path:inset(0 0 0 0)}}.board-frame.play-draw-board{animation:playDrawBoardSettle 1.9s cubic-bezier(.16,1,.3,1) both}.panel-surface.play-draw-panel{animation:playDrawPanelSettle 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst{position:absolute;inset:-22px;border-radius:32px;pointer-events:none;z-index:5;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(226,232,240,.24) 0 18%,transparent 48%),linear-gradient(135deg,#0206178a,#1e293b75,#0206178a);mix-blend-mode:normal;isolation:isolate;animation:playDrawStage 1.9s ease-out both}.play-draw-burst:after{content:"Draw";position:absolute;left:50%;top:68%;width:min(70%,300px);padding:8px 18px 10px;border-radius:8px;border:1px solid rgba(226,232,240,.48);background:linear-gradient(135deg,#0f172ae6,#334155c7);color:#f8fafc;font-size:clamp(1.8rem,6.6vw,2.9rem);font-weight:950;letter-spacing:0;line-height:1;text-align:center;text-transform:uppercase;box-shadow:0 0 0 1px #ffffff1f inset,0 10px 24px #020617ad,0 0 22px #94a3b842;text-shadow:0 1px 0 rgba(2,6,23,1),0 0 10px rgba(226,232,240,.56);transform:translate(-50%,-50%) scale(.78);z-index:5;animation:playDrawTitle 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-king{position:absolute;top:44%;width:min(29%,116px);height:auto;display:block;overflow:visible;z-index:4;transform:translate(-50%,-50%) scale(.82)}.play-draw-ice-block,.play-draw-mirror-shard{display:none}.play-draw-king-white{left:16%;filter:drop-shadow(0 0 10px rgba(226,232,240,.28)) drop-shadow(0 12px 18px rgba(2,6,23,.62));animation:playDrawWhiteKing 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-king-black{left:84%;filter:drop-shadow(0 0 10px rgba(148,163,184,.34)) drop-shadow(0 12px 18px rgba(2,6,23,.68));animation:playDrawBlackKing 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-balance-line{position:absolute;left:50%;top:44%;width:min(16%,72px);height:2px;border-radius:0;background:linear-gradient(90deg,transparent,#f8fafc 18% 82%,transparent);box-shadow:0 0 8px #e2e8f0eb,0 0 18px #94a3b86b;transform:translate(-50%,-50%) scaleX(0);transform-origin:50% 50%;z-index:3;animation:playDrawBalanceLine 1.9s ease-out both}@keyframes playDrawBoardSettle{0%{filter:brightness(1) saturate(1);transform:scale(1)}18%{filter:brightness(.82) saturate(.82)}42%{filter:brightness(.92) saturate(.9);transform:scale(1.002)}to{filter:brightness(1) saturate(1);transform:scale(1)}}@keyframes playDrawPanelSettle{0%{filter:brightness(1)}20%{filter:brightness(.9) saturate(.88)}to{filter:brightness(1)}}@keyframes playDrawStage{0%{opacity:0}10%{opacity:1}76%{opacity:1}to{opacity:0}}@keyframes playDrawWhiteKing{0%{opacity:0;left:16%;transform:translate(-50%,-50%) rotate(0) scale(.72)}12%{opacity:1}34%{opacity:1;left:42%;transform:translate(-50%,-50%) rotate(4deg) scale(1)}76%{opacity:1;left:42%;transform:translate(-50%,-50%) rotate(4deg) scale(1)}to{opacity:0;left:42%;transform:translate(-50%,-50%) rotate(4deg) scale(.96)}}@keyframes playDrawBlackKing{0%{opacity:0;left:84%;transform:translate(-50%,-50%) rotate(0) scale(.72)}12%{opacity:1}34%{opacity:1;left:58%;transform:translate(-50%,-50%) rotate(-4deg) scale(1)}76%{opacity:1;left:58%;transform:translate(-50%,-50%) rotate(-4deg) scale(1)}to{opacity:0;left:58%;transform:translate(-50%,-50%) rotate(-4deg) scale(.96)}}@keyframes playDrawBalanceLine{0%{opacity:0;transform:translate(-50%,-50%) scaleX(0)}28%{opacity:0;transform:translate(-50%,-50%) scaleX(0)}38%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}78%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) scaleX(.94)}}@keyframes playDrawTitle{0%{opacity:0;transform:translate(-50%,-44%) scale(.78)}36%{opacity:0;transform:translate(-50%,-44%) scale(.78)}48%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}58%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-56%) scale(.96)}}.board-frame.play-draw-variant-2{animation:playDrawBalanceBoard 1.9s cubic-bezier(.16,1,.3,1) both}.panel-surface.play-draw-variant-2{animation:playDrawBalancePanel 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-2{background:radial-gradient(circle at 50% 50%,rgba(226,232,240,.26) 0 16%,transparent 46%),linear-gradient(135deg,#0206178f,#1e293b7a,#0206178f);animation:playDrawBalanceStage 1.9s ease-out both}.play-draw-burst.play-draw-variant-2:after{top:70%;animation:playDrawBalanceTitle 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-2 .play-draw-king{top:40%;width:min(27%,108px);z-index:5}.play-draw-burst.play-draw-variant-2 .play-draw-king-white{left:33%;animation:playDrawBalanceWhiteKing 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-2 .play-draw-king-black{left:67%;animation:playDrawBalanceBlackKing 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-2 .play-draw-balance-line{top:51%;width:min(58%,260px);height:3px;background:linear-gradient(90deg,transparent 0%,#cbd5e1 7%,#f8fafc 48% 52%,#cbd5e1 93%,transparent 100%);box-shadow:0 0 0 1px #ffffff29,0 0 10px #e2e8f0e6,0 0 24px #94a3b875;transform-origin:50% 50%;animation:playDrawBalanceBeam 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-2 .play-draw-balance-line:before{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:999px;background:#f8fafc;box-shadow:0 0 0 2px #0f172ab8,0 0 14px #e2e8f0c7;transform:translate(-50%,-50%)}.play-draw-burst.play-draw-variant-2 .play-draw-balance-line:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:34px;border-radius:999px;background:linear-gradient(180deg,#f8fafce6,#94a3b847);transform:translate(-50%,2px);box-shadow:0 0 12px #e2e8f061}@keyframes playDrawBalanceBoard{0%{filter:brightness(1) saturate(1);transform:scale(1)}18%{filter:brightness(.82) saturate(.82)}46%{filter:brightness(.9) saturate(.88);transform:scale(1.002)}to{filter:brightness(1) saturate(1);transform:scale(1)}}@keyframes playDrawBalancePanel{0%{filter:brightness(1)}22%{filter:brightness(.9) saturate(.86)}to{filter:brightness(1)}}@keyframes playDrawBalanceStage{0%{opacity:0}10%{opacity:1}78%{opacity:1}to{opacity:0}}@keyframes playDrawBalanceBeam{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.34) rotate(0)}16%{opacity:1;transform:translate(-50%,-50%) scaleX(1) rotate(-8deg)}31%{opacity:1;transform:translate(-50%,-50%) scaleX(1) rotate(7deg)}46%{opacity:1;transform:translate(-50%,-50%) scaleX(1) rotate(-3deg)}58%{transform:translate(-50%,-50%) scaleX(1) rotate(0)}80%{opacity:1;transform:translate(-50%,-50%) scaleX(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scaleX(.96) rotate(0)}}@keyframes playDrawBalanceWhiteKing{0%{opacity:0;left:28%;top:42%;transform:translate(-50%,-50%) rotate(0) scale(.74)}14%{opacity:1;left:33%;top:44%;transform:translate(-50%,-50%) rotate(-5deg) scale(1)}31%{left:33%;top:37%;transform:translate(-50%,-50%) rotate(5deg) scale(1)}46%{left:33%;top:42%;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}58%{left:33%;top:40%;transform:translate(-50%,-50%) rotate(0) scale(1)}80%{opacity:1;left:33%;top:40%;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:0;left:33%;top:40%;transform:translate(-50%,-50%) rotate(0) scale(.96)}}@keyframes playDrawBalanceBlackKing{0%{opacity:0;left:72%;top:42%;transform:translate(-50%,-50%) rotate(0) scale(.74)}14%{opacity:1;left:67%;top:36%;transform:translate(-50%,-50%) rotate(-5deg) scale(1)}31%{left:67%;top:45%;transform:translate(-50%,-50%) rotate(5deg) scale(1)}46%{left:67%;top:38%;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}58%{left:67%;top:40%;transform:translate(-50%,-50%) rotate(0) scale(1)}80%{opacity:1;left:67%;top:40%;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:0;left:67%;top:40%;transform:translate(-50%,-50%) rotate(0) scale(.96)}}@keyframes playDrawBalanceTitle{0%{opacity:0;transform:translate(-50%,-44%) scale(.78)}54%{opacity:0;transform:translate(-50%,-44%) scale(.78)}64%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}72%{transform:translate(-50%,-50%) scale(1)}82%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-56%) scale(.96)}}.board-frame.play-draw-variant-3{animation:playDrawFreezeBoard 1.9s cubic-bezier(.16,1,.3,1) both}.panel-surface.play-draw-variant-3{animation:playDrawFreezePanel 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-3{background:radial-gradient(ellipse at 50% 44%,rgba(240,249,255,.42) 0 13%,rgba(14,165,233,.2) 28%,transparent 55%),linear-gradient(135deg,#020617a3,#082f4961,#020617a3);animation:playDrawFreezeStage 1.9s ease-out both}.play-draw-burst.play-draw-variant-3:before{content:"";position:absolute;left:50%;top:44%;width:min(68%,310px);height:min(26%,104px);border-radius:30px 18px 28px 16px;background:linear-gradient(108deg,transparent 0 22%,rgba(240,249,255,.7) 23% 24%,transparent 25% 100%),linear-gradient(73deg,transparent 0 47%,rgba(125,211,252,.62) 48% 49%,transparent 50% 100%),linear-gradient(158deg,transparent 0 58%,rgba(224,242,254,.58) 59% 60%,transparent 61% 100%),radial-gradient(ellipse at 50% 48%,rgba(224,242,254,.52) 0 18%,rgba(14,165,233,.2) 48%,transparent 76%);clip-path:polygon(7% 19%,30% 4%,47% 17%,66% 2%,94% 18%,84% 47%,96% 76%,68% 91%,49% 80%,28% 96%,6% 76%,17% 49%);box-shadow:0 0 18px #bae6fda8,0 0 38px #0ea5e93d,inset 0 0 26px #f0f9ff38;transform:translate(-50%,-50%) scaleX(.18) scaleY(.7);z-index:2;animation:playDrawFreezePulse 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-3:after{top:69%;border-color:#bae6fdb3;background:linear-gradient(135deg,#020617f0,#0891b294);color:#ecfeff;box-shadow:0 0 0 1px #f0f9ff33 inset,0 10px 24px #020617b3,0 0 30px #7dd3fc5c;text-shadow:0 2px 0 rgba(2,6,23,1),0 0 12px rgba(240,249,255,.86),0 0 22px rgba(125,211,252,.46);animation:playDrawFreezeTitle 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-3 .play-draw-king{top:44%;width:min(28%,112px);z-index:4}.play-draw-burst.play-draw-variant-3 .play-draw-king-white{left:39%;filter:drop-shadow(0 0 10px rgba(240,249,255,.34)) drop-shadow(0 12px 18px rgba(2,6,23,.62));animation:playDrawFreezeWhiteKing 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-3 .play-draw-king-black{left:61%;filter:drop-shadow(0 0 10px rgba(125,211,252,.38)) drop-shadow(0 12px 18px rgba(2,6,23,.68));animation:playDrawFreezeBlackKing 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-3 .play-draw-ice-block{display:block;position:absolute;top:44%;width:min(31%,126px);aspect-ratio:.86;border:2px solid rgba(240,249,255,.86);border-radius:18px 12px 20px 14px;background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.92) 0 7%,transparent 18%),linear-gradient(135deg,#ffffffa3,#bae6fd8f 30%,#0ea5e947 72%,#ffffff6b),linear-gradient(28deg,rgba(240,249,255,.32) 0 18%,transparent 19% 47%,rgba(255,255,255,.24) 48% 55%,transparent 56% 100%);box-shadow:0 0 18px #e0f2febd,0 0 36px #0ea5e952,inset 0 0 20px #ffffff75,inset 0 -18px 26px #0891b238;clip-path:polygon(9% 2%,91% 5%,100% 23%,91% 100%,15% 96%,0 76%,5% 17%);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.54) rotate(0);z-index:5}.play-draw-burst.play-draw-variant-3 .play-draw-ice-block:before,.play-draw-burst.play-draw-variant-3 .play-draw-ice-block:after{content:"";position:absolute;inset:10% 12%;pointer-events:none}.play-draw-burst.play-draw-variant-3 .play-draw-ice-block:before{background:linear-gradient(113deg,transparent 0 39%,rgba(2,132,199,.62) 40% 41%,transparent 42% 100%),linear-gradient(68deg,transparent 0 52%,rgba(255,255,255,.86) 53% 54%,transparent 55% 100%),linear-gradient(151deg,transparent 0 60%,rgba(14,116,144,.5) 61% 62%,transparent 63% 100%);opacity:.76}.play-draw-burst.play-draw-variant-3 .play-draw-ice-block:after{inset:8% 10% 46% 14%;border-radius:999px;background:linear-gradient(112deg,rgba(255,255,255,.72),transparent 58%);filter:blur(.2px);opacity:.7}.play-draw-burst.play-draw-variant-3 .play-draw-ice-white{left:39%;animation:playDrawFreezeIceWhite 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-3 .play-draw-ice-black{left:61%;animation:playDrawFreezeIceBlack 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-3 .play-draw-balance-line{top:44%;width:min(48%,214px);height:6px;border-radius:0;background:linear-gradient(90deg,transparent,rgba(240,249,255,.98) 15% 85%,transparent);clip-path:polygon(0 45%,10% 18%,20% 62%,31% 28%,43% 76%,55% 24%,66% 69%,77% 30%,90% 70%,100% 46%,100% 100%,0 100%);box-shadow:0 0 10px #f0f9ffe6,0 0 22px #7dd3fc85;z-index:6;animation:playDrawFreezeLockLine 1.9s ease-out both}@keyframes playDrawFreezeBoard{0%{filter:brightness(1) saturate(1);transform:scale(1)}18%{filter:brightness(.78) saturate(.7) hue-rotate(8deg)}48%{filter:brightness(.9) saturate(.78) hue-rotate(6deg);transform:scale(1.002)}to{filter:brightness(1) saturate(1);transform:scale(1)}}@keyframes playDrawFreezePanel{0%{filter:brightness(1)}24%{filter:brightness(.88) saturate(.76)}to{filter:brightness(1)}}@keyframes playDrawFreezeStage{0%{opacity:0}10%{opacity:1}78%{opacity:1}to{opacity:0}}@keyframes playDrawFreezePulse{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.16) scaleY(.56)}18%{opacity:0;transform:translate(-50%,-50%) scaleX(.18) scaleY(.58)}38%{opacity:.92;transform:translate(-50%,-50%) scaleX(1) scaleY(1)}76%{opacity:.58;transform:translate(-50%,-50%) scaleX(1.04) scaleY(1.04)}to{opacity:0;transform:translate(-50%,-50%) scaleX(1.08) scaleY(1.08)}}@keyframes playDrawFreezeWhiteKing{0%{opacity:0;left:22%;transform:translate(-50%,-50%) rotate(0) scale(.74)}14%{opacity:1;left:39%;transform:translate(-50%,-50%) rotate(2deg) scale(1)}28%{left:39%;transform:translate(-50%,-50%) rotate(-1deg) scale(1)}38%{left:39%;transform:translate(-50%,-50%) rotate(0) scale(1)}78%{opacity:1;left:39%;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:0;left:39%;transform:translate(-50%,-50%) rotate(0) scale(.96)}}@keyframes playDrawFreezeBlackKing{0%{opacity:0;left:78%;transform:translate(-50%,-50%) rotate(0) scale(.74)}14%{opacity:1;left:61%;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}28%{left:61%;transform:translate(-50%,-50%) rotate(1deg) scale(1)}38%{left:61%;transform:translate(-50%,-50%) rotate(0) scale(1)}78%{opacity:1;left:61%;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:0;left:61%;transform:translate(-50%,-50%) rotate(0) scale(.96)}}@keyframes playDrawFreezeIceWhite{0%{opacity:0;left:22%;transform:translate(-50%,-50%) scale(.5) rotate(-9deg)}22%{opacity:0;left:39%;transform:translate(-50%,-50%) scale(.62) rotate(-5deg)}32%{opacity:.96;left:39%;transform:translate(-50%,-50%) scale(1.16) rotate(-2deg)}43%{opacity:.94;transform:translate(-50%,-50%) scale(.98) rotate(0)}78%{opacity:.94;left:39%;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;left:39%;transform:translate(-50%,-50%) scale(.96) rotate(0)}}@keyframes playDrawFreezeIceBlack{0%{opacity:0;left:78%;transform:translate(-50%,-50%) scale(.5) rotate(9deg)}22%{opacity:0;left:61%;transform:translate(-50%,-50%) scale(.62) rotate(5deg)}32%{opacity:.96;left:61%;transform:translate(-50%,-50%) scale(1.16) rotate(2deg)}43%{opacity:.94;transform:translate(-50%,-50%) scale(.98) rotate(0)}78%{opacity:.94;left:61%;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;left:61%;transform:translate(-50%,-50%) scale(.96) rotate(0)}}@keyframes playDrawFreezeLockLine{0%{opacity:0;transform:translate(-50%,-50%) scaleX(0)}28%{opacity:0;transform:translate(-50%,-50%) scaleX(0)}40%{opacity:1;transform:translate(-50%,-50%) scaleX(1.08)}78%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) scaleX(.94)}}@keyframes playDrawFreezeTitle{0%{opacity:0;transform:translate(-50%,-44%) scale(.78)}40%{opacity:0;transform:translate(-50%,-44%) scale(.78)}52%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}62%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-56%) scale(.96)}}.board-frame.play-draw-variant-4{animation:playDrawMirrorBoard 1.9s cubic-bezier(.16,1,.3,1) both}.panel-surface.play-draw-variant-4{animation:playDrawMirrorPanel 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-4{background:radial-gradient(ellipse at 50% 44%,rgba(255,255,255,.32) 0 13%,rgba(45,212,191,.17) 30%,transparent 58%),linear-gradient(135deg,#02061799,#1e1b4b57,#082f496b,#02061799);animation:playDrawMirrorStage 1.9s ease-out both}.play-draw-burst.play-draw-variant-4:before{content:"";position:absolute;left:50%;top:45%;width:min(64%,290px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.54) 0 4%,rgba(103,232,249,.32) 5% 18%,transparent 43%),conic-gradient(from 90deg,transparent 0 10%,rgba(45,212,191,.38) 11% 13%,transparent 14% 29%,rgba(255,255,255,.34) 30% 32%,transparent 33% 48%,rgba(129,140,248,.34) 49% 51%,transparent 52% 100%);box-shadow:0 0 24px #67e8f957,0 0 46px #818cf82e;transform:translate(-50%,-50%) scale(.22) rotate(0);z-index:2;animation:playDrawMirrorHalo 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-4:after{top:69%;border-color:#67e8f994;background:linear-gradient(135deg,#0f172af0,#312e8194,#0e74907a);color:#f8fafc;box-shadow:0 0 0 1px #ffffff29 inset,0 10px 24px #020617b3,0 0 28px #2dd4bf47;text-shadow:0 2px 0 rgba(2,6,23,1),0 0 10px rgba(103,232,249,.72),0 0 22px rgba(129,140,248,.34);animation:playDrawMirrorTitle 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-4 .play-draw-king{top:46%;width:min(28%,112px);z-index:4}.play-draw-burst.play-draw-variant-4 .play-draw-king-white{left:37%;filter:drop-shadow(0 0 10px rgba(103,232,249,.28)) drop-shadow(0 12px 18px rgba(2,6,23,.64));animation:playDrawMirrorWhiteKing 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-4 .play-draw-king-black{left:63%;filter:drop-shadow(0 0 10px rgba(129,140,248,.3)) drop-shadow(0 12px 18px rgba(2,6,23,.68));animation:playDrawMirrorBlackKing 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-4 .play-draw-mirror-shard{display:block;position:absolute;top:45%;width:min(7%,34px);height:min(38%,166px);border:2px solid rgba(241,245,249,.95);border-radius:7px 0 0 7px;background:linear-gradient(108deg,#ffffffeb 0 10%,#bae6fd8a 11% 34%,#0f172a2e 35% 43%,#ffffffe0 44% 51%,#67e8f97a 52% 78%,#ffffffb8 79% 100%),linear-gradient(90deg,#ffffff52,#0ea5e933);box-shadow:0 0 0 1px #0f172a80,0 0 18px #bae6fdb8,0 0 34px #2dd4bf3d,inset 0 0 18px #ffffff61,inset 0 -18px 26px #0e74902e;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scaleY(.2);z-index:6}.play-draw-burst.play-draw-variant-4 .play-draw-mirror-shard:before{content:"";position:absolute;inset:8% 16%;background:linear-gradient(128deg,transparent 0 28%,rgba(255,255,255,.92) 29% 34%,transparent 35% 100%),linear-gradient(62deg,transparent 0 62%,rgba(240,249,255,.7) 63% 66%,transparent 67% 100%);opacity:.92}.play-draw-burst.play-draw-variant-4 .play-draw-mirror-left{left:48.35%;border-right-width:1px;clip-path:polygon(8% 0,100% 0,100% 100%,8% 100%,0 88%,0 12%);animation:playDrawMirrorLeftShard 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-4 .play-draw-mirror-right{left:51.65%;border-left-width:1px;border-radius:0 7px 7px 0;background:linear-gradient(72deg,#ffffffb8 0 18%,#67e8f97a 19% 45%,#ffffffe0 46% 53%,#0f172a2e 54% 62%,#bae6fd8a 63% 88%,#ffffffeb 89% 100%),linear-gradient(90deg,#0ea5e933,#ffffff52);clip-path:polygon(0 0,92% 0,100% 12%,100% 88%,92% 100%,0 100%);animation:playDrawMirrorRightShard 1.9s cubic-bezier(.16,1,.3,1) both}.play-draw-burst.play-draw-variant-4 .play-draw-balance-line{display:none}.play-draw-burst.play-draw-variant-4 .play-draw-balance-line:before,.play-draw-burst.play-draw-variant-4 .play-draw-balance-line:after{content:none}@keyframes playDrawMirrorBoard{0%{filter:brightness(1) saturate(1);transform:scale(1)}18%{filter:brightness(.78) saturate(.86) hue-rotate(10deg)}42%{filter:brightness(.94) saturate(1.06) hue-rotate(4deg);transform:scale(1.003)}to{filter:brightness(1) saturate(1);transform:scale(1)}}@keyframes playDrawMirrorPanel{0%{filter:brightness(1)}24%{filter:brightness(.9) saturate(.9)}to{filter:brightness(1)}}@keyframes playDrawMirrorStage{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes playDrawMirrorHalo{0%{opacity:0;transform:translate(-50%,-50%) scale(.18) rotate(0)}18%{opacity:.72;transform:translate(-50%,-50%) scale(.72) rotate(20deg)}36%{opacity:.58;transform:translate(-50%,-50%) scale(1.03) rotate(48deg)}74%{opacity:.36;transform:translate(-50%,-50%) scale(1.08) rotate(58deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.14) rotate(62deg)}}@keyframes playDrawMirrorWhiteKing{0%{opacity:0;left:18%;transform:translate(-50%,-50%) rotate(0) scale(.72)}15%{opacity:1;left:42%;transform:translate(-50%,-50%) rotate(2deg) scale(1)}30%{left:44%;transform:translate(-50%,-50%) rotate(0) scale(1)}48%{left:37%;transform:translate(-50%,-50%) rotate(-3deg) scale(.98)}78%{opacity:1;left:37%;transform:translate(-50%,-50%) rotate(-3deg) scale(.98)}to{opacity:0;left:37%;transform:translate(-50%,-50%) rotate(-3deg) scale(.94)}}@keyframes playDrawMirrorBlackKing{0%{opacity:0;left:82%;transform:translate(-50%,-50%) rotate(0) scale(.72)}15%{opacity:1;left:58%;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}30%{left:56%;transform:translate(-50%,-50%) rotate(0) scale(1)}48%{left:63%;transform:translate(-50%,-50%) rotate(3deg) scale(.98)}78%{opacity:1;left:63%;transform:translate(-50%,-50%) rotate(3deg) scale(.98)}to{opacity:0;left:63%;transform:translate(-50%,-50%) rotate(3deg) scale(.94)}}@keyframes playDrawMirrorLeftShard{0%{opacity:0;left:48.35%;transform:translate(-50%,-50%) scaleY(.16) rotate(-2deg)}20%{opacity:0;transform:translate(-50%,-50%) scaleY(.18) rotate(-2deg)}32%{opacity:1;left:48.35%;transform:translate(-50%,-50%) scaleY(1.08) rotate(-2deg)}48%{opacity:.92;left:48.35%;transform:translate(-50%,-50%) scaleY(1) rotate(-2deg)}78%{opacity:.78;left:48.35%;transform:translate(-50%,-50%) scaleY(1) rotate(-2deg)}to{opacity:0;left:48.35%;transform:translate(-50%,-50%) scaleY(.92) rotate(-2deg)}}@keyframes playDrawMirrorRightShard{0%{opacity:0;left:51.65%;transform:translate(-50%,-50%) scaleY(.16) rotate(2deg)}20%{opacity:0;transform:translate(-50%,-50%) scaleY(.18) rotate(2deg)}32%{opacity:1;left:51.65%;transform:translate(-50%,-50%) scaleY(1.08) rotate(2deg)}48%{opacity:.92;left:51.65%;transform:translate(-50%,-50%) scaleY(1) rotate(2deg)}78%{opacity:.78;left:51.65%;transform:translate(-50%,-50%) scaleY(1) rotate(2deg)}to{opacity:0;left:51.65%;transform:translate(-50%,-50%) scaleY(.92) rotate(2deg)}}@keyframes playDrawMirrorTitle{0%{opacity:0;transform:translate(-50%,-44%) scale(.78)}44%{opacity:0;transform:translate(-50%,-44%) scale(.78)}56%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}66%{transform:translate(-50%,-50%) scale(1)}82%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-56%) scale(.96)}}.board-frame.play-defeat-board{animation:playDefeatBoardVerdict 2.2s cubic-bezier(.2,.9,.24,1) both}.panel-surface.play-defeat-panel{animation:playDefeatPanelVerdict 2.2s cubic-bezier(.2,.9,.24,1) both}.play-defeat-burst{position:absolute;inset:-16px;border-radius:28px;pointer-events:none;z-index:5;overflow:hidden;background:radial-gradient(circle at 50% 50%,transparent 0 38%,rgba(15,23,42,.56) 63%,rgba(2,6,23,.78) 100%),linear-gradient(#f871713d,#f871713d) 50% 0 / 2px 100% no-repeat,linear-gradient(90deg,#f8717133,#f8717133) 0 50% / 100% 2px no-repeat;animation:playDefeatVerdictField 2.2s ease-out both}.play-defeat-burst:before{content:"";position:absolute;inset:20px;border:4px solid rgba(248,113,113,.76);border-radius:14px;background:linear-gradient(90deg,#f87171b3,#fee2e2eb) left top / 44% 4px no-repeat,linear-gradient(90deg,#fee2e2eb,#f87171b3) right bottom / 44% 4px no-repeat,linear-gradient(180deg,#f87171a3,#fee2e2db) left top / 4px 44% no-repeat,linear-gradient(0deg,#f87171a3,#fee2e2db) right bottom / 4px 44% no-repeat;box-shadow:inset 0 0 22px #7f1d1d57,0 0 22px #dc26266b;transform:scale(1.18);animation:playDefeatVerdictFrame 2.2s cubic-bezier(.18,1,.22,1) both}.play-defeat-burst:after{content:"Defeat";position:absolute;left:50%;top:50%;width:min(78%,320px);padding:10px 18px 12px;border:2px solid rgba(254,202,202,.74);border-radius:8px;background:linear-gradient(135deg,#7f1d1df5,#0f172aeb),linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);color:#fee2e2;font-size:clamp(1.85rem,7vw,3rem);font-weight:950;letter-spacing:0;line-height:1;text-align:center;text-transform:uppercase;box-shadow:0 0 0 1px #7f1d1deb inset,0 0 22px #dc262675,0 8px 28px #020617d1;text-shadow:0 2px 0 rgba(69,10,10,1),0 0 8px rgba(254,202,202,.66),0 4px 14px rgba(2,6,23,.98);-webkit-text-stroke:1.1px rgba(69,10,10,.82);transform:translate(-50%,-50%) scale(.82);animation:playDefeatVerdictTitle 2s cubic-bezier(.18,1,.22,1) both}@keyframes playDefeatBoardVerdict{0%{transform:translateY(0) scale(1);filter:brightness(1) saturate(1)}16%{transform:scale(.992);filter:brightness(.72) saturate(.74) contrast(1.08);box-shadow:0 0 0 3px #f8717138,0 0 34px #7f1d1d57,var(--board-shadow)}25%{transform:scale(1.004);filter:brightness(.86) saturate(.82) contrast(1.04)}52%{transform:scale(1);filter:brightness(.92) saturate(.9)}to{transform:scale(1);filter:brightness(1) saturate(1);box-shadow:var(--board-shadow)}}@keyframes playDefeatPanelVerdict{0%{filter:brightness(1) saturate(1)}18%{filter:brightness(.82) saturate(.78);box-shadow:0 0 0 1px #dc262638 inset,0 0 26px #7f1d1d2e}48%{filter:brightness(.94) saturate(.9)}to{filter:brightness(1) saturate(1)}}@keyframes playDefeatVerdictField{0%{opacity:0;transform:scale(1.06)}16%{opacity:1;transform:scale(1)}70%{opacity:.92}to{opacity:0;transform:scale(.98)}}@keyframes playDefeatVerdictFrame{0%{opacity:0;transform:scale(1.22)}20%{opacity:1;transform:scale(.96)}32%{transform:scale(1)}76%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes playDefeatVerdictTitle{0%{opacity:0;transform:translate(-50%,-50%) scale(.82);filter:blur(4px)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.08);filter:blur(0)}36%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.98)}}.board-frame.play-defeat-variant-2{animation:playDefeatBoardCollapse 2.3s cubic-bezier(.2,.9,.24,1) both}.panel-surface.play-defeat-variant-2{animation:playDefeatPanelCollapse 2.3s cubic-bezier(.2,.9,.24,1) both}.play-defeat-burst.play-defeat-variant-2{inset:-20px;border-radius:30px;background:radial-gradient(ellipse at 50% 62%,rgba(127,29,29,.42) 0 16%,transparent 52%),radial-gradient(ellipse at 50% 72%,rgba(2,6,23,.72) 0 22%,transparent 62%),linear-gradient(180deg,#02061714,#020617c7);animation:playDefeatSmokeStage 2.3s ease-out both}.play-defeat-burst.play-defeat-variant-2:before{content:"";position:absolute;left:50%;top:58%;width:min(40%,150px);height:18px;border:none;border-radius:999px;background:radial-gradient(ellipse at 50% 50%,rgba(2,6,23,.82) 0 18%,rgba(127,29,29,.48) 42%,transparent 74%);box-shadow:0 0 20px #7f1d1d6b;transform:translate(-50%,-50%) scale(.72);animation:playDefeatKingShadow 2.3s cubic-bezier(.18,1,.22,1) both}.play-defeat-king-piece{position:absolute;left:50%;top:44%;width:min(35%,136px);height:auto;display:block;overflow:visible;filter:drop-shadow(0 0 10px rgba(248,113,113,.5)) drop-shadow(0 16px 20px rgba(2,6,23,.72));transform:translate(-50%,-64%) rotate(0) scale(.54);animation:playDefeatKingFall 2.3s cubic-bezier(.18,1,.22,1) both}.play-defeat-burst.play-defeat-variant-2:after{content:"Defeat";position:absolute;left:50%;top:61%;width:min(78%,320px);padding:9px 18px 11px;border:2px solid rgba(248,113,113,.64);border-radius:8px;background:linear-gradient(135deg,#020617e6,#450a0ae0);color:#fee2e2;font-size:clamp(1.85rem,7vw,3rem);font-weight:950;letter-spacing:0;line-height:1;text-align:center;text-transform:uppercase;box-shadow:0 0 0 1px #fecaca33 inset,0 0 24px #7f1d1d85,0 8px 28px #020617d6;text-shadow:0 2px 0 rgba(69,10,10,1),0 0 10px rgba(248,113,113,.72),0 4px 14px rgba(2,6,23,.98);-webkit-text-stroke:1.1px rgba(69,10,10,.84);transform:translate(-50%,-50%) scale(.82);animation:playDefeatSmokeTitle 2.1s cubic-bezier(.18,1,.22,1) both}@keyframes playDefeatBoardCollapse{0%{transform:rotate(0) scale(1);filter:brightness(1) saturate(1)}16%{transform:rotate(-.8deg) scale(.992);filter:brightness(.76) saturate(.72);box-shadow:0 12px 30px #02061794,0 0 0 2px #7f1d1d47,var(--board-shadow)}27%{transform:rotate(.4deg) scale(.998)}56%{transform:rotate(0) scale(1);filter:brightness(.9) saturate(.86)}to{transform:rotate(0) scale(1);filter:brightness(1) saturate(1);box-shadow:var(--board-shadow)}}@keyframes playDefeatPanelCollapse{0%{filter:brightness(1) saturate(1)}18%{filter:brightness(.78) saturate(.75)}54%{filter:brightness(.92) saturate(.88)}to{filter:brightness(1) saturate(1)}}@keyframes playDefeatSmokeStage{0%{opacity:0;transform:scale(.98)}14%{opacity:1}72%{opacity:.92;transform:scale(1.04)}to{opacity:0;transform:scale(1.08)}}@keyframes playDefeatKingFall{0%{opacity:0;transform:translate(-50%,-64%) rotate(0) scale(.54)}16%{opacity:1;transform:translate(-50%,-52%) rotate(-10deg) scale(1.02)}30%{transform:translate(-50%,-50%) rotate(-28deg) scale(1)}72%{opacity:1;transform:translate(-50%,-50%) rotate(-28deg) scale(1)}to{opacity:0;transform:translate(-50%,-42%) rotate(-32deg) scale(.92)}}@keyframes playDefeatKingShadow{0%{opacity:0;transform:translate(-50%,-50%) scale(.46)}16%{opacity:.82;transform:translate(-50%,-50%) scale(1.06)}30%{opacity:.78;transform:translate(-50%,-50%) scale(1)}72%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes playDefeatSmokeTitle{0%{opacity:0;transform:translate(-50%,-42%) scale(.82)}24%{opacity:0;transform:translate(-50%,-42%) scale(.82)}36%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}48%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-56%) scale(.96)}}.effects-static .main-card:before,.effects-static .glass-card:before,.effects-static .glass-ring:before,.effects-static .panel-surface:before,.effects-static .board-frame:before{animation:none!important;filter:none!important;opacity:.86;mix-blend-mode:normal}.effects-static body:before{display:none!important}.effects-static .main-card:after{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.effects-static .panel-surface,.effects-static .glass-card,.effects-static .main-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.effects-static .main-card{box-shadow:0 12px 28px #00000073}.effects-static .panel-surface{box-shadow:0 10px 24px #0006}.effects-static .board-frame{box-shadow:0 0 0 1px #ffffff14 inset}@media(prefers-reduced-motion:reduce){.glass-card:before,.panel-surface:before,.board-frame:before{animation:none}.board-frame.play-start-board,.panel-surface.play-start-panel,.board-frame.play-victory-board,.panel-surface.play-victory-panel,.board-frame.play-draw-board,.panel-surface.play-draw-panel,.board-frame.play-defeat-board,.panel-surface.play-defeat-panel,.play-victory-burst,.play-victory-burst:before,.play-victory-burst:after,.play-victory-attacker-king,.play-victory-target-king,.play-draw-burst,.play-draw-burst:before,.play-draw-burst:after,.play-draw-king,.play-draw-ice-block,.play-draw-ice-block:before,.play-draw-ice-block:after,.play-draw-mirror-shard,.play-draw-mirror-shard:before,.play-draw-balance-line,.play-draw-balance-line:before,.play-draw-balance-line:after,.play-defeat-burst,.play-defeat-burst:before,.play-defeat-burst:after,.play-defeat-king-piece,.play-start-sweep:before,.play-start-sweep:after{animation:none}.play-victory-burst,.play-draw-burst,.play-defeat-burst{display:none}}@media(max-width:640px){.mode-switcher-button{width:38px!important;min-width:38px!important;padding:0!important;gap:0!important}.mode-switcher-label{display:none!important}.prep-build-options-row{flex-wrap:nowrap!important;gap:8px!important}.prep-build-option{min-width:0!important;gap:5px!important}.prep-build-option-date{flex:1 1 0!important}.prep-build-option-max{flex:0 0 auto!important}.prep-build-option-label{font-size:.78rem}.prep-max-games-input{width:clamp(70px,20vw,92px)!important}.prep-action-row{flex-wrap:nowrap!important;gap:6px!important}.prep-action-button{flex:1 1 0!important;min-width:0!important;padding:6px!important;font-size:clamp(.68rem,2.8vw,.82rem)!important}}@keyframes appFade{0%{opacity:0}to{opacity:1}}