:root,[data-theme=light]{--bg-base:#f5f2ed;--bg-surface:#fff;--bg-elevated:#f0ece6;--bg-hover:#e8e4dd;--bg-card:#00000006;--accent:#c96a22;--accent-glow:#c96a221a;--accent-strong:#d4782f;--accent-dim:#9e5418;--gold:#a38636;--gold-glow:#a386361a;--success:#16a34a;--success-glow:#16a34a14;--warning:#ca8a04;--warning-glow:#ca8a0414;--error:#dc2626;--error-glow:#dc262612;--info:#2563eb;--info-glow:#2563eb12;--purple:#7c3aed;--purple-glow:#7c3aed12;--text-primary:#1a1714;--text-secondary:#5c5650;--text-muted:#9a958e;--border:#00000014;--border-hover:#00000026;--border-accent:#c96a224d;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001a;--grain-opacity:.015;--scrollbar-thumb:#0000001f;--scrollbar-hover:#0003;--eval-white:#e8e0d4;--eval-black:#2a2a2e;--board-shadow:0 0 0 1px #00000014, 0 4px 20px #0000001f}[data-theme=dark]{--bg-base:#0a0a0c;--bg-surface:#121214;--bg-elevated:#1a1a1e;--bg-hover:#222228;--bg-card:#ffffff08;--accent:#e8833a;--accent-glow:#e8833a26;--accent-strong:#f09548;--accent-dim:#a35d28;--gold:#c5a455;--gold-glow:#c5a4551f;--success:#4ade80;--success-glow:#4ade801a;--warning:#fbbf24;--warning-glow:#fbbf241a;--error:#f87171;--error-glow:#f871711a;--info:#60a5fa;--info-glow:#60a5fa1a;--purple:#a78bfa;--purple-glow:#a78bfa1a;--text-primary:#f0ece4;--text-secondary:#9a9590;--text-muted:#5c5752;--border:#ffffff0f;--border-hover:#ffffff1f;--border-accent:#e8833a4d;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 32px #00000080;--grain-opacity:.025;--scrollbar-thumb:#ffffff14;--scrollbar-hover:#ffffff26;--eval-white:#e8e0d4;--eval-black:#2a2a2e;--board-shadow:0 0 0 1px #ffffff0a, 0 8px 32px #00000080}:root,[data-theme]{--font-display:"Syne", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6;transition:background .3s,color .3s}body:after{content:"";opacity:var(--grain-opacity,.025);pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");position:fixed;inset:0}#root{min-height:100vh}::selection{color:#fff;background:#c96a2240}[data-theme=dark] ::selection{background:#e8833a59}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}a{font-family:inherit}.header{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:28px 32px 24px;position:relative;overflow:hidden}.header:before{content:"";pointer-events:none;background:radial-gradient(#e8833a0f 0%,#0000 70%);width:50%;height:200%;position:absolute;top:-60%;left:-10%}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex;position:relative}.header-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:12px;margin:0;font-size:1.9rem;font-weight:800;display:flex}.header-icon{color:var(--accent);filter:drop-shadow(0 0 8px #e8833a66);font-size:1.6rem}.header-subtitle{color:var(--text-muted);letter-spacing:.01em;margin:6px 0 0;font-size:.88rem;font-weight:400}.theme-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,border-color .2s,transform .2s;display:flex}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:scale(1.08)}.theme-toggle-icon{font-size:1.15rem;line-height:1}.tab-nav{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 32px;transition:background .3s,border-color .3s;position:sticky;top:0}.tab-nav-inner{gap:2px;max-width:1200px;margin:0 auto;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.02em;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:16px 24px;font-size:.88rem;font-weight:600;transition:color .2s,border-color .3s;display:flex;position:relative}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-icon{font-size:1rem}.lesson-selector{max-width:800px;margin:0 auto;padding:32px}.selector-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:1.6rem;font-weight:800}.selector-desc{color:var(--text-muted);margin:0 0 28px;font-size:.9rem}.lesson-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.lesson-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;color:inherit;font:inherit;padding:22px;transition:border-color .25s,transform .2s,box-shadow .25s}.lesson-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 8px 24px #e8833a0f}.lesson-card-badge{background:var(--accent-glow);color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;border-radius:20px;margin-bottom:12px;padding:3px 10px;font-size:.65rem;font-weight:600;display:inline-block}.lesson-card-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px;font-size:1.1rem;font-weight:700}.lesson-card-desc{color:var(--text-secondary);margin:0 0 14px;font-size:.88rem;line-height:1.55}.lesson-card-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.chess-board-container{border-radius:var(--radius-md);box-shadow:var(--board-shadow);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.move-history{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:480px;margin-top:14px;padding:12px 14px}.move-history-title{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:.7rem;font-weight:700}.move-history-list{flex-wrap:wrap;gap:2px 8px;max-height:120px;display:flex;overflow-y:auto}.move-pair{font-family:var(--font-mono);gap:4px;font-size:.82rem;display:flex}.move-number{color:var(--text-muted);min-width:24px}.move-san{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:default;padding:1px 5px;transition:background .15s,color .15s}.move-san.active{background:var(--accent-glow);color:var(--accent);font-weight:600}.move-explanation{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;height:100%;padding:24px;display:flex;overflow-y:auto}.move-badge-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.move-badge{background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border);padding:6px 16px;font-size:1.1rem;font-weight:700;display:inline-block}.move-badge.key-move{background:var(--accent-glow);color:var(--accent);border-color:var(--border-accent)}.move-badge.intro{background:var(--bg-elevated);opacity:.7;font-size:.95rem}.step-counter{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.explanation-text{color:var(--text-secondary);flex:1;font-size:1rem;line-height:1.75}.explanation-text p{margin:0 0 12px}.summary-title{font-family:var(--font-display);color:var(--accent);margin:0 0 12px;font-size:1.15rem;font-weight:700}.summary-text p{margin:4px 0}.summary-bullet{color:var(--text-primary);padding-left:8px}.key-move-indicator{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:var(--bg-base);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;border-radius:20px;align-self:flex-start;margin-top:8px;padding:4px 12px;font-size:.65rem;font-weight:800;display:inline-block}.progress-bar{background:var(--border);border-radius:2px;height:3px;margin-top:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:2px;height:100%;transition:width .3s}.lesson-view{max-width:1200px;margin:0 auto;padding:32px}.lesson-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.back-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.back-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.lesson-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:700}.lesson-content{align-items:flex-start;gap:28px;display:flex}.lesson-board-section{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.lesson-explanation-section{flex:1;min-width:280px;min-height:400px}.lesson-controls{gap:8px;margin-top:16px;display:flex}.control-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .2s}.control-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.control-btn:disabled{opacity:.25}.control-btn.primary{background:var(--accent-glow);border-color:var(--border-accent);color:var(--accent)}.control-btn.primary:hover:not(:disabled){background:#e8833a40}.control-btn.active{background:var(--warning-glow);color:var(--warning);border-color:#fbbf244d}@media (width<=900px){.lesson-content{flex-direction:column;align-items:center}.lesson-explanation-section{min-width:unset;width:100%}}.trap-selector{max-width:800px;margin:0 auto;padding:32px}.trap-cards{flex-direction:column;gap:10px;display:flex}.trap-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;color:inherit;font:inherit;align-items:center;gap:16px;padding:18px 22px;transition:border-color .25s,transform .2s;display:flex}.trap-card:hover{border-color:var(--border-accent);transform:translate(4px)}.trap-card.warning{border-color:#fbbf2426}.trap-card.warning:hover{border-color:#fbbf2466}.trap-card-number{font-family:var(--font-display);color:var(--accent);text-align:center;min-width:40px;font-size:1.4rem;font-weight:800}.trap-card-content{flex:1}.trap-card-badge{background:var(--success-glow);color:var(--success);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:6px;padding:2px 8px;font-size:.62rem;font-weight:700;display:inline-block}.trap-card-badge.warning{background:var(--warning-glow);color:var(--warning)}.trap-card-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 4px;font-size:1rem;font-weight:700}.trap-card-desc{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.45}.trap-view{max-width:1200px;margin:0 auto;padding:32px}.trap-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.trap-header-info{flex-direction:column;gap:4px;display:flex}.trap-type-badge{font-family:var(--font-mono);color:var(--success);letter-spacing:1.5px;text-transform:uppercase;font-size:.62rem;font-weight:700}.trap-type-badge.warning{color:var(--warning)}.trap-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:700}.trap-content{align-items:flex-start;gap:28px;display:flex}.trap-board-section{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.trap-explanation-section{flex:1;min-width:280px;min-height:400px}.trap-controls{gap:8px;margin-top:16px;display:flex}.challenge-overlay{border-radius:var(--radius-md);z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.challenge-box{background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-xl);text-align:center;max-width:320px;padding:36px;box-shadow:0 16px 48px #00000080}.challenge-icon{margin-bottom:12px;font-size:2.5rem}.challenge-text{font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px;font-size:1.1rem;font-weight:700}.challenge-hint{color:var(--text-secondary);margin:0 0 24px;font-size:.88rem}.reveal-btn{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:var(--bg-base);border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.02em;border:none;padding:12px 28px;font-size:.9rem;font-weight:700;transition:all .2s}.reveal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8833a4d}@media (width<=900px){.trap-content{flex-direction:column;align-items:center}.trap-explanation-section{min-width:unset;width:100%}}.feedback-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--text-muted);padding:20px}.feedback-panel.feedback-book{border-left-color:var(--success);background:var(--success-glow)}.feedback-panel.feedback-deviation{border-left-color:var(--warning);background:var(--warning-glow)}.feedback-panel.feedback-blunder{border-left-color:var(--error);background:var(--error-glow)}.feedback-panel.feedback-info{border-left-color:var(--info);background:var(--info-glow)}.feedback-panel.feedback-gameover{border-left-color:var(--purple);background:var(--purple-glow)}.feedback-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.feedback-icon{font-size:1.1rem;font-weight:700}.feedback-book .feedback-icon{color:var(--success)}.feedback-deviation .feedback-icon{color:var(--warning)}.feedback-blunder .feedback-icon{color:var(--error)}.feedback-info .feedback-icon{color:var(--info)}.feedback-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-size:.7rem;font-weight:700}.thinking-indicator{color:var(--warning);margin-left:auto;font-size:.78rem;font-weight:500;animation:1.5s ease-in-out infinite ember-pulse}.feedback-message{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.65}.eval-bar-side{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.eval-bar{border:1px solid var(--border);background:var(--bg-base);border-radius:11px;flex-direction:column;width:22px;height:440px;display:flex;position:relative;overflow:hidden}.eval-bar-white{background:linear-gradient(180deg, var(--eval-white), #d4ccc0);transition:height .6s cubic-bezier(.4,0,.2,1)}.eval-bar-black{background:linear-gradient(180deg, var(--eval-black), #1a1a1e);flex:1;transition:height .6s cubic-bezier(.4,0,.2,1)}.eval-score{font-family:var(--font-mono);white-space:nowrap;writing-mode:vertical-lr;text-orientation:mixed;letter-spacing:1px;border-radius:3px;padding:2px 3px;font-size:.5rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eval-score-white{color:#1a1a1e;background:#e8e0d4f2}.eval-score-black{color:#e8e0d4;background:#2a2a2ef2}.material-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;width:100%;margin-top:14px;padding:14px 16px;display:flex}.stats-section{flex-direction:column;gap:4px;display:flex}.stats-player{align-items:center;gap:8px;display:flex}.player-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.player-dot-white{background:#e8e0d4;box-shadow:0 0 0 1px #ffffff1a}.player-dot-black{background:#2a2a2e;box-shadow:0 0 0 1px #ffffff1a}.player-name{font-family:var(--font-display);color:var(--text-primary);font-size:.75rem;font-weight:600}.material-advantage{font-family:var(--font-mono);color:var(--success);background:var(--success-glow);border-radius:6px;padding:1px 6px;font-size:.65rem;font-weight:700}.captured-pieces{flex-wrap:wrap;gap:1px;min-height:20px;padding-left:17px;display:flex}.captured-piece{display:flex}.piece-icon{opacity:.8;font-size:1rem;line-height:1}.piece-w{filter:drop-shadow(0 0 1px #00000080)}.piece-b{filter:drop-shadow(0 0 1px #fff3)}.stats-divider{background:var(--border);height:1px}.stats-material{justify-content:space-between;align-items:center;display:flex}.material-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.material-value{font-family:var(--font-mono);font-size:.75rem;font-weight:700}.material-equal{color:var(--text-muted)}.material-black-ahead{color:var(--success)}.material-white-ahead{color:var(--error)}.practice-mode{max-width:1200px;margin:0 auto;padding:32px}.practice-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.practice-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:800}.practice-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:.88rem}.practice-actions{gap:8px;display:flex}.hint-btn{background:var(--success-glow);color:var(--success);border-radius:var(--radius-sm);border:1px solid #4ade8033;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s}.hint-btn:hover:not(:disabled){background:#4ade802e;border-color:#4ade8059}.hint-btn:disabled{opacity:.3}.undo-btn{background:var(--info-glow);color:var(--info);border-radius:var(--radius-sm);border:1px solid #60a5fa33;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s}.undo-btn:hover:not(:disabled){background:#60a5fa2e;border-color:#60a5fa59}.undo-btn:disabled{opacity:.3}.reset-practice-btn{background:var(--error-glow);color:var(--error);border-radius:var(--radius-sm);border:1px solid #f8717133;padding:10px 22px;font-size:.88rem;font-weight:600;transition:all .2s}.reset-practice-btn:hover:not(:disabled){background:#f871712e;border-color:#f8717159}.reset-practice-btn:disabled{opacity:.3}.engine-settings{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);gap:28px;margin-bottom:24px;padding:16px 22px;display:flex}.setting-item{flex-direction:column;flex:1;gap:8px;display:flex}.setting-label{color:var(--text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.setting-value{color:var(--text-primary);font-weight:600;font-family:var(--font-mono);font-size:.82rem}.setting-tag{background:var(--accent-glow);color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;border-radius:10px;padding:2px 8px;font-size:.6rem;font-weight:700}.setting-slider{appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:4px}.setting-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 3px #e8833a26}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 5px #e8833a33}.setting-slider::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:16px;height:16px}.practice-content{align-items:flex-start;gap:28px;display:flex}.practice-board-section{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.board-with-eval{align-items:stretch;gap:10px;display:flex}.practice-feedback-section{flex-direction:column;flex:1;gap:16px;min-width:280px;display:flex}.practice-status{text-align:center;margin-top:14px;font-size:.85rem;font-weight:500}.status-your-turn{color:var(--success)}.status-thinking{color:var(--warning);animation:1.5s ease-in-out infinite ember-pulse}.status-gameover{color:var(--purple);font-weight:700}.status-waiting{color:var(--text-muted)}@keyframes ember-pulse{0%,to{opacity:1}50%{opacity:.35}}.practice-tips{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.tips-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.01em;margin:0 0 12px;font-size:.88rem;font-weight:700}.tip-item{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:7px 0;display:flex}.tip-item:last-child{border-bottom:none}.tip-move{font-family:var(--font-mono);color:var(--accent);min-width:100px;font-size:.78rem;font-weight:600}.tip-text{color:var(--text-secondary);font-size:.82rem}@media (width<=900px){.practice-content{flex-direction:column;align-items:center}.practice-header{flex-direction:column;align-items:flex-start;gap:12px}.practice-feedback-section{min-width:unset;width:100%}}.adfb-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--text-muted);padding:20px}.adfb-panel.adfb-book{border-left-color:var(--success);background:var(--success-glow)}.adfb-panel.adfb-deviation{border-left-color:var(--warning);background:var(--warning-glow)}.adfb-panel.adfb-blunder{border-left-color:var(--error);background:var(--error-glow)}.adfb-panel.adfb-info{border-left-color:var(--info);background:var(--info-glow)}.adfb-panel.adfb-tip{border-left-color:var(--gold);background:var(--gold-glow)}.adfb-panel.adfb-gameover{border-left-color:var(--purple);background:var(--purple-glow)}.adfb-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.adfb-icon{font-size:1.1rem;font-weight:700}.adfb-book .adfb-icon{color:var(--success)}.adfb-deviation .adfb-icon{color:var(--warning)}.adfb-blunder .adfb-icon{color:var(--error)}.adfb-info .adfb-icon{color:var(--info)}.adfb-tip .adfb-icon{color:var(--gold)}.adfb-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-size:.7rem;font-weight:700}.adfb-thinking{color:var(--warning);margin-left:auto;font-size:.78rem;font-weight:500;animation:1.5s ease-in-out infinite ember-pulse}.adfb-message{color:var(--text-secondary);white-space:pre-line;margin:0;font-size:.95rem;line-height:1.65}.anti-dragon-mode{max-width:1200px;margin:0 auto;padding:32px}.ad-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ad-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:1.3rem;font-weight:800;display:flex}.ad-title-icon{font-size:1.3rem}.ad-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:.88rem}.ad-actions{gap:8px;display:flex}.ad-hint-btn{background:var(--success-glow);color:var(--success);border-radius:var(--radius-sm);border:1px solid #4ade8033;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s}.ad-hint-btn:hover:not(:disabled){background:#4ade802e;border-color:#4ade8059}.ad-hint-btn:disabled{opacity:.3}.ad-undo-btn{background:var(--info-glow);color:var(--info);border-radius:var(--radius-sm);border:1px solid #60a5fa33;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s}.ad-undo-btn:hover:not(:disabled){background:#60a5fa2e;border-color:#60a5fa59}.ad-undo-btn:disabled{opacity:.3}.ad-reset-btn{background:var(--error-glow);color:var(--error);border-radius:var(--radius-sm);border:1px solid #f8717133;padding:10px 22px;font-size:.88rem;font-weight:600;transition:all .2s}.ad-reset-btn:hover:not(:disabled){background:#f871712e;border-color:#f8717159}.ad-reset-btn:disabled{opacity:.3}.ad-settings{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);gap:28px;margin-bottom:24px;padding:16px 22px;display:flex}.ad-setting-item{flex-direction:column;flex:1;gap:8px;max-width:400px;display:flex}.ad-setting-label{color:var(--text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.ad-setting-value{color:var(--text-primary);font-weight:600;font-family:var(--font-mono);font-size:.82rem}.ad-setting-slider{appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:4px}.ad-setting-slider::-webkit-slider-thumb{appearance:none;background:var(--gold);width:16px;height:16px;box-shadow:0 0 0 3px var(--gold-glow);border-radius:50%;transition:transform .15s,box-shadow .15s}.ad-setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 5px #c5a45533}.ad-setting-slider::-moz-range-thumb{background:var(--gold);border:none;border-radius:50%;width:16px;height:16px}.ad-content{align-items:flex-start;gap:28px;display:flex}.ad-board-section{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.ad-board-with-eval{align-items:stretch;gap:10px;display:flex}.ad-feedback-section{flex-direction:column;flex:1;gap:16px;min-width:280px;display:flex}.ad-status{text-align:center;margin-top:14px;font-size:.85rem;font-weight:500}.ad-status-your-turn{color:var(--success)}.ad-status-thinking,.ad-status-loading{color:var(--warning);animation:1.5s ease-in-out infinite ember-pulse}.ad-status-gameover{color:var(--purple);font-weight:700}.ad-status-waiting{color:var(--text-muted)}.ad-tips{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.ad-tips-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 12px;font-size:.88rem;font-weight:700}.ad-tip-item{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:7px 0;display:flex}.ad-tip-item:last-child{border-bottom:none}.ad-tip-move{font-family:var(--font-mono);color:var(--gold);min-width:100px;font-size:.78rem;font-weight:600}.ad-tip-text{color:var(--text-secondary);font-size:.82rem}@media (width<=900px){.ad-content{flex-direction:column;align-items:center}.ad-header{flex-direction:column;align-items:flex-start;gap:12px}.ad-feedback-section{min-width:unset;width:100%}}.app{background:var(--bg-base);flex-direction:column;min-height:100vh;transition:background .3s;display:flex}.app-main{flex:1;padding-bottom:48px}