:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-glass:rgba(18,18,26,.85);--glass-border:hsla(0,0%,100%,.08);--glass-shadow:0 8px 32px rgba(0,0,0,.4);--accent-primary:#6c5ce7;--accent-secondary:#a29bfe;--accent-success:#00cec9;--accent-danger:#ff7675;--accent-warning:#fdcb6e;--text-primary:#e0e0e0;--text-secondary:#888;--text-muted:#555;--font-size:36px;--font-size-small:16px;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body,canvas,html{border:0;color:var(--text-primary);font-family:Roboto,sans-serif;margin:0;padding:0;position:relative}canvas{display:none}body.game-active canvas{display:block}body.game-active .landing-page{display:none}.landing-page{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:500}.landing-logo{border-radius:24px;filter:drop-shadow(0 0 30px rgba(108,92,231,.4));height:140px;object-fit:contain;width:140px}.landing-title{color:var(--text-primary);font-size:48px;font-weight:700;letter-spacing:2px;margin:0}.landing-tagline{color:var(--text-secondary);font-size:16px;margin:0 0 8px}.landing-buttons{align-items:center;flex-direction:column;margin-top:8px}.landing-buttons,.landing-row{display:flex;gap:12px}.landing-footer{bottom:24px;color:var(--text-muted);font-size:13px;position:absolute}.landing-footer a{color:var(--accent-secondary);text-decoration:none}.landing-footer a:hover{text-decoration:underline}.glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--glass-shadow)}.center-mid{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:var(--font-size);padding:12px 32px;transition:var(--transition)}.btn:hover{box-shadow:0 4px 20px rgba(108,92,231,.4);transform:scale(1.03)}.btn.promotion{background:var(--bg-glass);border:1px solid var(--glass-border);color:var(--text-primary);margin-left:8px}.btn.promotion:last-child{margin-right:8px}.btn-small{backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Roboto,sans-serif;font-size:var(--font-size-small);padding:10px 24px;transition:var(--transition)}.btn-small:hover{background:rgba(108,92,231,.2);border-color:var(--accent-primary)}.end-popup{backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--font-size-small);padding:10px;text-align:center}.end-popup-btn{margin-top:10px;text-align:center;width:100%}.score{backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:8px;box-shadow:var(--glass-shadow);color:var(--text-primary);display:flex;font-size:var(--font-size);height:45px;min-width:350px;padding:2px 10px;position:absolute}.score.player-score{bottom:10px;right:10px}.score.opponent-score{left:10px;top:60px}#opponent-turn-notification{color:var(--text-primary);font-size:24px;position:absolute;right:30px;top:10px}#opponent-turn-notification:after{animation:dots 1s steps(5) infinite;content:" ."}@keyframes dots{0%,20%{color:var(--text-primary);text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:var(--text-primary);text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 var(--text-primary),.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 var(--text-primary),.5em 0 0 var(--text-primary)}}.thinking-popup{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:0 8px 24px rgba(0,0,0,.5);font-family:Roboto Mono,monospace;left:50%;max-width:340px;min-width:160px;opacity:0;padding:12px 20px;pointer-events:none;position:fixed;text-align:center;top:80px;transform:translateX(-50%) translateY(-10px);transition:opacity .3s ease,transform .3s ease;z-index:200}.thinking-popup.visible{opacity:1;transform:translateX(-50%) translateY(0)}.thinking-popup-move{color:var(--accent-primary);font-size:20px;font-weight:700;margin-bottom:4px}.thinking-popup-reason{color:var(--text-secondary);font-size:12px;line-height:1.4}.thinking-dots{color:var(--accent-secondary);font-size:13px}.thinking-dots span{animation:dotPulse 1.2s infinite}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}.settings-backdrop{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.7);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:200}.settings-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:0 8px 40px rgba(0,0,0,.5);max-height:85vh;overflow-y:auto;padding:24px;width:460px}.settings-title{color:var(--text-primary);font-size:22px;margin:0 0 20px}.settings-tabs{border-bottom:1px solid var(--glass-border);display:flex;gap:0;margin-bottom:20px}.settings-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;padding:10px 20px;transition:var(--transition)}.settings-tab.active{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.settings-tab:hover{color:var(--text-primary)}.settings-tab-content{display:none}.settings-tab-content.active{display:block}.settings-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.settings-row label{color:var(--text-secondary);font-size:14px;min-width:140px}.settings-input,.settings-select{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:var(--text-primary);flex:1;font-family:Roboto,sans-serif;font-size:14px;max-width:240px;padding:8px 12px;transition:var(--transition)}.settings-input:focus,.settings-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(108,92,231,.2);outline:none}.settings-select option{background:var(--bg-secondary);color:var(--text-primary)}.settings-toggle{accent-color:var(--accent-primary);cursor:pointer;height:20px;width:20px}.settings-help{background:rgba(108,92,231,.1);border:1px solid rgba(108,92,231,.25);border-radius:6px;color:var(--accent-secondary);font-size:12px;line-height:1.5;margin:10px 0;padding:10px 14px}.settings-help a{color:var(--accent-primary);text-decoration:underline}.settings-warning{background:hsla(39,97%,71%,.1);border:1px solid hsla(39,97%,71%,.3);border-radius:6px;color:var(--accent-warning);font-size:12px;margin:14px 0;padding:10px 14px}.settings-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.settings-btn{border:none;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;padding:10px 24px;transition:var(--transition)}.settings-btn-save{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.settings-btn-cancel{background:hsla(0,0%,100%,.08);border:1px solid var(--glass-border);color:var(--text-secondary)}.settings-btn:hover{opacity:.85;transform:translateY(-1px)}.personality-toggle{border:1px solid var(--glass-border);border-radius:8px;display:flex;overflow:hidden}.personality-option{background:hsla(0,0%,100%,.03);border:none;color:var(--text-secondary);cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;padding:8px 20px;transition:var(--transition)}.personality-option.active{background:var(--accent-primary);color:#fff}.history-panel{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:0 8px 40px rgba(0,0,0,.5);max-height:85vh;overflow-y:auto;padding:24px;width:520px}.history-list{max-height:400px;overflow-y:auto}.history-empty{color:var(--text-muted);font-size:14px;padding:40px 0;text-align:center}.history-entry{border-bottom:1px solid hsla(0,0%,100%,.05);border-radius:6px;cursor:pointer;padding:12px;transition:var(--transition)}.history-entry:hover{background:hsla(0,0%,100%,.04)}.history-entry-header{align-items:center;display:flex;justify-content:space-between}.history-date{color:var(--text-secondary);font-size:13px}.history-result{border-radius:4px;font-size:12px;font-weight:700;padding:3px 10px}.history-win{background:rgba(0,206,201,.15);color:var(--accent-success)}.history-loss{background:hsla(0,100%,73%,.15);color:var(--accent-danger)}.history-draw{background:hsla(39,97%,71%,.15);color:var(--accent-warning)}.history-entry-details{color:var(--text-muted);font-size:12px;margin-top:4px}.history-pgn{background:hsla(0,0%,100%,.03);border-radius:6px;color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:11px;margin-top:8px;padding:8px;word-break:break-all}.menu-buttons{flex-direction:column;gap:12px}.ai-mode-badge,.menu-buttons{align-items:center;display:flex}.ai-mode-badge{backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:20px;color:var(--text-secondary);font-size:13px;gap:8px;padding:6px 16px}.mode-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.mode-dot.llm{background:var(--accent-primary);box-shadow:0 0 6px var(--accent-primary)}.mode-dot.local{background:var(--accent-success);box-shadow:0 0 6px var(--accent-success)}.toast-container{bottom:20px;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;position:fixed;right:20px;z-index:300}.toast{animation:slideInRight .3s ease;backdrop-filter:blur(10px);border-radius:10px;font-family:Roboto,sans-serif;font-size:14px;line-height:1.4;max-width:380px;padding:14px 20px;pointer-events:auto}.toast-exit{animation:slideOutRight .3s ease forwards}.toast-trash_talk{background:rgba(108,92,231,.9);border-left:4px solid var(--accent-secondary);color:#fff}.toast-insight{background:rgba(0,206,201,.9);border-left:4px solid var(--accent-success);color:#fff}.toast-achievement{background:hsla(39,97%,71%,.95);border-left:4px solid #f39c12;color:#1a1a2e;font-weight:600}.toast-info{background:var(--bg-glass);border-left:4px solid var(--glass-border);color:var(--text-primary)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.player-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border-bottom:1px solid var(--glass-border);font-size:14px;gap:30px;height:50px;justify-content:center;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:50}.player-header,.player-side{align-items:center;display:flex}.player-side{border-radius:8px;gap:10px;padding:6px 16px;transition:var(--transition)}.player-side.active-turn{border:1px solid var(--accent-primary);box-shadow:0 0 12px rgba(108,92,231,.3)}.player-name{color:var(--text-primary);font-weight:600}.player-record{color:var(--text-secondary);font-size:12px}.vs-label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.personality-badge{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px}.personality-badge.chill{background:rgba(0,206,201,.15);color:var(--accent-success)}.personality-badge.savage{background:hsla(0,100%,73%,.15);color:var(--accent-danger)}.insight-banner{align-items:center;backdrop-filter:blur(10px);border-radius:10px;bottom:-80px;display:flex;font-size:14px;gap:12px;left:50%;max-width:600px;min-width:400px;padding:14px 20px;position:fixed;transform:translateX(-50%);transition:bottom .4s cubic-bezier(.4,0,.2,1);z-index:150}.insight-banner.visible{bottom:20px}.insight-banner.brilliant,.insight-banner.good{background:rgba(0,206,201,.9);border:1px solid var(--accent-success);color:#fff}.insight-banner.inaccuracy{background:hsla(39,97%,71%,.9);border:1px solid var(--accent-warning);color:#1a1a2e}.insight-banner.blunder,.insight-banner.missed_win{background:hsla(0,100%,73%,.9);border:1px solid var(--accent-danger);color:#fff}.insight-quality{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.insight-text{flex:1}.insight-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;opacity:.7;padding:0 4px}.insight-close:hover{opacity:1}.footer-ad{bottom:16px;color:var(--text-muted);font-size:12px;left:50%;position:fixed;text-align:center;transform:translateX(-50%);transition:opacity .3s ease;z-index:40}.footer-ad a{color:var(--accent-secondary);text-decoration:none;transition:var(--transition)}.footer-ad a:hover{color:var(--accent-primary);text-decoration:underline}.endgame-stats{animation:scaleIn .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--glass-shadow);min-width:360px;padding:30px;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.endgame-result{font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:20px}.endgame-result.win{color:var(--accent-success)}.endgame-result.loss{color:var(--accent-danger)}.endgame-result.draw{color:var(--accent-warning)}.endgame-stats-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;text-align:left}.stat-item{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;padding:10px 14px}.stat-label{color:var(--text-muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:22px;font-weight:700;margin-top:4px}.endgame-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.endgame-ad{border-top:1px solid hsla(0,0%,100%,.06);margin-top:12px;padding-top:12px}.endgame-ad a{color:var(--text-muted);font-size:12px;text-decoration:none;transition:var(--transition)}.endgame-ad a:hover{color:var(--accent-secondary)}