:root{font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:dark;color:#f2f6f8;background-color:#061522;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#2ca9ff;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:100dvh}button{border:none;background:#0d2940d9;color:#dcecf5;border-radius:8px;cursor:pointer;box-shadow:inset 0 0 0 1px #64d2eb24;transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease}.button-padding{padding:.5rem 1rem}button:hover{background:#12406a}button:focus,button:focus-visible{outline:none;box-shadow:none}@font-face{font-family:"Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/exo-2/exo-2-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/exo-2/exo-2-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/exo-2/exo-2-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/inter-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary: #06121c;--bg-secondary: #081923;--bg-tertiary: #0b1d29;--sc-bg-deep: #040d15;--sc-ambient: rgba(52, 140, 200, .07);--sc-ambient-soft: rgba(44, 169, 255, .04);--sc-panel-bg: rgba(12, 28, 42, .82);--sc-panel-bg-raised: rgba(15, 33, 49, .9);--sc-panel-bg-sunken: rgba(5, 15, 24, .55);--sc-panel-border: rgba(100, 180, 210, .16);--sc-panel-border-strong: rgba(100, 180, 210, .26);--sc-panel-sheen: rgba(190, 225, 245, .05);--sc-panel-shadow: 0 8px 24px rgba(0, 0, 0, .28);--sc-game-surface: linear-gradient(180deg, rgba(190, 225, 245, .035), transparent 65%), #0c1b28;--sc-analysis-surface: linear-gradient(180deg, rgba(190, 225, 245, .025), transparent 38%), rgba(13, 29, 43, .96);--sc-action-surface: linear-gradient(180deg, #247ca9, #1b6089);--sc-action-border: rgba(139, 200, 231, .35);--sc-divider: rgba(100, 180, 210, .12);--sc-accent: #42d9d0;--sc-accent-premium: #d9a94a;--sc-active-bg: rgba(66, 217, 208, .1);--sc-active-border: rgba(66, 217, 208, .42);--sc-active-glow: 0 0 12px rgba(66, 217, 208, .22);--blue-primary: #1687e8;--blue-bright: #2ca9ff;--blue-deep: #0b4f83;--cyan: #42d9d0;--cyan-soft: #68e6e0;--gold: #d9a94a;--gold-light: #f1c866;--gold-deep: #a97a26;--text-primary: #f2f6f8;--text-secondary: #a8bbc8;--text-muted: #6f8797;--sc-text-strong: var(--text-primary);--sc-text-muted: var(--text-muted);--font-display: "Exo 2", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--danger: #f0776a;--danger-strong: #e2574c;--success: #3fc89a;--warning: #f2b45a;--glass-surface: var(--sc-panel-bg);--glass-elevated: var(--sc-panel-bg-raised);--glass-active: rgba(22, 135, 232, .14);--glass-border: var(--sc-panel-border);--glass-border-strong: var(--sc-panel-border-strong);--glass-highlight: var(--sc-panel-sheen);--glass-blur: 10px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .24);--shadow-md: var(--sc-panel-shadow);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .42);--glow-cyan: var(--sc-active-glow);--glow-blue: 0 0 12px rgba(44, 169, 255, .2);--glow-gold: 0 4px 12px rgba(217, 169, 74, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--ease-out: cubic-bezier(.22, 1, .36, 1);--t-fast: .15s;--t-base: .2s;--t-slow: .25s;--z-nav: 100;--z-overlay: 1000;--z-modal: 1001;--z-toast: 2000;color-scheme:dark}html,body{background-color:var(--bg-primary)}body{color:var(--text-primary)}#root{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.022 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),radial-gradient(ellipse at 50% 45%,transparent 50%,rgba(2,7,12,.55) 100%),radial-gradient(1000px 720px at 52% 42%,var(--sc-ambient),transparent 70%),radial-gradient(1100px 520px at 80% -12%,var(--sc-ambient-soft),transparent 65%),linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 55%,var(--sc-bg-deep) 100%)!important;color:var(--text-secondary)!important}#root:has(.board-theme-scenic){background:radial-gradient(ellipse at 50% 45%,transparent 50%,rgba(2,7,12,.6) 100%),linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 55%,var(--sc-bg-deep) 100%)!important}@media (max-width: 700px){#root,#root:has(.board-theme-scenic){background:radial-gradient(ellipse at 50% 40%,transparent 60%,rgba(2,7,12,.4) 100%),linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 60%)!important}}::selection{background:#2ca9ff59;color:var(--text-primary)}a{color:var(--blue-bright)}a:hover{color:var(--cyan-soft)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--cyan)!important;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sc-glass,.sc-glass-elevated,.sc-panel{position:relative;background:linear-gradient(180deg,var(--sc-panel-sheen),rgba(255,255,255,0) 32%),var(--sc-panel-bg);border:1px solid var(--sc-panel-border);border-radius:var(--radius-lg);box-shadow:var(--sc-panel-shadow),inset 0 1px 0 var(--sc-panel-sheen)}.sc-glass-elevated{background:linear-gradient(180deg,#bee1f512,#fff0 36%),var(--sc-panel-bg-raised);border-color:var(--sc-panel-border-strong);box-shadow:var(--shadow-lg),inset 0 1px #bee1f51a;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.sc-analysis-panel{background:var(--sc-analysis-surface);border:1px solid var(--sc-panel-border);border-radius:16px;box-shadow:var(--sc-panel-shadow),inset 0 1px 0 var(--sc-panel-sheen)}@media (max-width: 700px){.sc-glass-elevated{backdrop-filter:none;-webkit-backdrop-filter:none}}.sc-btn-primary,.sc-btn-glass,.sc-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);font-weight:650;font-size:.95rem;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-base) var(--ease-out),background var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out),color var(--t-base)}.sc-btn-primary{color:#2a1c05;background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 60%,var(--gold-deep) 100%);border:1px solid rgba(255,226,150,.45);box-shadow:0 2px 8px #0000004d,var(--glow-gold),inset 0 1px #fff5d280}.sc-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 4px 12px #00000052,0 6px 16px #d9a94a42,inset 0 1px #fff5d28c}.sc-btn-glass{color:var(--text-primary);background:linear-gradient(180deg,#ffffff0d,#fff0),var(--sc-panel-bg-raised);border:1px solid var(--sc-panel-border-strong);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--sc-panel-sheen)}.sc-btn-glass:hover{transform:translateY(-1px);border-color:#68e6e061;background:linear-gradient(180deg,#ffffff12,#fff0),var(--sc-panel-bg-raised)}.sc-btn-ghost{color:var(--text-secondary);background:transparent;border:1px solid var(--glass-border)}.sc-btn-ghost:hover{color:var(--text-primary);background:#ffffff0a;transform:translateY(-1px)}.sc-btn-primary:active,.sc-btn-glass:active,.sc-btn-ghost:active{transform:scale(.98)}.sc-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-4)}.sc-section-header h2,.sc-section-header h3{margin:0;color:var(--text-primary);font-weight:700;letter-spacing:-.01em}.sc-section-header p{margin:0;color:var(--text-secondary)}.sc-premium-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--cyan-soft);background:radial-gradient(circle at 30% 20%,#42d9d038,#0b4f8340);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight)}.sc-progress{position:relative;height:8px;border-radius:999px;background:#04101cb3;border:1px solid var(--glass-border);overflow:hidden}.sc-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue-primary),var(--cyan));transition:width var(--t-slow) var(--ease-out)}.sc-progress-marker{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:var(--glow-gold)}#root :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=image]),select,textarea){background-color:#04101c8c;color:var(--text-primary);border:1px solid rgba(100,210,235,.2);border-radius:10px;box-shadow:inset 0 1px 3px #00000059;transition:border-color var(--t-base),box-shadow var(--t-base),background-color var(--t-base)}#root :is(input,textarea)::placeholder{color:var(--text-muted);opacity:1}#root :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea):hover:not(:disabled){border-color:#64d2eb52}#root :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea):focus{outline:none;border-color:#68e6e0b3;box-shadow:inset 0 1px 3px #00000059,0 0 0 3px #42d9d029;background-color:#04101cb3}#root :is(input,select,textarea):disabled{color:var(--text-muted);background-color:#04101c4d;cursor:not-allowed}#root select option{background:#0b2236;color:var(--text-primary)}#root input[type=checkbox],#root input[type=radio],#root input[type=range]{accent-color:var(--cyan)}#root input[type=file]::file-selector-button{margin-right:10px;padding:6px 12px;border-radius:8px;border:1px solid var(--glass-border-strong);background:var(--glass-elevated);color:var(--text-primary);cursor:pointer}:where(#root) label{color:var(--text-secondary)}.scrollbar::-webkit-scrollbar-thumb{background-color:#78aad247!important;border-color:transparent!important}.scrollbar{scrollbar-color:rgba(120,170,210,.28) transparent!important}.pdf-export{background:#fff}.pdf-export,.pdf-export *{color:#222!important;border-color:#ddd!important;text-shadow:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.pdf-export :where(div,section,article,p,li,span,pre,blockquote,header,footer){background-color:transparent}.pdf-export .chat-box-pdf,.pdf-export .chat-msg.assistant,.pdf-export .message-content{background:#f7f7f7!important}.pdf-export .chat-msg.user,.pdf-export .student-content{background:#e6f2ff!important}.pdf-export .chat-msg.user,.pdf-export .chat-msg.user *{color:#0b4f83!important}.pdf-export .square img{filter:none!important}.content-frame{color:var(--text-secondary);line-height:1.65}.content-frame :is(h1,h2).content-title{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:750;letter-spacing:-.02em;color:var(--text-primary)}.content-frame h2:not(.content-title),.content-frame section.content h2{margin:28px 0 10px;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.content-frame h3{color:var(--text-primary)}.content-frame p,.content-frame li{color:var(--text-secondary)}.content-frame strong,.content-frame b{color:var(--text-primary);font-weight:650}.content-frame li::marker{color:var(--cyan)}.content-frame hr{margin:16px 0 20px;border:0;height:1px;background:linear-gradient(90deg,rgba(104,230,224,.45),rgba(100,210,235,.12) 40%,transparent)}.content-frame a:not([class]){color:var(--blue-bright);text-decoration:none}.content-frame a:not([class]):hover{color:var(--cyan-soft);text-decoration:underline}.content-frame .group-title{display:flex;align-items:center;gap:10px;margin:32px 0 6px;padding:0 0 10px;font-size:1.15rem;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--glass-border)}.content-frame .group-tagline{margin:0 0 14px;color:var(--text-secondary)}.content-frame .feature{position:relative;width:280px;margin:8px;padding:20px;border-radius:var(--radius-lg);color:var(--text-secondary);background:linear-gradient(180deg,#ffffff0d,#fff0 40%,#0000001f),var(--glass-surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-highlight);transition:transform var(--t-base) var(--ease-out),border-color var(--t-base),box-shadow var(--t-base)}.content-frame .feature:hover{transform:translateY(-2px);border-color:var(--glass-border-strong);box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-highlight)}.content-frame .feature h4{margin:0 0 10px;font-size:.98rem;font-weight:700;color:var(--text-primary)}.content-frame .feature ul{margin:0;padding-left:18px;font-size:.88rem}.sc-empty-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;text-align:center}.sc-empty-state-art{width:110px;height:110px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5))}.sc-empty-state h2{margin:0;font-size:1.4rem;font-weight:750;color:var(--text-primary)}.sc-empty-state p{margin:0;max-width:420px;color:var(--text-secondary)}.error-message,.error-state,.payment-modal-error-content{color:#ffd4cf!important;background:#f0776a1a!important;border:1px solid rgba(240,119,106,.38)!important;border-radius:12px!important}:where(html,body,#root){font-family:var(--font-body)}:where(#root) :where(h1,h2,h3,h4,.sc-section-header,.menu-item .label){font-family:var(--font-display)}:where(#root) :where(h1,h2){letter-spacing:-.005em}:where(#root) :where(button,.sc-btn-primary,.sc-btn-glass,.sc-btn-ghost){font-family:var(--font-display);letter-spacing:.01em}:where(#root) :where(input,select,textarea){font-family:var(--font-body)}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(#root) :where(.sc-num,.sd-ring-value,.sd-tile-value,.sd-hero-games,.plan-price){font-family:var(--font-display);font-variant-numeric:tabular-nums}.white{background-color:#e5c999}.black,.v3_black{background-color:#936a44}.v3_white{background-color:#e5c999}.R_black{background-color:#4682b4}.R_white{background-color:#f0f8ff}.wood_white{background-color:#daa520}.wood_black{background-color:#8b4513}.marble_white{background-color:#e8e8e8}.marble_black{background-color:#6b7280}.blue_white{background-color:#d0e8ff}.blue_black{background-color:#5b9bd5}.green_white{background-color:#c8e6c9}.green_black{background-color:#4caf50}.midnight_white{background-color:#dce7ea;background-image:linear-gradient(135deg,#e3ecef,#c9d8de)}.midnight_black{background-color:#12304a;background-image:linear-gradient(135deg,#16385a,#0c263c)}.board-theme-image{--fl: var(--bf-l);--ft: var(--bf-t);--fr: var(--bf-r);--fb: var(--bf-b);--board-scale: calc(1/(1 + max(var(--fl) + var(--fr), var(--ft) + var(--fb)))) }.board-theme-image.board-scenery-hidden{--fl: var(--bc-l);--ft: var(--bc-t);--fr: var(--bc-r);--fb: var(--bc-b);--frame-radius: 6px}.board-theme-image.board-scenery-hidden .board-scene{display:none}@media (min-width: 701px) and (min-height: 701px){.board-theme-image.board-scenery-hidden{--board-scale: calc((1 + min(var(--bf-l) + var(--bf-r), var(--bf-t) + var(--bf-b)))/(1 + max(var(--bf-l) + var(--bf-r), var(--bf-t) + var(--bf-b)))/(1 + max(var(--fl) + var(--fr), var(--ft) + var(--fb)))) }}.board-scenery-control{position:absolute;top:8px;right:8px;z-index:5}.board-theme-scenic.board-scenery-hidden .board-scenery-control{top:4px;right:4px}.board-scenery-toggle{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(110,180,240,.3);border-radius:8px;background:#081628b8;color:#c0e6ff;box-shadow:0 2px 8px #00000059;cursor:pointer;opacity:.75;transition:opacity .2s ease,background .2s ease,box-shadow .2s ease}.board-scenery-hidden .board-scenery-toggle{width:26px;height:26px}.board-scenery-toggle:hover,.board-scenery-toggle:focus-visible{opacity:1;background:#0e243ee6}.board-scenery-control:has(.board-scenery-hint) .board-scenery-toggle{opacity:1;box-shadow:0 0 0 2px #4fc3f799,0 0 14px #4fc3f773}.board-scenery-hint{position:absolute;top:calc(100% + 10px);right:0;width:230px;padding:12px 14px;border:1px solid rgba(110,180,240,.3);border-radius:10px;background:#081628f2;box-shadow:0 10px 28px #00000080,inset 0 1px #aae1ff1f;color:#d8ecff;font-size:13px;line-height:1.45;text-align:left;animation:board-scenery-hint-in .25s ease}.board-scenery-hint:before{content:"";position:absolute;top:-6px;right:10px;width:10px;height:10px;background:inherit;border-left:1px solid rgba(110,180,240,.3);border-top:1px solid rgba(110,180,240,.3);transform:rotate(45deg)}.board-scenery-hint p{margin:0 0 10px}.board-scenery-hint-actions{display:flex;justify-content:flex-end;gap:8px}.board-scenery-hint-actions button{padding:5px 10px;border:1px solid rgba(110,180,240,.25);border-radius:6px;background:transparent;color:#a9c4dc;font-size:12px;cursor:pointer}.board-scenery-hint-actions button:hover{color:#d8ecff;border-color:#6eb4f073}.board-scenery-hint-actions button.primary{background:#2ca9ff33;border-color:#4fc3f780;color:#e6f5ff}.board-scenery-hint-actions button.primary:hover{background:#2ca9ff52}@keyframes board-scenery-hint-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.board-scenery-hint{animation:none}}.lesson-board .board-scenery-control,.ai-review-section .board-scenery-control{display:none}@media (max-width: 700px),(max-height: 700px){.board-theme-image{--fl: var(--bc-l);--ft: var(--bc-t);--fr: var(--bc-r);--fb: var(--bc-b)}.board-theme-image.board-theme-scenic{--frame-radius: 6px}.board-theme-image .board-scene,.board-scenery-control{display:none}}.lesson-board .board-scene,.ai-review-section .board-scene{display:none}.lesson-board .board-theme-image,.ai-review-section .board-theme-image{--fl: 0;--ft: 0;--fr: 0;--fb: 0}.board.board-image{border:none;margin:calc(var(--board-px) * var(--ft)) calc(var(--board-px) * var(--fr)) calc(var(--board-px) * var(--fb)) calc(var(--board-px) * var(--fl))}.board.board-image:before{content:"";position:absolute;left:calc(-100% * var(--fl));top:calc(-100% * var(--ft));width:calc(100% * (1 + var(--fl) + var(--fr)));height:calc(100% * (1 + var(--ft) + var(--fb)));border-radius:var(--frame-radius, 0px);background-image:var(--board-image);background-repeat:no-repeat;background-size:calc(var(--board-px) * (1 + var(--bf-l) + var(--bf-r))) calc(var(--board-px) * (1 + var(--bf-t) + var(--bf-b)));background-position:calc(var(--board-px) * (var(--fl) - var(--bf-l))) calc(var(--board-px) * (var(--ft) - var(--bf-t)));pointer-events:none;opacity:0;transition:opacity .3s ease;transform:translateZ(0);backface-visibility:hidden}.board.board-image .board-scene{position:absolute;left:calc(-100% * var(--bf-l));top:calc(-100% * var(--bf-t));width:calc(100% * (1 + var(--bf-l) + var(--bf-r)));height:calc(100% * (1 + var(--bf-t) + var(--bf-b)));border-radius:var(--frame-radius, 0px);overflow:hidden;pointer-events:none;opacity:0;transition:opacity .3s ease}.board-image-ready .board.board-image:before,.board-image-ready .board.board-image .board-scene{opacity:1}.scene-sprite{--a: calc(var(--board-px) * var(--amp, 0));position:absolute;background:center / 100% 100% no-repeat;animation:4s ease-in-out infinite;will-change:transform}.scene-bob{animation-name:scene-bob}.scene-swim{animation-name:scene-swim}.scene-fly{animation-name:scene-fly}.scene-float{animation-name:scene-float}.scene-sway,.scene-hang,.scene-spin{animation-name:scene-tilt}.scene-sway{transform-origin:50% 100%}.scene-hang{transform-origin:50% 0}@keyframes scene-bob{0%,to{transform:translateY(calc(var(--a) * -1))}50%{transform:translateY(var(--a))}}@keyframes scene-swim{0%,to{transform:translate(calc(var(--a) * -1))}25%{transform:translateY(calc(var(--a) * -.3))}50%{transform:translate(var(--a))}75%{transform:translateY(calc(var(--a) * .3))}}@keyframes scene-fly{0%,to{transform:translate(calc(var(--a) * -1))}25%{transform:translateY(calc(var(--a) * -.7))}50%{transform:translate(var(--a))}75%{transform:translateY(calc(var(--a) * .7))}}@keyframes scene-float{0%,to{transform:translate(calc(var(--a) * -1)) rotate(calc(var(--deg) * -1))}25%{transform:translateY(calc(var(--a) * -.7)) rotate(0)}50%{transform:translate(var(--a)) rotate(var(--deg))}75%{transform:translateY(calc(var(--a) * .7)) rotate(0)}}@keyframes scene-tilt{0%,to{transform:rotate(calc(var(--deg) * -1))}50%{transform:rotate(var(--deg))}}@media (prefers-reduced-motion: reduce){.scene-sprite{animation:none}}.glow-frame:has(.board-theme-image){padding:0;background:none}.board-grid.board-theme-image{grid-template-columns:auto;padding:0;border:none;border-radius:max(2px,calc(var(--board-size) * var(--board-scale) * var(--bf-radius)));background:none;box-shadow:0 0 22px var(--bf-glow),0 18px 40px #00000080,0 4px 12px #00000059}.board-theme-scenic{--frame-radius: 14px}.board-grid.board-theme-scenic{border-radius:var(--frame-radius)}.board-grid.board-theme-scenic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;border:1px solid rgba(110,180,240,.3);box-shadow:inset 0 1px #aae1ff33;pointer-events:none}.lesson-board .board-grid.board-theme-image{box-shadow:none}.lesson-board .board-grid.board-theme-scenic:after{content:none}.board-grid.board-theme-image:before{content:none}.board-theme-image .chessboardSettings{z-index:4}.board-theme-image .rank-labels,.board-theme-image .file-labels{position:absolute;z-index:2;margin:0;pointer-events:none;font-size:max(9px,calc(var(--board-px) * .026));font-weight:700;line-height:1}.board-theme-image .rank-labels{top:calc(var(--board-px) * var(--ft));left:calc(var(--board-px) * var(--fl));align-items:start;justify-items:start}.board-theme-image .rank-labels>div{padding:3px 0 0 4px}.board-theme-image .file-labels{bottom:calc(var(--board-px) * var(--fb));left:calc(var(--board-px) * var(--fl));align-items:end;justify-items:end}.board-theme-image .file-labels>div{padding:0 4px 2px 0}.board-theme-image .rank-labels>div:nth-child(odd),.board-theme-image .file-labels>div:nth-child(2n){color:#141c28bf;text-shadow:0 0 2px rgba(255,255,255,.5)}.board-theme-image .rank-labels>div:nth-child(2n),.board-theme-image .file-labels>div:nth-child(odd){color:#ffffffd9;text-shadow:0 0 2px rgba(0,0,0,.6)}.image_square{background-color:transparent}html,body,#root,.layout{height:100vh;height:calc(100dvh - var(--safe-y, 0px));overflow:hidden}.page-content,.app-container{height:calc(100vh - 48px);height:calc(100dvh - var(--safe-y, 0px) - 48px);overflow:hidden}#root{width:100vw;background:radial-gradient(circle at top,#0c1c36,#091423 80%);color:#ccc;font-family:var(--font-body);background:#0c1c36;background:#091423}.layout{min-height:calc(100vh - 48px);min-height:calc(100dvh - var(--safe-y, 0px) - 48px)}.top-nav{min-height:48px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#0a1824f0,#07121ce6);border-bottom:1px solid rgba(100,180,210,.12);box-shadow:0 4px 16px #00000047;position:sticky;top:0;z-index:100}.logo{font-size:1.8rem;font-weight:700;background:linear-gradient(to right,#42d9d0,#2ca9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links a{color:#d4f1ff;margin-left:1.5rem;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:#42d9d0}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-gap-1rem{gap:1rem}.justify-content-center{justify-content:center}.flex-col{flex-direction:column}.feature-button{font-family:var(--font-display);font-size:18px;font-weight:600;padding:.75rem 1.5rem;background:linear-gradient(180deg,#2ca9ff,#1687e8 60%,#0b4f83);color:#fff;border-radius:12px;border:none;cursor:pointer;box-shadow:0 2px 8px #0000004d,0 4px 12px #1687e833,inset 0 1px #ffffff38;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.feature-button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 4px 12px #00000052,0 6px 16px #1687e842,inset 0 1px #ffffff42}.feature-button:active{transform:scale(.98)}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#030c169e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1001}.overlaymodal{background:linear-gradient(180deg,#bee1f50f,#fff0 40%),var(--sc-panel-bg-raised);border:1px solid var(--sc-panel-border-strong);border-radius:18px;padding:2rem;box-shadow:var(--shadow-lg),inset 0 1px #bee1f51a;width:360px;max-width:90%;color:#fff}.linkbutton{background:none;border:none;color:#2ca9ff;cursor:pointer;font-size:.9rem}.scrollbar::-webkit-scrollbar{width:8px}.scrollbar::-webkit-scrollbar-track{background:transparent}.scrollbar::-webkit-scrollbar-thumb{background-color:#2b4a63;border-radius:4px;border:2px solid #0d2940}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:#6f8797}.scrollbar{scrollbar-width:thin;scrollbar-color:#2b4a63 transparent}.whitetogglebtn{background-color:#e8edf1;padding:10px 15px;color:#000}.whitetogglebtn:hover{background-color:#1687e8;color:#fff}.blacktogglebtn{background-color:#5e7da2;padding:10px 15px;color:#c0e6ff}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.content-section{overflow:auto;display:flex;flex-direction:column;flex:1}.main-content{flex:1;margin-bottom:20px}.content-frame{background:linear-gradient(180deg,var(--sc-panel-sheen),rgba(255,255,255,0) 32%),var(--sc-panel-bg);border:1px solid var(--sc-panel-border);padding:24px;border-radius:18px;box-shadow:var(--sc-panel-shadow),inset 0 1px 0 var(--sc-panel-sheen);max-width:1145px;margin:24px auto}.content-frame .content-title{margin-top:0}hr{border:none;border-bottom:1px solid rgba(100,210,235,.16)}@media (min-width: 1101px){.match-workstation{--board-size: max( min( calc(100vw - 300px) , calc(100 * var(--sc-svh) - 240px)), min( calc(100vw - 600px) , calc(100 * var(--sc-svh) - 176px)) )}}@media (min-width: 1101px) and (max-height: 920px){.match-workstation{--board-size: max( min( calc(100vw - 150px) , calc(100 * var(--sc-svh) - 240px)), min( calc(100vw - 600px) , calc(100 * var(--sc-svh) - 176px)) )}}@media (max-height: 700px){.match-workstation{--board-size: inherit}}.match-workstation .board-panel{background:#030b124d;border-radius:var(--radius-md);box-shadow:0 12px 28px #00000029}.coach-dock{width:44px;height:44px;flex:0 0 44px;margin-inline-end:8px}@media (max-width: 700px){.match-workstation .board-panel{box-shadow:none}}.spinner{border:2px solid rgba(168,187,200,.3);border-top:2px solid #42d9d0;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}button:disabled,.btn:disabled,.feature-button:disabled{background:#3c546873!important;background-color:#3c546873!important;color:#8ba2b2!important;cursor:not-allowed!important;opacity:.75!important;box-shadow:none!important;transform:none!important}button:disabled:hover,.btn:disabled:hover,.feature-button:disabled:hover{background:#3c546873!important;background-color:#3c546873!important;transform:none!important;box-shadow:none!important}@media (max-width: 700px){.top-nav .glow-title{display:flex;align-items:center;min-width:0;margin-right:8px}.top-nav .logo{flex:0 0 28px;width:28px;height:28px}.top-nav .brandname{width:min(176px,calc(100vw - 224px));height:auto;object-fit:contain}}.menu-section{white-space:nowrap;width:200px;min-width:200px;max-width:200px;height:calc(100vh - 49px);height:calc(100dvh - var(--safe-y, 0px) - 49px);overflow:hidden;top:0;left:0;overflow-y:auto;max-height:calc(100vh - 49px);max-height:calc(100dvh - var(--safe-y, 0px) - 49px);background:linear-gradient(180deg,#0a182499,#06101966);border-right:1px solid rgba(100,180,210,.1);box-shadow:inset -1px 0 #00000040}.menu-nav{box-sizing:border-box;padding:10px 8px;white-space:nowrap;width:200px;min-width:200px;max-width:200px;height:fit-content;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;top:0;left:0}.menu-item{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding:10px 12px;text-decoration:none;color:#a8bbc8;border-radius:10px;margin-bottom:4px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.menu-item .icon svg{width:20px;height:20px;stroke-width:1.75}.menu-item.active{color:#f2f6f8;font-weight:600;background:linear-gradient(90deg,var(--sc-active-bg),rgba(22,135,232,.05));box-shadow:inset 0 0 0 1px #64d2eb2e}.menu-item.active .icon{color:#68e6e0;filter:none}.menu-item.active:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--sc-accent);box-shadow:none}.menu-item .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.menu-item:hover{color:#f2f6f8;background-color:#64b4e614}.menu-item .icon{margin-right:10px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;font-size:18px;width:24px;text-align:center}.menu-item .label{font-size:.9rem}.menu-item.logout{color:#f0776a}#headerBrandName,.menuButton{display:none}.menuButton button{margin:auto 10px auto auto;padding:5px 10px;border:1px solid rgba(100,210,235,.2)}.flyoutMenu{width:200px;padding:8px;box-sizing:border-box;background:linear-gradient(180deg,#ffffff0d,#fff0 40%),#091e30f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:0 0 0 16px;box-shadow:0 20px 50px #00000080;top:50px;right:0;height:fit-content;border-left:1px solid rgba(100,210,235,.2);border-bottom:1px solid rgba(100,210,235,.2);overflow:auto;max-height:calc(100vh - 57px);max-height:calc(100dvh - var(--safe-y, 0px) - 57px);position:fixed;z-index:201}.flyoutMenu .sheet-close{display:none}@media (max-width: 920px){.menuButton{display:unset}.top-nav{display:flex}.menu-section{width:65px;min-width:65px;max-width:65px}.menu-nav{width:50px;min-width:50px;max-width:50px;padding:10px 0;border:none}.menu-section .label{display:none}.menu-section .menu-item .icon{margin-right:0}#brandName{display:none}}@media (max-width: 480px){.menu-section{display:none}}.menu-account-section{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--sc-divider)}.menu-item{min-height:24px}.menu-item.active:hover{background-color:var(--sc-active-bg)}.expandable-menu{margin:0;position:relative}.expandable-menu-header{display:flex;align-items:center;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.expandable-menu-header:hover{background-color:#0d2940}.expandable-menu-header .icon{font-size:1.2rem}.expandable-menu-header .label{flex:1;font-weight:600}.expand-icon{font-size:.8rem;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.expandable-submenu{background:#00000005;margin-left:12px}.expandable-submenu.academy{border-left:3px solid #1687e8}.expandable-submenu.profile{border-left:3px solid #28a745}.submenu-item{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 16px;text-decoration:none;color:inherit;transition:background-color .2s;cursor:pointer}.submenu-item:hover{background-color:#007bff1a}.submenu-icon{font-size:1rem;display:flex;align-items:center}.submenu-label{font-size:.95rem;line-height:1.5}.logout-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.logout-confirm-box{border:2px solid #42d9d0;border-radius:12px;box-shadow:0 0 12px #42d9d04d;z-index:10;padding:.75rem 1.5rem;background:#0c1c3699;color:#ccc;font-weight:700;text-align:center;font-size:1.1rem;position:absolute}.logout-confirm-box h3{color:#4dd4d4;margin:0 0 12px;font-size:1.2rem;font-weight:700}.logout-confirm-box p{color:#e5e7eb;margin:0 0 20px;font-size:.95rem;line-height:1.5}.logout-confirm-buttons{display:flex;gap:10px;justify-content:center}.logout-confirm-buttons button{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent;min-width:100px}.btn-confirm{background:#10b98133;border-color:#10b98166;color:#d1fae5}.btn-confirm:hover{background:#10b98159;border-color:#10b981;transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.btn-cancel{background:#142c44cc;border-color:#00bfbf4d;color:#fff}.btn-cancel:hover{background:#007f7f4d;border-color:#00bfbf;transform:translateY(-2px);box-shadow:0 6px 16px #00bfbf4d}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200}.sheet-content{position:fixed;background:#fff;z-index:50;display:flex;flex-direction:column;box-shadow:0 4px 16px #0003;transition:all .4s ease-in-out}.sheet-content.right{inset-y:0;right:0;height:100%;width:75%;max-width:400px;border-left:1px solid rgba(100,210,235,.18)}.sheet-content.left{inset-y:0;left:0;height:100%;width:75%;max-width:400px;border-right:1px solid rgba(100,210,235,.18)}.sheet-content.top{inset-x:0;top:0;height:auto;width:100%;border-bottom:1px solid rgba(100,210,235,.18)}.sheet-content.bottom{inset-x:0;bottom:0;height:auto;width:100%;border-top:1px solid rgba(100,210,235,.18)}.sheet-header,.sheet-footer{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.sheet-footer{margin-top:auto}.sheet-title{font-weight:600;color:#111}.sheet-description{font-size:.875rem;color:#666}.sheet-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;opacity:.7;transition:opacity .2s;cursor:pointer;display:flex}.sheet-close:hover{opacity:1}.sheet-close:focus{outline:none}.language-side-panel{background-color:#0c1c36;top:50px;right:0;height:fit-content;border-left:1px solid #333;border-bottom:1px solid #333;position:fixed;z-index:201;border:none}.language-side-panel1 button{margin:auto 10px auto auto;padding:5px 10px;border:1px solid #333}.language-panel{padding:16px;max-width:330px;font-family:var(--font-body);color:#ccc;border:1px solid #2a3f5f;border-radius:8px;box-shadow:0 8px 16px #0006;overflow-y:auto;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px)}.language-panel h4{font-size:1rem;margin-bottom:10px;color:#ccc;display:flex;align-items:center;border-bottom:1px solid rgba(100,210,235,.18);padding-bottom:5px}.language-panel h3 .icon{margin-right:8px}.language-section{margin-bottom:16px}.language-section-title{font-weight:700;font-size:.95rem;margin-bottom:8px;color:#c9d8e2;border-bottom:1px solid #1d3d57;padding-bottom:4px}.language-button{width:100px!important}.language-button .lang-eng{color:#aaa}.close-button{float:right;cursor:pointer;color:#a8bbc8;font-weight:700;transition:color .2s}.close-button:hover{color:#f0776a}.custom-dropdown{position:relative;width:100%;font-family:var(--font-body)}.custom-dropdown .label{font-size:.85rem;margin-bottom:4px;color:#a8bbc8;white-space:nowrap}.selected-box{background:#04101c8c;border:1px solid rgba(100,210,235,.2);box-shadow:inset 0 1px 3px #00000059;color:#f2f6f8;padding:10px 12px;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;outline:none;min-width:40px}.arrow{margin-left:8px;font-size:.75rem}.dropdown-options{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:linear-gradient(180deg,#ffffff0d,#fff0 40%),#0b2236fa;border:1px solid rgba(100,210,235,.28);color:#f2f6f8;border-radius:12px;padding:4px;overflow-y:auto;max-height:176px;box-shadow:0 6px 12px #0006;z-index:9999;font-size:1rem}.dropdown-options.up{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}.dropdown-options div{padding:10px;cursor:pointer;transition:background .2s}.dropdown-options div{border-radius:8px}.dropdown-options div:hover{background-color:#42d9d024;color:#fff}.selected-box:hover,.selected-box:focus{border-color:#68e6e099;box-shadow:inset 0 1px 3px #00000059,0 0 0 3px #42d9d024}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:10px 16px;border-radius:12px;font-size:.98rem;font-weight:600;color:#1f2937;background:#fff;box-shadow:0 1px #fff6 inset,0 6px 18px #00000059}.auth-google-btn:hover:not(:disabled){background:#f3f6f9}.auth-google-btn:disabled{opacity:.55;cursor:not-allowed}.auth-hint{margin-top:-6px;font-size:.82rem;text-align:center;color:var(--text-secondary, #a8bbc8)}.auth-divider{display:flex;align-items:center;gap:12px;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted, #6f8797)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--glass-border, rgba(100, 210, 235, .18))}.auth-method{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:#04101c99;border:1px solid var(--glass-border, rgba(100, 210, 235, .18))}.auth-method button{padding:8px 12px;border-radius:999px;font-size:.9rem;color:var(--text-secondary, #a8bbc8);background:transparent;box-shadow:none}.auth-method button.active{color:#fff;background:linear-gradient(180deg,#2ca9ff,#1687e8);box-shadow:0 2px 6px #00000040,inset 0 1px #ffffff38}.auth-phone{--PhoneInputCountryFlag-borderColor: rgba(255, 255, 255, .25);--PhoneInputCountrySelectArrow-color: #a8bbc8;--PhoneInputCountrySelectArrow-opacity: 1;--PhoneInput-color--focus: #42d9d0;gap:10px;padding:0 .75rem;border-radius:5px;border:1px solid #374151;background-color:#1e293b}.auth-phone:focus-within{border-color:#42d9d0}#root .auth-phone .PhoneInputInput{min-width:0;padding:.75rem 0;font-size:1rem;color:#fff;background:transparent!important;border:0!important;border-radius:0!important;outline:none!important;box-shadow:none!important}#root .auth-email:focus-visible{outline:none!important}#root .auth-email:focus{border-color:#42d9d0!important}.auth-phone .PhoneInputCountrySelect{color:#111827}.contact-verify{display:flex;flex-direction:column;gap:10px}#root .contact-verify .contact-verify-input{width:100%;padding:.7rem .75rem;font-size:1rem}.contact-verify-sent{font-size:.88rem;color:var(--text-secondary);overflow-wrap:anywhere}.contact-verify-error{font-size:.85rem;color:var(--danger)}.contact-verify-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.contact-verify-actions .sc-btn-glass,.contact-verify-actions .sc-btn-ghost{min-height:40px;padding:0 16px}.contact-verify-actions :is(.sc-btn-glass,.sc-btn-ghost):disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-verify-resend{margin-right:auto;font-size:.85rem;color:var(--text-muted)}.contact-verify-actions .contact-link-btn{margin-right:auto}.contact-link-btn{padding:0;font-size:.88rem;color:var(--blue-bright);background:none;border:0;box-shadow:none;cursor:pointer}.contact-link-btn:hover:not(:disabled){color:var(--cyan-soft);text-decoration:underline}.contact-link-btn:disabled{opacity:.5;cursor:not-allowed}.contact-prompt{width:380px;max-width:calc(100% - 32px);padding:24px;border-radius:var(--radius-md, 12px);color:var(--text-primary);background:var(--sc-panel-bg-raised);border:1px solid var(--sc-panel-border-strong);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--sc-panel-sheen)}.contact-prompt h2{margin:0 0 8px;font-size:1.2rem}.contact-prompt p{margin:0 0 16px;font-size:.92rem;line-height:1.45;color:var(--text-secondary)}.footer{background:#ffffff0a;padding:32px 20px;font-family:var(--font-body);color:#c9d8e2;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.footer-top{display:flex;gap:60px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.footer-top>.footer-section{align-self:start}@media (max-width: 760px){.footer-top{grid-template-columns:1fr}}.footer-section h4{margin-bottom:10px;font-size:16px;color:#fff;border-left:4px solid #2ca9ff;padding-left:8px;padding-top:0;padding-bottom:0;line-height:1.1;display:block;height:auto}.footer-section.description h4{padding-left:8px}.footer-section.description p{margin:8px 0 0;font-size:13px;line-height:1.5;color:#c9d8e2;max-width:300px;word-wrap:break-word}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;color:#c9d8e2}.footer-section ul li a{color:inherit;text-decoration:none;transition:color .12s ease}.footer-section .icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;color:#9fb0c8;flex:0 0 22px}.footer-section ul li a:hover{color:#fff;text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid rgba(111,135,151,.14);padding-top:12px;font-size:13px;color:#a8bbc8;width:fit-content;margin:auto}.small-links{display:flex;gap:10px;align-items:center;color:#a8bbc8}.small-links a{color:inherit;text-decoration:none;font-size:13px}.small-links a:hover{color:#fff;text-decoration:underline}.small-links .dot{width:6px;height:6px;background:#2ca9ffe6;border-radius:50%;display:inline-block}.footer a:focus{outline:2px dashed rgba(44,169,255,.9);outline-offset:3px}.footer{position:relative;margin-top:40px;padding:40px 24px 24px;background:linear-gradient(180deg,#091e308c,#040e18d9);border-top:1px solid rgba(100,210,235,.14);color:var(--text-secondary)}.footer:before{content:"";position:absolute;left:10%;right:10%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(104,230,224,.6),transparent)}.footer-top{gap:72px}.footer-brand{display:flex;align-items:center;gap:6px;margin-bottom:16px}.footer-brand-logo{height:28px}.footer-brand-name{height:22px}.footer-section h4{margin:0 0 14px;padding:0;border:0;font-size:.9rem;font-weight:700;letter-spacing:.01em;color:var(--text-primary)}.footer-section.description h4{padding-left:0}.footer-section.description p{max-width:320px;font-size:.85rem;line-height:1.6;color:var(--text-secondary)}.footer-section.description strong{color:var(--text-primary)}.footer-section ul li{margin-bottom:10px;font-size:.88rem;color:var(--text-secondary)}.footer-section .icon{color:var(--text-muted);transition:color var(--t-base)}.footer-section ul li:hover .icon{color:var(--cyan-soft)}.footer-section ul li a:hover{color:var(--text-primary);text-decoration:none}.footer-bottom{width:100%;max-width:900px;margin:8px auto 0;padding-top:16px;border-top:1px solid rgba(100,210,235,.12);justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.footer-bottom a{color:var(--text-secondary)}.footer-bottom a:hover{color:var(--cyan-soft)}@media (max-width: 760px){.footer-top{gap:28px;justify-content:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start}}.user-list{background:#0e1c2a;border:1px solid #00ffff33;border-radius:10px;color:#c0e6ff;max-height:150px;overflow:auto}.user-list ul{list-style:none;padding:0}.user-list li{padding:10px;transition:background .2s}.user-list li:hover{background-color:#1687e8}.user-list::-webkit-scrollbar{width:8px}.user-list::-webkit-scrollbar-track{background:transparent}.user-list::-webkit-scrollbar-thumb{background-color:#2b4a63;border-radius:4px;border:2px solid #0d2940}.user-list::-webkit-scrollbar-thumb:hover{background-color:#6f8797}.gameproposalpanel{background:#0e1c2a;border:1px solid #00ffff33;border-radius:10px;color:#c0e6ff;max-height:150px;overflow:auto;scrollbar-width:thin;scrollbar-color:#2b4a63 transparent;padding:1rem}.ask-herma-popup{position:absolute;background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;padding:4px;z-index:2000;min-width:160px}.ask-herma-popup .floatie-menu-item{background:transparent;border:none;padding:8px 12px;display:flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer;color:#1d3d57;border-radius:6px;transition:background .2s,color .2s}.ask-herma-popup .floatie-menu-item:hover{background:linear-gradient(135deg,#14b8a6,#1687e8);color:#fff}.chat-actions{display:flex;justify-content:flex-end;gap:8px;padding:6px 8px}.chat-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#0b1534;cursor:pointer;transition:background .2s ease}.chat-btn:hover{background:#162447}.chat-btn svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2}.download-btn svg{transform:rotate(180deg)}.herma-chat-button{position:fixed;bottom:24px;right:24px;width:4rem;height:4rem;border-radius:50%;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;border:none;padding:0;z-index:110}.herma-chat-button img{animation:chat-button .6s infinite alternate;border-radius:50%}@keyframes chat-button{0%{box-shadow:inset 0 0 0 3px #37b3e4cc}to{box-shadow:inset 0 0 0 5px #064a8a8e}}.herma-chat-button:hover{transform:scale(1.1);background:none}.herma-chat-box{position:fixed;bottom:20px;right:20px;max-width:700px;background:#0d1d2b;border:1px solid rgba(100,210,235,.18);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 20px #00000073;overflow:hidden;z-index:122}.topmost{z-index:9999999}.herma-chat-box.normal{width:320px;height:400px}.herma-chat-box.expanded{width:90vw;height:90vh;height:90dvh}.herma-chat-header{background:linear-gradient(135deg,#38b1c5,#194997);color:#fff;padding:10px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.herma-chat-header .title{display:flex;gap:8px}.herma-chat-header .title img{height:24px;width:24px}.herma-chat-messages{flex:1;padding:10px;overflow-y:auto;background:#0a1824;display:flex;flex-direction:column}.herma-message{margin:6px 0;padding:10px 14px;border-radius:12px;width:80%;max-width:80%;font-size:14px;line-height:1.4}.herma-message.user{background:#143044;color:var(--text-primary);align-self:flex-end;border:1px solid var(--sc-panel-border-strong)}.herma-message.chitti{background:var(--bg-tertiary);color:#e6eef3;align-self:flex-start;border:1px solid #00a8a8}.herma-chat-input{display:flex;border-top:1px solid rgba(100,210,235,.18)}.herma-chat-input input,.herma-chat-input textarea{color:#fff;background:#2e3547;flex:1;border:none;padding:10px;outline:none;font-size:14px}.herma-chat-input input:disabled,.herma-chat-input textarea:disabled{background:#bbb}.herma-chat-input button{background:linear-gradient(135deg,#0daffd,#194997);color:#fff;border:none;padding:10px 15px;cursor:pointer;font-weight:700;border-radius:0 0 12px}.herma-chat-input button.disabled{background:#aaa;cursor:default}.herma-chat-button img{width:100%;height:100%;object-fit:contain;pointer-events:none}.attached-text{font-size:12px;background:#0d294099;color:#a8bbc8;padding:6px;margin:4px 8px;border-radius:6px;border-left:3px solid #999;font-style:italic}.close-btn,.close-btn:hover,.chat-expand-btn,.chat-expand-btn:hover{background:none}.close-btn:hover,.chat-expand-btn:hover{transform:scale(1.1)}.chat-model-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:8px 12px;border-top:1px solid var(--sc-divider);background:var(--sc-game-surface);font-size:12px}.chat-model-select{max-width:100%;min-height:36px;padding:6px 10px;border:1px solid var(--sc-panel-border);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);font:inherit;cursor:pointer}.chat-model-description{font-size:11px;color:var(--text-secondary)}.chat-disclaimer{padding:6px 12px;color:var(--text-secondary);font-size:11px;line-height:1.5;text-align:center}.static-review-panel{display:flex;flex-direction:column;min-width:0;box-sizing:border-box;height:clamp(200px,28dvh,250px);min-height:clamp(200px,28dvh,250px);flex:0 0 auto;overflow:hidden;font-size:13px;line-height:1.6;padding-bottom:var(--space-4);border-bottom:1px solid var(--sc-divider)}.review-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);flex-shrink:0}.review-title{font-family:var(--font-display);font-weight:600;font-size:1rem;letter-spacing:.01em;color:var(--text-primary)}.review-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:36px;padding:6px 14px;border:1px solid var(--sc-action-border);border-radius:var(--radius-sm);background:var(--sc-action-surface);color:var(--text-primary);box-shadow:var(--shadow-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:filter var(--t-fast),border-color var(--t-fast)}.review-button:hover:not(:disabled){filter:brightness(1.12);border-color:var(--cyan-soft)}.review-data{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(120,170,210,.35) transparent;overflow-wrap:anywhere}.review-verdict{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.review-verdict-text{min-width:0}.review-classification{display:block;color:var(--text-primary);font-family:var(--font-display);font-size:1.3rem;font-weight:600;line-height:1.25}.review-move{padding:4px 10px;border:1px solid var(--sc-divider);border-radius:var(--radius-sm);background:var(--sc-panel-bg-sunken);color:var(--text-primary);font-family:var(--font-mono);font-size:.95rem;flex-shrink:0}.review-data p{margin:0}.review-data .review-reason{margin-top:2px;color:var(--text-secondary);font-size:.82rem;line-height:1.45}.review-data .review-description{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:.8rem}.review-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border:1px solid var(--sc-divider);border-radius:var(--radius-sm);background:var(--sc-panel-bg-sunken)}.review-stats>div{min-width:0;padding:6px 10px}.review-stats>div+div{border-left:1px solid var(--sc-divider)}.review-stats dt{font-size:.7rem;color:var(--text-secondary)}.review-stats dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;font-variant-numeric:tabular-nums}.review-stats dd.is-best{color:#3fc89a;font-family:var(--font-body);font-weight:600}.technicals-toggle{display:inline-flex;align-items:center;gap:4px;min-height:32px;margin-top:var(--space-2);padding:0 2px;border:none;background:transparent!important;box-shadow:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer}.technicals-toggle:hover{color:var(--text-primary)}.technicals-toggle svg{transition:transform var(--t-fast)}.technicals-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.review-technicals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;margin:0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--sc-panel-bg-sunken);font-size:.75rem}.review-technicals>div{min-width:0}.review-technicals .pv{grid-column:1 / -1}.review-technicals dt{color:var(--text-secondary)}.review-technicals dd{margin:0;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.static-review-panel>h3{margin:var(--space-4) 0;font-size:.9rem;font-weight:400;color:var(--text-secondary)}@media (max-width: 700px){.review-button{min-height:44px}}.move-card{background:#0d294099;padding:15px;margin-bottom:16px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.ai-review-btn{margin-top:10px;background:#0078d7;color:#fff;padding:8px 14px;border:none;border-radius:5px;cursor:pointer}.ai-review-btn:hover{background:#005fa3}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#081c2d9e;padding:24px;width:90%;max-width:600px;border-radius:10px;position:relative;font-family:var(--font-body)}.modal-content h2{font-size:1.5rem;font-weight:600;margin:4px 0;color:#e6eef3}.move-status{font-size:.95rem;margin-bottom:12px;color:#a00}.status-icon{font-size:1.2rem;margin-right:6px}.modal-content .move-summary{font-size:1rem;color:#a8bbc8;margin-bottom:16px;line-height:1.6;font-style:italic}.move-summary{margin-bottom:10px;font-style:italic;color:#e6eef3}.ai-review-section{display:flex;gap:16px;align-items:flex-start;max-width:680px;margin:auto}.board-view{flex:0 0 auto}.review-meta{flex:1;background:#1e2a39;color:#cfd6e0;padding:12px 16px;border-radius:10px;font-size:.95rem;min-width:200px;max-width:300px;box-sizing:border-box;height:200px;overflow:auto}.review-meta strong{color:#9fb4c7;font-weight:600}.ai-review-section{--board-size: 200px}.chat-box{background:#0d294099;padding:16px;border-radius:6px;height:250px;overflow-y:auto;margin-bottom:12px;font-size:1rem;line-height:1.65}.chat-box-pdf{background:#0d294099;padding:16px;border-radius:6px;margin-bottom:12px;font-size:1rem;line-height:1.65}.chat-msg{padding:8px 12px;border-radius:6px;margin-bottom:10px;white-space:pre-wrap}.chat-msg strong{display:block;font-weight:600;margin-bottom:2px;color:#f2f6f8}.chat-msg.user{background:#1687e82e;color:#68e6e0;text-align:right}.chat-msg.assistant{background:#0d294099;color:#f2f6f8}.chat-form{display:flex;gap:10px}.chat-form input{flex:1;padding:10px;font-size:1rem;border:1px solid rgba(100,210,235,.18);border-radius:6px}.chat-form button{background-color:#28a745;color:#fff;font-size:.95rem;padding:10px 16px;border:none;border-radius:6px;cursor:pointer}.chat-form button:hover{background-color:#218838}.button-link{background-color:transparent;border:none;color:#2ca9ff;cursor:pointer;padding:2px 6px;font-weight:500;border-radius:4px}.button-link:hover{text-decoration:underline;background-color:transparent}.chat-msg p,.chat-msg ul,.chat-msg li,.chat-msg pre,.chat-msg blockquote{margin:0;padding:0;line-height:1.5}.chat-msg p+p{margin-top:8px}.chat-msg strong{font-weight:600}.chat-msg code{background-color:#14344e99;padding:2px 5px;border-radius:4px;font-family:var(--font-mono)}.pdf-header{text-align:center;padding-bottom:10px;border-bottom:1px solid rgba(100,210,235,.18);margin-bottom:20px}.pdf-header img{height:50px;margin-bottom:5px}.pdf-header h1{font-size:1.2rem;margin:0;color:#f2f6f8}.review-pending{color:var(--text-secondary);font-size:.88rem}.review-placeholder{display:grid;gap:12px;padding-top:12px}.review-placeholder span{display:block;height:8px;width:88%;border-radius:4px;background:#82afcd1a}.review-placeholder span:nth-child(2){width:70%}.review-placeholder span:nth-child(3){width:48%}.review-button:disabled{opacity:.45;cursor:default}.glow-frame{padding:1rem;border-radius:20px;background:radial-gradient(circle at center,#06223a,#000c18)}:root{--sc-svh: 1vh;--board-size: min( calc(100vw - 300px) , calc(100 * var(--sc-svh) - 240px))}@supports (height: 1svh){:root{--sc-svh: 1svh}}.board,.square,.rank-labels,.file-labels{--board-px: calc(var(--board-size) * var(--board-scale, 1))}.board{display:grid;width:var(--board-px);height:var(--board-px);grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:2px solid rgba(140,190,230,.35);background-color:#142c44;position:relative;z-index:1}.square{position:relative;width:calc(var(--board-px) / 8);height:calc(var(--board-px) / 8);aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;background-size:contain}.square img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:transform .2s,filter .2s}.square:hover img{transform:translateY(-2%)}.piece{--piece-shadow: drop-shadow(0 3px 3px rgba(0, 8, 20, .35));filter:var(--piece-edge) var(--piece-shadow)}.piece-w{--piece-edge: drop-shadow(0 0 .6px rgba(6, 20, 38, .95)) drop-shadow(0 0 1.4px rgba(6, 20, 38, .6))}.piece-b{--piece-edge: drop-shadow(0 0 .6px rgba(175, 220, 255, .95)) drop-shadow(0 0 2.5px rgba(79, 195, 247, .55))}.square.selected .piece{transform:translateY(-3%);filter:var(--piece-edge) drop-shadow(0 0 6px rgba(0,229,255,.75)) drop-shadow(0 6px 5px rgba(0,8,20,.4)) brightness(1.08)}.board-wrapper{position:relative;width:fit-content;margin:auto}.board-grid{display:grid;grid-template-columns:20px auto;grid-template-rows:auto;gap:0;background:linear-gradient(145deg,#18385ac7,#0a1e34d9 45%,#05101ee6);border:1px solid rgba(110,180,240,.3);padding:10px;border-radius:14px;box-shadow:0 18px 40px #00000073,0 0 18px #3b82f61f,inset 0 1px #aae1ff29;width:fit-content;margin:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.board-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(170,225,255,.1) 0%,transparent 35%,transparent 70%,rgba(79,195,247,.08) 100%);pointer-events:none}.rank-labels{display:grid;color:#9fb8cc;font-size:11px;text-align:center;align-items:center;margin-right:12px;margin-bottom:16.5px;grid-template-rows:repeat(8,1fr);height:var(--board-px)}.file-labels{display:grid;grid-template-columns:repeat(8,1fr);color:#9fb8cc;font-size:11px;text-align:center;width:var(--board-px)}.promotion-popup{position:absolute;top:41%;left:50%;transform:translate(-50%,-30%);background:linear-gradient(180deg,#ffffff0f,#fff0 40%),#0c263cf0;padding:1rem;border-radius:16px;border:1px solid rgba(100,210,235,.35);box-shadow:0 24px 60px #00000080,inset 0 1px #c8f0ff33;text-align:center;color:#fff;z-index:100}.promotion-options{display:flex;justify-content:space-around;margin-top:.5rem}.promotion-options img:hover{transform:scale(1.1)}.promotion-options button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:8px;transition:all .2s ease}.promotion-options button:hover{background-color:#00ffff26;box-shadow:0 0 8px #00ffff4d;transform:scale(1.1)}.promotion-options img{width:40px;height:40px;pointer-events:none}.board-wrapper.boardoverlay .board{pointer-events:none;opacity:.4;transition:filter .2s ease,opacity .2s ease}.square.highlight img{opacity:.7}.square.from-square{box-shadow:inset 0 0 0 2px #68e6e0d9}.square.from-square:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#42d9d047,#42d9d01f 60%,#42d9d00d);pointer-events:none}.legal-dot{position:absolute;width:26%;height:26%;background:radial-gradient(circle,#68e6e0e6 0,#68e6e0e6 34%,#68e6e038 36%,#68e6e038);border-radius:50%;box-shadow:0 0 10px #42d9d073;pointer-events:none;z-index:2}.legal-dot.capture{width:90%;height:90%;background:transparent;box-shadow:inset 0 0 0 3px #68e6e0bf,0 0 12px #42d9d059}.square.last-move:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#2ca9ff33;pointer-events:none}.square.last-move-to:before{background:#2ca9ff42;box-shadow:inset 0 0 0 2px #f1c8668c}.piece-moving{z-index:5!important;animation:piece-slide .2s cubic-bezier(.22,1,.36,1)}@keyframes piece-slide{0%{transform:translate(calc(var(--move-dx) * 100%),calc(var(--move-dy) * 100%))}to{transform:none}}.board-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#21354799;display:flex;justify-content:center;align-items:center;z-index:2000;border-radius:20px}.game-over-banner{border:1px solid rgba(100,210,235,.35);border-radius:16px;box-shadow:0 24px 60px #00000080,0 0 18px #42d9d024,inset 0 1px #c8f0ff33;z-index:10;padding:.75rem 1.5rem;background:#0c263ce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ccc;font-weight:700;text-align:center;font-size:1.1rem;position:absolute}.game-over-banner h3{color:#4dd4d4;margin:0 0 12px;font-size:1.2rem;font-weight:700}.game-over-banner p{color:#e5e7eb;margin:0 0 20px;font-size:.95rem;line-height:1.5}.square.check{background-image:radial-gradient(circle,rgba(240,119,106,.55) 0%,rgba(240,119,106,.18) 45%,transparent 72%)!important;box-shadow:inset 0 0 0 2px #f0776ab3;animation:pulse-check .9s ease-in-out infinite alternate}.square.checkmate{background-image:radial-gradient(circle,rgba(226,87,76,.75) 0%,rgba(226,87,76,.3) 50%,transparent 78%)!important;box-shadow:inset 0 0 0 3px #e2574cd9;animation:pulse-checkmate .9s ease-in-out infinite alternate}.square.checkmate img{transform:rotate(-45deg)}svg.svgshape{pointer-events:none;position:absolute;z-index:10}@keyframes pulse-check{0%{box-shadow:inset 0 0 0 2px #f0776a8c}to{box-shadow:inset 0 0 0 4px #f0776ad9}}@keyframes pulse-checkmate{0%{box-shadow:inset 0 0 0 3px #e2574ce6}to{box-shadow:inset 0 0 0 5px #e2574c73}}.controls{display:flex;gap:.75rem;justify-content:center;margin:1rem 0}.controls button{padding:.5rem 1rem;border:none;background:#1c2a44;color:#c0e6ff;border-radius:8px;cursor:pointer}.controls button:hover{background:#0e1c2a}.chessboardSettings{position:absolute;bottom:5px;display:flex;justify-content:space-between;left:2px;cursor:pointer;background:none}@media (max-width: 920px),(max-height: 920px){:root{--board-size: min( calc(100vw - 150px) , calc(100 * var(--sc-svh) - 240px))}}@media (max-width: 700px),(max-height: 700px){.glow-frame{padding:unset;border-radius:20px;background:radial-gradient(circle at center,#06223a,#000c18)}.board-grid{padding:unset;border-radius:unset;border:unset;box-shadow:unset}:root{--board-size: min( calc(100vw - 100px) , calc(100 * var(--sc-svh) - 190px))}.rank-labels{margin-right:unset}.chessboardSettings{bottom:2px;justify-content:space-between;left:-5px}}@media (max-width: 480px){:root{--board-size: min(calc(100 * var(--sc-svh) - 35px), calc(100vw - 35px) )}}@media (max-height: 480px){.top-nav{display:none}.menu-nav{padding-top:unset;overflow-y:auto}:root{--board-size: min(calc(100 * var(--sc-svh) - 35px), calc(100vw - 35px) )}}.quick-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030c1699;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-settings-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#ffffff0f,#fff0 30%),#091e30f7;border-radius:20px;box-shadow:0 24px 60px #0000008c,inset 0 1px #c8f0ff33;z-index:10001;max-width:500px;width:90%;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;border:1px solid rgba(100,210,235,.28)}.quick-settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.quick-settings-header h3{margin:0;font-size:20px;color:#fff;font-weight:600}.quick-settings-header .close-btn{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.quick-settings-header .close-btn:hover{background:#ffffff1a;color:#fff}.quick-settings-content{padding:16px 24px;overflow-y:auto;flex:1}.quick-settings-loading{padding:40px;text-align:center;color:#aaa}.settings-section{margin-bottom:24px}.settings-section h4{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-weight:600}.setting-item{display:flex;align-items:center;padding:10px 12px;margin-bottom:8px;background:#ffffff08;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.setting-item:hover{background:#ffffff0f;border-color:#ffffff1a}.setting-item input[type=checkbox]{width:18px;height:18px;margin-right:12px;cursor:pointer;accent-color:#4a9eff}.setting-item span{color:#ddd;font-size:14px;-webkit-user-select:none;user-select:none}.sound-test-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding:12px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.test-sound-btn{background:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:6px;padding:6px 12px;font-size:12px;color:#4a9eff;cursor:pointer;transition:all .2s;font-weight:500}.test-sound-btn:hover{background:#4a9eff33;border-color:#4a9eff;transform:translateY(-1px)}.test-sound-btn:active{transform:translateY(0)}.theme-group+.theme-group{margin-top:12px}.theme-group-title{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8fa9bf}.theme-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.theme-option{background:#ffffff08;border:2px solid transparent;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px}.theme-option:hover{background:#ffffff0f;border-color:#ffffff1a}.theme-option.selected{border-color:#4a9eff;background:#4a9eff1a}.theme-preview{width:50px;height:50px;border-radius:6px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);overflow:hidden;box-shadow:0 2px 8px #0000004d}.theme-preview:before,.theme-preview:after{content:"";display:block}.theme-classic{background:linear-gradient(135deg,#f0d9b5,#f0d9b5 25%,#b58863 25%,#b58863 50%,#f0d9b5 50%,#f0d9b5 75%,#b58863 75%)}.theme-wood{background:linear-gradient(135deg,#daa520,#daa520 25%,#8b4513 25%,#8b4513 50%,#daa520 50%,#daa520 75%,#8b4513 75%)}.theme-marble{background:linear-gradient(135deg,#e8e8e8,#e8e8e8 25%,#6b7280 25%,#6b7280 50%,#e8e8e8 50%,#e8e8e8 75%,#6b7280 75%)}.theme-blue{background:linear-gradient(135deg,#d0e8ff,#d0e8ff 25%,#5b9bd5 25%,#5b9bd5 50%,#d0e8ff 50%,#d0e8ff 75%,#5b9bd5 75%)}.theme-green{background:linear-gradient(135deg,#c8e6c9,#c8e6c9 25%,#4caf50 25%,#4caf50 50%,#c8e6c9 50%,#c8e6c9 75%,#4caf50 75%)}.theme-midnight{background:linear-gradient(135deg,#dce7ea,#dce7ea 25%,#12304a 25%,#12304a 50%,#dce7ea 50%,#dce7ea 75%,#12304a 75%)}.theme-image{background-size:cover;background-position:center}.theme-option span{font-size:11px;color:#aaa;text-align:center}.piece-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.piece-option{background:#ffffff08;border:2px solid transparent;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px}.piece-preview{display:flex;height:44px}.piece-preview img{width:34px;height:44px;object-fit:cover}.piece-option span{font-size:11px;color:#aaa;text-align:center}.piece-option:hover{background:#ffffff0f;border-color:#ffffff1a}.piece-option.selected{border-color:#4a9eff;background:#4a9eff1a}.piece-option.selected span{color:#4a9eff}.quick-settings-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1)}.settings-hint{margin:0;font-size:12px;color:#888;text-align:center;line-height:1.5}.quick-settings-content::-webkit-scrollbar{width:8px}.quick-settings-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.quick-settings-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.quick-settings-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width: 600px){.quick-settings-popup{width:95%;max-height:90vh;max-height:90dvh}.quick-settings-header{padding:16px 20px}.quick-settings-content{padding:12px 20px}.theme-selector,.piece-selector{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.theme-preview{width:40px;height:40px}}.ai-coach-character{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:121;pointer-events:auto}.character-avatar{font-size:8rem;width:160px;height:160px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));transition:all .3s ease}.speech-bubble{position:absolute;top:-80px;left:50%;transform:translate(-50%);max-width:320px;min-width:200px;background:#0d2940fa;border:2px solid #1d3d57;border-radius:16px;padding:16px 20px;box-shadow:0 8px 24px #0006;animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes popIn{0%{opacity:0;transform:translate(-50%) scale(.8) translateY(10px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.speech-bubble:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid rgba(13,41,64,.98)}.bubble-text{color:#f1f5f9;font-size:1.1rem;font-weight:600;line-height:1.5;text-align:center;margin-bottom:8px}.bubble-reason{color:#a8bbc8;font-size:.9rem;line-height:1.4;text-align:center;margin-top:8px;padding-top:8px;border-top:1px solid #2b4a63}.bubble-excited{background:linear-gradient(135deg,#22c55ef2,#16a34af2);border-color:#22c55e}.bubble-worried{background:linear-gradient(135deg,#e2574cf2,#dc2626f2);border-color:#e2574c}.bubble-thinking{background:linear-gradient(135deg,#2ca9fff2,#1687e8f2);border-color:#2ca9ff}.bubble-neutral{background:linear-gradient(135deg,#6f8797f2,#2b4a63f2);border-color:#6f8797}.character-nametag{margin-top:12px;padding:6px 16px;background:#0d2940e6;border:1px solid #1d3d57;border-radius:20px;color:#a8bbc8;font-size:.85rem;font-weight:500;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.ai-coach-character .character-avatar{position:relative}.ai-coach-character .character-avatar:before{content:"";position:absolute;top:-32%;right:-32%;bottom:-32%;left:-32%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(66,217,208,.08) 0%,rgba(44,169,255,.04) 40%,transparent 68%);opacity:.85;transition:opacity .6s ease;pointer-events:none}.ai-coach-character.nod .character-avatar:before{opacity:1}@media (max-width: 700px){.ai-coach-character .character-avatar:before{content:none}}.ai-coach-character:hover .character-avatar{animation:none!important}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes nod{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ai-coach-character.bounce .character-avatar{animation:bounce 1s ease-in-out infinite}.ai-coach-character.shake .character-avatar{animation:shake .5s ease-in-out 3}.ai-coach-character.nod .character-avatar{animation:nod 2s ease-in-out infinite}@media (max-width: 1600px){.character-avatar{font-size:6rem;width:140px;height:140px}}@media (max-width: 1400px){.character-avatar{font-size:6rem;width:120px;height:120px}}@media (max-width: 1100px){.character-avatar{font-size:6rem;width:100px;height:100px}}@media (max-width: 768px){.character-avatar{font-size:6rem;width:90px;height:90px}.speech-bubble{max-width:260px;min-width:180px;top:-70px;padding:12px 16px}.bubble-text{font-size:1rem}.bubble-reason{font-size:.85rem}.character-nametag{font-size:.75rem;padding:4px 12px}}@media (max-width: 480px){.character-avatar{font-size:5rem;width:80px;height:80px}.speech-bubble{max-width:220px;top:-60px;padding:10px 14px}.bubble-text{font-size:.95rem}}.hologram-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#141e3080,#091e3080,#11182780);-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border:2px solid;border-radius:16px;padding:28px;min-width:380px;max-width:450px;box-shadow:0 0 40px #d9a94a4d,0 0 80px #2ca9ff33,inset 0 0 30px #00000080,0 20px 60px #0009;animation:hologramProjection .6s cubic-bezier(.34,1.56,.64,1);z-index:1000;font-family:var(--font-body);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow:hidden;border-color:#2ca9ff99;animation:profileCardSlideIn .5s cubic-bezier(.34,1.56,.64,1);scrollbar-color:rgba(31,167,255,.6);scrollbar-width:thin}.hologram-content{background:linear-gradient(135deg,#0d2940,#091e30);border:2px solid #42d9d0;border-radius:12px;box-shadow:0 0 12px #42d9d04d;z-index:10;padding:.75rem 1.5rem;background:#0c1c3699;color:#ccc;font-weight:700;text-align:center;font-size:1.1rem}.projection-beam{animation:beamFadeIn .3s ease-out}.beam-cone{animation:beamPulse 1.5s ease-in-out infinite}@keyframes beamFadeIn{0%{opacity:0}to{opacity:1}}@keyframes beamPulse{0%,to{opacity:.5}50%{opacity:.9}}@keyframes hologramProjection{0%{opacity:0;transform:translate(-50%,-50%) scale(.3);filter:blur(10px)}60%{transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.hologram-glow{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#d9a94a66,#2ca9ff4d,#d9a94a66);border-radius:16px;animation:hologramScan 4s linear infinite;pointer-events:none;opacity:.2}@keyframes hologramScan{0%{background-position:0% 0%}to{background-position:200% 200%}}@keyframes shimmer{0%{transform:translate(-100%);opacity:0}50%{opacity:.3}to{transform:translate(100%);opacity:0}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor}}.character-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid rgba(217,169,74,.4);position:relative}.character-header .character-avatar{font-size:64px;filter:drop-shadow(0 0 20px rgba(217,169,74,.3));animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(217,169,74,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(217,169,74,.5))}}.character-info{flex:1}.character-name{font-size:1.5rem;font-weight:800;color:#f1c866;text-transform:uppercase;letter-spacing:2px;margin:0 0 6px;text-shadow:0 0 15px rgba(241,200,102,.8),0 2px 4px rgba(0,0,0,.8);font-family:var(--font-display)}.character-title{font-size:.9rem;color:#a8bbc8;margin:0;font-weight:500;letter-spacing:1px}.stats-section{margin-bottom:20px}.section-title{font-size:.85rem;font-weight:700;color:#f1c866;text-transform:uppercase;letter-spacing:2px;margin:0 0 12px;padding-left:4px;border-left:3px solid #f1c866;text-shadow:0 0 10px rgba(241,200,102,.5)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item{background:#091e3080;border:1px solid rgba(217,169,74,.3);border-radius:8px;padding:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stat-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.stat-icon{font-size:1.2rem;filter:drop-shadow(0 0 8px rgba(217,169,74,.4))}.stat-label{font-size:.8rem;color:#e6eef3;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-bars{display:flex;gap:4px}.stat-bar{flex:1;height:8px;background:#2b4a6366;border:1px solid rgba(111,135,151,.4);border-radius:2px;transition:all .3s ease}.stat-bar.active{background:linear-gradient(135deg,#f1c866,#d9a94a);border-color:#f1c866;box-shadow:0 0 8px #f1c86699,inset 0 1px 2px #ffffff4d;animation:barGlow 2s ease-in-out infinite,barFillIn .6s ease-out;position:relative;overflow:hidden}.stat-bar.active:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:barShimmer 2s infinite}@keyframes barFillIn{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}@keyframes barGlow{0%,to{box-shadow:0 0 8px #f1c86699,inset 0 1px 2px #ffffff4d}50%{box-shadow:0 0 15px #f1c866e6,inset 0 1px 2px #ffffff80}}@keyframes barShimmer{0%{left:-100%}to{left:100%}}@keyframes profileCardSlideIn{0%{opacity:0;transform:translate(-50%,-45%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.attributes-section{margin-bottom:20px}.strengths-title{color:#10b981;border-left-color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.5)}.weaknesses-title{color:#e2574c;border-left-color:#e2574c;text-shadow:0 0 10px rgba(226,87,76,.5)}.attributes-list{display:flex;flex-direction:column;gap:8px}.attribute-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#091e30b3;border-radius:6px;font-size:.9rem;font-weight:500;border-left:3px solid}.attribute-item.strength{border-left-color:#10b981;color:#d1fae5}.attribute-item.weakness{border-left-color:#e2574c;color:#fecaca}.attribute-icon{font-size:1.1rem;filter:drop-shadow(0 0 6px rgba(217,169,74,.4))}.attribute-text{flex:1;letter-spacing:.3px}.menu-items{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;border-top:2px solid rgba(217,169,74,.3)}.hologram-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#0d2940cc,#091e30cc);border:1px solid rgba(100,210,235,.25);border-radius:12px;color:#f2f6f8;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;text-align:left;width:100%;box-shadow:inset 0 1px #beebff1f;text-transform:none;letter-spacing:0}.hologram-menu-item:hover{background:linear-gradient(90deg,#42d9d029,#1687e814);box-shadow:0 0 16px #42d9d038,inset 0 1px #beebff29;transform:translateY(-1px);color:#fff}.hologram-menu-item:active{transform:translateY(0) scale(1);box-shadow:0 2px 8px #0006}.menu-icon{font-size:1.3rem;color:#68e6e0;filter:drop-shadow(0 0 6px rgba(66,217,208,.5))}.menu-text{flex:1;letter-spacing:1px}@media (max-width: 768px){.hologram-menu{min-width:320px;max-width:90vw;padding:20px}.character-name{font-size:1.3rem}.character-avatar{font-size:52px}.stats-grid{grid-template-columns:1fr}.hologram-menu-item{padding:12px 16px;font-size:.95rem}.menu-icon{font-size:1.2rem}}@media (max-width: 480px){.hologram-menu{min-width:280px;max-width:95vw;padding:16px}.character-name{font-size:1.1rem;letter-spacing:1px}.character-avatar{font-size:42px}.character-title{font-size:.8rem}.section-title{font-size:.75rem}.stat-label{font-size:.7rem}.hologram-menu-item{padding:10px 14px;font-size:.9rem;gap:10px}.menu-icon{font-size:1.1rem}}body:has(#coach-dock) .ai-coach-character .character-avatar{width:40px;height:40px;font-size:2rem;filter:none;animation:none}body:has(#coach-dock) .ai-coach-character .character-avatar:before{content:none}body:has(#coach-dock) .projection-beam{display:none}.ai-review-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#02080ea8}.ai-review-dialog{position:fixed;z-index:var(--z-modal);top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;box-sizing:border-box;width:min(560px,calc(100vw - 32px));height:min(620px,calc(100dvh - 32px));overflow:hidden;border:1px solid var(--sc-panel-border-strong);border-radius:var(--radius-lg);background:#0d1d2b;color:var(--text-primary);box-shadow:var(--shadow-lg);font-family:var(--font-body)}.ai-review-dialog.expanded{width:min(820px,calc(100vw - 32px));height:min(820px,calc(100dvh - 32px))}.ai-review-dialog .herma-chat-header{flex:0 0 auto;gap:12px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--sc-divider);background:var(--sc-game-surface)}.ai-review-heading{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.ai-review-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-family:var(--font-display);font-size:1rem;font-weight:600;line-height:1.4}.ai-review-move{padding:0 8px;border:1px solid var(--sc-divider);border-radius:6px;font-family:var(--font-mono)}.ai-review-header-actions{display:flex;gap:4px;flex-shrink:0;padding-left:68px}.ai-review-dialog .chat-actions{position:absolute;top:16px;right:96px;z-index:1;padding:0}.ai-review-dialog .chat-actions .chat-btn{border:1px solid var(--sc-panel-border);background:var(--bg-tertiary)}.ai-review-dialog .chat-actions .chat-btn:hover{background:var(--sc-active-bg)}.ai-review-dialog .ai-review-header-actions button{display:grid;place-items:center;width:36px;height:36px;padding:0;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.ai-review-dialog .ai-review-header-actions button:hover{transform:none;background:var(--sc-active-bg);color:var(--text-primary);border-color:var(--sc-panel-border)}.ai-review-overview{box-sizing:border-box;min-height:0;flex:0 1 auto;max-height:28%;overflow-y:auto;padding:10px 16px;border-bottom:1px solid var(--sc-divider)}.ai-review-dialog .move-status{display:flex;align-items:baseline;gap:6px;min-width:0;margin:0;color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;font-weight:400;line-height:1.4;white-space:nowrap}.ai-review-dialog .status-icon{margin:0;font-size:.85rem}.ai-review-dialog .move-status strong{font-weight:600}.ai-review-dialog .status-reason{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.ai-review-dialog .status-reason:before{content:"·";margin-right:6px}.ai-review-dialog .ai-review-section{display:grid;--board-size: 136px;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;margin:0;max-width:none}.ai-review-dialog .review-meta{min-width:0;max-width:none;height:auto;padding:0;overflow:visible;border-radius:0;background:transparent;font-size:.8rem}.ai-review-dialog .review-meta h3{margin:0 0 4px;font-size:.88rem;font-weight:600;color:var(--text-primary)}.review-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;margin:0}.review-metrics>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid var(--sc-divider);line-height:1.4}.review-metrics dt{color:var(--text-secondary)}.review-metrics dd{margin:0;color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:end;overflow-wrap:anywhere}.review-metrics dd span{color:var(--text-secondary)}.ai-review-conversation{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.ai-review-dialog .herma-chat-messages{flex:1 1 0;min-height:0;padding:16px 20px;background:#0a1824;overflow-x:hidden}.chat-empty-state{margin:auto;max-width:340px;text-align:center}.chat-empty-state h3{margin:0 0 8px;font-size:1rem;font-weight:500}.chat-empty-state p{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.6}.ai-review-dialog .herma-message{box-sizing:border-box;width:auto;max-width:92%;color:var(--text-primary);border:1px solid var(--sc-divider);border-radius:var(--radius-md);background:var(--bg-tertiary);line-height:1.6;overflow-wrap:anywhere}.ai-review-dialog .herma-message.user{background:#143044;border-color:var(--sc-panel-border)}.ai-review-dialog .herma-message pre{color:#10202c;max-width:100%}.ai-review-dialog .herma-message p:first-child{margin-top:0}.ai-review-dialog .herma-message p:last-child{margin-bottom:0}.ai-review-dialog .chat-context{flex:0 0 auto;gap:12px;margin:6px 16px 0;padding:2px 4px 2px 10px;border-left:2px solid var(--sc-accent);background:var(--bg-tertiary);font-style:normal;line-height:1.4}.ai-review-dialog .chat-context>span{min-width:0;overflow-wrap:anywhere}.ai-review-dialog .chat-context button{flex-shrink:0;min-width:28px;min-height:28px}.ai-review-dialog .chat-model-toolbar,.ai-review-dialog .chat-composer,.ai-review-dialog .chat-actions{flex:0 0 auto}.ai-review-dialog .chat-model-toolbar>div{min-width:0}.ai-review-dialog .herma-chat-input{gap:8px;padding:10px 16px 4px;border:none}.ai-review-dialog .herma-chat-input input{min-width:0;min-height:42px;box-sizing:border-box}.ai-review-dialog .herma-chat-input button{flex-shrink:0;min-height:42px;padding:10px 18px;border:1px solid var(--sc-action-border);border-radius:var(--radius-sm);background:var(--sc-action-surface);font-weight:600}.ai-review-dialog .herma-chat-input button:hover{filter:brightness(1.1)}.ai-review-dialog .chat-disclaimer{padding:6px 16px 12px}@media (max-width: 560px){.ai-review-dialog,.ai-review-dialog.expanded{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:var(--radius-md)}.ai-review-dialog .herma-chat-header{padding:8px 12px}.ai-review-dialog .ai-review-header-actions button{width:40px;height:40px}.ai-review-overview{padding:8px 12px;max-height:30%}.ai-review-dialog .ai-review-section{--board-size: 104px;gap:12px}.review-metrics{grid-template-columns:1fr}.ai-review-dialog .review-meta h3{display:none}.ai-review-header-actions{padding-left:64px}.ai-review-dialog .chat-actions{top:14px;right:100px}.ai-review-dialog .herma-chat-messages{padding:12px}.ai-review-dialog .chat-context{margin:6px 12px}.ai-review-dialog .herma-chat-input{padding:8px 12px 4px}.ai-review-dialog .herma-chat-input input,.ai-review-dialog .herma-chat-input button{min-height:44px}.ai-review-dialog .herma-chat-input input{font-size:16px}}@media (max-height: 500px){.ai-review-overview{max-height:22%;padding:8px 12px}.ai-review-dialog .chat-context{margin:4px 12px;padding:2px 8px}.ai-review-dialog .chat-model-toolbar{padding:4px 12px}.ai-review-dialog .chat-disclaimer{padding:2px 12px 4px}}@media (max-height: 700px){.ai-review-dialog .chat-empty-state p{display:none}.ai-review-dialog .herma-chat-messages{padding:8px 12px}}.vp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:999;pointer-events:auto;background:#060a108c;animation:vp-fadeIn .22s ease;padding:20px}.vp-card{position:relative;width:min(92vw,620px);border-radius:16px;box-shadow:0 12px 50px #020a14b3;overflow:visible;padding:10px;backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%)}.vp-glow{position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;border-radius:18px;background:radial-gradient(circle at 50% 40%,rgba(0,230,255,.12),rgba(0,200,255,.02) 35%,transparent 70%);z-index:-2;animation:vp-glowPulse 4s ease-in-out infinite;pointer-events:none}.vp-scanline{position:absolute;top:0;bottom:0;width:3px;left:-10%;background:linear-gradient(to bottom,#42d9d000,#42d9d0a6,#42d9d000);animation:vp-scan 6s linear infinite;pointer-events:none;opacity:.45;z-index:-1}.vp-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;pointer-events:none;box-shadow:0 0 30px #00e6ff0f,0 0 60px #00c8ff08 inset;border:1px solid rgba(0,230,255,.06);mix-blend-mode:screen;animation:vp-borderPulse 3.6s infinite}.vp-content{position:relative;border-radius:12px;background:linear-gradient(180deg,#12181ed6,#0c1014c2);padding:22px 20px;display:flex;flex-direction:column;gap:14px;color:#e6f7fb;transform:translateY(0);border:1px solid rgba(255,255,255,.02);overflow:visible}.vp-header{display:flex;gap:14px;align-items:center}.vp-badge{width:68px;height:68px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 30px #0009;color:#fff;background:linear-gradient(180deg,#ffffff05,#ffffff01);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.vp-black{background:linear-gradient(180deg,#071014,#0a0f14);box-shadow:0 10px 36px #00aac80f;color:#cfeef6;animation:vp-badgeGlow 3.6s ease-in-out infinite}.vp-white{background:linear-gradient(180deg,#2b1b00,#3a2a00);box-shadow:0 10px 36px #ffbe3c0d;color:#fff7e6;animation:vp-badgeGlow 3.6s ease-in-out infinite}.vp-text{min-width:0}.vp-title{font-size:18px;line-height:1.05;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.vp-sub{color:#ffffffeb;font-weight:600}.vp-subtext{color:#ffffff8c;font-size:13px;margin-top:6px}.vp-decorative-icon{margin:auto;color:#f1c866;display:flex;align-items:center;animation:vp-iconFloat 3s ease-in-out infinite}@keyframes vp-iconFloat{0%,to{transform:translateY(0) rotate(0);opacity:.4}50%{transform:translateY(-4px) rotate(5deg);opacity:.6}}.vp-actions{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin-top:4px}.vp-btn{border:none;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;color:inherit}.vp-btn:active{transform:translateY(1px)}.vp-btn-primary{background:linear-gradient(90deg,#00e6ff1f,#0096c80f);color:#ddf8ff;box-shadow:0 10px 30px #00bedc0f;border:1px solid rgba(0,200,220,.09)}.vp-btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 42px #00bedc1a}.vp-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:#ffffffeb}.vp-btn-ghost:hover{background:#ffffff05;transform:translateY(-3px)}.vp-close{margin-left:auto;background:transparent;border:none;color:#fff9;font-weight:700;padding:8px;border-radius:8px}.vp-close:hover{background:#ffffff05;color:#ffffffe6;transform:translateY(-2px)}.vp-bg-chess{position:absolute;right:-6%;bottom:-8%;width:150%;height:44%;opacity:.04;transform:rotate(-6deg);pointer-events:none}.vp-confetti{position:absolute;top:12%;width:8px;height:10px;border-radius:2px;opacity:.98;transform-origin:center;animation-name:vp-confetti-fall;animation-timing-function:cubic-bezier(.2,.6,.2,1)}@keyframes vp-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}40%{transform:translateY(28vh) rotate(180deg);opacity:1}to{transform:translateY(62vh) rotate(520deg);opacity:0}}@keyframes vp-borderPulse{0%{box-shadow:0 0 12px #00e6ff0f,0 0 40px #00c8ff08 inset}50%{box-shadow:0 0 28px #00e6ff1f,0 0 60px #00c8ff0f inset}to{box-shadow:0 0 12px #00e6ff0f,0 0 40px #00c8ff08 inset}}@keyframes vp-glowPulse{0%{opacity:.28;transform:scale(.99)}50%{opacity:.52;transform:scale(1.02)}to{opacity:.28;transform:scale(.99)}}@keyframes vp-scan{0%{left:-10%}to{left:110%}}@keyframes vp-badgeGlow{0%{box-shadow:0 0 10px #42d9d01f}50%{box-shadow:0 0 24px #42d9d038;transform:translateY(-1px)}to{box-shadow:0 0 10px #42d9d01f;transform:translateY(0)}}@keyframes vp-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 520px){.vp-card{width:96vw}.vp-badge{width:56px;height:56px;font-size:24px}.vp-title{font-size:16px}.vp-content{padding:16px}}:root{--sparkle-intensity: 1;--sparkle-opacity: .95;--sparkle-z: 9992}.vp-sparkle-layer{position:absolute;top:-6%;right:-8%;bottom:-6%;left:-8%;z-index:var( --sparkle-z );pointer-events:none;overflow:hidden;background-image:radial-gradient(circle at 12% 22%,#ffffff24,#fff0 10px),radial-gradient(circle at 30% 62%,#ffffff1a,#fff0 14px),radial-gradient(circle at 52% 36%,#ffffff1f,#fff0 12px),radial-gradient(circle at 72% 18%,#ffffff14,#fff0 11px),radial-gradient(circle at 86% 68%,#ffffff17,#fff0 15px);background-repeat:no-repeat;filter:blur(1.2px) saturate(125%);opacity:calc(var(--sparkle-opacity) * var(--sparkle-intensity));mix-blend-mode:screen;transform:translateZ(0);animation:vp-sparkleShift 7.2s ease-in-out infinite}.vp-sparkle-layer:before{content:"";position:absolute;top:8%;right:6%;bottom:8%;left:6%;border-radius:18px;pointer-events:none;background:radial-gradient(circle at 10% 10%,rgba(0,230,255,.045),transparent 20%),radial-gradient(circle at 90% 90%,rgba(255,200,70,.03),transparent 25%);filter:blur(6px);opacity:.9}.vp-sparkle-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 60% 62%,#3681f159 0,#b9b1b100 14%);opacity:0;mix-blend-mode:screen;animation:vp-sparklePulse 3.6s ease-in-out infinite}@keyframes vp-sparkleShift{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.01)}to{transform:translateY(0) scale(1)}}@keyframes vp-sparklePulse{0%{opacity:0;transform:scale(.98);filter:blur(1px)}12%{opacity:.95;transform:scale(1.06);filter:blur(0)}32%{opacity:.25;transform:scale(1.02);filter:blur(.6px)}60%{opacity:.55;transform:scale(1.03);filter:blur(.3px)}to{opacity:0;transform:scale(.98);filter:blur(1px)}}.vp-card.winner-black:after{filter:hue-rotate(180deg) blur(8px) saturate(120%);opacity:.95}.vp-card.winner-white:after{filter:hue-rotate(25deg) blur(8px) saturate(120%);opacity:.95}.beta-disclaimer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030c16a8;display:flex;align-items:center;justify-content:center;z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.beta-disclaimer-modal{position:relative;overflow:hidden;background:radial-gradient(360px 180px at 50% 0%,rgba(44,169,255,.18),transparent 70%),linear-gradient(180deg,#ffffff0f,#fff0 35%),#091e30f5;border-radius:22px;padding:2rem;max-width:420px;width:90%;text-align:center;box-shadow:0 24px 60px #0000008c,inset 0 1px #c8f0ff38;border:1px solid rgba(100,210,235,.3);animation:slideIn .3s ease-out;justify-items:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.beta-disclaimer-icon{font-size:3rem;margin-bottom:1rem}.beta-disclaimer-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #f5f5f5);margin:0 0 1rem}.beta-disclaimer-message{font-size:1rem;color:var(--text-secondary, #b0b0b0);margin:0 0 .75rem;line-height:1.5}.beta-disclaimer-feedback{font-size:.9rem;color:var(--text-tertiary, #888);margin:0 0 1.5rem;font-style:italic}.beta-disclaimer-button{background:linear-gradient(135deg,#2ca9ff,#1687e8);color:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.beta-disclaimer-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2ca9ff66}.beta-disclaimer-button:active{transform:translateY(0)}.beta-disclaimer-actions{display:flex;justify-content:center;gap:1rem}body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;touch-action:manipulation}:root{--safe-y: calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px)) }html{height:100vh;height:100dvh}body{min-height:calc(100vh - var(--safe-y));min-height:calc(100dvh - var(--safe-y))}#root{width:100%}.sc-offline-banner{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:1000;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:8px 14px;border:1px solid var(--sc-panel-border-strong);border-radius:999px;background:var(--sc-panel-bg-raised);box-shadow:var(--sc-panel-shadow);color:var(--sc-text-strong);font-size:.85rem;line-height:1.3;pointer-events:none}.sc-offline-banner svg{flex:none;color:var(--sc-accent)}.sc-update-toast{display:flex;align-items:center;gap:12px}.sc-update-toast button{flex:none;padding:6px 12px;border:1px solid var(--sc-action-border);border-radius:8px;background:var(--sc-action-surface);color:#fff;font:inherit;font-weight:600;cursor:pointer}.sc-push-device{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--sc-panel-border);border-radius:10px;background:var(--sc-panel-bg-sunken)}.sc-push-device.is-on{border-color:var(--sc-active-border);background:var(--sc-active-bg)}.sc-push-device__icon{display:flex;padding-top:2px;color:var(--sc-text-muted)}.sc-push-device.is-on .sc-push-device__icon{color:var(--sc-accent)}.sc-push-device__text{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.sc-push-device__title{color:var(--sc-text-strong);font-weight:600}.sc-push-device__hint{color:var(--sc-text-muted);font-size:13px;line-height:1.4}.sc-push-device__link{align-self:flex-start;padding:0;border:none;background:none;color:var(--sc-accent);font-size:13px;cursor:pointer}.sc-push-device__link:hover{text-decoration:underline}.sc-push-device__button{flex-shrink:0;padding:8px 16px;border:1px solid var(--sc-action-border);border-radius:6px;background:var(--sc-action-surface);color:#fff;font-size:14px;font-weight:500;cursor:pointer}.sc-push-device.is-on .sc-push-device__button{border-color:var(--sc-panel-border-strong);background:transparent;color:var(--sc-text-strong)}.sc-push-device__button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.sc-push-device{flex-wrap:wrap}.sc-push-device__button{width:100%}}.sc-push-device__option{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--sc-text-strong);font-size:14px;cursor:pointer}.sc-push-device__option input{width:16px;height:16px;accent-color:var(--sc-accent)}.sc-push-prompt{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px}.sc-push-prompt__icon{display:flex;flex-shrink:0;color:var(--sc-accent)}.sc-push-prompt__text{flex:1;min-width:0}.sc-push-prompt__text h2{margin:0 0 4px;color:var(--sc-text-strong);font-size:1.05rem}.sc-push-prompt__text p{margin:0;color:var(--sc-text-muted);font-size:.9rem;line-height:1.4}.sc-push-prompt__actions{display:flex;flex-shrink:0;gap:8px}@media (max-width: 600px){.sc-push-prompt{flex-wrap:wrap}.sc-push-prompt__actions{width:100%}.sc-push-prompt__actions>button{flex:1}}.sc-push-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px max(24px,env(safe-area-inset-bottom));background:#030c16a8}.sc-push-dialog{display:flex;flex-direction:column;align-items:center;width:380px;max-width:100%;padding:24px;border:1px solid var(--sc-panel-border-strong);border-radius:14px;background:var(--sc-panel-bg-raised);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--sc-panel-sheen);text-align:center}.sc-push-dialog h2{margin:12px 0 8px;color:var(--sc-text-strong);font-size:1.2rem}.sc-push-dialog p{margin:0 0 20px;color:var(--sc-text-muted);font-size:.92rem;line-height:1.45}.sc-push-dialog__actions{display:flex;gap:8px;width:100%}.sc-push-dialog__actions>button{flex:1}.sc-push-dialog__never{margin-top:14px;padding:4px;border:none;background:none;color:var(--sc-text-muted);font-size:13px;cursor:pointer}.sc-push-dialog__never:hover{color:var(--sc-text-strong);text-decoration:underline}.sc-push-dialog__never:disabled{opacity:.5;cursor:not-allowed}.tn-page{max-width:1100px;margin:0 auto;padding:var(--space-5) 16px var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);color:var(--text-primary)}.tn-page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.tn-page-header h1{margin:0 0 4px;font-size:1.8rem}.tn-page-header p{margin:0;color:var(--text-secondary)}.tn-alert{padding:var(--space-3) var(--space-4)}.tn-empty-icon{color:var(--sc-text-muted)}.tn-muted-note{margin:0;color:var(--text-muted);text-align:center}.tn-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600;color:var(--text-secondary);background:var(--sc-panel-bg-sunken);border:1px solid var(--sc-panel-border);white-space:nowrap}.tn-chip-RegistrationOpen,.tn-chip-registered{color:var(--cyan-soft);border-color:#68e6e059}.tn-chip-InProgress{color:var(--text-primary);border-color:var(--sc-active-border);background:var(--sc-active-bg)}.tn-chip-Cancelled{color:var(--text-muted)}.tn-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.tn-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);color:inherit;text-decoration:none;transition:border-color var(--t-base) var(--ease-out),transform var(--t-fast) var(--ease-out)}.tn-card:hover{border-color:var(--sc-panel-border-strong);transform:translateY(-1px)}.tn-card-top{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tn-card-title{margin:0;font-size:1.15rem;overflow-wrap:anywhere}.tn-meta,.tn-card-foot{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:.88rem;color:var(--text-secondary)}.tn-meta span,.tn-card-foot span{display:inline-flex;align-items:center;gap:6px}.tn-meta-tc{color:var(--text-primary);font-weight:600}.tn-sep:before{content:"·";margin:0 6px;color:var(--text-muted)}.tn-card-foot{margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--sc-divider)}.tn-champion{color:var(--text-primary)}.tn-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--text-secondary);text-decoration:none;font-size:.9rem}.tn-back:hover{color:var(--text-primary)}.tn-hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);padding:var(--space-5)}.tn-hero-main{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1 1 360px}.tn-hero h1{margin:0;font-size:1.7rem;overflow-wrap:anywhere}.tn-description{margin:0;color:var(--text-secondary);white-space:pre-line}.tn-type-help{margin:0;font-size:.88rem;color:var(--text-muted)}.tn-hero-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-2);flex:0 1 240px}.tn-registered-note{font-size:.88rem;color:var(--text-secondary)}.tn-section{padding:var(--space-4) var(--space-5)}.tn-mygame.is-live{border-color:var(--sc-active-border);box-shadow:var(--sc-panel-shadow),var(--sc-active-glow)}.tn-mygame-matchup{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.tn-mygame-matchup strong{display:block;font-size:1.15rem}.tn-mygame-matchup small{color:var(--text-secondary)}.tn-mygame-note{margin:0 0 var(--space-3);color:var(--text-secondary)}.tn-mygame-state{display:flex;align-items:center;gap:var(--space-2);font-size:1.1rem}.tn-mygame-champion svg{color:var(--gold)}.tn-join-row,.tn-waiting{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.tn-opponent-waiting{color:var(--cyan-soft)}.tn-pulse{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 #42d9d099;animation:tn-pulse 1.6s ease-out infinite}@keyframes tn-pulse{to{box-shadow:0 0 0 10px #42d9d000}}@media (prefers-reduced-motion: reduce){.tn-pulse{animation:none}}.tn-piece{display:inline-block;flex:none;width:12px;height:12px;border-radius:3px;border:1px solid var(--sc-panel-border-strong)}.tn-mygame-matchup .tn-piece{width:22px;height:22px;border-radius:5px}.tn-piece-white{background:#eef2f5}.tn-piece-black{background:#10171f}.tn-round+.tn-round{margin-top:var(--space-4)}.tn-round h3{margin:0 0 var(--space-2);font-size:.95rem;color:var(--text-secondary)}.tn-boards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tn-board{display:grid;grid-template-columns:28px minmax(0,1fr) 96px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-md);background:var(--sc-panel-bg-sunken);border:1px solid var(--sc-panel-border)}.tn-board-no{color:var(--text-muted);font-size:.85rem}.tn-board-player{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.tn-board-black{justify-content:flex-end;flex-direction:row-reverse}.tn-board-player.is-winner{color:var(--text-primary);font-weight:700}.tn-board-result{display:flex;flex-direction:column;align-items:center;font-weight:650;font-size:.9rem;text-align:center}.tn-board-result small{font-size:.7rem;font-weight:500;color:var(--text-muted)}.tn-board-games{display:flex;gap:4px;justify-content:flex-end}.tn-review-btn{padding:4px 10px;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary);background:transparent;border:1px solid var(--glass-border);cursor:pointer}.tn-review-btn:hover{color:var(--text-primary);border-color:var(--sc-panel-border-strong)}@media (max-width: 640px){.tn-board{grid-template-columns:22px minmax(0,1fr) 64px minmax(0,1fr)}.tn-board-games{grid-column:2 / -1;justify-content:flex-start}}.tn-players{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}.tn-player{display:flex;flex-direction:column;padding:8px 12px;border-radius:var(--radius-md);background:var(--sc-panel-bg-sunken);border:1px solid var(--sc-panel-border)}.tn-player-name{display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tn-player small{color:var(--text-muted)}.tn-player-Eliminated .tn-player-name{color:var(--text-secondary)}.tn-player-Champion svg{color:var(--gold)}.tn-player.is-me,.tn-winner.is-me{border-color:#68e6e059}.tn-private-note{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted)}.tn-winners{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tn-winner{display:flex;align-items:center;gap:var(--space-3);padding:10px 14px;border-radius:var(--radius-md);background:var(--sc-panel-bg-sunken);border:1px solid var(--sc-panel-border)}.tn-winner-rank{display:inline-flex;align-items:center;gap:4px;min-width:44px;font-weight:700;color:var(--text-secondary)}.tn-winner-1{border-color:#d9a94a73}.tn-winner-1 .tn-winner-rank,.tn-winner-1 .tn-winner-rank svg{color:var(--gold)}.tn-winner-1 .tn-winner-name{font-weight:700;font-size:1.05rem}.tn-winner-2 .tn-winner-rank svg{color:#c9d3dc}.tn-winner-3 .tn-winner-rank svg{color:#c98d5a}.tn-winner-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tn-banner{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);width:max-content;max-width:calc(100% - 32px);padding:12px 16px;border-radius:var(--radius-lg);background:var(--sc-panel-bg-raised);border:1px solid var(--sc-active-border);box-shadow:var(--shadow-lg),var(--sc-active-glow);color:var(--text-primary)}.tn-banner-text{flex:1 1 200px;font-size:.92rem}.tn-banner-actions{display:flex;gap:var(--space-2)}.tn-banner .sc-btn-glass,.tn-banner .sc-btn-ghost{min-height:36px;padding:0 var(--space-4)}@media (max-width: 700px){.tn-banner{bottom:84px}}.tn-leaderboard{width:100%;border-collapse:collapse;font-size:.92rem}.tn-leaderboard th{padding:6px 8px;text-align:left;font-weight:500;font-size:.78rem;color:var(--text-muted);border-bottom:1px solid var(--sc-panel-border)}.tn-leaderboard td{padding:8px;border-bottom:1px solid var(--sc-panel-border)}.tn-leaderboard tr.is-me td{background:var(--sc-active-bg)}.tn-leaderboard tr.is-withdrawn .tn-lb-name>span:first-child{color:var(--text-muted)}.tn-lb-rank{width:1%;white-space:nowrap}.tn-lb-rank svg{margin-right:4px;color:var(--gold);vertical-align:-2px}.tn-lb-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}.tn-lb-name small{color:var(--text-muted)}.tn-lb-streak{display:inline-flex;color:var(--warning)}.tn-leaderboard .tn-lb-num{width:1%;text-align:right;white-space:nowrap}.tn-lb-points{font-weight:600}.tn-poster{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:var(--radius-lg, 16px);border:1px solid var(--sc-panel-border);background:var(--sc-panel-bg-sunken)}.tn-carousel{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.tn-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tn-carousel-head h2{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.tn-carousel-nav{display:flex;align-items:center;gap:var(--space-2)}.tn-carousel-arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:999px;color:var(--text-primary);background:var(--sc-panel-bg-sunken);border:1px solid var(--sc-panel-border);cursor:pointer;transition:border-color var(--t-fast) var(--ease-out)}.tn-carousel-arrow:hover:not(:disabled){border-color:var(--sc-panel-border-strong)}.tn-carousel-arrow:disabled{opacity:.35;cursor:default}[dir=rtl] .tn-flip-rtl{transform:scaleX(-1)}.tn-carousel-all{margin-inline-start:var(--space-2);font-size:.9rem;font-weight:600;color:var(--cyan-soft);text-decoration:none;white-space:nowrap}.tn-carousel-all:hover{text-decoration:underline}.tn-carousel-rail{display:flex;gap:var(--space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.tn-carousel-rail::-webkit-scrollbar{display:none}.tn-slide{flex:0 0 calc((100% - var(--space-4)) / 2);display:flex;flex-direction:column;overflow:hidden;padding:0;color:inherit;text-decoration:none;scroll-snap-align:start;transition:border-color var(--t-base) var(--ease-out)}.tn-slide:hover{border-color:var(--sc-panel-border-strong)}.tn-slide:focus-visible{outline:2px solid var(--cyan-soft);outline-offset:-2px}.tn-slide-media{aspect-ratio:2 / 1;background:var(--sc-panel-bg-sunken)}.tn-slide-media>img{display:block;width:100%;height:100%;object-fit:cover}.tn-slide-fallback{display:flex;align-items:center;justify-content:center;height:100%;background:radial-gradient(circle at 70% 40%,var(--sc-active-bg),transparent 65%),var(--sc-panel-bg-sunken)}.tn-slide-fallback img{width:30%;max-width:140px;opacity:.85;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.tn-slide-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}.tn-slide-title{margin:0;font-size:1.1rem;font-weight:700;overflow-wrap:anywhere}.tn-slide-foot{display:flex;flex-wrap:wrap;gap:4px var(--space-3);font-size:.85rem;color:var(--text-secondary)}.tn-slide-foot>span{display:inline-flex;align-items:center;gap:4px}.tn-carousel-dots{display:flex;justify-content:center;gap:4px}.tn-carousel-dot{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.tn-carousel-dot:before{content:"";display:block;width:8px;height:8px;margin:auto;border-radius:999px;background:var(--sc-panel-border-strong);transition:width var(--t-fast) var(--ease-out),background var(--t-fast)}.tn-carousel-dot.is-active:before{width:18px;background:var(--cyan-soft)}@media (max-width: 700px){.tn-slide{flex-basis:86%}.tn-carousel-rail{gap:var(--space-3)}}@media (prefers-reduced-motion: reduce){.tn-carousel-rail{scroll-behavior:auto}}.tn-terms{padding:var(--space-3) var(--space-4)}.tn-terms summary{font-weight:600;cursor:pointer}.tn-terms-text{max-height:360px;overflow-y:auto;margin-top:var(--space-3);font-size:.9rem;line-height:1.55;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.tn-terms-accept{display:flex;align-items:flex-start;gap:8px;max-width:320px;font-size:.88rem;color:var(--text-secondary);cursor:pointer}.tn-terms-accept input{margin-top:3px}.tn-terms-accept a{color:var(--cyan-soft)}.hero{text-align:center;margin-top:2rem;color:#fff;animation:fadeIn 1s ease-out}.logo{height:30px;border-radius:8px;margin-right:3px}.brandname{height:25px;border-radius:8px}.glow-title{font-size:2rem;margin-left:7px;font-weight:700;color:#f8f0d8}.tagline{margin-top:.5rem;font-size:1.2rem;color:#a5dfff}.cta-buttons{margin-top:1.5rem}.btn{padding:.5rem 1rem;margin:.5rem;border:none;cursor:pointer;font-size:1rem;background:transparent;transition:transform .1s ease}.primary{background:linear-gradient(180deg,#2ca9ff,#1687e8 60%,#0b4f83);color:#fff}.secondary{background:transparent;border:2px solid #2ca9ff;color:#42d9d0}.btn:hover{box-shadow:var(--shadow-sm);filter:brightness(1.06);transform:translateY(-1px)}.btn:active{transform:scale(.98)}.board-container{display:flex;justify-content:center}.features-section-about{padding:1rem 2rem}.features-section{display:flex;justify-content:space-around;margin-top:4rem;flex-wrap:wrap;padding:2rem 1rem}.feature{background:#1f2e41;padding:1.5rem;border-radius:16px;width:280px;margin:1rem;color:#c9d8e2;box-shadow:var(--shadow-sm);transition:all .2s ease}.feature:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-group{margin-top:1rem}.feature-group-sections{display:flex;align-items:stretch;flex-wrap:wrap}.justify-center{justify-content:center}.group-title{font-weight:700;color:#93c5fd;border-bottom:2px solid #1687e8;padding-bottom:.25rem;margin-bottom:.25rem}.group-tagline{font-size:1rem;color:#c9d8e2;margin-top:0}.aboutus{padding-left:2rem;padding-right:2rem}.aboutus h2{color:#ccc}.hfeature{background:linear-gradient(180deg,#ffffff0d,#fff0 40%,#0000001f),#081c2d9e;border:1px solid rgba(100,210,235,.18);border-radius:18px;padding:1.5rem;width:350px;max-width:calc(100vw - 4rem);margin:.5rem;color:#a8bbc8;text-decoration:none;box-shadow:0 12px 40px #00000059,inset 0 1px #beebff24;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hfeature img{width:132px;height:132px}.padding1rem{padding:1rem}.paddingR1rem{padding-right:1rem}.smart-button{margin-bottom:1rem;width:162px;max-width:calc(100vw - (172px + 5rem));padding:12px 20px;border:1px solid rgba(100,210,235,.3);border-radius:12px;font-weight:650;font-size:1rem;color:#f2f6f8;background:linear-gradient(180deg,#ffffff12,#ffffff03),#0c263cb8;box-shadow:0 4px 14px #00000047,inset 0 1px #beebff24;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.smart-button:hover{transform:translateY(-2px)}.smart-button:active{transform:scale(.98)}.button-play{border-color:#78c8ff80;background:linear-gradient(180deg,#2ca9ff,#1687e8 60%,#0b4f83);box-shadow:0 8px 22px #1687e859,inset 0 1px #ffffff4d}.button-play:hover{box-shadow:0 12px 28px #1687e873,inset 0 1px #ffffff59}.button-puzzles:hover,.button-learn:hover{border-color:#68e6e08c;box-shadow:0 4px 14px #00000047}.button-review{color:#2a1c05;border-color:#ffe29699;background:linear-gradient(180deg,#f1c866,#d9a94a 55%,#a97a26);box-shadow:0 2px 8px #0000004d,var(--glow-gold),inset 0 1px #fff5d280}.button-review:hover{filter:brightness(1.05);box-shadow:0 4px 12px #00000052,0 6px 16px #d9a94a42,inset 0 1px #fff5d28c}.hfeature:hover{transform:translateY(-2px);border-color:var(--sc-panel-border-strong);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--sc-panel-sheen)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#rightpanel{flex:1 1 0%;min-width:350px;display:flex;flex-direction:column;max-width:430px;width:max(25vh,25vw);width:max(25svh,25vw);margin-top:8px;margin-bottom:8px;max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px)}@media (max-width: 460px){#rightpanel{min-width:min(70vw,70vh);min-width:min(70vw,70svh)}.feature{width:230px}}@media (max-width: 390px){.glow-title{font-size:1rem}#rightpanel{min-width:min(70vw,70vh);min-width:min(70vw,70svh)}.feature{width:230px}}.subscription-cta-tile{background:linear-gradient(135deg,#0f2d3a,#1a4454);border-radius:16px;border:2px solid #2a6b7f;box-shadow:0 8px 24px #2a6b7f66;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.subscription-cta-tile:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2a6b7f99}.cta-content{padding:32px;text-align:center}.cta-title{font-size:28px;font-weight:800;color:#fff;margin:0 0 16px;background:linear-gradient(135deg,#4ade80,#2ca9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{font-size:16px;color:#94ddf0;margin:0 0 24px;line-height:1.6}.cta-description strong{color:#fff;font-weight:700}.cta-savings{display:inline-block;background:#d9a94a24;color:#f1c866;border:1px solid rgba(217,169,74,.45);padding:12px 24px;border-radius:12px;font-size:18px;font-weight:700;margin-bottom:24px;box-shadow:0 0 18px #d9a94a2e}.cta-button{padding:14px 32px;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.cta-primary{background:linear-gradient(135deg,#2ca9ff,#1687e8);color:#fff;box-shadow:0 4px 16px #2ca9ff66}.cta-primary:hover{transform:scale(1.05);box-shadow:0 6px 20px #2ca9ff99}.cta-secondary{background:linear-gradient(135deg,#6f8797,#2b4a63);color:#fff;box-shadow:0 4px 16px #6f879766}.cta-secondary:hover{transform:scale(1.05);box-shadow:0 6px 20px #6f879799}.cta-footer{background:#0f2d3a80;padding:16px;text-align:center;border-top:1px solid rgba(42,107,127,.3)}.cta-link{color:#2ca9ff;text-decoration:none;font-weight:600;font-size:14px;transition:color .2s ease}.cta-link:hover{color:#93c5fd;text-decoration:underline}@media (max-width: 768px){.cta-content{padding:24px 16px}.cta-title{font-size:22px}.cta-description{font-size:14px}.cta-savings{font-size:16px;padding:10px 20px}.cta-button{padding:12px 24px;font-size:14px}}.home-command{max-width:1100px;margin:0 auto;padding:24px 24px 8px;display:grid;gap:20px}.home-hero{display:flex;align-items:center;min-height:340px;overflow:hidden;text-decoration:none;border-radius:24px;isolation:isolate;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.home-hero:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-blue),inset 0 1px #c8f0ff38}.home-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.home-hero-media img{width:100%;height:100%;object-fit:cover;object-position:right center;transition:transform .6s var(--ease-out)}.home-hero:hover .home-hero-media img{transform:scale(1.02)}.home-hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(6,21,34,.85) 0%,rgba(6,21,34,.45) 45%,transparent 70%),linear-gradient(0deg,rgba(6,21,34,.55),transparent 40%)}.home-hero-content{display:flex;flex-direction:column;align-items:flex-start;max-width:460px;padding:40px;text-align:left}.home-hero-eyebrow{display:inline-block;margin-bottom:12px;font-size:.8rem;font-weight:600;letter-spacing:.08em;color:var(--cyan-soft)}.home-hero-title{margin:0 0 24px;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.15;font-weight:750;letter-spacing:-.02em;color:var(--text-primary);text-shadow:0 2px 18px rgba(0,0,0,.5)}.home-hero-cta{box-sizing:border-box;min-width:170px;font-size:1.05rem}.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:132px;padding:20px 16px 20px 22px;text-decoration:none;overflow:hidden;transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s}.home-card:hover{transform:translateY(-3px);border-color:var(--glass-border-strong);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-highlight)}.home-card-text{text-align:left}.home-card h2{margin:0 0 6px;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.home-card p{margin:0;font-size:.88rem;line-height:1.45;color:var(--text-secondary)}.home-card-piece{flex:0 0 auto;width:92px;height:92px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45));transition:transform .25s var(--ease-out)}.home-card:hover .home-card-piece{transform:translateY(-3px)}@media (max-width: 900px){.home-cards{grid-template-columns:1fr;gap:12px}.home-card{min-height:96px}.home-card-piece{width:72px;height:72px}}@media (max-width: 700px){.home-command{padding:12px 12px 4px;gap:12px}.home-hero{min-height:260px;align-items:flex-end;border-radius:18px}.home-hero-media img{object-position:70% center}.home-hero-media:after{background:linear-gradient(0deg,#061522eb,#0615228c,#0615221a)}.home-hero-content{padding:22px}.home-hero-title{font-size:1.35rem;margin-bottom:16px}.home-hero-cta{width:100%}}.pricing-table-container{padding:2rem;font-family:var(--font-body);background:#0d1b2a;color:#fff;text-align:center}.pricing-title{font-size:2rem;margin-bottom:.5rem;color:#fff}.pricing-tagline{font-size:1rem;color:#8ba2b2;margin-bottom:2rem}.pricing-table-wrapper{overflow-x:auto}.pricing-table{width:100%;border-collapse:collapse;margin:0 auto;background:#0d2940;border-radius:12px;overflow:hidden}.pricing-table th,.pricing-table td{padding:1rem;border:1px solid #1d3d57;text-align:center;font-size:.95rem}.feature-col{text-align:left;background:#14213d;color:#f3f4f6;font-weight:700;width:300px;max-width:300px;min-width:250px}.plan-col{background:#0d2940;color:#e5e7eb;width:auto}.plan-col.highlight{background:#1687e8;color:#fff;border-top:3px solid #d9a94a}.plan-header{display:flex;flex-direction:column;gap:.3rem}.plan-name{font-weight:700;font-size:1rem}.plan-price{font-size:.9rem;color:#d1d5db}.contact-smart-button{width:162px;max-width:calc(100vw - (172px + 5rem));padding:12px 20px;border:none;border-radius:8px;font-weight:600;font-size:1rem;color:#fff;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;cursor:pointer}.billing-toggle{display:flex;gap:rem;background:#0d1b2a;border-radius:8px;padding:16px;justify-content:center}.billing-tab{padding:.5rem 1rem;border:none;border-radius:6px;background:transparent;color:#8ba2b2;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.billing-tab:hover{color:#e5e7eb}.billing-tab.active{background:#1687e8;color:#fff}.savings-badge{display:inline-block;margin-top:.4rem;padding:.2rem 1rem;background:#d9a94a24;color:#f1c866;border:1px solid rgba(217,169,74,.45);font-size:1rem;font-weight:600;border-radius:999px;margin:5px 0 10px 5px}.feature-name{text-align:left;color:#f3f4f6}.feature-full{color:#4ade80}.feature-limited{color:#facc15}.feature-none{color:#f0776a}.category-header-row{background:#14213d}.category-header{text-align:left;font-weight:700;font-size:.95rem;color:#2ca9ff;padding:.75rem 1rem;background:#14213d;border-bottom:2px solid #1687e8;text-transform:uppercase;letter-spacing:.5px}.category-shade-1,.category-shade-1 td{background:#0d2940}.category-shade-2,.category-shade-2 td{background:#263548}.pricing-notes{margin-top:1.5rem;padding:1rem 1.5rem;background:#0d2940;border-radius:8px;text-align:left;font-size:.9rem;color:#8ba2b2}.pricing-notes p{margin:.5rem 0}.pricing-notes strong{color:#e5e7eb}.pricing-table-container{max-width:1100px;margin:32px auto 0;padding:40px 28px;border-radius:24px;color:var(--text-primary);background:radial-gradient(700px 300px at 50% 0%,rgba(44,169,255,.12),transparent 70%),linear-gradient(180deg,#ffffff0a,#fff0 30%),var(--glass-surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-highlight)}.pricing-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:750;letter-spacing:-.02em;color:var(--text-primary)}.pricing-tagline{color:var(--text-secondary)}.billing-toggle{width:fit-content;margin:8px auto 24px;padding:4px;gap:4px;border-radius:999px;background:#04101c99;border:1px solid var(--glass-border)}.billing-tab{min-width:96px;padding:8px 18px;border-radius:999px;color:var(--text-secondary);background:transparent;box-shadow:none}.billing-tab:hover{background:#ffffff0a;color:var(--text-primary)}.billing-tab.active{color:#fff;background:linear-gradient(180deg,#2ca9ff,#1687e8);box-shadow:0 4px 14px #1687e859,inset 0 1px #ffffff4d}.pricing-table-wrapper{border-radius:18px}.pricing-table{border-collapse:separate;border-spacing:0;background:#04101c59;border:1px solid var(--glass-border);border-radius:18px}.pricing-table th,.pricing-table td{padding:14px 16px;border:0;border-bottom:1px solid rgba(100,210,235,.08)}.pricing-table .feature-col{color:var(--text-secondary);font-weight:600;background:transparent}.pricing-table .plan-col{color:var(--text-primary);background:transparent}.pricing-table .plan-col.highlight{position:relative;color:var(--text-primary);border-top:0;background:#ffffff09;box-shadow:inset 1px 0 #d9a94a59,inset -1px 0 #d9a94a59}.pricing-table thead tr:first-child .plan-col.highlight{box-shadow:inset 0 2px 0 var(--gold),inset 1px 0 #d9a94a59,inset -1px 0 #d9a94a59}.plan-name{font-size:1.05rem;font-weight:750;letter-spacing:-.01em}.plan-col.highlight .plan-name{color:var(--gold-light)}.plan-price{font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.pricing-table .category-header{padding:18px 16px 8px;text-align:left;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--cyan-soft);background:transparent}.pricing-table :is(.category-shade-1,.category-shade-2),.pricing-table :is(.category-shade-1,.category-shade-2) td{background:transparent}.pricing-table tbody tr:not(.category-header-row):hover td{background:#64b4e60d}.pricing-table .feature-name{color:var(--text-primary);font-weight:500}.pricing-table .feature-limited{color:var(--gold-light);font-weight:650;font-variant-numeric:tabular-nums}.pricing-table .feature-full{color:var(--success)}.pricing-yes{color:var(--success);filter:drop-shadow(0 0 6px rgba(63,200,154,.45))}.pricing-no{color:var(--text-muted);opacity:.7}.pricing-table .current-plan{color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px}.pricing-table .contact-smart-button,.pricing-table .subscribe-btn{width:100%;max-width:180px}.pricing-notes{margin-top:20px;color:var(--text-muted);text-align:left}.pricing-notes strong{color:var(--text-secondary)}@media (max-width: 700px){.pricing-table-container{padding:24px 12px;border-radius:18px}}.pricing-table .category-header-row,.pricing-table .category-header-row td{background:#42d9d00a}.pricing-table td.feature-name{text-align:left}.pricing-notes{padding:16px 20px;border-radius:14px;background:#04101c59;border:1px solid var(--glass-border)}.mobile-container{width:100%;max-width:520px;margin:0 auto}.player-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;font-family:var(--font-display);font-size:1rem;background-color:#000000d9;color:#fff;border-radius:6px}.bottom{margin-top:6px}.top{margin-bottom:6px}.chess-board-placeholder{width:100%;aspect-ratio:1 / 1;background-color:#222;border-radius:12px}@media (min-width: 768px){.mobile-container{display:none}}@media (max-width: 767px){.chess-layout-desktop{display:none}}.player-info{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sc-game-surface);border:1px solid var(--sc-panel-border);box-shadow:var(--shadow-sm);border-radius:12px;box-sizing:border-box;min-height:44px;padding:4px 10px 4px 16px;gap:var(--space-3);margin-bottom:8px;color:#e0f2ff;transition:border-color var(--t-base, .2s) ease}.player-info.top{border-radius:12px 12px 6px 6px}.player-info.bottom{border-radius:6px 6px 12px 12px}.player-info.is-turn{border-color:#42d9d042}.player-info:before{content:"";position:absolute;left:4px;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--sc-accent, #42d9d0);box-shadow:none;opacity:0;transition:opacity var(--t-base, .2s) ease}.player-info.is-turn:before{opacity:1}.player-status{display:block;font-size:12px;font-weight:400;color:var(--text-secondary)}.avatar{width:28px;height:28px;border-radius:50%;margin-right:10px;border:1px solid #68e6e0;background-color:#0e1826}.player-name{font-size:16px;font-weight:600;color:var(--text-primary);min-width:0;overflow-wrap:anywhere;line-height:1.2}.player-left{display:flex;align-items:center;gap:10px;min-width:0}.player-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;padding:0;font-size:15px;line-height:1;cursor:pointer;background:#020a128c;border:1px solid rgba(66,217,208,.22);border-radius:8px;transition:background .2s ease,border-color .2s ease}.player-settings-btn:hover{background:#42d9d01f;border-color:#42d9d073}.table-board #chessboardSettings{display:none}.player-timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:20px;font-weight:500;background:#020a12b3;border:1px solid rgba(100,180,210,.14);box-shadow:inset 0 1px 4px #00000073;padding:2px 12px;border-radius:8px;color:var(--text-secondary);transition:color var(--t-base, .2s) ease,border-color var(--t-base, .2s) ease}.player-info.is-turn .player-timer{color:#68e6e0;border-color:#42d9d066}.player-timer-label{width:70px;text-align:right}@media (max-width: 700px),(max-height: 700px){.player-info,.player-info.top,.player-info.bottom,.player-timer{border-radius:var(--radius-sm)}}@media (max-height: 480px){.player-info{display:none}.table-board #chessboardSettings{display:block}}@media (max-width: 700px){.player-info{padding:6px 8px 6px 12px;gap:8px}.player-name{font-size:14px}.player-timer{font-size:18px;padding:4px 8px}.player-settings-btn{width:36px;height:36px}}.format-container{display:flex;flex-direction:column;height:calc(85vh - 40px);height:calc(85dvh - 40px);max-height:calc(85vh - 40px);max-height:calc(85dvh - 40px);padding:20px;color:#fff;font-family:var(--font-body);font-weight:400;font-size:14px;border-radius:8px;width:90%;max-width:420px;overflow:hidden}.format-selection{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;margin-bottom:1rem;padding-right:4px}.format-selection::-webkit-scrollbar{width:6px}.format-selection::-webkit-scrollbar-track{background:#2b4a6333;border-radius:3px}.format-selection::-webkit-scrollbar-thumb{background:#6f879780;border-radius:3px}.format-selection::-webkit-scrollbar-thumb:hover{background:#6f8797b3}.controls-row{display:flex;gap:12px;background:#0d294080;border:1px solid rgba(29,61,87,.6);padding:16px;border-radius:10px;margin-bottom:8px}.format-dropdown-wrapper{flex:0 0 auto;min-width:150px}.time-control-wrapper{flex:1;min-width:0}.section-divider{height:1px;background:linear-gradient(90deg,transparent,#2b4a63,transparent);margin:16px 0}.section-label{font-size:.85rem;margin-bottom:8px;color:#c9d8e2;font-weight:500;letter-spacing:.3px}.color-section{margin-bottom:0;border-radius:10px}.player-section{margin-top:8px;margin-bottom:0}.chitti-section{margin-top:20px;height:250px;overflow-y:auto}.tab-buttons{display:flex;gap:10px}.tab-btn{padding:12px 16px;width:100%;background:#0d2940;color:#fff;border:1px solid #1d3d57;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.95rem}.tab-btn:hover{background:#2d3b4e;border-color:#2b4a63}.tab-btn.active{background:linear-gradient(180deg,#2ca9ff59,#1687e838);border-color:#68e6e08c;box-shadow:0 4px 14px #1687e84d,inset 0 1px #c8f0ff40}.format-dropdown,.custom-time input{width:100%;padding:8px;margin-bottom:12px;background-color:#0d2940;color:#fff;border:none;border-radius:6px;font-size:1rem;transition:border-color .2s ease,background-color .2s ease;box-shadow:0 0 4px #ffffff1a}.custom-time{display:flex;gap:8px;margin-bottom:12px}.custom-time label{flex:1;display:flex;flex-direction:column;font-size:.85rem}.custom-time input{padding:6px;border-radius:4px;border:none;margin-top:4px;background-color:#0d2940;color:#fff}.game-summary-card{flex-shrink:0;background:linear-gradient(180deg,#ffffff0f,#fff0 40%,#00000026),#0c263ce0;border:1px solid rgba(100,210,235,.28);border-radius:16px;padding:20px;box-shadow:0 18px 44px #00000073,inset 0 1px #c8f0ff33;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.summary-content{margin-bottom:16px}.summary-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#a8bbc8;margin-bottom:8px;font-weight:600}.summary-details{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:nowrap;min-width:0;overflow:hidden}.format-badge{display:inline-block;padding:6px 12px;background:#42d9d024;color:#68e6e0;border:1px solid rgba(66,217,208,.4);border-radius:999px;font-weight:600;font-size:.85rem;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.time-control{font-size:1rem;font-weight:600;color:#e6eef3;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.opponent-info{display:flex;align-items:center;gap:4px;border:none;background:transparent;padding:0;min-width:0;flex:1;overflow:hidden}.opponent-info>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.vs-label{font-size:.75rem;color:#a8bbc8;text-transform:uppercase;letter-spacing:.5px;font-weight:600;flex-shrink:0}.opponent-avatar{font-size:1.5rem}.opponent-name{font-size:.95rem;color:#c9d8e2;font-weight:500}.start-game-btn{width:100%;min-height:44px;padding:12px 24px;background:var(--sc-action-surface);color:var(--text-primary);border:1px solid var(--sc-action-border);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;box-shadow:var(--shadow-sm);transition:filter var(--t-fast),border-color var(--t-fast)}.start-game-btn:hover:not(:disabled){filter:brightness(1.12);border-color:var(--cyan-soft)}.start-game-btn:active:not(:disabled){filter:brightness(.96)}.summary-expand-btn{display:flex;align-items:center;justify-content:center;padding:8px;margin-top:8px;background:#6f879733;border:1px solid rgba(168,187,200,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.summary-expand-btn svg{fill:#c9d8e2;transition:transform .2s ease}.summary-expand-btn:hover{background:#6f879759;border-color:#a8bbc880}.summary-expand-btn:hover svg{transform:translateY(2px);fill:#e6eef3}.summary-expand-btn:active{background:#6f879780;transform:scale(.98)}.start-btn{width:100%;padding:12px 20px;background:linear-gradient(180deg,#2ca9ff,#1687e8 60%,#0b4f83);color:#fff;border:none;border-radius:12px;cursor:pointer;box-shadow:0 2px 8px #0000004d,0 4px 12px #1687e833,inset 0 1px #ffffff38;transition:transform .2s ease,filter .2s ease;font-size:1rem}.subscribe-btn{width:100%;padding:12px 20px;background:linear-gradient(180deg,#f1c866,#d9a94a 55%,#a97a26);color:#2a1c05;font-weight:650;border:1px solid rgba(255,226,150,.6);border-radius:12px;cursor:pointer;box-shadow:0 6px 22px #d9a94a4d,inset 0 1px #fff5d2b3;transition:transform .15s ease,box-shadow .2s ease;font-size:1rem}.subscribe-btn.upgrade-btn{color:#fff;border-color:#78c8ff80;background:linear-gradient(180deg,#2ca9ff,#1687e8 60%,#0b4f83);box-shadow:0 8px 22px #1687e859,inset 0 1px #ffffff4d}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #d9a94a6b,inset 0 1px #fff5d2cc}.subscribe-btn:active{transform:scale(.98)}.subscribe-btn.upgrade-btn:hover{background:linear-gradient(180deg,#45b6ff,#1f93f0 60%,#0d5a95);box-shadow:0 12px 28px #1687e873,inset 0 1px #ffffff59}.subscribe-btn:disabled{background:#2b4a63;color:#8ba2b2;cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.current-plan{display:inline-block;padding:8px 16px;background:#1d3d57;color:#d1d5db;border-radius:6px;font-weight:600;font-size:.9rem}.start-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.start-btn span{white-space:nowrap}.start-btn:disabled{background:#5a5a72;color:#ccc;cursor:not-allowed;opacity:.7;box-shadow:none}.hidden{display:none}.timeformat-dropdowns{margin-bottom:12px}.custom-time-preview{text-align:center;font-size:.95rem;margin:8px 0;color:#c9d8e2}.final-time-preview{text-align:center;margin:10px 0}.preview-label{font-size:.85rem;color:#a8bbc8;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.preview-value{display:inline-block;padding:6px 12px;font-size:1rem;font-weight:700;color:#e0f2fe;background:linear-gradient(to right,#0b4f83,#0b4f83);border-radius:8px}@keyframes fadePulse{0%{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.daily-time-selector{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.daily-time-selector label{font-size:.85rem;color:#93c5fd}.invite-panel{display:flex;flex-direction:column;margin-top:1rem;background:#0d294080;border:1px solid #1d3d57;border-radius:12px;padding:1rem;font-family:var(--font-body);color:#e6eef3}.invite-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-bottom:1rem;padding:.75rem 1rem;background:#1d3d574d;border:1px solid rgba(43,74,99,.4);border-radius:8px;font-weight:600;color:#c9d8e2;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.invite-header span{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.invite-header button{padding:0%}.invite-panel>div:last-child{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.invite-panel>div:last-child::-webkit-scrollbar{width:6px}.invite-panel>div:last-child::-webkit-scrollbar-track{background:#2b4a6333;border-radius:3px}.invite-panel>div:last-child::-webkit-scrollbar-thumb{background:#6f879780;border-radius:3px}.invite-panel>div:last-child::-webkit-scrollbar-thumb:hover{background:#6f8797b3}.invite{padding:0 .5rem;font-size:.9rem}.refresh-btn{background:#1687e833;border:1px solid rgba(22,135,232,.4);border-radius:6px;padding:.4rem .75rem;color:#a5b4fc;cursor:pointer;transition:all .2s ease;font-size:.85rem}.refresh-btn:hover{background:#1687e84d;border-color:#1687e899;color:#c7d2fe}.player-card{display:flex;justify-content:space-between;align-items:center;background:#0d294099;border:1px solid rgba(29,61,87,.5);padding:.75rem 1rem;border-radius:8px;margin-bottom:.5rem;transition:all .2s ease}.playerInfo{display:flex;align-items:center;gap:.5rem}.playerInfo .player-name{font-size:.95rem;color:#e6eef3}.status-dot{width:15px!important;height:15px!important;border-radius:50%;display:block;margin-left:4px}.status-dot.Online{background-color:#00b800}.status-dot.Offline{background-color:#aaa}.status-dot.InGame{background-color:#f11e2f}.player-name{font-weight:500}.player-actions{display:flex}.player-actions button{padding:0}.player-card:hover{cursor:pointer;background:#0d2940cc;border-color:#2b4a63b3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.player-card.active{background:#0d294080;border-color:#059669cc;color:#fff;box-shadow:0 4px 16px #10b9814d}.player-card.active .player-name{color:#fff}.disabled-button{background:#3a3a5a;color:#bbb;padding:.6rem;text-align:center;border-radius:10px;font-weight:600;opacity:.5;cursor:not-allowed;margin-top:1rem}.chitti-profiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px}.match-setup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.match-setup-expanded{padding:20px 10px 10px}.match-setup-close-btn{position:absolute;top:10px;right:16px;border:none;background:#0d2940;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.match-setup-close-btn:hover{background:#e2574c;transform:scale(1.1)}.match-setup-hologram-glow{background:linear-gradient(45deg,#1fa7ff99,#1fa7ff4d,#1fa7ff99)}.match-setup-collapsed{position:fixed;top:50%;left:calc(50% + 100px);transform:translate(-50%,-50%);z-index:50;border-color:#2ca9ff66;box-shadow:0 0 24px #1fa7ff33,inset 0 0 30px #00000073,0 18px 44px #00000080;animation:profileCardSlideIn .5s cubic-bezier(.34,1.56,.64,1);scrollbar-color:rgb(31,167,255) transparent;scrollbar-width:thin}.match-setup-expanded{left:calc(50% + 100px)}@media (max-width: 920px){.match-setup-collapsed,.match-setup-expanded{left:calc(50% + 33px)}}@media (max-width: 480px){.match-setup-collapsed,.match-setup-expanded{left:50%}}@media (max-width: 1100px) and (orientation: portrait){.hologram-menu.match-setup-collapsed{position:relative;top:auto;left:auto;transform:none;order:1;z-index:1;width:calc(100% - 32px);max-width:100%;margin:4px 16px 16px;min-width:0;max-height:none;box-sizing:border-box;padding:16px;animation:matchSetupRiseIn .35s ease-out}}@keyframes matchSetupRiseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width: 420px){.format-container{flex-direction:column}.format-dropdown-wrapper{margin-bottom:16px}}.hologram-menu.match-setup-collapsed,.hologram-menu.match-setup-expanded{background:var(--sc-game-surface);border:1px solid var(--sc-panel-border-strong);box-shadow:var(--sc-panel-shadow);backdrop-filter:none;-webkit-backdrop-filter:none}.match-setup-collapsed .game-summary-card,.match-setup-expanded .game-summary-card{background:var(--sc-panel-bg-sunken);border-color:var(--sc-divider);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.custom-time-selector{display:flex;gap:12px;flex:auto}.time-field{display:flex;flex-direction:column;flex:1}.time-field label{font-size:.85rem;margin-bottom:4px;color:#ccc}.guest-play-prompt{width:380px;max-width:calc(100% - 32px);padding:24px;border-radius:var(--radius-md, 12px);color:var(--text-primary);background:var(--sc-panel-bg-raised);border:1px solid var(--sc-panel-border-strong);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--sc-panel-sheen)}.guest-play-prompt h2{margin:0 0 8px;font-size:1.2rem}.guest-play-prompt p{margin:0 0 12px;font-size:.92rem;line-height:1.45;color:var(--text-secondary)}.guest-play-prompt .guest-play-left{margin-bottom:20px;font-size:.85rem;color:var(--text-muted)}.guest-play-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}@media (max-width: 420px){.guest-play-actions{flex-direction:column-reverse}.guest-play-actions button{width:100%}}.game-review{box-sizing:border-box;position:relative;width:100%;min-height:0;padding:20px;border-radius:12px;color:#ccc;font-family:var(--font-body);display:flex;flex-direction:column;height:100%;gap:16px;overflow:hidden}.move-panel{padding:14px;border-radius:12px;color:#ccc;font-family:var(--font-body);display:flex;flex-direction:column;box-shadow:0 2px 8px #0000004d;transition:box-shadow .2s ease;flex:1 1 0;min-height:0;overflow:hidden}.move-panel:hover{box-shadow:0 4px 12px #0006}.move-header{display:flex;justify-content:space-between;align-items:center}.move-list{flex:1 1 auto;overflow-y:auto;margin-bottom:8px;min-height:120px;scrollbar-width:thin;scrollbar-color:#2ca9ff #0b2236}.move-list::-webkit-scrollbar{width:6px}.move-list::-webkit-scrollbar-track{background:transparent;border-radius:3px}.move-list::-webkit-scrollbar-thumb{background:#78aad259;border-radius:3px}.move-list::-webkit-scrollbar-thumb:hover{background:#78aad28c}.friendly-toggle{font-size:11px;color:#2ca9ff;text-decoration:none;padding:4px 8px;background:#64b4d20f;border-radius:6px;border:1px solid var(--sc-panel-border);cursor:pointer;transition:all .2s ease;white-space:nowrap}.friendly-toggle:hover{background:#64b4d21a;border-color:#42d9d059}.move-table{width:100%;border-collapse:collapse;border:none;margin-bottom:12px;background:transparent}.move-table th,.move-table td{text-align:left;font-size:14px;padding:8px 4px;border-bottom:1px solid rgba(100,180,210,.07)}.move-table thead{background:#0a1a27;position:sticky;top:0;z-index:1}.move-table tbody tr{border-top:1px solid rgba(44,62,80,.3);transition:all .15s ease}.move-table tbody tr:first-child{border-top:none}.move-table th{font-weight:600;color:var(--text-secondary);font-size:12px;letter-spacing:0}.move-table td{color:#d1d5db}.move-table td button{background:none;border:none;box-shadow:none;color:inherit;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease;width:100%;text-align:left}.move-table td button.active{color:var(--text-primary);background-color:var(--sc-active-bg);box-shadow:inset 0 0 0 1px var(--sc-active-border);font-weight:600}.move-table td button:hover{background-color:#4dabf71a;color:var(--text-primary)}.move-table tbody tr:hover{background-color:#64b4d20d}.move-table .highlight{background-color:#334d7a!important;box-shadow:0 0 0 2px #4dabf766!important}.preview-controls{display:flex;justify-content:space-between;gap:6px;margin-top:2px;padding-top:10px;border-top:1px solid var(--sc-panel-border);flex-shrink:0}.preview-controls button{flex:1;width:38px;height:40px;background:#ffffff08;color:#fff;border:1px solid var(--sc-panel-border);border-radius:8px;padding:6px;margin:0;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:none}.preview-controls button:hover{background:#64b4d214;border-color:#42d9d059}.preview-controls button:active{transform:scale(.97)}.preview-controls button svg{display:inline-block;vertical-align:middle;width:20px;height:20px;fill:#fff;opacity:.72;transition:opacity .2s ease}.preview-controls button:hover svg{opacity:1}.move-table td.time-cell{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.8rem;padding:6px 8px;text-align:right;white-space:nowrap;line-height:1.3;color:var(--text-secondary)}.time-bar-wrapper{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}.time-bar{height:3px;border-radius:4px;min-width:4px;background:#477d98;max-width:100%;transition:all .2s ease}.time-bar-wrapper:hover .time-bar{filter:brightness(1.12)}.captured-pieces-container{padding:6px 8px;background:var(--sc-panel-bg-sunken);border:1px solid var(--sc-panel-border);box-shadow:inset 0 1px 2px #0000004d;border-radius:12px;font-size:14px}.captured-pieces-row{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-radius:6px}.captured-pieces-row.white,.captured-pieces-row.black{background:#04101c73;border:1px solid rgba(100,210,235,.1)}.captured-pieces-content{display:flex;align-items:center;gap:4px}.captured-pieces-icon{font-size:18px;font-weight:600}.captured-pieces-icon.white,.captured-piece.white{color:#f1e8d4;background-color:unset;text-shadow:0 0 1px rgba(6,20,38,.9),0 1px 2px rgba(0,0,0,.5)}.captured-pieces-icon.black,.captured-piece.black{color:#0a1a2c;background-color:unset;-webkit-text-stroke:.6px rgba(175,220,255,.85);text-shadow:0 0 4px rgba(79,195,247,.45)}.captured-pieces-list{display:flex;gap:2px;flex-wrap:wrap;min-height:24px}.captured-piece{font-size:20px}.captured-advantage{font-size:12px;font-weight:650;color:#3fc89a;padding:2px 8px;border-radius:999px;border:1px solid rgba(63,200,154,.4)}.captured-advantage.white,.captured-advantage.black{background:#3fc89a1f}.material-balance{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--sc-divider);padding-bottom:var(--space-3)}.material-balance .captured-pieces-container{padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.material-balance .captured-pieces-row{gap:8px;min-height:26px;padding:0 2px;border:none;background:transparent}.captured-side-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;border:1px solid rgba(175,220,255,.45)}.captured-side-dot.white{background:#f1e8d4}.captured-side-dot.black{background:#0a1a2c}.material-balance .captured-pieces-list{flex:1;min-width:0;min-height:0;flex-wrap:nowrap;gap:6px;overflow:hidden}.captured-group{display:inline-flex;flex-shrink:0}.material-balance .captured-piece{font-size:17px;line-height:1}.captured-group .captured-piece+.captured-piece{margin-left:-7px}.material-balance .captured-advantage{flex-shrink:0;padding:0 7px;font-size:11px;line-height:18px}.move-table td:first-child{color:var(--text-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.move-table td button{min-height:36px}.move-table td button:disabled{background:transparent!important}@media (max-width: 700px){.game-review{padding:16px}.preview-controls button,.move-table td button{min-height:44px}.friendly-toggle{min-height:36px}}.preview-controls button:disabled,.preview-controls button:disabled:hover{background:#ffffff04!important;border-color:var(--sc-divider);opacity:.45!important}.preview-controls .nav-download{flex:0 0 auto;position:relative;margin-left:7px}.preview-controls .nav-download:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:1px;background:var(--sc-divider)}.move-position{display:flex;flex:0 0 72px;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;font-variant-numeric:tabular-nums;line-height:1.2}.move-position strong{font-size:13px;color:var(--text-primary)}.move-position span{font-size:11px;color:var(--text-secondary)}@media (max-width: 1100px){.match-workstation.has-move-navigation{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.match-workstation .board-panel{scroll-margin-top:8px}.match-workstation .preview-controls{position:fixed;z-index:90;left:200px;right:0;bottom:0;box-sizing:border-box;margin:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));gap:8px;background:#0d1d2b;border-top:1px solid var(--sc-divider);box-shadow:0 -6px 20px #0000003d}.match-workstation .preview-controls button{min-height:44px;min-width:44px;max-width:100px;height:44px}.match-workstation #rightpanel{max-height:none}.match-workstation .move-list{max-height:360px}}@media (max-width: 920px){.match-workstation .preview-controls{left:65px}}@media (max-width: 480px){.match-workstation .preview-controls{left:0}}.about-title{font-size:2rem;margin-bottom:1rem;color:#3ea6ff}.about-intro{font-size:1.1rem;margin-bottom:1rem}.about-features{margin-left:1.5rem;margin-bottom:1rem;list-style-type:disc}.contact-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.contact-logo{width:200px;max-width:90%;height:auto}.contact-title{font-size:1.75rem;font-weight:600;color:#e0e0e0;margin:0}.contact-details p{margin:.5rem 0;line-height:1.6}.contact-details a{color:#3ea6ff;text-decoration:none}.contact-details a:hover{text-decoration:underline}.legal-note{margin-top:1rem;font-size:.95rem;color:silver}.contact-container{display:flex;gap:2rem;align-items:flex-start}.contact-details{flex:1 1 60%}.contact-form{flex:0 0 380px;background:#ffffff08;padding:1rem;border-radius:6px;box-shadow:0 1px 3px #0003}.contact-form h3{margin-top:0}.contact-form .label{font-size:.9rem;margin-bottom:.25rem;color:#ccc;margin-top:1rem}.input,.textarea{padding:.75rem;font-size:1rem;border:1px solid rgb(55,65,81);background-color:#0d2940;color:#fff;width:100%;border-radius:6px;max-width:-webkit-fill-available}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.5rem .6rem;border-radius:4px;border:1px solid rgba(255,255,255,.06);background:#00000026;color:#fff;box-sizing:border-box}.actions{margin-top:.75rem;text-align:right}.primary[disabled]{opacity:.6;cursor:default}@media (max-width: 800px){.contact-container{flex-direction:column}.contact-form{flex:1 1 auto;width:100%}}:root{--bg: #061522;--card: #091e30;--muted: #a8bbc8;--accent: #1687e8;--accent-2: #2ca9ff;--text: #e6eef3;--radius: 10px;--gap: 18px;font-family:var(--font-body)}.content-frame *{box-sizing:border-box}.content-frame main[role=main]{width:100%;max-width:var(--maxw);background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px #030a1299;border:1px solid rgba(255,255,255,.03);margin:0 auto;color:var(--text)}header.page-head{display:flex;align-items:center;gap:16px;margin-bottom:8px}.content-frame h1{margin:0;font-size:20px;letter-spacing:-.2px}.content-frame .meta{color:var(--muted);font-size:13px;margin-top:6px}.content-frame section.content{margin-top:18px;color:var(--text);line-height:1.55}.content-frame section.content h2{color:#cfeaf0;margin-top:22px;margin-bottom:8px;font-size:16px}.content-frame section.content p,.content-frame section.content li{color:var(--muted);font-size:15px;margin:0 0 10px}.content-frame ul{margin-left:1.1rem;padding-left:0}.content-frame .muted-note{color:var(--muted);font-size:13px;margin-top:6px}.content-frame .agree-panel{margin-top:22px;display:flex;gap:12px;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px dashed rgba(255,255,255,.03)}.content-frame .agree-left{display:flex;gap:12px;align-items:center}.content-frame .checkbox{width:20px;height:20px;border-radius:6px;background:transparent;border:1.6px solid rgba(255,255,255,.06);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.content-frame .checkbox.checked{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px #42d9d059}.content-frame .agree-text{font-size:14px;color:var(--muted)}.content-frame .agree-text a{color:var(--accent-2);text-decoration:none}.content-frame .agree-text a:hover{text-decoration:underline}.content-frame .btn{background:linear-gradient(180deg,#2ca9ff,#1687e8 60%,#0b4f83);color:#fff;border:1px solid rgba(120,200,255,.5);padding:10px 20px;min-height:42px;border-radius:12px;font-weight:650;cursor:pointer;box-shadow:0 8px 22px #1687e84d,inset 0 1px #ffffff4d}.content-frame .btn:hover:not(:disabled):not(.disabled){color:#fff;transform:translateY(-1px);box-shadow:0 12px 28px #1687e86b,inset 0 1px #ffffff59}.content-frame .btn.disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.content-frame footer.page-footer{margin-top:18px;color:var(--muted);font-size:13px;text-align:center}@media (max-width: 640px){.content-frame main[role=main]{padding:20px}.content-frame h1{font-size:18px}.content-frame .agree-panel{flex-direction:column;align-items:stretch;gap:10px}.content-frame .agree-left{justify-content:flex-start}}.gl-header{display:flex;align-items:center;gap:12px;margin:8px 0 16px}.gl-header-icon{width:38px;height:38px}.gl-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.gl-empty{margin:0;padding:24px;text-align:center;color:var(--text-secondary)}.gl-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.gl-item{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:var(--radius-md);transition:transform var(--t-base) var(--ease-out),border-color var(--t-base),box-shadow var(--t-base)}.gl-item:hover{transform:translateY(-1px);border-color:var(--glass-border-strong);box-shadow:var(--shadow-md),0 0 18px #2ca9ff1f,inset 0 1px 0 var(--glass-highlight)}.gl-outcome{--tone: var(--text-secondary);flex:0 0 auto;display:grid;place-items:center;min-width:64px;height:44px;padding:0 8px;border-radius:12px;font-size:.9rem;font-weight:750;font-variant-numeric:tabular-nums;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,transparent);border:1px solid color-mix(in srgb,var(--tone) 35%,transparent)}.gl-win .gl-outcome{--tone: var(--success)}.gl-loss .gl-outcome{--tone: var(--danger)}.gl-draw .gl-outcome{--tone: var(--text-secondary)}.gl-live .gl-outcome{--tone: var(--gold-light)}.gl-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.gl-opponent{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:650;color:var(--text-primary)}.gl-opponent span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gl-bot{flex:0 0 auto;color:var(--cyan-soft)}.gl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.gl-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.78rem;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--glass-border);text-transform:capitalize}.gl-color-piece{width:16px;height:16px}.gl-date{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted)}.gl-action{flex:0 0 auto;min-height:38px;padding:0 18px;font-size:.88rem}@media (max-width: 600px){.gl-item{flex-wrap:wrap;gap:12px;padding:12px}.gl-outcome{min-width:54px;height:40px}.gl-action{width:100%}}.stats-dashboard{padding:0;margin-bottom:28px}.sd-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sd-header-icon{width:38px;height:38px}.sd-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.sd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sd-hero{grid-column:span 2;grid-row:span 2;display:flex;align-items:center;gap:24px;padding:24px}.sd-ring{--sd-pct: 0;flex:0 0 auto;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) calc(var(--sd-pct) * 1%),rgba(255,255,255,.06) 0);box-shadow:0 0 24px #42d9d038}.sd-ring-inner{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#12395a,#071a2b 70%);box-shadow:inset 0 2px 10px #0009}.sd-ring-value{font-size:1.6rem;font-weight:750;color:var(--text-primary);font-variant-numeric:tabular-nums}.sd-hero-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.sd-hero-label{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:650;color:var(--gold-light)}.sd-hero-games{display:inline-flex;align-items:center;gap:8px;margin-top:-6px;font-size:.88rem;color:var(--text-secondary)}.sd-hero-games svg{color:var(--blue-bright)}.sd-hero-games b{color:var(--text-primary);font-variant-numeric:tabular-nums}.sd-wld{display:flex;flex-wrap:wrap;gap:8px}.sd-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border-radius:999px;font-size:.8rem;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--glass-border)}.sd-chip b{font-size:.95rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.sd-chip.win{border-color:#3fc89a66}.sd-chip.win b{color:var(--success)}.sd-chip.loss{border-color:#f0776a66}.sd-chip.loss b{color:var(--danger)}.sd-chip.draw b{color:var(--text-secondary)}.sd-tile{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-md);transition:transform var(--t-base) var(--ease-out),border-color var(--t-base)}.sd-tile:hover{transform:translateY(-2px);border-color:var(--glass-border-strong)}.sd-tile-icon{--tone: var(--blue-bright);flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);border:1px solid color-mix(in srgb,var(--tone) 32%,transparent)}.sd-tile-icon svg{width:20px;height:20px}.sd-trend .sd-tile-icon{--tone: var(--cyan)}.sd-brilliant .sd-tile-icon{--tone: var(--gold-light)}.sd-mistakes .sd-tile-icon{--tone: var(--warning)}.sd-blunders .sd-tile-icon{--tone: var(--danger)}.sd-tile-body{display:flex;flex-direction:column;min-width:0}.sd-tile-value{font-size:1.4rem;font-weight:750;line-height:1.1;color:var(--text-primary);font-variant-numeric:tabular-nums}.sd-tile-label{margin-top:2px;font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 24px;text-align:center}.sd-empty-piece{width:84px;height:84px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45)) drop-shadow(0 0 16px rgba(44,169,255,.25))}.sd-empty-text{margin:0;max-width:360px;color:var(--text-secondary)}.loading-spinner-container{display:grid;place-items:center;padding:32px}.stats-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.stats-loading,.stats-login-prompt,.stats-empty{text-align:center;color:var(--text-secondary);padding:1.5rem;font-size:.95rem}.stats-grid{margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat-card{background:linear-gradient(180deg,#ffffff0b,#fff0 40%),var(--glass-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-highlight);transition:transform var(--t-base) var(--ease-out),border-color var(--t-base)}.stat-card:hover{transform:translateY(-2px);border-color:var(--glass-border-strong)}.stat-icon{font-size:1.4rem;margin-bottom:.5rem;color:var(--cyan-soft)}.stat-content{display:flex;flex-direction:column;gap:.2rem}.stat-value{font-size:1.4rem;font-weight:750;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-label{font-size:.78rem;color:var(--text-secondary)}.stat-breakdown{display:flex;gap:.5rem;margin-top:.5rem;font-size:.75rem;font-weight:600}.stat-breakdown .win{color:var(--success)}.stat-breakdown .loss{color:var(--danger)}.stat-breakdown .draw{color:var(--text-secondary)}.stat-progress{width:100%;height:6px;background:#04101cb3;border-radius:999px;margin-top:.6rem;overflow:hidden}.stat-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue-primary),var(--cyan));transition:width .6s ease}@media (max-width: 1100px){.sd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.sd-grid{gap:10px}.sd-hero{grid-row:auto;flex-direction:column;text-align:center;padding:20px}.sd-hero-body{align-items:center;width:100%}.sd-wld{justify-content:center}.sd-hero .sc-progress{width:100%}.sd-ring{width:112px;height:112px}.sd-ring-inner{width:92px;height:92px}.sd-tile{padding:12px;gap:10px}.sd-tile-value{font-size:1.2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}.studypage{padding-top:20px;position:relative}.mobile-tree-toggle{display:none}.study-tree-wrapper{display:contents}.tree-overlay{display:none}.breadcrumb-bar{display:flex;align-items:center;gap:.5rem;background:#081c2d9e;padding:.5rem 1rem;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:.5rem}.breadcrumb-link{color:#42d9d0;font-weight:600;cursor:pointer}.dropdown-container{position:relative;display:inline-block}.dropdown-btn{background:#0d294099;border:1px solid rgba(100,210,235,.18);border-radius:8px;padding:.4rem .8rem;font-weight:500;cursor:pointer;color:#e6eef3}.dropdown-btn:hover{background:#14344e99}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#081c2d9e;border:1px solid rgba(100,210,235,.18);border-radius:8px;min-width:180px;box-shadow:0 4px 12px #0000001f;z-index:1000}.dropdown-container:hover .dropdown-menu{display:block}.dropdown-item{padding:.5rem .75rem;cursor:pointer;color:#c9d8e2}.dropdown-item:hover{background:#0d294099}.highlighted-bookmark{background:#d9a94a29;border-radius:3px;padding:0 2px}.highlighted-note{background:#dbeafe;border-bottom:2px dotted #1687e8}.note-icon{margin-left:4px;font-size:.85rem;color:#1687e8}.study-content{flex:1;background:#081c2d9e;padding:20px;box-shadow:0 2px 6px #00000014;border-radius:8px;color:#f2f6f8;margin-left:20px;height:calc(100vh - 138px);height:calc(100dvh - var(--safe-y, 0px) - 138px);max-height:calc(100vh - 138px);max-height:calc(100dvh - var(--safe-y, 0px) - 138px)}.study-content h2{margin-top:0}.study-content .lesson{overflow:auto;box-shadow:0 2px 6px #00000014;padding:0 10px;max-height:calc(100% - 120px)}.lesson-board{display:flex;aspect-ratio:1 / 1;width:min(calc(100% - 20px),min(calc(100vw - 350px),calc(100vh - 350px)));width:min(calc(100% - 20px),min(calc(100vw - 350px),calc(100svh - 350px)));height:min(calc(100% - 20px),min(calc(100vw - 350px),calc(100vh - 350px)));height:min(calc(100% - 20px),min(calc(100vw - 350px),calc(100svh - 350px)));container-type:size;container-name:lesson-board;align-items:center;justify-content:center;--board-size: calc(100cqmin - 72px) }.lesson-board .board-theme-image{--board-size: calc(100cqmin - 16px) }.lesson-board .board-wrapper{margin:unset}.lesson-board #chessboardSettings{display:none;height:0px}@media (max-width: 900px),(max-height: 900px){.study-content .lesson{overflow:hidden;max-height:unset}.study-content{overflow:auto}}@media (max-width: 768px){.studypage{padding-top:10px}.mobile-tree-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:70px;right:15px;width:48px;height:48px;background:linear-gradient(135deg,#1687e8,#0b4f83);color:#fff;border:none;border-radius:12px;font-size:1.5rem;cursor:pointer;z-index:101;box-shadow:0 4px 12px #1687e866;transition:all .3s ease}.mobile-tree-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #1687e880}.mobile-tree-toggle:active{transform:scale(.95)}.study-tree-wrapper{display:block;position:fixed;top:130px;right:-280px;transition:right .3s ease;z-index:100}.study-tree-wrapper.open{right:10px}.tree-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.study-content{margin-left:0;margin-right:0;padding:15px;height:calc(100vh - 120px);height:calc(100dvh - var(--safe-y, 0px) - 120px);max-height:calc(100vh - 120px);max-height:calc(100dvh - var(--safe-y, 0px) - 120px)}}@media (max-width: 900px),(max-height: 900px){.lesson-board{width:min(calc(100% - 20px),min(calc(100vw - 150px),calc(100vh - 150px)));width:min(calc(100% - 20px),min(calc(100vw - 150px),calc(100svh - 150px)));height:min(calc(100% - 20px),min(calc(100vw - 150px),calc(100vh - 150px)));height:min(calc(100% - 20px),min(calc(100vw - 150px),calc(100svh - 150px)))}.lesson-board .glow-frame{padding:3px;border-radius:0}.lesson-board .board-grid{margin:0;width:calc(100% + -0px);height:calc(100% + -0px);border-radius:unset}}@container lesson-board (max-width: 900px) and (max-height: 900px){.lesson-board .glow-frame{padding:opx;border-radius:0;background:unset}}.study-tree{width:260px;background:#081c2d9e;border-left:1px solid rgba(100,210,235,.18);overflow-y:auto;padding:1rem;height:calc(100vh - 130px);height:calc(100dvh - var(--safe-y, 0px) - 130px);max-height:calc(100vh - 130px);max-height:calc(100dvh - var(--safe-y, 0px) - 130px);position:static;flex:0 0 300px;max-width:300px;width:100%;border-radius:8px;margin-right:20px}.study-tree h3{margin-bottom:1rem;font-size:1.1rem;color:#f2f6f8}.study-tree :is(.subject-toggle,.subject-name,.chapter-button){box-shadow:none}.subject-list{list-style:none;padding:0;margin:0}.subject-item{margin-bottom:.8rem}.subject-header{display:flex;align-items:center}.subject-toggle{background:none;border:none;cursor:pointer;font-weight:600;color:#c9d8e2}.subject-name{background:none;border:none;cursor:pointer;font-weight:600;color:#f2f6f8;text-align:left}.subject-name:hover{background:none;text-decoration:underline}.subject-name.active{color:#42d9d0}.chapter-list{padding-left:1rem;margin-top:.3rem}.chapter-item{margin-bottom:.3rem;display:flex;align-items:flex-start}.chapter-button{background:none;border:none;cursor:pointer;color:#c9d8e2;text-align:left;line-height:1.4;white-space:normal;word-break:break-word;display:flex}.chapter-button.active,.section-item-text.active{color:#42d9d0}.chapter-button:hover{background:none}.chapter-button .list-button{flex:1}.section-item-text{padding-left:10px}.section-item-text:hover{text-decoration:underline}@media (max-width: 1050px){.study-tree{width:200px;flex:0 0 300px;max-width:300px}}@media (max-width: 768px){.study-tree{position:relative;width:250px;max-width:250px;height:auto;max-height:calc(100vh - 200px);max-height:calc(100dvh - var(--safe-y, 0px) - 200px);margin-right:0;box-shadow:0 4px 12px #0003;flex:none}}.guided-learning-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#0d294099,#14344e99);overflow:hidden}.learning-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#081c2d9e;border-bottom:2px solid #1687e8;box-shadow:0 2px 8px #00000014}.header-content{flex:1}.topic-badge{display:flex;align-items:center;gap:.5rem}.badge-icon{font-size:1.5rem;animation:gentle-bounce 2s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.badge-text{flex:1}.badge-title{font-size:1.1rem;font-weight:600;color:#f2f6f8;margin:0}.badge-subtitle{font-size:.8rem;color:#7f8c8d;margin-top:.1rem}.progress-indicator{max-width:400px}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.8rem;color:#a8bbc8}.progress-percent{font-weight:600;color:#1687e8}.progress-bar{height:6px;background:#14344e99;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#1687e8,#0b4f83);border-radius:10px;transition:width .6s ease}.header-controls{display:flex;gap:1rem;align-items:center}.voice-control{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .75rem;background:#0d294099;border-radius:8px;transition:all .3s}.voice-control:hover{background:#14344e99}.voice-control input{cursor:pointer}.voice-control span{font-size:1.25rem}.learning-conversation{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.learning-conversation::-webkit-scrollbar{width:8px}.learning-conversation::-webkit-scrollbar-track{background:transparent}.learning-conversation::-webkit-scrollbar-thumb{background:#1687e84d;border-radius:4px}.learning-conversation::-webkit-scrollbar-thumb:hover{background:#1687e880}.lesson-intro-container{overflow-y:auto;margin:1rem}.lesson-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 2rem;text-align:center;animation:fadeInUp .6s ease-out}.lesson-intro .intro-avatar{margin-bottom:1.5rem}.lesson-intro .intro-message{font-size:1.15rem;color:#a8bbc8;margin:0;line-height:1.6}.lesson-intro-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 2rem 2rem;text-align:center;animation:fadeInUp .6s ease-out}.lesson-intro-footer h2{margin:0 0 1rem;font-size:2rem;color:#f2f6f8}.lesson-intro-footer .intro-description{font-size:.95rem;color:#8ba2b2;max-width:500px;margin:0 0 2rem;line-height:1.6}.learning-info-section{padding:1.5rem;margin-right:1rem;background:#081c2d9e;border-radius:12px;box-shadow:0 2px 8px #00000014;animation:fadeInUp .5s ease-out}.learning-info-section::-webkit-scrollbar{width:8px}.learning-info-section::-webkit-scrollbar-track{background:transparent}.learning-info-section::-webkit-scrollbar-thumb{background:#1687e84d;border-radius:4px}.learning-info-section::-webkit-scrollbar-thumb:hover{background:#1687e880}.learning-info-section h3{margin:0 0 1rem;font-size:1.1rem;color:#1687e8;display:flex;align-items:center;gap:.5rem}.level-goal{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(100,210,235,.18)}.level-goal p{margin:0;font-size:1rem;color:#a8bbc8;line-height:1.6}.all-topics,.subthemes{margin-bottom:1rem}.all-topics ul,.subthemes ul{margin:0;padding-left:1.5rem;list-style-type:none;max-height:105px;overflow:auto;border-bottom:1px dashed rgba(100,210,235,.18)}.all-topics li,.subthemes li,.show-more-btn{margin:.5rem 0;padding-left:1.5rem;position:relative;color:#c9d8e2;line-height:1.5}.all-topics li:before,.subthemes li:before{content:"✓";position:absolute;left:0;color:#1687e8;font-weight:700}.show-more-btn{color:#1687e8;margin-top:0}.show-more-btn{background:none}.show-more-btn:hover{transform:translateY(-2px);background:none;text-decoration:underline}.show-more-btn:active{transform:translateY(0)}.query-recommendations{margin-top:1.5rem}.query-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.query-suggestion-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,#0d294099,#14344e99);border:2px solid #1687e8;border-radius:8px;color:#1687e8;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:500;text-align:left}.query-suggestion-btn:hover{background:linear-gradient(135deg,#1687e8,#0b4f83);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #1687e84d}.query-suggestion-btn:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-avatar{position:relative;margin-bottom:2rem}.avatar-circle{width:70px;height:70px;background:linear-gradient(135deg,#1687e8,#0b4f83);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 16px #1687e84d;position:relative;z-index:2}.avatar-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#1687e833;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@media (max-width: 768px){.lesson-intro-footer,.lesson-intro{padding:1rem 1rem 1.5rem}.start-lesson-btn{padding:.875rem 1.5rem;font-size:1rem;width:100%;max-width:280px;justify-content:center}.lesson-intro-footer h2,.lesson-intro h2{font-size:1.5rem}}.lesson-intro h2{margin:0 0 1rem;font-size:2rem;color:#f2f6f8}.intro-message{font-size:1.15rem;color:#a8bbc8;margin:0 0 1rem;line-height:1.6}.intro-description{font-size:.95rem;color:#8ba2b2;max-width:500px;line-height:1.6}.start-lesson-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#1687e8,#0b4f83);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1687e866}.start-lesson-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1687e880}.start-lesson-btn:active{transform:translateY(0)}.btn-icon{font-size:1.5rem}.intro-hint{margin-top:1rem;font-size:.85rem;color:#6f8797;font-style:italic}.conversation-flow{flex:1;overflow-y:auto;padding:2rem 1.5rem;max-width:900px;margin:0 auto;width:100%}.conversation-flow::-webkit-scrollbar{width:8px}.conversation-flow::-webkit-scrollbar-track{background:transparent}.conversation-flow::-webkit-scrollbar-thumb{background:#1687e84d;border-radius:4px}.conversation-flow::-webkit-scrollbar-thumb:hover{background:#1687e880}.conversation-block{margin-bottom:2rem;animation:slideInMessage .5s ease-out}@keyframes slideInMessage{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.teacher-message{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.message-avatar{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#1687e8,#0b4f83);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #1687e84d}.avatar-icon{font-size:1.5rem}.message-content{flex:1;background:#081c2d9e;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000014}.teacher-message .message-content{border:2px solid rgba(22,135,232,.4);background:linear-gradient(135deg,#081c2d9e,#0d294099);box-shadow:0 6px 20px #1687e840}.message-label .insight-badge{font-size:.75rem;color:#3fc89a;font-weight:600}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid rgba(100,210,235,.18)}.message-label{font-weight:600;color:#1687e8;font-size:.9rem}.message-time{font-size:.75rem;color:#6f8797}.message-text{color:#e6eef3;line-height:1.7;font-size:.95rem}.message-text p{margin:0 0 .75rem}.message-text p:last-child{margin-bottom:0}.audio-play-btn{margin-top:.75rem;padding:.5rem 1rem;background:#0d294099;border:1px solid rgba(100,210,235,.18);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.audio-play-btn:hover{background:#1687e8;color:#fff;border-color:#1687e8}.student-message{display:flex;gap:1rem;align-items:flex-start;justify-content:flex-end;margin-top:1rem;animation:slideInStudent .5s ease-out}@keyframes slideInStudent{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.student-content{background:linear-gradient(135deg,#1687e8,#0b4f83);color:#fff;border-radius:12px;padding:1rem 1.25rem;max-width:70%;box-shadow:0 2px 8px #1687e84d}.student-text{font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.student-time{font-size:.7rem;opacity:.8;display:block;text-align:right}.student-avatar{flex-shrink:0;width:40px;height:40px;background:#6c757d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.teacher-thinking{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.thinking-indicator{display:flex;gap:.5rem;padding:1rem 1.5rem;background:#081c2d9e;border-radius:12px;box-shadow:0 2px 8px #00000014}.thinking-indicator span{width:8px;height:8px;background:#1687e8;border-radius:50%;animation:thinking-bounce 1.4s infinite ease-in-out both}.thinking-indicator span:nth-child(1){animation-delay:-.32s}.thinking-indicator span:nth-child(2){animation-delay:-.16s}@keyframes thinking-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.thinking-text{font-size:.85rem;color:#8ba2b2;font-style:italic}.response-input-area{position:sticky;bottom:0;padding:.75rem 1rem;background:#081c2d9e;border-top:2px solid rgba(100,210,235,.18);box-shadow:0 -2px 8px #0000000d;z-index:10}.input-controls-bar{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;margin-bottom:.5rem;padding-bottom:.35rem}.control-btn{background:none;border:1px solid rgba(100,210,235,.18);padding:.4rem .75rem;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .2s}.control-btn:hover{background:#0d294099;border-color:#1687e8;transform:translateY(-1px)}.voice-toggle-inline{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.4rem .75rem;border:1px solid rgba(100,210,235,.18);border-radius:8px;transition:all .2s}.voice-toggle-inline:hover{background:#0d294099;border-color:#1687e8}.voice-toggle-inline input{cursor:pointer}.voice-toggle-inline span{font-size:1.1rem}.input-container{display:flex;gap:1rem;align-items:flex-end;max-width:900px;margin:0 auto}.response-input{border-bottom-left-radius:12px;font-size:.95rem;font-family:inherit;resize:none;transition:all .3s}.send-response-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#1687e8,#0b4f83);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;height:48px}.send-response-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1687e866}.send-response-btn:active:not(:disabled){transform:translateY(0)}.send-response-btn:disabled{opacity:.5;cursor:not-allowed}.input-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;font-size:.85rem;color:#a8bbc8}.input-hint kbd{padding:.15rem .4rem;background:#0d294099;border:1px solid rgba(100,210,235,.18);border-radius:4px;font-family:var(--font-mono);font-size:.75rem}.read-aloud-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem .5rem;color:#1687e8;transition:all .2s}.read-aloud-btn:hover{transform:scale(1.1);color:#0b4f83}.message-controls{display:flex;align-items:center;gap:.5rem}.input-guidance{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding:0 .25rem;max-width:900px;margin-left:auto;margin-right:auto}.guidance-text{font-size:.8rem;color:#a8bbc8}.keyboard-hint{font-size:.75rem;color:#6f8797}.keyboard-hint kbd{padding:.15rem .4rem;background:#0d294099;border:1px solid rgba(100,210,235,.18);border-radius:4px;font-family:var(--font-mono);font-size:.7rem}@media (max-width: 768px){.learning-header{flex-direction:column;align-items:flex-start;gap:1rem}.progress-indicator{width:100%;max-width:none}.learning-conversation{padding:1rem}.teacher-message,.student-message{gap:.75rem}.message-avatar{width:40px;height:40px}.avatar-icon{font-size:1.25rem}.student-content{max-width:85%}.response-input-area{padding:.75rem}.input-controls-bar{margin-bottom:.5rem;padding-bottom:.35rem}.herma-chat-input{gap:.5rem;align-items:center}.send-response-btn{height:44px;padding:.75rem 1rem;font-size:.9rem;flex-shrink:0}.input-hint{font-size:.75rem;margin-top:.5rem}}.guided-learning-container{background:linear-gradient(180deg,#ffffff0a,#fff0 30%),#081c2d80;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-highlight)}.learning-header{padding:14px 18px;background:#04101c59;border-bottom:1px solid var(--glass-border);box-shadow:none}.topic-badge .badge-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--cyan-soft);background:radial-gradient(circle at 30% 20%,#42d9d038,#0b4f8340);border:1px solid var(--glass-border)}.topic-badge .badge-title{color:var(--text-primary);font-weight:700}.topic-badge .badge-subtitle{color:var(--text-secondary)}.input-controls-bar .control-btn,.input-controls-bar .voice-toggle-inline{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:10px;color:var(--text-secondary);background:#ffffff08;border:1px solid var(--glass-border);box-shadow:none}.input-controls-bar .control-btn:hover,.input-controls-bar .voice-toggle-inline:hover{color:var(--cyan-soft);border-color:#68e6e080;background:#42d9d014}.voice-toggle-inline{position:relative;cursor:pointer}.voice-toggle-inline input{position:absolute;opacity:0;pointer-events:none}.voice-toggle-icon{display:inline-flex}.voice-toggle-inline:has(input:checked){color:var(--cyan-soft);border-color:#68e6e073}.voice-toggle-inline:focus-within{outline:2px solid var(--cyan);outline-offset:2px}.intro-avatar .avatar-circle{display:grid;place-items:center;width:84px;height:84px;background:radial-gradient(circle at 30% 25%,#14466e,#08223a 70%);border:1px solid var(--glass-border-strong);box-shadow:0 0 28px #2ca9ff47,inset 0 1px 0 var(--glass-highlight)}.avatar-piece{width:64px;height:64px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}.lesson-intro .intro-message{color:var(--text-primary)}.lesson-intro .intro-description{color:var(--text-secondary)}.response-input-area{background:#04101c4d;border-top:1px solid var(--glass-border)}.start-lesson-btn:not(:disabled){color:#2a1c05;border:1px solid rgba(255,226,150,.6);border-radius:12px;background:linear-gradient(180deg,#f1c866,#d9a94a 55%,#a97a26);box-shadow:0 6px 22px #d9a94a59,inset 0 1px #fff5d2b3}.start-lesson-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 28px #d9a94a73,inset 0 1px #fff5d2cc}.start-lesson-btn .btn-icon{display:inline-flex}.start-lesson-btn:disabled{border-radius:12px}.assessment-modal{max-width:800px;max-height:90vh;max-height:90dvh;overflow-y:auto}.assessment-intro{text-align:center;padding:20px}.required-topics{margin:20px 0;text-align:left;background:#0d294099;padding:15px;border-radius:8px}.required-topics h4{margin-top:0;color:#e6eef3}.required-topics ul{margin:10px 0;padding-left:25px}.required-topics li{margin:5px 0}.assessment-note{margin:20px 0;padding:15px;background:#d9a94a29;border-left:4px solid #ffc107;border-radius:4px;text-align:left}.assessment-questions{padding:20px 0}.question-block{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.question-text{font-size:16px;margin-bottom:15px;color:#e6eef3;line-height:1.5}.options-list{display:flex;flex-direction:column;gap:10px}.option-label{display:flex;align-items:start;padding:12px;background:#081c2d9e;border:2px solid rgba(100,210,235,.18);border-radius:6px;cursor:pointer;transition:all .2s}.option-label:hover{background:#f0f8ff;border-color:#1687e8}.option-label input[type=radio]{margin-right:10px;margin-top:3px;cursor:pointer}.option-label input[type=radio]:checked+.option-text{color:#1687e8;font-weight:600}.option-text{flex:1;line-height:1.5}.assessment-actions{margin-top:30px;text-align:center}.assessment-result{padding:20px 0}.result-header{text-align:center;padding:20px;border-radius:8px;margin-bottom:30px}.result-header.passed{background:#3fc89a24;color:#3fc89a;border:2px solid #c3e6cb}.result-header.failed{background:#f0776a24;color:#f0776a;border:2px solid #f5c6cb}.result-header h3{margin:0 0 10px}.result-score{font-size:18px;font-weight:600}.results-details{display:flex;flex-direction:column;gap:20px}.result-item{padding:15px;border-radius:8px;border-left:4px solid}.result-item.correct{background:#f0f9ff;border-color:#4caf50}.result-item.incorrect{background:#fff5f5;border-color:#f44336}.result-question{font-weight:600;margin-bottom:10px;color:#e6eef3}.result-answer{margin-bottom:8px;color:#a8bbc8}.result-explanation{padding:10px;background:#ffffffb3;border-radius:4px;font-size:14px;line-height:1.5;color:#a8bbc8}.retry-message,.success-message{margin-top:30px;padding:20px;text-align:center;background:#0d294099;border-radius:8px}.success-message{background:#3fc89a24;color:#3fc89a}.error-message{margin:15px 0;padding:12px;background:#f0776a24;color:#f0776a;border:1px solid #f5c6cb;border-radius:4px;text-align:center}.chapter-button.locked{opacity:.6;cursor:not-allowed}.chapter-button.locked:hover{background:inherit}.chapter-button.needs-assessment{border-left:2px solid rgba(242,180,90,.7);border-radius:0;padding-left:6px;background:transparent}.chapter-button.needs-assessment:hover{background:#f2b45a14;border-left-color:#f2b45a}.topic-status-icon{margin-left:8px;font-size:14px}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-in-out}.payment-modal-content{background:#081c2d9e;border-radius:16px;padding:40px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out;text-align:center}.payment-modal-icon{display:flex;justify-content:center;margin-bottom:24px;animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55)}.payment-modal-icon.success svg circle{animation:pulse .6s ease-in-out}.spinner-container{display:flex;justify-content:center;align-items:center}.spinner{animation:spin 1s linear infinite}.payment-modal-verify-content{margin-top:24px;padding:20px}.verify-info{text-align:center}.verify-text{font-size:14px;color:#a8bbc8;margin:0;font-style:italic}.payment-modal-title{font-size:28px;font-weight:700;margin:0 0 16px;color:#f2f6f8}.payment-modal-message{font-size:16px;color:#a8bbc8;margin:0 0 32px;line-height:1.6}.payment-modal-success-content,.payment-modal-error-content{margin-top:24px}.payment-modal-benefits{background:#0d294099;border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.benefit-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;color:#e6eef3}.benefit-icon{font-size:20px;flex-shrink:0}.payment-modal-help{background:#d9a94a29;border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.help-text{font-weight:600;color:#f1c866;margin:0 0 12px;font-size:16px}.help-list{margin:0;padding-left:20px;color:#f1c866}.help-list li{margin:6px 0;font-size:14px}.payment-modal-actions{display:flex;gap:12px;flex-wrap:wrap}.payment-modal-btn{flex:1;min-width:140px;padding:14px 24px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.payment-modal-btn.primary{background:linear-gradient(135deg,#1687e8,#0b4f83);color:#fff;box-shadow:0 4px 15px #1687e866}.payment-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1687e880}.payment-modal-btn.secondary{background:#1687e8;color:#fff}.payment-modal-btn.secondary:hover{background:#5568d3;transform:translateY(-1px)}.payment-modal-btn.tertiary{background:transparent;color:#1687e8;border:2px solid #1687e8}.payment-modal-btn.tertiary:hover{background:#1687e8;color:#fff}.payment-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:24px;color:#6f8797;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.payment-modal-close:hover{background:#0d294099;color:#e6eef3}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 600px){.payment-modal-content{padding:24px}.payment-modal-title{font-size:24px}.payment-modal-message{font-size:14px}.payment-modal-actions{flex-direction:column}.payment-modal-btn{width:100%}}:root{--pc-bg: transparent;--pc-content-bg: transparent;--pc-text: #f2f6f8;--pc-muted: #a8bbc8;--pc-card-bg: rgba(12, 38, 60, .72);--pc-card-white-bg: rgba(8, 28, 45, .62);--pc-primary: #2ca9ff;--pc-input-bg: rgba(4, 16, 28, .55);--pc-border: rgba(100, 210, 235, .18)}.payment-page{text-align:center;font-family:var(--font-body);background:var(--pc-bg);color:var(--pc-text);min-height:100%;padding:28px}.payment-inner{max-width:1200px;margin:0 auto}.top-row{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.left-column{flex:1 1 640px;min-width:300px}.payment-page .title{margin:0;font-size:28px;color:var(--pc-text)}.selected-plan{color:var(--pc-primary)}.subtitle{margin-top:8px;color:var(--pc-muted)}.selected-plan-strong{color:var(--pc-text)}.carousel-wrapper{position:relative;margin-top:18px}.carousel-wrapper .arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:36px;height:36px;border-radius:10px;border:none;box-shadow:0 6px 18px #00000080;background:var(--pc-card-bg);color:var(--pc-text);cursor:pointer}.payment-page .arrow.left{left:0;transform:translate(-50%,-50%)}.payment-page .arrow.right{right:0;transform:translate(50%,-50%)}.carousel{display:flex;gap:16px;overflow-x:auto;padding:8px 40px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:stretch;justify-content:safe center}.loading-spinner-container{display:flex;justify-content:center;align-items:center;width:100%;padding:60px 20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(42,107,127,.3);border-top-color:var(--pc-primary);border-radius:50%;animation:spin .8s linear infinite}.card{flex:0 0 200px;border-radius:12px;padding:14px;box-sizing:border-box;background:var(--pc-card-white-bg);color:var(--pc-text);box-shadow:0 6px 18px #0006;border:1px solid var(--pc-border);cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:160px}.card.selected{background:linear-gradient(180deg,#05214a,#063055);color:#fff;box-shadow:0 10px 30px #02061773;border:2px solid var(--pc-primary)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-title{font-size:15px;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-check{font-size:15px;flex-shrink:0}.card-body{display:flex;flex-direction:column;gap:4px}.card-body .label-monthly,.card-body .label-yearly{font-size:12px;color:var(--pc-muted)}.card.selected .card-body .label-monthly,.card.selected .card-body .label-yearly{color:#ffffffe6}.monthly-price{font-size:18px;font-weight:800}.yearly-price{font-size:14px;font-weight:700}.card-footer{margin-top:auto;font-size:12px;color:var(--pc-muted)}.card.selected .card-footer{color:#ffffffd9}.controls{display:flex;gap:16px;align-items:center;margin-top:20px;flex-wrap:wrap}.coupon-group{display:flex;gap:8px;align-items:center;flex:1 1 340px}.coupon-input{flex:1;padding:10px 12px;border-radius:8px;background:var(--pc-input-bg);border:1px solid var(--pc-border);color:var(--pc-text);outline:none;font-size:14px}.coupon-button{padding:10px 14px;border-radius:8px;background:var(--pc-primary);color:#fff;border:none;font-weight:700;cursor:pointer}.coupon-applied{color:#099c6e;font-weight:700;margin-top:8px}.summary-row{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:20px;margin-bottom:20px;flex-wrap:wrap}.summary-box{padding:12px 16px;border-radius:10px;background:#071925;color:var(--pc-text);display:flex;flex-direction:column;min-width:370px}.summary-label{font-size:12px;color:var(--pc-muted)}.summary-plan{font-weight:800;font-size:18px;margin-top:6px}.billing-row{margin-top:8px;display:flex;gap:12px;align-items:center;width:100%}.billing-toggle{display:flex;border-radius:999px;padding:4px;background:#07262f;border:1px solid var(--pc-border);flex:0 1 220px}.billing-btn{padding:8px 14px;min-width:110px;border-radius:999px;background:transparent;color:var(--pc-text);border:none;cursor:pointer;font-weight:700;font-size:14px;flex:1}.billing-btn.active{background:var(--pc-primary);color:#fff}.price-display{margin-left:auto;align-self:center;text-align:right}.price-label{font-size:13px;color:var(--pc-muted)}.price-value{font-size:26px;font-weight:900;margin-top:4px}.price-note{font-size:11px;color:var(--pc-muted)}.subscribe-container{margin-top:12px}.current-plan-message{padding:20px;background:linear-gradient(135deg,#0f3443,#1a4d5e);border-radius:12px;text-align:center;border:2px solid #2a6b7f;box-shadow:0 4px 12px #2a6b7f4d}.current-plan-message strong{color:#4ade80;font-size:18px;display:block;margin-bottom:8px}.current-plan-message p{color:#94ddf0;margin:0;font-size:14px}.note{margin-top:26px;color:var(--pc-muted);font-size:13px}.note strong{color:var(--pc-text)}.right-column{width:320px;min-width:240px}.aside-box{border-radius:12px;padding:16px;background:#0f2b3a;box-shadow:0 8px 30px #0009;border:1px solid var(--pc-border)}.aside-title{margin-top:0;color:var(--pc-text)}.aside-list{margin:0;padding-left:18px;color:var(--pc-muted)}.aside-note{margin-top:12px;font-size:13px;color:var(--pc-muted)}@media (max-width: 900px){.right-column{width:100%;min-width:auto}.carousel{padding:8px 12px}.summary-box{min-width:auto;width:100%}}.payment-page .title{font-size:clamp(1.5rem,3vw,2rem);font-weight:750;letter-spacing:-.02em}.payment-page .selected-plan{color:var(--gold-light)}.payment-page .carousel-wrapper .arrow{border:1px solid var(--glass-border-strong);background:var(--glass-elevated);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-highlight)}.payment-page .carousel-wrapper .arrow:hover{border-color:#68e6e08c;box-shadow:var(--shadow-sm),var(--glow-cyan)}.payment-page .card{border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0d,#fff0 40%,#0000001f),var(--glass-surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-highlight);transition:transform var(--t-base) var(--ease-out),border-color var(--t-base),box-shadow var(--t-base)}.payment-page .card:hover{transform:translateY(-2px);border-color:var(--glass-border-strong)}.payment-page .card.selected{color:var(--text-primary);border:1px solid rgba(104,230,224,.65);background:linear-gradient(180deg,#42d9d01f,#1687e80f 60%),var(--glass-elevated);box-shadow:var(--shadow-md),0 0 24px #42d9d038,inset 0 1px #c8f0ff38}.payment-page .loading-spinner{border-color:#a8bbc833;border-top-color:var(--cyan)}.report-bug-root{padding:20px;max-width:900px}.report-form{display:flex;flex-direction:column;gap:12px}.report-form .label{font-weight:600}.input,.select,.textarea{padding:.75rem;font-size:1rem;border:1px solid rgb(55,65,81);background-color:#0d2940;color:#fff;width:100%;border-radius:6px;max-width:-webkit-fill-available}.textarea{resize:vertical}.row{display:flex;gap:12px}.actions{margin-top:12px;display:flex;justify-content:flex-end}.primary{background:linear-gradient(180deg,#2ca9ff,#1687e8 60%,#0b4f83);color:#fff;min-height:42px;padding:0 22px;border:1px solid rgba(120,200,255,.5);border-radius:12px;cursor:pointer;font-weight:650;box-shadow:0 8px 22px #1687e84d,inset 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .2s ease}.primary:hover:not(:disabled):not([disabled]){transform:translateY(-1px);background:linear-gradient(180deg,#45b6ff,#1f93f0 60%,#0d5a95);box-shadow:0 12px 28px #1687e86b,inset 0 1px #ffffff59}.primary:disabled{opacity:.6;cursor:not-allowed}.attachment-name{margin-top:6px;font-size:13px;color:#c9d8e2}@media (max-width: 700px){.row{flex-direction:column}}.report-intro{margin:12px 0 18px;color:#e6eef3;line-height:1.4}.bug-list-section{margin-top:28px}.bug-list-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.bug-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.bug-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid rgba(100,210,235,.18);border-radius:8px;background:#081c2d9e}.bug-left{display:flex;flex-direction:column;gap:6px}.bug-title{font-weight:700}.bug-meta{display:flex;gap:8px;align-items:center;color:#a8bbc8;font-size:13px}.badge{padding:4px 8px;border-radius:12px;font-weight:700;font-size:12px}.severity-low{background:#3fc89a24;color:#065f46}.severity-medium{background:#d9a94a1f;color:#7c2d12}.severity-high{background:#f0776a24;color:#7f1d1d}.bug-right{display:flex;align-items:center;gap:8px}.status{padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}.status-open{background:#42d9d01f;color:#035f5f}.status-inprogress{background:#f2b45a24;color:#92400e}.status-closed{background:#0d294099;color:#c9d8e2}.muted{color:#8ba2b2}.error{color:#a8433a}.secondary{background:transparent;border:1px solid rgba(100,210,235,.18);padding:6px 10px;border-radius:6px;cursor:pointer}.secondary:disabled{opacity:.6;cursor:not-allowed}.profile-layout{display:flex;gap:20px;min-height:600px}.profile-nav{flex-shrink:0;width:200px;background:#0d2940;border:1px solid #1d3d57;border-radius:8px;padding:10px;height:fit-content;box-shadow:0 1px 3px #0000001a}.profile-nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:6px;text-decoration:none;color:#d1d5db;font-size:14px;font-weight:500;transition:all .2s ease;margin-bottom:5px}.profile-nav-item:hover{background:#1d3d57;color:#2ca9ff}.profile-nav-item.active{background:#1687e8;color:#fff}.profile-nav-item .nav-icon{font-size:18px;width:24px;text-align:center}.profile-nav-item .nav-label{flex:1}.profile-content-area{flex:1;min-width:0}@media (max-width: 768px){.profile-layout{flex-direction:column}.profile-nav{width:100%;display:flex;overflow-x:auto;padding:5px}.profile-nav-item{flex-direction:column;min-width:80px;text-align:center;gap:5px;padding:10px;margin-bottom:0;margin-right:5px}.profile-nav-item .nav-icon{font-size:20px}.profile-nav-item .nav-label{font-size:12px}}.profile-layout{gap:24px}.profile-layout .profile-nav{width:210px;padding:10px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0b,#fff0 40%),var(--glass-surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-highlight);position:sticky;top:12px}.profile-layout .profile-nav-item{position:relative;padding:11px 14px;border-radius:10px;color:var(--text-secondary);font-weight:550;margin-bottom:4px}.profile-layout .profile-nav-item:hover{background:#64b4e614;color:var(--text-primary)}.profile-layout .profile-nav-item.active{color:var(--text-primary);font-weight:650;background:linear-gradient(90deg,#42d9d029,#1687e814);box-shadow:inset 0 0 0 1px #64d2eb38}.profile-layout .profile-nav-item.active .nav-icon{color:var(--cyan-soft);filter:drop-shadow(0 0 6px rgba(66,217,208,.5))}.profile-layout .profile-nav-item.active:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--cyan);box-shadow:0 0 8px #42d9d0cc}.profile-layout :is(.profile-header,.preferences-header){margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.profile-layout :is(.profile-header h2,.preferences-header h2,.profile-section-placeholder>h2){display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:1.5rem;font-weight:750;letter-spacing:-.01em;color:var(--text-primary)}.profile-layout :is(.profile-header h2,.preferences-header h2,.profile-section-placeholder>h2) svg{color:var(--cyan-soft)}.profile-layout :is(.profile-subtitle,.profile-section-placeholder>p){margin:0 0 20px;color:var(--text-secondary);font-size:.92rem}.profile-layout :is(.profile-section,.preference-section){position:relative;padding:22px;margin-bottom:18px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0b,#fff0 38%,#0000001a),var(--glass-surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-highlight)}.profile-layout :is(.profile-section h3,.preference-section h3){display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:0 0 12px;font-size:1.05rem;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--glass-border)}.profile-layout :is(.profile-section h3,.preference-section h3) svg{color:var(--cyan-soft)}.profile-layout .section-header{border-bottom-color:var(--glass-border)}.profile-layout .preference-section ul{margin:0;padding-left:18px;color:var(--text-secondary)}.profile-layout .preference-section li::marker{color:var(--cyan)}.profile-layout :is(.form-group label,.preference-item label){font-size:.82rem;font-weight:600;letter-spacing:.01em;color:var(--text-secondary)}.profile-layout :is(.form-group input,.preference-item input,.preference-item select){min-height:42px;box-sizing:border-box}.profile-layout .checkbox-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff06;border:1px solid transparent;transition:border-color var(--t-base),background var(--t-base)}.profile-layout .checkbox-item:hover{background:#64b4e60f;border-color:var(--glass-border)}.profile-layout .checkbox-item label{color:var(--text-primary);font-weight:500;font-size:.9rem}.profile-layout .checkbox-item input[type=checkbox]{width:18px;height:18px}.profile-layout :is(.btn-submit,.btn-save){min-height:42px;padding:0 22px;border:1px solid rgba(120,200,255,.5);border-radius:12px;color:#fff;font-weight:650;background:linear-gradient(180deg,#2ca9ff,#1687e8 60%,#0b4f83);box-shadow:0 8px 22px #1687e84d,inset 0 1px #ffffff4d;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-base)}.profile-layout :is(.btn-submit,.btn-save):hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,#45b6ff,#1f93f0 60%,#0d5a95);box-shadow:0 12px 28px #1687e86b,inset 0 1px #ffffff59}.profile-layout :is(.btn-secondary){min-height:42px;padding:0 20px;border-radius:12px;color:var(--text-primary);background:var(--glass-elevated);border:1px solid var(--glass-border-strong)}.profile-layout :is(.btn-cancel,.btn-reset){min-height:42px;padding:0 20px;border-radius:12px;color:var(--danger);background:transparent;border:1px solid rgba(240,119,106,.45);box-shadow:none}.profile-layout :is(.btn-cancel,.btn-reset):hover:not(:disabled){color:#fff;background:#f0776a29}.profile-layout :is(.btn-submit,.btn-save,.btn-secondary,.btn-cancel,.btn-reset):active:not(:disabled){transform:scale(.98)}.profile-layout .stat-item{border-radius:12px;background:#ffffff08;border:1px solid var(--glass-border)}@media (max-width: 768px){.profile-layout .profile-nav{width:100%;position:static;box-sizing:border-box}.profile-layout .profile-nav-item.active:before{left:22%;right:22%;top:auto;bottom:0;width:auto;height:3px;border-radius:3px 3px 0 0}.profile-layout :is(.profile-section,.preference-section){padding:16px}}.profile-layout .profile-section:empty{display:none}.profile-update-container{max-width:800px;margin:0 auto;padding:20px}.profile-header{margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid rgba(100,210,235,.18)}.profile-header h2{margin:0 0 5px;font-size:24px;color:#f0f0f0}.profile-subtitle{margin:0;font-size:14px;color:#8ba2b2}.profile-content{display:flex;flex-direction:column;gap:25px}.profile-section{background:#0d2940;border:1px solid #1d3d57;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.profile-section h3{margin:0 0 20px;font-size:18px;color:#f0f0f0;padding-bottom:10px;border-bottom:1px solid rgba(100,210,235,.18)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(100,210,235,.18)}.section-header h3{margin:0;padding:0;border:none}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#d1d5db}.form-group input{width:100%;padding:10px;border:1px solid rgba(100,210,235,.18);border-radius:6px;font-size:14px;color:#f0f0f0;transition:border-color .3s ease;background:#1d3d57;border-color:#2b4a63}.form-group input:focus{outline:none;border-color:#1687e8}.form-group input.disabled-input{background:#0d2940;color:#6f8797;cursor:not-allowed}.form-hint{display:block;margin-top:5px;font-size:12px;color:#999;font-style:italic}.btn-submit,.btn-secondary,.btn-cancel{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-submit{background:#1687e8;color:#fff}.btn-submit:hover:not(:disabled){background:#0b4f83}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:#2b4a63}.btn-cancel{background:#e2574c;color:#fff}.btn-cancel:hover:not(:disabled){background:#c94b41}.button-group{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.contact-list{display:flex;flex-direction:column}.contact-item{display:flex;flex-direction:column;gap:12px;padding:14px 0;border-bottom:1px solid var(--sc-divider, rgba(100, 180, 210, .12))}.contact-item:first-child{padding-top:0}.contact-item:last-child{padding-bottom:0;border-bottom:0}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.contact-row-main{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-row-label{font-size:12px;font-weight:500;color:#8ba2b2;text-transform:uppercase;letter-spacing:.5px}.contact-row-value{font-size:15px;color:#f0f0f0;overflow-wrap:anywhere}.contact-row-value.unset{color:#6f8797;font-style:italic}.contact-item .form-hint{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-item{display:flex;flex-direction:column;gap:8px;padding:15px;background:#1d3d57;border-radius:6px;border:1px solid #2b4a63}.stat-label{font-size:12px;font-weight:500;color:#8ba2b2;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:16px;font-weight:600;color:#f9fafb}@media (max-width: 768px){.profile-update-container,.profile-section{padding:15px}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.btn-secondary{width:100%}.button-group{flex-direction:column-reverse}.button-group button{width:100%}.stats-grid{grid-template-columns:1fr}}.preferences-container{max-width:1000px;margin:0 auto;padding:20px}.preferences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid rgba(100,210,235,.18)}.preferences-header h2{margin:0;font-size:24px;color:#f0f0f0}.preferences-actions{display:flex;gap:10px}.btn-save,.btn-reset{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-save{background:#1687e8;color:#fff}.btn-save:hover:not(:disabled){background:#0b4f83}.btn-reset{background:#e2574c;color:#fff}.btn-reset:hover:not(:disabled){background:#c94b41}.btn-save:disabled,.btn-reset:disabled{opacity:.5;cursor:not-allowed}.preferences-content{display:flex;flex-direction:column;gap:30px}.preference-section{background:#0d2940;border:1px solid #1d3d57;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.preference-section h3{margin:0 0 20px;font-size:18px;color:#f0f0f0;padding-bottom:10px;border-bottom:1px solid rgba(100,210,235,.18)}.preference-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.preference-item{display:flex;flex-direction:column;gap:8px}.preference-item label{font-size:14px;font-weight:500;color:#d1d5db}.preference-item select,.preference-item input[type=text],.preference-item input[type=email]{padding:10px;border:1px solid #2b4a63;border-radius:6px;font-size:14px;transition:border-color .3s ease;background:#1d3d57;color:#f0f0f0}.preference-item select:focus,.preference-item input[type=text]:focus,.preference-item input[type=email]:focus{outline:none;border-color:#1687e8}.preference-item input[type=range]{width:100%;height:6px;border-radius:3px;color:#f0f0f0;outline:none;background:#2b4a63}.preference-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#1687e8;cursor:pointer;transition:background .3s ease}.preference-item input[type=range]::-webkit-slider-thumb:hover{background:#0b4f83}.preference-item input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#1687e8;cursor:pointer;border:none;transition:background .3s ease}.preference-item input[type=range]::-moz-range-thumb:hover{background:#0b4f83}.checkbox-item{flex-direction:row;align-items:center;gap:10px}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1687e8}.checkbox-item label{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.loading,.error{text-align:center;padding:40px;font-size:16px;color:#666}.error{color:#e2574c}@media (max-width: 768px){.preferences-container{padding:15px}.preferences-header{flex-direction:column;align-items:flex-start;gap:15px}.preferences-actions{width:100%}.btn-save,.btn-reset{flex:1}.preference-group{grid-template-columns:1fr}.preference-section{padding:15px}}.manage-subscription{padding:2rem;width:100%;margin:0;background:#1a1d29;min-height:100vh;min-height:100dvh}.subscription-header{margin-bottom:2.5rem}.subscription-header h2{font-size:2rem;font-weight:700;color:#e8eaed;margin-bottom:.5rem}.subscription-header p{color:#9aa0a6;font-size:1rem}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}.error-state svg{color:#e2574c;margin-bottom:1rem}.error-state h3{font-size:1.5rem;margin-bottom:.5rem;color:#e8eaed}.error-state p{color:#9aa0a6;margin-bottom:1.5rem}.subscription-card{background:#0d2940;border:1px solid #1d3d57;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;box-shadow:0 4px 16px #0003}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid #3a3f4f}.action-buttons-container{display:flex;gap:1rem;margin-bottom:1.5rem}.action-buttons-container .upgrade-banner{flex:1;margin-bottom:0}.upgrade-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#1687e8,#0b4f83);border-radius:8px;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.upgrade-info{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:500;flex:1;min-width:200px}.upgrade-info svg{flex-shrink:0}.btn-upgrade{padding:.5rem 1.5rem;background:#fff;color:#1687e8;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.btn-upgrade:hover{background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-2px);box-shadow:0 6px 16px #00000040;color:#fff}.btn-upgrade:disabled{opacity:.6;cursor:not-allowed;transform:none}.card-header>div:first-child{display:flex;flex-direction:column;gap:.75rem}.card-header h3{font-size:1.75rem;font-weight:700;color:#e8eaed;margin:0;letter-spacing:-.02em;word-break:break-word;overflow-wrap:break-word;max-width:100%}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:24px;font-size:.875rem;font-weight:600;letter-spacing:.02em}.status-badge.active{background:#4caf5026;color:#66bb6a;border:1px solid rgba(76,175,80,.3)}.status-badge.cancelled{background:#ef535026;color:#e2574c;border:1px solid rgba(239,83,80,.3)}.status-badge.halted{background:#ffa72626;color:#ffa726;border:1px solid rgba(255,167,38,.3)}.status-badge.pending{background:#9e9e9e26;color:#bdbdbd;border:1px solid rgba(158,158,158,.3)}.subscription-amount{display:flex;flex-direction:column;align-items:flex-end;font-size:2.5rem;font-weight:800;color:#1687e8;line-height:1}.billing-cycle{font-size:1rem;color:#9aa0a6;font-weight:500;margin-top:.25rem}.billing-cycle-small{font-size:.875rem;color:#9aa0a6;font-weight:400;margin-left:.25rem}.subscription-details{display:flex;flex-direction:column;gap:2rem}.detail-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.detail-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#3a3f4f66;border-radius:12px;transition:all .3s ease}.detail-item:hover{background:#3a3f4f99;transform:translateY(-2px)}.detail-item svg{color:#1687e8;flex-shrink:0;margin-top:.25rem}.detail-item>div{display:flex;flex-direction:column;gap:.375rem;flex:1}.detail-label{font-size:.8125rem;color:#9aa0a6;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:1.125rem;color:#e8eaed;font-weight:600}.subscription-id{font-family:var(--font-mono);font-size:.875rem;background:#3a3f4f99;padding:.375rem .75rem;border-radius:6px;color:#1687e8;word-break:break-all}.subscription-actions{margin-top:3rem}.subscription-actions h3{font-size:1.5rem;font-weight:700;color:#e8eaed;margin-bottom:1.5rem}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.action-card{background:#0d2940;border:1px solid #1d3d57;border-radius:16px;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column}.action-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px);border-color:#1687e8}.action-card.danger:hover{border-color:#e2574c}.action-icon{width:56px;height:56px;background:#1687e826;color:#1687e8;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.action-card.danger .action-icon{background:#ef535026;color:#e2574c}.action-card.success .action-icon{background:#4caf501a;color:#66bb6a}.action-card h4{font-size:1.25rem;font-weight:700;color:#e8eaed;margin-bottom:.75rem}.action-card p{font-size:.9375rem;color:#9aa0a6;margin-bottom:1.5rem;line-height:1.6;flex:1}.btn-primary,.btn-secondary,.btn-danger,.btn-success{width:100%;padding:.875rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.btn-primary:hover:not(:disabled){background:#0b4f83;transform:translateY(-2px);box-shadow:0 6px 16px #1687e866}.btn-secondary{background:#3a3f4f99;color:#e8eaed;border:1px solid #3a3f4f}.btn-secondary:hover:not(:disabled){background:#3a3f4fe6;border-color:#1687e8}.btn-danger{background:#e2574c;color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px);box-shadow:0 6px 16px #ef535066}.btn-success{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.btn-danger:disabled,.btn-secondary:disabled,.btn-primary:disabled,.btn-success:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width: 768px){.action-buttons-container{flex-direction:column}.action-buttons-container .upgrade-banner{margin-bottom:1rem}.action-buttons-container .upgrade-banner:last-child{margin-bottom:0}}@media (max-width: 1200px){.manage-subscription{padding:1.5rem}.card-header{flex-direction:column;gap:1rem;align-items:flex-start;padding-bottom:1.5rem;margin-bottom:2rem}.card-header h3{font-size:1.5rem}.subscription-amount{font-size:2rem;align-items:flex-start}.detail-row{grid-template-columns:1fr;gap:1rem}.action-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.manage-subscription{padding:1.5rem 1rem}.subscription-card{padding:1.5rem}.card-header{flex-direction:column;gap:1.5rem;align-items:flex-start}.card-header h3{font-size:1.25rem}.subscription-amount{font-size:2rem;align-items:flex-start}.detail-row,.action-cards{grid-template-columns:1fr}.subscription-header h2{font-size:1.75rem}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-content{background:#252834;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%;border:1px solid #3a3f4f;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header{padding:2rem 2rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:2px solid #3a3f4f}.dialog-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#e8eaed}.dialog-header.success svg{color:#66bb6a}.dialog-header.error svg{color:#e2574c}.dialog-header.info svg{color:#1687e8}.dialog-header.warning svg{color:#ff9800}.dialog-body{padding:2rem}.dialog-body p{margin:0;color:#9aa0a6;font-size:1rem;line-height:1.6}.dialog-footer{padding:1.5rem 2rem 2rem;display:flex;justify-content:flex-end;gap:1rem}.dialog-footer .btn-primary{min-width:100px}.no-subscription-section{margin-bottom:2rem}.premium-card{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#0615228c,#061522eb 70%),url(/images/hero-chess-800.webp) center top / cover no-repeat,var(--glass-elevated);border:1px solid rgba(217,169,74,.45);border-radius:22px;padding:3rem;text-align:center;box-shadow:var(--shadow-lg),0 0 30px #d9a94a1f,inset 0 1px #ffe6aa40}.premium-icon{width:72px;height:72px;background:radial-gradient(circle at 30% 25%,#f1c8664d,#a97a262e);border:1px solid rgba(217,169,74,.5);box-shadow:0 0 24px #d9a94a40;color:#f1c866;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.premium-card h3{font-size:1.9rem;font-weight:750;letter-spacing:-.02em;color:#f2f6f8;margin-bottom:.75rem}.premium-card>p{font-size:1.05rem;color:#a8bbc8;margin-bottom:2rem;line-height:1.6}.premium-benefits{list-style:none;padding:0;margin:0 0 2rem;display:inline-block;text-align:left}.premium-benefits li{font-size:1rem;color:#e6eef3;margin-bottom:.75rem;padding:6px 14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(100,210,235,.14)}.premium-card .premium-btn{display:block;max-width:300px;margin:0 auto;min-height:46px;color:#2a1c05;font-weight:700;border:1px solid rgba(255,226,150,.6);border-radius:12px;background:linear-gradient(180deg,#f1c866,#d9a94a 55%,#a97a26);box-shadow:0 6px 22px #d9a94a59,inset 0 1px #fff5d2b3}.premium-card .premium-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(180deg,#f6d27a,#dfb258 55%,#b0812c);box-shadow:0 10px 28px #d9a94a73,inset 0 1px #fff5d2cc}.subscription-history{margin-top:3rem;padding-top:3rem;border-top:2px solid #3a3f4f}.subscription-history h3{font-size:1.5rem;font-weight:700;color:#e8eaed;margin-bottom:1.5rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#0d2940;border:1px solid #1d3d57;border-radius:12px;padding:1.5rem;transition:all .3s ease}.history-item:hover{border-color:#1687e8;transform:translate(4px);box-shadow:0 4px 12px #0003}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #3a3f4f}.history-header>div:first-child{display:flex;flex-direction:column;gap:.5rem}.history-header h4{font-size:1.25rem;font-weight:600;color:#e8eaed;margin:0}.history-amount{font-size:1.5rem;font-weight:700;color:#9aa0a6}.history-details{display:flex;flex-direction:column;gap:.75rem}.history-detail{display:flex;justify-content:space-between;align-items:center;gap:1rem}.history-detail .label{font-size:.875rem;color:#9aa0a6;font-weight:600}.history-detail .value{font-size:.9375rem;color:#e8eaed;font-weight:500;text-align:right}.invoices-section{width:100%;margin-top:.5rem}.invoices-title{font-size:1rem;font-weight:700;color:#e8eaed;margin-bottom:1rem}.invoices-list{display:flex;flex-direction:column;gap:.75rem}.invoice-item{background:#3a3f4f66;border:1px solid #3a3f4f;border-radius:8px;padding:1rem;transition:all .2s ease}.invoice-item:hover{background:#3a3f4f99;border-color:#1687e8}.invoice-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.invoice-info{display:flex;flex-direction:column;gap:.25rem}.invoice-number{font-size:.9375rem;font-weight:600;color:#e8eaed;font-family:var(--font-mono)}.invoice-date{font-size:.8125rem;color:#9aa0a6}.invoice-amount-status{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.invoice-amount{font-size:1.125rem;font-weight:700;color:#1687e8}.invoice-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.invoice-status.paid{background:#4caf5026;color:#66bb6a}.invoice-status.pending{background:#ffa72626;color:#ffa726}.invoice-download{display:inline-flex;align-items:center;font-size:.875rem;color:#1687e8;text-decoration:none;font-weight:600;transition:all .2s ease}.invoice-download:hover{color:#0b4f83;transform:translate(4px)}.history-invoices{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #3a3f4f}.history-invoices-list{display:flex;flex-direction:column;gap:.5rem}.history-invoice-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#3a3f4f4d;border-radius:6px}.history-invoice-info{font-size:.8125rem;color:#e8eaed;font-family:var(--font-mono)}.history-invoice-link{font-size:.8125rem;color:#1687e8;text-decoration:none;font-weight:600}.history-invoice-link:hover{color:#0b4f83;text-decoration:underline}@media (max-width: 768px){.premium-card{padding:2rem 1.5rem}.premium-card h3{font-size:1.5rem}.premium-card>p{font-size:1rem}.history-header{flex-direction:column;align-items:flex-start;gap:1rem}.history-amount{font-size:1.25rem}.history-detail{flex-direction:column;align-items:flex-start;gap:.25rem}.history-detail .value{text-align:left}.invoice-main{flex-direction:column;align-items:flex-start;gap:.75rem}.invoice-amount-status{align-items:flex-start}.history-invoice-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.academy-list{max-width:1400px;margin:0 auto;padding:20px}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid rgba(100,210,235,.18)}.no-academies{text-align:center;padding:80px 40px;background:#081c2d9e;border:1px solid rgba(100,210,235,.18);border-radius:8px;margin-top:40px;box-shadow:0 1px 3px #0000001a}.no-academies-icon{font-size:5rem;margin-bottom:20px}.no-academies h3{color:#a8bbc8;margin-bottom:10px}.no-academies p{color:#8ba2b2;margin-bottom:30px}.academies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:20px}.academy-card{background:#081c2d9e;border:1px solid rgba(100,210,235,.18);border-radius:8px;padding:24px;transition:box-shadow .3s ease,transform .2s ease;box-shadow:0 1px 3px #0000001a}.academy-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.academy-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.academy-header h3{margin:0;color:#e6eef3;font-size:1.3rem}.badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:#3fc89a24;color:#3fc89a}.badge-inactive{background:#f0776a24;color:#f0776a}.academy-description{color:#a8bbc8;margin-bottom:16px;line-height:1.5}.academy-details{border-top:1px solid rgba(100,210,235,.18);padding-top:16px;margin-bottom:20px}.academy-details p{margin:8px 0;color:#a8bbc8;font-size:.9rem}.academy-details a{color:#1687e8;text-decoration:none}.academy-details a:hover{text-decoration:underline}.academy-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary:hover{background:#0b4f83}.btn-info{background:#0ea5e9;color:#fff}.btn-info:hover{background:#0284c7}.error-message{padding:15px;background:#f0776a24;border:1px solid #fecaca;border-radius:6px;color:#c94b41;margin-bottom:20px}@media (max-width: 768px){.header-section{flex-direction:column;align-items:stretch;gap:16px}.academies-grid{grid-template-columns:1fr}.academy-actions{flex-direction:column}.btn{width:100%}}.academy-form{max-width:900px;margin:0 auto;padding:20px}.form-container{border:1px solid rgba(100,210,235,.18);border-radius:8px;padding:30px;box-shadow:0 1px 3px #0000001a}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section h3{margin:0 0 20px;color:#fff;font-size:18px;padding-bottom:10px;border-bottom:1px solid rgba(100,210,235,.18)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#fff}.form-input,.form-textarea{width:100%;padding:10px;border:1px solid rgba(100,210,235,.18);border-radius:6px;font-size:14px;background:#1d3d57;color:#eee;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#03416b}.form-textarea{background:#1d3d57;border-color:#2b4a63;color:#f0f0f0;resize:vertical;font-family:inherit}.form-input:disabled,.form-textarea:disabled{background:#928f8f;cursor:not-allowed;color:#fffdfd}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:2px solid rgba(100,210,235,.18)}.btn-secondary{background:#6f8797;color:#fff}.btn-secondary:hover{background:#2b4a63}@media (max-width: 768px){.form-container{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.buy-licenses{max-width:1200px;margin:0 auto;padding:20px}.caption{color:#a8bbc8;margin-bottom:12px;font-size:13px;padding-bottom:10px;border-bottom:1px solid #1d3d57}.info-message{border:1px solid #93c5fd;border-radius:6px;padding:12px 16px;margin-bottom:24px;color:#0b4f83}.purchase-container{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}.pricing-section{border:1px solid #2f3545;border-radius:16px;background:#091e30;padding:36px}.benefits-section{border:1px solid rgba(100,210,235,.18);border-radius:8px;padding:32px;box-shadow:0 1px 3px #0000001a}.pricing-section h3,.benefits-section h3{margin:0 0 24px;color:#d1d5db;font-size:20px;font-weight:600;padding-bottom:12px;border-bottom:1px solid #1d3d57}.billing-cycle-selector{display:flex;background:#091e30;padding:6px;border-radius:50px;gap:8px;justify-content:center}.cycle-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:1rem;font-weight:600}.cycle-btn:hover{color:#e0e0e0;transform:scale(1.04)}.cycle-btn.active{background:#1687e8;color:#fff;box-shadow:0 0 10px #1687e899}.price-tag{font-size:.9rem;color:#ccc}.savings{background:#d9a94a24;color:#f1c866;border:1px solid rgba(217,169,74,.45);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700}.quantity-selector{margin-bottom:32px}.quantity-selector label{display:block;margin-bottom:16px;font-size:15px;font-weight:500;color:#8ba2b2}.quantity-controls{display:flex;gap:10px;justify-content:center;align-items:center}.qty-btn{padding:10px 18px;border-radius:10px;background:#2d3748;border:1px solid #2b4a63;color:#d1d5db;font-size:15px;font-weight:600;transition:.2s}.qty-btn:hover{background:#3b475a;transform:scale(1.05)}.qty-input{width:90px;padding:10px;border-radius:10px;background:#0d2940;border:1px solid #2b4a63;color:#e6eef3;font-size:18px;font-weight:700}.qty-input:focus{outline:none;border-color:#1687e8;background:#091e30}.price-breakdown{background:#0d2940;border-radius:16px;padding:24px;border:1px solid #1d3d57;box-shadow:0 4px 10px #00000026}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #1e3a5f;color:#e6eef3;font-size:16px;line-height:1.5}.breakdown-row:first-child{padding-top:0}.breakdown-row:last-child{border-bottom:none}.breakdown-row.total{font-size:24px;font-weight:700;color:#38bdf8;border-top:none;padding-top:12px}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{padding:12px 0;color:#ccc;font-size:14px;border-bottom:1px solid rgba(100,210,235,.18)}.benefits-list li:last-child{border-bottom:none}.action-section{margin-top:32px;text-align:center}.btn-large{padding:16px 48px;font-size:1.1rem;font-weight:600}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#1687e8;color:#fff}.btn-primary:hover:not(:disabled){background:#0b4f83}@media (max-width: 968px){.purchase-container{grid-template-columns:1fr}.pricing-section,.benefits-section{padding:24px}.quantity-controls{flex-wrap:wrap}.btn-large{padding:14px 32px;font-size:1rem}}.my-license{max-width:800px;margin:0 auto;padding:20px}.no-license-card{background:#081c2d9e;border:2px dashed rgba(100,210,235,.18);border-radius:12px;padding:60px 40px;text-align:center;margin-top:40px}.no-license-icon{font-size:4rem;margin-bottom:20px}.no-license-card h3{color:#a8bbc8;margin-bottom:15px}.no-license-card p{color:#6f8797;margin-bottom:10px}.license-active-card{background:#081c2d9e;border:1px solid rgba(100,210,235,.18);border-radius:12px;padding:30px;margin-top:20px;box-shadow:0 4px 6px #0000001a}.license-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1687e8,#0b4f83);color:#fff;padding:12px 24px;border-radius:50px;font-weight:700;margin-bottom:30px;box-shadow:0 4px 15px #1687e866}.badge-icon{font-size:1.5rem;background:#081c2d9e;color:#1687e8;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.badge-text{font-size:1.1rem}.academy-info{border-bottom:1px solid rgba(100,210,235,.18);padding-bottom:20px;margin-bottom:20px}.academy-info h3{color:#e6eef3;margin-bottom:15px;font-size:1.5rem}.academy-info p{margin:8px 0;color:#a8bbc8}.academy-info a{color:#1687e8;text-decoration:none}.academy-info a:hover{text-decoration:underline}.license-details{border-bottom:1px solid rgba(100,210,235,.18);padding-bottom:20px;margin-bottom:20px}.license-details h4{color:#e6eef3;margin-bottom:12px}.license-details p{margin:8px 0;color:#a8bbc8}.license-benefits{background:#0d294099;border-radius:8px;padding:20px}.license-benefits h4{color:#e6eef3;margin-bottom:15px}.license-benefits ul{list-style:none;padding:0;margin:0}.license-benefits li{padding:8px 0;color:#c9d8e2;font-size:1rem}.error-message{padding:15px;background:#f0776a24;border:1px solid #f5c6cb;border-radius:4px;color:#f0776a;margin-top:20px}@media (max-width: 768px){.my-license{padding:10px}.no-license-card{padding:40px 20px}.license-active-card{padding:20px}.license-badge{padding:10px 20px}.badge-icon{width:28px;height:28px;font-size:1.2rem}.badge-text{font-size:1rem}}.admin-dashboard{max-width:1200px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.dashboard-card{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a;text-decoration:none;color:inherit;transition:all .3s;border:2px solid transparent}.dashboard-card:hover{box-shadow:0 10px 15px -3px #0000001a;border-color:#2ca9ff;transform:translateY(-2px)}.card-icon{font-size:3rem;margin-bottom:1rem}.dashboard-card h3{margin:0 0 .5rem;color:#0d2940;font-size:1.5rem}.dashboard-card p{margin:0;color:#6f8797}.admin-info{background:#f9fafb;border-radius:.5rem;padding:2rem}.admin-info h3{margin:0 0 1.5rem;color:#0d2940}.info-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-section{background:#fff;padding:1.5rem;border-radius:.375rem;border-left:4px solid #2ca9ff}.info-section h4{margin:0 0 .5rem;color:#0d2940;font-size:1.125rem}.info-section p{margin:0;color:#6f8797;font-size:.875rem}.pc-card{margin-bottom:1.5rem;padding:1.25rem 1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;color:#0d2940}.pc-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;margin-bottom:1rem}.pc-card-head h2{margin:0 0 .25rem;font-size:1.2rem}.pc-error{padding:.75rem 1rem;margin-bottom:1rem}.pc-small{padding:.3rem .7rem;font-size:.85rem}.pc-table td{vertical-align:middle}.pc-inactive td{color:#94a3b8}.pc-badge{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;vertical-align:middle}.pc-badge-default{background:#d1fae5;color:#065f46}.pc-badge-off{background:#e5e7eb;color:#475569}.pc-badge-warn{background:#fef3c7;color:#92400e}.pc-warn{color:#b45309}.pc-order{width:4.5rem;padding:.3rem .4rem;border:1px solid #d1d5db;border-radius:.375rem}.pc-variants{display:flex;flex-wrap:wrap;gap:.4rem}.pc-variant{display:inline-flex;flex-direction:column;padding:.3rem .65rem;border-radius:.375rem;border:1px solid #dbeafe;background:#f0f7ff;color:#0b4f83;text-decoration:none;font-size:.8rem;line-height:1.3}.pc-variant:hover{border-color:#2ca9ff}.pc-variant.is-off{border-color:#e5e7eb;background:#f9fafb;color:#94a3b8;text-decoration:line-through}.pc-import-summary{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;color:#1d3d57}.pc-import{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.pc-import select,.pc-import input[type=text]{padding:.3rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.85rem}.pc-import input[type=text]{width:9rem}.pc-import .pc-code{width:7.5rem;font-family:var(--font-mono)}.pc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:flex-end;background:#0d294059}.pc-drawer{display:flex;flex-direction:column;width:560px;max-width:100%;height:100%;background:#fff;color:#0d2940;box-shadow:-8px 0 24px #00000026}.pc-drawer-head,.pc-drawer-tools,.pc-drawer-foot{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem}.pc-drawer-head{justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e5e7eb}.pc-drawer-head h2{margin:0 0 .25rem;font-size:1.15rem}.pc-drawer-tools{flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #f1f5f9}.pc-drawer-tools select{margin-left:.5rem;padding:.3rem .5rem;border:1px solid #d1d5db;border-radius:.375rem}.pc-drawer-body{flex:1;overflow-y:auto;padding:.5rem 1.25rem 1rem}.pc-drawer-foot{justify-content:flex-end;border-top:1px solid #e5e7eb}.pc-drawer-foot .small{margin-right:auto}.pc-feature-group h3{margin:1rem 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#6f8797}.pc-feature{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:.4rem}.pc-feature.is-on{border-color:#bfdbfe;background:#f8fbff}.pc-feature-toggle{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;min-width:0}.pc-feature-toggle input{margin-top:.2rem}.pc-feature-code{display:block;font-family:var(--font-mono)}.pc-limit{display:flex;gap:.35rem}.pc-limit input,.pc-limit select{padding:.3rem .4rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.85rem}.pc-limit{align-items:center}.pc-limit input{width:6.5rem}.pc-row-state{min-width:4.5rem;font-size:.75rem;text-align:right}.pc-row-saving{color:#6f8797}.pc-row-saved{color:#047857}.pc-row-error{color:#b91c1c}@media (max-width: 700px){.pc-page.admin-page,.pc-card{padding:1rem}}.admin-form{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none}.form-section h3{margin:0 0 1.5rem;color:#0d2940;font-size:1.25rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#1d3d57}.required{color:#e2574c}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#2ca9ff;box-shadow:0 0 0 3px #2ca9ff1a}.form-group small{display:block;margin-top:.25rem;color:#6f8797;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.form-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:2rem}.form-card h3{margin:0 0 1rem;color:#0d2940}.inline-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;align-items:end}.inline-form .form-group{margin-bottom:0}.admin-page{padding:2rem;max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.admin-header h1{margin:0;font-size:2rem;color:#0d2940}.btn{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s;display:inline-block}.btn-primary{background-color:#2ca9ff;color:#fff}.btn-primary:hover{background-color:#1687e8}.btn-secondary{background-color:#6f8797;color:#fff}.btn-secondary:hover{background-color:#2b4a63}.btn-danger{background-color:#e2574c;color:#fff}.btn-danger:hover{background-color:#c94b41}.btn-icon{padding:.25rem .5rem;background:transparent;border:none;cursor:pointer;font-size:1.2rem;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}.admin-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;cursor:pointer;transition:all .2s}.filter-btn.active{background-color:#2ca9ff;color:#fff;border-color:#2ca9ff}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:500;color:#1d3d57}.filter-group select{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#0d2940}.admin-table-container{overflow-x:auto;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.admin-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#1d3d57;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#0d2940}.admin-table tbody tr:hover{background-color:#f9fafb}.text-center{text-align:center}.text-muted{color:#6f8797}.small{font-size:.875rem}.badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase;background-color:#e5e7eb;color:#1d3d57}.badge-boolean{background-color:#dbeafe;color:#0b4f83}.badge-quota{background-color:#fef3c7;color:#92400e}.badge-numeric_limit{background-color:#d1fae5;color:#065f46}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:3rem;font-size:1.125rem;color:#6f8797}code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-family:var(--font-mono);font-size:.875rem;color:#be185d}.push-admin-section{margin-top:2.5rem}.push-admin-section__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.push-admin-section__header h2{margin:0;color:#0d2940;font-size:1.25rem}.push-admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.push-admin-card{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border-radius:.5rem;background:#fff;box-shadow:0 1px 3px #0000001a}.push-admin-card span{color:#6f8797;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.push-admin-card strong{color:#0d2940;font-size:1.5rem}.push-admin-card small{color:#6f8797;font-size:.8rem}.push-admin-card--kind strong{font-size:1.15rem}.push-admin-table td{padding:.75rem 1rem;vertical-align:top}.push-admin-weekdays{display:flex;flex-wrap:wrap;gap:.75rem}.sync-summary{margin:-.5rem 0 1rem;color:#1d3d57}.sync-notice{padding:.75rem 1rem;margin-bottom:1rem;border-radius:.5rem;background:#d1fae5;color:#065f46}.sync-error{padding:.75rem 1rem;margin-bottom:1rem}.sync-kind{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;background:#e5e7eb;color:#1d3d57}.sync-kind-missing{background:#dbeafe;color:#0b4f83}.sync-kind-ended{background:#fee2e2;color:#991b1b}.sync-kind-behind{background:#fef3c7;color:#92400e}.admin-table .btn:disabled{opacity:.6;cursor:not-allowed}.admin-nav{background:linear-gradient(135deg,#1687e8,#0b4f83);color:#fff;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a;min-height:60px}.admin-nav-brand{font-weight:700;font-size:1.25rem}.admin-nav-brand a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem}.admin-icon{font-size:1.5rem}.admin-nav-links{display:flex;gap:.5rem;flex:1;justify-content:center}.admin-nav-links a{color:#ffffffe6;text-decoration:none;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s;font-weight:500}.admin-nav-links a:hover{background:#ffffff1a;color:#fff}.admin-nav-links a.active{background:#fff3;color:#fff}.exit-btn{color:#ffffffe6;text-decoration:none;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.375rem;transition:all .2s;display:inline-block}.exit-btn:hover{background:#ffffff1a;border-color:#ffffff80}@media (max-width: 768px){.admin-nav{flex-direction:column;gap:1rem;padding:1rem}.admin-nav-links{flex-wrap:wrap;justify-content:center}}.admin-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:#f3f4f6;color-scheme:light}.admin-content{flex:1;padding:0}#root .admin-layout :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=image]),select,textarea){background-color:#fff;color:#0d2940;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:none}#root .admin-layout :is(input,textarea)::placeholder{color:#8a9aab;opacity:1}#root .admin-layout :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea):hover:not(:disabled){border-color:#9ca3af}#root .admin-layout :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea):focus{outline:none;border-color:#2ca9ff;box-shadow:0 0 0 3px #2ca9ff26;background-color:#fff}#root .admin-layout :is(input,select,textarea):disabled{color:#6f8797;background-color:#f3f4f6;cursor:not-allowed}#root .admin-layout select option{background:#fff;color:#0d2940}#root .admin-layout :is(input[type=checkbox],input[type=radio]){accent-color:#2ca9ff}:where(#root) .admin-layout label{color:#1d3d57}.admin-layout :is(input,select,textarea){box-sizing:border-box;max-width:100%}.admin-layout .form-group :is(input[type=date],input[type=datetime-local],input[type=time],input[type=email],input[type=url]){width:100%;padding:.625rem;font-size:1rem}.puzzles-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.puzzles-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #1687e8}.puzzles-title{font-size:2rem;font-weight:700;color:#93c5fd;margin-bottom:.5rem}.puzzles-subtitle{font-size:1.1rem;color:#c9d8e2;margin:0}.puzzle-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.puzzle-card{background:linear-gradient(180deg,var(--sc-panel-sheen),rgba(255,255,255,0) 32%),var(--sc-panel-bg);border:1px solid var(--sc-panel-border);padding:1.5rem;border-radius:12px;color:#c9d8e2;box-shadow:var(--shadow-sm);transition:all .2s ease;cursor:pointer;border:2px solid transparent}.puzzle-card:hover{transform:translateY(-2px);border-color:var(--sc-panel-border-strong);box-shadow:var(--shadow-md);border-color:#2ca9ff}.puzzle-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.puzzle-card-title{font-size:1.1rem;font-weight:600;color:#f8f0d8;margin:0;flex:1}.puzzle-difficulty-badge{background:#1f2e41;color:#ffa733;padding:.25rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600;flex-shrink:0}.puzzle-card-theme{font-size:.9rem;color:#a5dfff;margin-bottom:.75rem;text-transform:capitalize}.puzzle-theme-label{font-weight:600;color:#93c5fd}.puzzle-card-stats{font-size:.85rem;color:#a8bbc8;padding-top:.75rem;border-top:1px solid rgba(203,213,225,.1)}.puzzle-empty-state{text-align:center;padding:3rem 1rem;color:#c9d8e2;font-size:1.1rem}.puzzle-player-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.puzzle-nav{margin-bottom:1.5rem}.btn-back{background:#0d2940;color:#2ca9ff;padding:.6rem 1.2rem;border:2px solid #2ca9ff;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#2ca9ff;color:#001b2e;box-shadow:var(--shadow-sm);transform:translate(-3px)}.puzzle-loading,.puzzle-error{text-align:center;padding:4rem 1rem;color:#c9d8e2}.loading-spinner{width:50px;height:50px;margin:0 auto 1rem;border:4px solid rgba(44,169,255,.1);border-top:4px solid #2ca9ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.puzzle-error h2{color:#f0776a;margin-bottom:1.5rem}.puzzle-player-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:linear-gradient(180deg,var(--sc-panel-sheen),rgba(255,255,255,0) 32%),var(--sc-panel-bg);border:1px solid var(--sc-panel-border);padding:2rem;border-radius:16px;box-shadow:var(--sc-panel-shadow)}.puzzle-message-box{width:100%;text-align:center;padding:1rem 1.5rem;background:#1f2e41;border-radius:12px;font-size:1.1rem;font-weight:600;color:#f8f0d8;min-height:3rem;display:flex;align-items:center;justify-content:center;border:2px solid rgba(44,169,255,.1)}.puzzle-board-wrapper{position:relative;display:flex;justify-content:center;width:100%;max-width:600px}.puzzle-controls{display:flex;flex-direction:row;gap:10px;justify-content:center}.puzzle-stats-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#1f2e41;border-radius:8px;font-size:.95rem;color:#c9d8e2}.puzzle-stat{display:flex;align-items:center;gap:.5rem}.puzzle-stat-label{font-weight:600;color:#93c5fd}.puzzle-stat-divider{color:#cbd5e14d;font-size:1.2rem}.puzzle-retry-btn{padding:.75rem 1.5rem;background:#0d2940;color:#2ca9ff;border:2px solid #2ca9ff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.puzzle-retry-btn:hover{background:#2ca9ff;color:#001b2e;box-shadow:var(--shadow-sm);transform:scale(1.05)}@media (max-width: 768px){.puzzles-container{padding:1rem .5rem}.puzzles-title{font-size:1.5rem}.puzzle-list-grid{grid-template-columns:1fr;gap:1rem}.puzzle-player-container{padding:1rem;gap:1rem}.puzzle-message-box{font-size:1rem;padding:.75rem 1rem}.puzzle-stats-bar{font-size:.85rem;padding:.6rem 1rem}}@media (max-width: 480px){.puzzle-card{padding:1rem}.puzzle-card-title{font-size:1rem}.puzzle-difficulty-badge{font-size:.75rem;padding:.2rem .6rem}}.puzzles-container{max-width:1100px;padding:24px}.puzzles-container .puzzles-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:150px;margin-bottom:24px;padding:28px 32px;text-align:left;border-bottom:1px solid var(--glass-border-strong);border-radius:22px;overflow:hidden;background:radial-gradient(420px 220px at 85% 50%,rgba(44,169,255,.22),transparent 70%),linear-gradient(180deg,#ffffff0f,#fff0 40%),var(--glass-elevated)}.puzzles-eyebrow{display:inline-block;margin-bottom:8px;font-size:.78rem;font-weight:650;letter-spacing:.08em;color:var(--cyan-soft)}.puzzles-container .puzzles-title{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:750;letter-spacing:-.02em;color:var(--text-primary)}.puzzles-container .puzzles-subtitle{font-size:1rem;color:var(--text-secondary)}.puzzles-header-art{width:120px;height:120px;flex:0 0 auto;filter:drop-shadow(0 12px 16px rgba(0,0,0,.5))}.puzzles-container .puzzle-card{border-radius:var(--radius-lg);color:var(--text-secondary);border:1px solid var(--glass-border);background:linear-gradient(180deg,#ffffff0d,#fff0 40%,#0000001f),var(--glass-surface);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-highlight)}.puzzles-container .puzzle-card:hover{transform:translateY(-3px);border-color:#68e6e073;box-shadow:var(--shadow-md),0 0 20px #42d9d029,inset 0 1px 0 var(--glass-highlight)}.puzzles-container .puzzle-card-title{color:var(--text-primary)}.puzzles-container .puzzle-difficulty-badge{color:var(--gold-light);background:#d9a94a1f;border:1px solid rgba(217,169,74,.4);border-radius:999px;box-shadow:none}.puzzles-container .puzzle-card-theme,.puzzles-container .puzzle-theme-label{color:var(--cyan-soft)}.puzzles-container .puzzle-card-stats{color:var(--text-muted);border-top-color:var(--glass-border)}.puzzles-container .puzzle-empty-state{padding:56px 16px 64px;color:var(--text-secondary);border-radius:var(--radius-lg);border:1px dashed var(--glass-border-strong);background:#081c2d59}.puzzles-container .puzzle-empty-state:before{content:"";display:block;width:84px;height:84px;margin:0 auto 16px;background:url(/pieces/bn.PNG) center / contain no-repeat;filter:drop-shadow(0 0 18px rgba(66,217,208,.35));opacity:.9}.puzzle-message-box{border-radius:14px!important;border:1px solid var(--glass-border-strong)!important;background:var(--glass-elevated)!important;color:var(--text-primary)!important}.puzzle-stats-bar{border-radius:14px;border:1px solid var(--glass-border);background:var(--glass-surface)}.puzzle-retry-btn,.btn-back{border-radius:12px!important;color:var(--text-primary)!important;background:var(--glass-elevated)!important;border:1px solid var(--glass-border-strong)!important}@media (max-width: 600px){.puzzles-container{padding:12px}.puzzles-container .puzzles-header{padding:20px;min-height:0}.puzzles-header-art{width:76px;height:76px}}.tn-admin-block{margin-bottom:1.5rem}.tn-admin-error{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;margin-bottom:1rem}.tn-admin-notice{padding:.75rem 1rem;margin-bottom:1rem;border-radius:.5rem;background:#e0f2fe;color:#0b4f83}.tn-admin-label{display:block;margin-bottom:.25rem;font-weight:500;color:#1d3d57}.tn-admin-sub{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.5rem;color:#1d3d57}.tn-admin-status{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#e5e7eb;color:#1d3d57;white-space:nowrap}.tn-admin-status-RegistrationOpen{background:#d1fae5;color:#065f46}.tn-admin-status-InProgress{background:#dbeafe;color:#0b4f83}.tn-admin-status-Completed{background:#fef3c7;color:#92400e}.tn-admin-status-Cancelled{background:#fee2e2;color:#991b1b}.tn-admin-card{margin-bottom:1.5rem;padding:1.25rem 1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;color:#0d2940}.tn-admin-card h2{margin:0 0 .75rem;font-size:1.2rem}.tn-admin-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:.75rem}.tn-admin-card-head h2{margin:0}.tn-admin-actions{display:flex;flex-wrap:wrap;gap:.5rem}.tn-admin-actions .btn:disabled,.tn-admin .btn:disabled{opacity:.5;cursor:not-allowed}.tn-admin-announce{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:1rem;padding:.75rem 1rem;border-radius:.5rem;background:#f9fafb}.tn-admin-announce select{margin-left:.5rem;padding:.3rem .5rem;border:1px solid #d1d5db;border-radius:.375rem}.tn-admin-inline{padding:.25rem .6rem;font-size:.8rem;margin-left:.25rem}.tn-admin-table td{vertical-align:top}.tn-admin-board{white-space:nowrap;font-variant-numeric:tabular-nums;color:#6f8797}.tn-admin-side{display:flex;align-items:flex-start;gap:.5rem}.tn-admin-dot{flex:none;width:9px;height:9px;margin-top:.4rem;border-radius:50%;background:#cbd5e1}.tn-admin-dot.is-online{background:#f59e0b}.tn-admin-dot.is-board{background:#10b981}.tn-admin-block-line{display:block}.tn-admin-warn{color:#b45309}.tn-admin-problem{background:#fffbeb}.tn-admin-decide{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.tn-admin-decide select{padding:.3rem .4rem;border:1px solid #d1d5db;border-radius:.375rem;max-width:200px}.tn-admin-round+.tn-admin-round{margin-top:1rem}.tn-admin-round h3{margin:0 0 .5rem;font-size:1rem;color:#1d3d57}.tn-admin-result{text-align:center;font-weight:600;white-space:nowrap}.tn-admin-winner{font-weight:700}.tn-admin-top td{background:#fefce8}.tn-admin-events td{padding:.5rem 1rem}@media (max-width: 700px){.tn-admin .admin-page,.admin-page.tn-admin,.tn-admin-card{padding:1rem}}.tn-admin-posters{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1rem}.tn-admin-poster{display:flex;flex-direction:column;gap:.5rem;min-width:0}.tn-admin-poster h3{margin:0;font-size:1rem}.tn-admin-poster-preview{display:flex;align-items:center;justify-content:center;min-height:120px;overflow:hidden;border:1px dashed #b6c6d3;border-radius:.5rem;background:#f1f5f9}.tn-admin-poster-preview img{display:block;width:100%;height:auto}.tn-admin-poster-home{aspect-ratio:2 / 1;min-height:0}.tn-admin-poster-home img{height:100%;object-fit:cover}.tn-admin-toggle{margin:0;cursor:pointer}