:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.nav-bar{display:flex;align-items:center;gap:32px;padding:0 24px;height:48px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);width:100%}.nav-brand{font-family:Inter,Outfit,sans-serif;font-size:16px;font-weight:700;color:#e0e0e0;letter-spacing:.5px}.nav-links{display:flex;gap:4px}.nav-link{padding:8px 18px;border-radius:6px;font-size:15px;font-weight:500;color:#999;text-decoration:none;transition:color .2s,background .2s}.nav-link:hover{color:#e0e0e0;background:#ffffff0f}.nav-link.active{color:#e0e0e0;background:#ffffff1a}.nav-user{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-username{font-family:Inter,Outfit,sans-serif;font-size:14px;font-weight:600;color:var(--lp-gold, #c9a84c);letter-spacing:.3px}.nav-auth-btn{padding:6px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#999;font-family:Inter,Outfit,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.nav-auth-btn:hover{background:#ffffff14;color:#e0e0e0;border-color:#ffffff2e}.nav-login-btn{border-color:#c9a84c33;color:var(--lp-gold, #c9a84c)}.nav-login-btn:hover{background:#c9a84c14;border-color:#c9a84c4d;color:var(--lp-gold, #c9a84c)}@media(max-width:768px){.nav-bar{gap:16px;padding:0 16px;height:44px}.nav-brand{font-size:14px}.nav-link{padding:5px 10px;font-size:13px}}@media(max-width:480px){.nav-bar{gap:8px;padding:0 10px;height:40px}.nav-brand{font-size:13px}.nav-link{padding:4px 8px;font-size:12px}.nav-username{font-size:12px}.nav-auth-btn{padding:4px 10px;font-size:11px}}.puzzle-board-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;max-height:calc(100vh - 170px);aspect-ratio:1 / 1}.puzzle-board-wrapper .chessboard{max-height:calc(100vh - 170px);max-width:calc(100vh - 170px)}.puzzle-hint-overlay{position:absolute;inset:0;background:#64c8ff73;pointer-events:none;z-index:1;animation:hint-pulse 1s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.3}50%{opacity:.7}}.solution-arrow-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.promotion-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.promotion-dialog{background:#2a2a3e;border-radius:16px;padding:20px 24px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;align-items:center;gap:16px}.promotion-title{font-size:18px;font-weight:600;color:#e0e0e0}.promotion-options{display:flex;gap:12px}.promotion-option{width:72px;height:72px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;transition:all .15s ease}.promotion-option:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.1)}.promotion-piece-svg{width:100%;height:100%;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.4))}@media(max-width:480px){.promotion-dialog{padding:16px 20px}.promotion-options{gap:8px}.promotion-option{width:56px;height:56px}.promotion-title{font-size:16px}}.chessboard-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.history-banner{background:#ffd54f;color:#5d4037;padding:6px 16px;border-radius:6px;font-size:14px;font-weight:600;text-align:center}.chessboard{display:flex;flex-direction:column;border:3px solid;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #0000004d;width:var(--board-size);height:var(--board-size);position:relative;user-select:none;-webkit-user-select:none}.chess-row{display:flex;flex:1}.chess-square{flex:1;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none}.chess-square:hover{filter:brightness(1.05)}.piece-container{width:85%;height:85%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .2s ease}.piece-fading{opacity:0}.piece-ghost{opacity:.4}.chess-piece-svg{width:100%;height:100%;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.legal-move-dot{position:absolute;width:28%;height:28%;border-radius:50%;pointer-events:none;z-index:1}.legal-move-capture{position:absolute;width:90%;height:90%;border-radius:50%;border:5px solid;opacity:.4;pointer-events:none;z-index:1;box-sizing:border-box}.board-with-coords{display:flex;align-items:stretch}.board-with-coords.coords-outside{gap:0}.board-and-files{display:flex;flex-direction:column;position:relative}.coord-ranks{display:flex;flex-direction:column;justify-content:space-around;padding:3px 0;width:22px;flex-shrink:0}.coord-ranks .coord-label{display:flex;align-items:center;justify-content:center;flex:1;font-family:Inter,Outfit,sans-serif;font-size:13px;font-weight:600;color:#8a8278;-webkit-user-select:none;user-select:none;line-height:1}.coord-files{display:flex;justify-content:space-around;height:22px;flex-shrink:0}.coord-files .coord-label{display:flex;align-items:center;justify-content:center;flex:1;font-family:Inter,Outfit,sans-serif;font-size:13px;font-weight:600;color:#8a8278;-webkit-user-select:none;user-select:none;line-height:1}.rank-label{position:absolute;top:2px;left:3px;font-size:11px;font-weight:700;pointer-events:none;font-family:Segoe UI,system-ui,sans-serif;line-height:1}.file-label{position:absolute;bottom:2px;right:3px;font-size:11px;font-weight:700;pointer-events:none;font-family:Segoe UI,system-ui,sans-serif;line-height:1}.animating-piece{position:absolute;pointer-events:none;z-index:10;animation:piece-slide var(--anim-duration, .25s) ease-out forwards;display:flex;align-items:center;justify-content:center;padding:5%}@keyframes piece-slide{0%{left:var(--from-x);top:var(--from-y)}to{left:var(--to-x);top:var(--to-y)}}.chess-square.fading .piece-container{animation:piece-fade-out .2s ease-out forwards}@keyframes piece-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.threat-overlay{position:absolute;inset:0;background:#ff78782e;pointer-events:none;z-index:1}.new-threat-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,#ffa03c00 30%,#ffa03c80,#ffa03ccc)}.new-threat-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ffa03c00 50%,#ffa03c66,#ffa03c99);animation:threat-pulse .6s ease-in-out 1}@keyframes threat-pulse{0%,to{opacity:0}50%{opacity:1}}.teaching-warning-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,#e6323200 30%,#e6323280,#e63232cc)}.teaching-warning-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#e6323200 50%,#e6323266,#e6323299);animation:warning-flash .6s ease-in-out 1}@keyframes warning-flash{0%,to{opacity:0}50%{opacity:1}}@keyframes message-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.coaching-highlight-overlay{position:absolute;inset:0;background:#46b4dc38;pointer-events:none;z-index:1;animation:coaching-pulse 2s ease-in-out 2}@keyframes coaching-pulse{0%,to{opacity:.5}50%{opacity:1}}.premove-highlight{position:absolute;inset:0;background:#1455b473;pointer-events:none;z-index:1}.premove-ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;opacity:.55;width:85%;height:85%;margin:auto}.highlight-overlay{position:absolute;inset:0;background:#00b43266;pointer-events:none;z-index:1}.arrow-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:5}.game-end-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;background:#12121280;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:4px;animation:ge-overlay-in .3s ease-out}@keyframes ge-overlay-in{0%{opacity:0}to{opacity:1}}.game-end-popup{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 36px 24px;background:#1e1e28f2;border-radius:16px;border:1px solid rgba(201,168,76,.15);box-shadow:0 16px 48px #00000080,0 0 0 1px #c9a84c14,0 0 40px #c9a84c0d;animation:ge-popup-in .3s cubic-bezier(.4,0,.2,1)}@keyframes ge-popup-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-end-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#7d7668;font-size:22px;cursor:pointer;padding:2px 6px;border-radius:6px;transition:all .15s ease;line-height:1}.game-end-close:hover{color:#ddd7c9;background:#ffffff14}.game-end-text{font-family:Inter,Outfit,sans-serif;font-size:20px;font-weight:700;color:#f0ead8;text-align:center;letter-spacing:.3px}.game-end-buttons{display:flex;gap:10px}.game-end-btn{padding:10px 24px;border-radius:10px;border:none;font-family:Inter,Outfit,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.game-end-btn-new{background:linear-gradient(135deg,#c9a84c,#a08838);color:#1a1a1a}.game-end-btn-new:hover{background:linear-gradient(135deg,#ddc06a,#c9a84c);box-shadow:0 4px 12px #c9a84c40}.game-end-btn-review{background:#ffffff14;color:#ddd7c9;border:1px solid rgba(255,255,255,.15)}.game-end-btn-review:hover{background:#ffffff26;border-color:#ffffff40}.review-flag-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;animation:review-pulse 1.5s ease-in-out infinite}.review-flag-overlay.review-danger{background:#f4645a40}.review-flag-overlay.review-trade{background:#ff980059}.review-flag-overlay.review-missed{background:#42a5f559}@keyframes review-pulse{0%,to{opacity:.4}50%{opacity:.75}}.dragging-piece{pointer-events:none;z-index:1000;display:flex;align-items:center;justify-content:center;padding:5%;transition:none;will-change:left,top}.chessboard.is-dragging,.chessboard.is-dragging .chess-square{cursor:grabbing}@media(max-width:768px){.chessboard-wrapper{order:1}.chessboard{width:min(90vw,500px);height:min(90vw,500px)}.coord-ranks .coord-label,.coord-files .coord-label{font-size:12px}}@media(max-width:480px){.chessboard{width:95vw;height:95vw}.rank-label,.file-label{font-size:9px}.coord-ranks .coord-label,.coord-files .coord-label{font-size:11px}.coord-ranks{width:18px}.coord-files{height:18px}.game-end-popup{padding:20px 24px 16px}.game-end-text{font-size:17px}}.left-panel{--lp-gold: #c9a84c;--lp-gold-dim: #a08838;--lp-gold-bright: #ddc06a;--lp-gold-glow: rgba(201, 168, 76, .12);--lp-surface: #1E1E1E;--lp-surface-raised: #1b1f2a;--lp-surface-hover: #212634;--lp-text: #ddd7c9;--lp-text-dim: #7d7668;--lp-text-muted: #555049;--lp-border: rgba(201, 168, 76, .1);--lp-border-subtle: rgba(255, 255, 255, .04);--lp-win: #5ea65e;--lp-loss: #c05050;--lp-draw: #7898b8;--lp-radius: 12px;display:flex;flex-direction:column;width:300px;max-height:var(--panel-height);background:var(--lp-surface);border-radius:var(--lp-radius);border:1px solid var(--lp-border);overflow:hidden;font-family:Inter,Outfit,Segoe UI,sans-serif;position:relative;box-shadow:0 4px 24px #0000004d,0 0 0 1px #0003,inset 0 1px #ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .4s ease,box-shadow .4s ease}.left-panel:before{content:"";position:absolute;inset:0;border-radius:var(--lp-radius);background:linear-gradient(180deg,rgba(201,168,76,.04) 0%,transparent 25%);pointer-events:none;z-index:0}.left-panel>*{position:relative;z-index:1}.lp-top-action{padding:4px 16px}.lp-new-game-btn{width:100%;padding:10px 18px;border-radius:10px;border:1px solid rgba(201,168,76,.25);background:linear-gradient(135deg,var(--lp-gold) 0%,var(--lp-gold-dim) 100%);color:#1a1a1a;font-family:Inter,Outfit,sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.lp-new-game-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.lp-new-game-btn:hover{background:linear-gradient(135deg,var(--lp-gold-bright) 0%,var(--lp-gold) 100%);transform:translateY(-1px);box-shadow:0 4px 16px #c9a84c40,0 0 0 1px #c9a84c4d}.lp-new-game-btn:hover:before{transform:translate(100%)}.lp-new-game-btn:active{transform:translateY(0)}.lp-analysis-btn{width:100%;padding:10px 18px;border-radius:10px;border:1px solid rgba(201,168,76,.18);background:transparent;color:var(--lp-gold);font-family:Inter,Outfit,sans-serif;font-size:15px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:4px}.lp-analysis-btn:hover{background:#c9a84c14;border-color:#c9a84c4d}.lp-analysis-btn:active{background:#c9a84c1f}.lp-analysis-icon{width:14px;height:14px}.lp-tabs{display:flex;margin:auto 14px 0;border-top:1px solid var(--lp-border);gap:0}.lp-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 9px;border:none;background:transparent;color:var(--lp-text-dim);font-family:Outfit,sans-serif;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:color .25s ease;position:relative;border-radius:0}.lp-tab:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--lp-gold);border-radius:1px 1px 0 0;transform:scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.lp-tab:hover{color:var(--lp-text);background:transparent}.lp-tab-active{color:var(--lp-gold);background:transparent}.lp-tab-active:after{transform:scaleX(1)}.lp-tab-active:hover{color:var(--lp-gold);background:transparent}.lp-tab-icon{width:15px;height:15px;transition:transform .2s ease}.lp-tab:hover .lp-tab-icon{transform:scale(1.1)}.lp-tab-badge{position:absolute;top:4px;right:6px;font-size:10px;background:#c9a84c33;color:var(--lp-gold);border-radius:6px;padding:0 5px;line-height:15px;font-weight:700;letter-spacing:0}.lp-tab-content{padding:10px 14px 14px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.15) transparent}.lp-tab-content::-webkit-scrollbar{width:4px}.lp-tab-content::-webkit-scrollbar-track{background:transparent}.lp-tab-content::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:2px}.lp-coach-notes{padding:12px 14px;border-radius:10px;background:var(--lp-surface-raised);border:1px solid var(--lp-border);margin-bottom:14px;min-height:56px;display:flex;flex-direction:column;gap:8px;transition:border-color .3s ease,background .3s ease}.lp-coach-idle{border-color:var(--lp-border)}.lp-coach-hint{border-color:#4caf504d;background:#4caf500f}.lp-coach-warning{border-color:#ffb74d4d;background:#ffb74d0f}.lp-coach-critical{border-color:#c050504d;background:#c050500f}.lp-coach-message{font-size:13px;font-weight:500;color:var(--lp-text);line-height:1.4}.lp-coach-praise{color:#66bb6a;font-weight:600}.lp-coach-notes.lp-coach-praise{border-color:#4caf5059;background:#4caf5014}.lp-coach-better-move{font-weight:700;color:var(--lp-gold)}.lp-coach-idle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--lp-text-muted);font-style:italic}.lp-coach-idle-icon{width:20px;height:20px;color:var(--lp-text-muted);opacity:.5;flex-shrink:0}.lp-coach-blunder-actions{display:flex;gap:8px}.lp-coach-btn{flex:1;padding:8px 14px;border-radius:6px;border:none;font-family:Inter,Outfit,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.lp-coach-btn-back{background:#ffffff1a;color:#e0e0e0;border:1px solid rgba(255,255,255,.15)}.lp-coach-btn-back:hover{background:#ffffff2e}.lp-coach-btn-play{background:#ffb74d26;color:#ffb74d;border:1px solid rgba(255,183,77,.25)}.lp-coach-btn-play:hover{background:#ffb74d47}.lp-coach-waveform{display:flex;align-items:flex-end;gap:3px;height:16px;padding-top:4px}.lp-coach-waveform span{display:block;width:3px;border-radius:2px;background:var(--lp-gold);opacity:.6;animation:lp-waveform .8s ease-in-out infinite}.lp-coach-waveform span:nth-child(1){height:6px;animation-delay:0s}.lp-coach-waveform span:nth-child(2){height:10px;animation-delay:.1s}.lp-coach-waveform span:nth-child(3){height:14px;animation-delay:.2s}.lp-coach-waveform span:nth-child(4){height:10px;animation-delay:.3s}.lp-coach-waveform span:nth-child(5){height:6px;animation-delay:.4s}@keyframes lp-waveform{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.lp-tab-dot{position:absolute;top:6px;right:10px;width:7px;height:7px;border-radius:50%}.lp-dot-hint{background:#66bb6a}.lp-dot-warning{background:#ffb74d}.lp-dot-critical{background:#ef5350}.lp-section-header{display:flex;align-items:center;gap:4px;width:100%;padding:0;border:none;background:transparent;font-family:Inter,Outfit,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--lp-gold);font-weight:600;margin-bottom:4px;margin-top:14px;cursor:pointer;transition:color .2s ease}.lp-section-header:first-of-type{margin-top:8px}.lp-section-header:hover{color:var(--lp-gold-bright)}.lp-section-chevron{width:14px;height:14px;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.lp-chevron-open{transform:rotate(90deg)}.lp-setting-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--lp-surface-raised);transition:background .15s ease}.lp-setting-row:hover{background:var(--lp-surface-hover)}.lp-setting-label{font-size:13px;color:var(--lp-text);font-weight:400;letter-spacing:.2px}.lp-setting-row select{padding:5px 10px;border-radius:6px;border:1px solid rgba(201,168,76,.12);background:#ffffff0a;color:var(--lp-text);font-family:Inter,Outfit,sans-serif;font-size:12px;font-weight:500;max-width:120px;cursor:pointer;transition:all .2s ease;outline:none}.lp-setting-row select:hover{border-color:#c9a84c40}.lp-setting-row select:focus{border-color:var(--lp-gold);box-shadow:0 0 0 2px #c9a84c1a}.lp-setting-row select option{background:#1b1f2a;color:#ddd7c9}.lp-toggle-group{display:flex;flex-direction:column;gap:1px;background:var(--lp-border-subtle);border-radius:10px;overflow:hidden;border:1px solid var(--lp-border)}.lp-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--lp-surface-raised);font-size:13px;color:var(--lp-text);cursor:pointer;transition:background .15s ease;font-weight:400;letter-spacing:.2px}.lp-toggle-row:hover{background:var(--lp-surface-hover)}.lp-toggle-row input[type=checkbox]{-webkit-appearance:none;appearance:none;width:34px;min-width:34px;height:18px;border-radius:9px;background:#ffffff14;border:1px solid rgba(255,255,255,.06);cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.lp-toggle-row input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#555;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.lp-toggle-row input[type=checkbox]:checked{background:var(--lp-gold);border-color:var(--lp-gold)}.lp-toggle-row input[type=checkbox]:checked:before{transform:translate(16px);background:#fff}.lp-voice-select{padding:4px 12px 8px;background:var(--lp-surface-raised);margin-top:-1px}.lp-voice-select select{width:100%;padding:5px 10px;border-radius:6px;border:1px solid var(--lp-border);background:var(--lp-surface);color:var(--lp-text);font-size:.85rem;cursor:pointer}.lp-empty-state{display:flex;flex-direction:column;align-items:center;padding:28px 8px;gap:6px}.lp-empty-icon{font-size:32px;opacity:.25;margin-bottom:4px;color:var(--lp-gold)}.lp-empty-text{font-size:14px;color:var(--lp-text-dim);font-weight:500}.lp-empty-hint{font-size:12px;color:var(--lp-text-muted)}.lp-stat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.lp-stat-card{display:flex;flex-direction:column;align-items:center;padding:8px 6px 6px;border-radius:8px;background:var(--lp-surface-raised);border:1px solid var(--lp-border);transition:border-color .2s ease}.lp-stat-card:hover{border-color:#c9a84c33;box-shadow:0 0 12px #c9a84c0f}.lp-card-value{font-family:Inter,Outfit,sans-serif;font-size:18px;font-weight:700;line-height:1.1}.lp-card-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--lp-text-dim);margin-top:2px;font-weight:500}.lp-card-total .lp-card-value{color:var(--lp-text)}.lp-card-win .lp-card-value{color:var(--lp-win)}.lp-card-loss .lp-card-value{color:var(--lp-loss)}.lp-card-draw .lp-card-value{color:var(--lp-draw)}.lp-winrate-section{margin-bottom:10px}.lp-winrate-bar{height:6px;border-radius:3px;background:var(--lp-loss);display:flex;overflow:hidden}.lp-winrate-fill{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.lp-winrate-win{background:var(--lp-win)}.lp-winrate-draw{background:var(--lp-draw)}.lp-winrate-labels{display:flex;justify-content:space-between;margin-top:4px}.lp-winrate-pct{font-size:12px;font-weight:600;letter-spacing:.3px}.lp-wl-win{color:var(--lp-win)}.lp-wl-draw{color:var(--lp-draw)}.lp-wl-loss{color:var(--lp-loss)}.lp-quality-section{padding:10px 14px;background:var(--lp-surface-raised);border-radius:8px;border:1px solid var(--lp-border)}.lp-quality-header{font-family:Inter,Outfit,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--lp-gold);font-weight:600;margin-bottom:6px}.lp-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.lp-quality-item{display:flex;flex-direction:column;align-items:center;gap:2px}.lp-quality-value{font-family:Inter,Outfit,sans-serif;font-size:17px;font-weight:700}.lp-quality-label{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--lp-text-dim);text-align:center}.lp-q-critical{color:var(--lp-loss)}.lp-q-warning{color:#d4a44a}.lp-flag-breakdown{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--lp-border)}.lp-flag-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--lp-text-dim)}.lp-flag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lp-flag-missed{background:var(--lp-draw)}.lp-flag-hanging,.lp-flag-danger{background:var(--lp-loss)}.lp-flag-trade{background:#d4a44a}.lp-flag-label{flex:1}.lp-flag-count{font-weight:700;font-size:12px;color:var(--lp-text)}.lp-reviewed-count{font-size:13px;color:var(--lp-text-muted);text-align:center;margin-top:10px}.lp-history-list{display:flex;flex-direction:column;gap:4px}.lp-history-item{padding:10px 12px;background:var(--lp-surface-raised);border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid var(--lp-border)}.lp-history-item:hover{background:var(--lp-surface-hover);border-color:#c9a84c33;transform:translate(2px)}.lp-history-top{display:flex;align-items:center;gap:8px}.lp-history-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.3px}.lp-badge-win{background:#5ea65e26;color:var(--lp-win);border:1px solid rgba(94,166,94,.2)}.lp-badge-loss{background:#c0505026;color:var(--lp-loss);border:1px solid rgba(192,80,80,.2)}.lp-badge-draw{background:#7898b826;color:var(--lp-draw);border:1px solid rgba(120,152,184,.2)}.lp-history-opponent{font-size:13px;font-weight:500;color:var(--lp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-history-date{font-size:12px;color:var(--lp-text-dim);margin-top:3px;margin-left:30px;letter-spacing:.2px}.lp-dialog-overlay{position:absolute;inset:0;background:#12121280;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:20;border-radius:4px;animation:lp-fade-in .2s ease}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}.lp-dialog-content{background:#1e1e28f2;border-radius:16px;padding:28px;min-width:300px;max-width:360px;border:1px solid rgba(201,168,76,.15);box-shadow:0 16px 48px #00000080,0 0 0 1px #c9a84c14,0 0 40px #c9a84c0d;font-family:Inter,Outfit,sans-serif;animation:lp-dialog-in .25s cubic-bezier(.4,0,.2,1)}@keyframes lp-dialog-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.lp-dialog-title{font-family:Inter,Outfit,sans-serif;font-size:22px;font-weight:700;color:#ddd7c9;margin-bottom:20px;text-align:center;letter-spacing:.5px}.lp-dialog-field{margin-bottom:14px}.lp-dialog-field label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;color:#ddd7c9;font-weight:400}.lp-dialog-field select{flex:1;padding:8px 12px;border-radius:8px;border:1px solid rgba(201,168,76,.15);background:#1b1f2a;color:#ddd7c9;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;outline:none;transition:border-color .2s ease}.lp-dialog-field select:focus{border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c1a}.lp-dialog-field select option{background:#1b1f2a;color:#ddd7c9}.lp-elo-slider{width:100%;margin:8px 0 2px;accent-color:#c9a84c;cursor:pointer}.lp-elo-range-labels{display:flex;justify-content:space-between;font-size:11px;color:#ddd7c973;margin-top:0}.lp-dialog-buttons{display:flex;gap:8px;margin-top:22px}.lp-dialog-start-btn{flex:1;padding:11px 18px;border-radius:10px;border:1px solid rgba(201,168,76,.25);background:linear-gradient(135deg,#c9a84c,#a08838);color:#1a1a1a;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.lp-dialog-start-btn:hover{background:linear-gradient(135deg,#ddc06a,#c9a84c);box-shadow:0 4px 12px #c9a84c33}.lp-dialog-cancel-btn{flex:1;padding:11px 18px;border-radius:10px;border:1px solid rgba(201,168,76,.1);background:#1b1f2a;color:#7d7668;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.lp-dialog-cancel-btn:hover{background:#212634;color:#ddd7c9}@media(max-width:1100px){.left-panel{width:260px}}@media(max-width:768px){.left-panel{width:100%;max-width:500px;height:auto;order:3}}@media(max-width:480px){.left-panel{max-width:100%}.lp-coach-notes{min-height:50px;padding:10px}.lp-dialog-content{max-width:90vw;min-width:auto;padding:20px}}.lp-logo{display:flex;align-items:center;justify-content:center;padding:0 12px;margin:0 0 -16px;flex-shrink:0;opacity:.75;transition:opacity .3s ease}.lp-logo:hover{opacity:1}.lp-logo-img{max-width:75%;height:auto;object-fit:contain}.pi-bar{display:flex;flex-direction:column;gap:2px;padding:4px 10px;min-height:28px;width:100%}.pi-top-row{display:flex;align-items:center;gap:10px}.pi-name-section{display:flex;align-items:center;gap:6px;flex-shrink:0}.pi-name{font-family:Inter,Outfit,sans-serif;font-size:15px;font-weight:600;color:#ddd7c9;letter-spacing:.3px}.pi-turn-dot{width:8px;height:8px;border-radius:50%;background:#c9a84c;box-shadow:0 0 6px #c9a84c80;animation:pi-pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes pi-pulse{0%,to{opacity:.6}50%{opacity:1}}.pi-captured{display:flex;align-items:center;flex-wrap:wrap;gap:1px;padding-left:14px}.pi-captured-group{display:flex;align-items:center}.pi-captured-piece{display:inline-flex;width:16px;height:16px;margin-left:-2px}.pi-captured-piece:first-child{margin-left:0}.pi-captured-svg{width:100%;height:100%;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}.pi-advantage{font-family:Inter,Outfit,sans-serif;font-size:13px;font-weight:700;color:#c9a84c;margin-left:3px}.pi-clock{margin-left:auto;font-family:Inter,Outfit,monospace;font-size:26px;font-weight:700;color:#706a5e;background:#0000004d;padding:6px 14px;border-radius:8px;width:96px;text-align:center;flex-shrink:0;border:1px solid rgba(255,255,255,.06);letter-spacing:1.5px;transition:color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;font-variant-numeric:tabular-nums}.pi-clock.pi-active{color:#f0ead8;background:#c9a84c26;border-color:#c9a84c4d;box-shadow:0 0 10px #c9a84c33,0 0 20px #c9a84c14}.pi-clock.pi-low{color:#c05050;border-color:#c050504d;animation:pi-low-pulse .5s ease-in-out infinite}@keyframes pi-low-pulse{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:768px){.pi-bar{padding:4px 6px}.pi-name{font-size:13px}}@media(max-width:480px){.pi-name{font-size:12px}.pi-clock{font-size:12px;padding:2px 6px;min-width:44px}}.right-panel{--rp-gold: #c9a84c;--rp-gold-dim: #a08838;--rp-gold-bright: #ddc06a;--rp-surface: #1E1E1E;--rp-surface-raised: #1b1f2a;--rp-surface-hover: #212634;--rp-text: #ddd7c9;--rp-text-dim: #7d7668;--rp-text-muted: #555049;--rp-border: rgba(201, 168, 76, .1);--rp-border-subtle: rgba(255, 255, 255, .04);--rp-win: #5ea65e;--rp-loss: #c05050;--rp-draw: #7898b8;--rp-radius: 12px;display:flex;flex-direction:column;width:280px;padding:20px 0;max-height:var(--panel-height);background:var(--rp-surface);border-radius:var(--rp-radius);border:1px solid var(--rp-border);overflow:hidden;font-family:Inter,Outfit,Segoe UI,sans-serif;position:relative;box-shadow:0 4px 24px #0000004d,0 0 0 1px #0003,inset 0 1px #ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .4s ease,box-shadow .4s ease}.right-panel:before{content:"";position:absolute;inset:0;border-radius:var(--rp-radius);background:linear-gradient(180deg,rgba(201,168,76,.04) 0%,transparent 25%);pointer-events:none;z-index:0}.right-panel>*{position:relative;z-index:1}.rp-status-section{padding:8px 16px;border-top:1px solid var(--rp-border);border-bottom:1px solid var(--rp-border)}.rp-status-text{font-family:Inter,Outfit,sans-serif;font-size:16px;font-weight:600;color:var(--rp-text-dim);letter-spacing:.3px}.rp-status-text.check{color:var(--rp-gold)}.rp-status-text.checkmate{color:var(--rp-loss)}.rp-status-text.stalemate,.rp-status-text.draw{color:var(--rp-text-muted)}.rp-thinking-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rp-gold);margin-left:8px;vertical-align:middle;animation:rp-thinking-pulse 1.2s ease-in-out infinite}@keyframes rp-thinking-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.rp-moves-section{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 16px}.rp-section-header{font-family:Inter,Outfit,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--rp-gold);margin-bottom:6px;font-weight:600}.rp-move-list{flex:1;overflow-y:auto;padding-right:8px;font-family:Outfit,monospace;font-size:14px;scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.15) transparent}.rp-move-list::-webkit-scrollbar{width:4px}.rp-move-list::-webkit-scrollbar-track{background:transparent}.rp-move-list::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:2px}.rp-no-moves{color:var(--rp-text-muted);font-style:italic;font-size:13px;padding:4px 0}.rp-move-pair{display:flex;align-items:center;gap:2px;padding:2px 0}.rp-move-number{width:28px;color:var(--rp-text-muted);text-align:right;flex-shrink:0;font-size:12px}.rp-move-entry{flex:1;display:flex;align-items:center;padding:2px 6px;border-radius:4px;cursor:pointer;color:var(--rp-text);transition:all .15s ease;font-weight:400}.rp-move-entry:hover{background:var(--rp-surface-hover)}.rp-move-entry.active{background:#c9a84c26;color:var(--rp-gold);font-weight:600}.rp-move-entry.empty{cursor:default}.rp-move-nav{display:flex;gap:4px;margin-top:auto;padding-top:8px}.rp-nav-btn{flex:1;padding:6px 0;border-radius:6px;border:1px solid var(--rp-border);background:var(--rp-surface-raised);color:var(--rp-text-dim);font-size:14px;cursor:pointer;transition:all .15s ease;line-height:1}.rp-nav-btn:hover:not(:disabled){background:var(--rp-surface-hover);color:var(--rp-text);border-color:#c9a84c33}.rp-nav-btn:disabled{opacity:.25;cursor:default}.rp-game-grid{display:flex;gap:4px;margin-top:8px}.rp-hint-btn{border-color:#4caf504d!important;color:#66bb6a!important}.rp-hint-btn:hover:not(:disabled){background:#4caf501f!important;color:#81c784!important}.rp-hint-btn:disabled{opacity:.35;cursor:default}.rp-takeback-btn{border-color:#d4a44a4d!important;color:#d4a44a!important}.rp-takeback-btn:hover:not(:disabled){background:#d4a44a1f!important;color:#e0b85c!important}.rp-resign-btn{border-color:#c0505040!important;color:#d07070!important}.rp-resign-btn:hover{background:#c050501f!important;color:var(--rp-loss)!important}.rp-draw-declined{color:#d07070!important;border-color:#c0505040!important}.rp-new-game-btn{background:#c9a84c1f!important;color:#c9a84c!important;border-color:#c9a84c40!important;font-weight:600!important}.rp-new-game-btn:hover{background:#c9a84c33!important}.rp-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 0;border-radius:8px;border:1px solid var(--rp-border);background:var(--rp-surface-raised);color:var(--rp-text-dim);font-family:Inter,Outfit,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.rp-action-btn:hover{background:var(--rp-surface-hover);color:var(--rp-text);border-color:#c9a84c33}.rp-action-btn[data-tooltip]{position:relative}.rp-action-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;background:#2a2d36;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;font-family:Inter,Outfit,sans-serif;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:20;box-shadow:0 4px 12px #0000004d}.rp-action-btn[data-tooltip]:hover:after{opacity:1}.rp-share-row{display:flex;margin-top:6px}.rp-share-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rp-share-modal{background:#1a1d26;border:1px solid rgba(255,255,255,.1);border-radius:14px;width:340px;max-width:90vw;padding:20px;box-shadow:0 16px 48px #00000080}.rp-share-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-family:Inter,Outfit,sans-serif;font-size:16px;font-weight:700;color:#e0e0e0}.rp-share-modal-close{background:none;border:none;color:#fff6;font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.rp-share-modal-close:hover{color:#e0e0e0}.rp-share-modal-section{margin-bottom:14px}.rp-share-label{display:block;font-family:Inter,Outfit,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-bottom:6px}.rp-share-field{display:flex;gap:6px;align-items:center}.rp-share-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;color:#ddd7c9;font-family:Outfit,monospace;font-size:12px;min-width:0;outline:none}.rp-share-input:focus{border-color:#c9a84c4d}.rp-share-copy{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff80;cursor:pointer;transition:all .15s;flex-shrink:0;font-size:14px}.rp-share-copy:hover{background:#c9a84c1f;color:#c9a84c;border-color:#c9a84c40}.rp-share-modal-actions{display:flex;gap:8px;margin-top:4px}.rp-share-load-btn{flex:1;padding:8px 0;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff80;font-family:Inter,Outfit,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.rp-share-load-btn:hover{background:#ffffff14;color:#e0e0e0;border-color:#ffffff26}.rp-move-time{font-size:11px;color:var(--rp-text-muted);margin-left:auto;padding-left:6px;font-weight:400;font-variant-numeric:tabular-nums}.rp-move-entry.active .rp-move-time{color:#c9a84c80}.rp-tab-bar{display:flex;align-items:center;gap:2px;margin-bottom:8px}.rp-tab{flex:1;padding:5px 0;border:none;border-bottom:2px solid transparent;background:none;color:var(--rp-text-muted);font-family:Inter,Outfit,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .15s ease}.rp-tab:hover{color:var(--rp-text-dim)}.rp-tab.rp-tab-active{color:var(--rp-gold);border-bottom-color:var(--rp-gold)}.rp-review-close{background:none;border:none;color:var(--rp-text-muted);font-size:14px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s ease;flex-shrink:0}.rp-review-close:hover{color:var(--rp-text)}.rp-summary-tab{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.15) transparent}.rp-accuracy-display{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--rp-border)}.rp-accuracy-label{font-family:Outfit,sans-serif;font-size:12px;font-weight:500;color:var(--rp-text-dim);letter-spacing:.3px}.rp-accuracy-value{font-family:Inter,Outfit,sans-serif;font-size:28px;font-weight:700;letter-spacing:.5px}.rp-acc-good{color:var(--rp-win)}.rp-acc-ok{color:#d4a44a}.rp-acc-bad{color:var(--rp-loss)}.rp-review-stats{display:flex;gap:6px;flex-wrap:wrap}.rp-review-stat{font-size:12px;font-weight:600;padding:3px 9px;border-radius:10px;letter-spacing:.2px}.rp-review-ok{background:#5ea65e1f;color:var(--rp-win)}.rp-review-warn{background:#d4a44a1f;color:#d4a44a}.rp-review-crit{background:#c050501f;color:var(--rp-loss)}.rp-breakdown{margin-top:8px;padding-top:8px;border-top:1px solid var(--rp-border);display:flex;flex-direction:column;gap:4px}.rp-breakdown-row{display:flex;align-items:center;gap:8px;font-size:13px}.rp-breakdown-count{font-family:Outfit,monospace;font-weight:700;color:var(--rp-loss);min-width:24px}.rp-breakdown-label{color:var(--rp-text-dim);font-weight:400}.rp-tip{margin-top:8px;padding:8px 12px;background:#5ea65e14;border:1px solid rgba(94,166,94,.15);border-radius:8px;font-size:12px;font-weight:400;color:var(--rp-text-dim);line-height:1.4}.rp-tip-icon{margin-right:4px}.rp-review-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;flex-shrink:0}.rp-dot-warning{background:#d4a44a}.rp-dot-critical{background:var(--rp-loss)}.rp-move-entry.rp-critical{border-left:2px solid var(--rp-loss);background:#c050500f}.rp-move-entry.rp-warning{border-left:2px solid #d4a44a;background:#d4a44a0f}.rp-move-entry.rp-critical.active{background:#c0505026}.rp-move-entry.rp-warning.active{background:#d4a44a26}.rp-mistake-btn{color:#d4a44a!important;border-color:#d4a44a4d!important;background:#d4a44a14!important;font-size:13px!important;flex:0 0 auto!important;padding:6px 8px!important}.rp-mistake-btn:hover:not(:disabled){background:#d4a44a2e!important;color:#e0b85c!important;border-color:#d4a44a73!important}.rp-review-btn{background:#c9a84c1a!important;color:var(--rp-gold)!important;border-color:#c9a84c33!important}.rp-review-btn:hover{background:#c9a84c2e!important}@media(max-width:1100px){.right-panel{width:240px}}@media(max-width:768px){.right-panel{width:100%;max-width:500px;height:auto;order:2}}@media(max-width:480px){.right-panel{max-width:100%}.rp-move-list{max-height:150px;font-size:12px}}.sm-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;animation:sm-fade-in .2s ease}@keyframes sm-fade-in{0%{opacity:0}to{opacity:1}}.sm-content{background:#1e1e1e;border-radius:16px;padding:28px;min-width:340px;max-width:400px;border:1px solid rgba(201,168,76,.12);box-shadow:0 16px 48px #00000080,0 0 0 1px #c9a84c14;font-family:Outfit,sans-serif;animation:sm-dialog-in .25s cubic-bezier(.4,0,.2,1)}@keyframes sm-dialog-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sm-title{font-family:Inter,Outfit,sans-serif;font-size:22px;font-weight:700;color:#ddd7c9;letter-spacing:.5px}.sm-close-btn{background:none;border:none;color:#7d7668;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease;line-height:1}.sm-close-btn:hover{color:#ddd7c9;background:#ffffff0f}.sm-settings-group{display:flex;flex-direction:column;gap:1px;background:#ffffff0a;border-radius:10px;overflow:hidden;border:1px solid rgba(201,168,76,.1)}.sm-setting-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#1b1f2a;transition:background .15s ease}.sm-setting-row:hover{background:#212634}.sm-setting-label{font-size:14px;color:#ddd7c9;font-weight:400;letter-spacing:.2px}.sm-setting-row select{padding:6px 12px;border-radius:6px;border:1px solid rgba(201,168,76,.12);background:#ffffff0a;color:#ddd7c9;font-family:Inter,Outfit,sans-serif;font-size:13px;font-weight:500;max-width:140px;cursor:pointer;transition:all .2s ease;outline:none}.sm-setting-row select:hover{border-color:#c9a84c40}.sm-setting-row select:focus{border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c1a}.sm-setting-row select option{background:#1b1f2a;color:#ddd7c9}.sm-toggle-group{display:flex;flex-direction:column;gap:1px;background:#ffffff0a;border-radius:10px;overflow:hidden;border:1px solid rgba(201,168,76,.1);margin-top:12px}.sm-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#1b1f2a;font-size:14px;color:#ddd7c9;cursor:pointer;transition:background .15s ease;font-weight:400;letter-spacing:.2px}.sm-toggle-row:hover{background:#212634}.sm-toggle-row input[type=checkbox]{-webkit-appearance:none;appearance:none;width:34px;min-width:34px;height:18px;border-radius:9px;background:#ffffff14;border:1px solid rgba(255,255,255,.06);cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sm-toggle-row input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#555;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.sm-toggle-row input[type=checkbox]:checked{background:#c9a84c;border-color:#c9a84c}.sm-toggle-row input[type=checkbox]:checked:before{transform:translate(16px);background:#fff}@media(max-width:480px){.sm-content{max-width:90vw;min-width:auto;padding:20px}}.import-page{display:flex;flex-direction:column;align-items:center;padding:48px 24px;max-width:720px;margin:0 auto}.import-page h1{font-size:28px;font-weight:700;color:#e0e0e0;margin-bottom:8px}.import-subtitle{font-size:15px;color:#888;margin-bottom:32px}.import-card{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.import-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08)}.import-tab{flex:1;padding:12px 16px;font-size:14px;font-weight:500;color:#888;background:none;border:none;cursor:pointer;transition:color .2s,background .2s}.import-tab:hover{color:#ccc;background:#ffffff08}.import-tab.active{color:#e0e0e0;background:#ffffff0f;box-shadow:inset 0 -2px #90caf9}.import-tab-content{padding:20px;display:flex;flex-direction:column;gap:12px}.import-input{width:100%;padding:10px 14px;font-size:14px;color:#e0e0e0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;transition:border-color .2s}.import-input:focus{border-color:#90caf9}.import-input::placeholder{color:#666}.import-textarea{width:100%;padding:10px 14px;font-size:13px;font-family:SF Mono,Menlo,Consolas,monospace;color:#e0e0e0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;resize:vertical;min-height:100px;transition:border-color .2s}.import-textarea:focus{border-color:#90caf9}.import-textarea::placeholder{color:#666}.import-error{padding:8px 12px;font-size:13px;color:#ef5350;background:#ef53501a;border-radius:6px}.import-submit{padding:10px 20px;font-size:14px;font-weight:600;color:#1a1a2e;background:#90caf9;border:none;border-radius:8px;cursor:pointer;transition:background .2s,opacity .2s}.import-submit:hover:not(:disabled){background:#bbdefb}.import-submit:disabled{opacity:.5;cursor:not-allowed}.import-dropzone{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 20px 20px;padding:20px;border:2px dashed rgba(255,255,255,.12);border-radius:10px;color:#777;font-size:14px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.import-dropzone:hover{border-color:#fff3;color:#aaa}.import-dropzone.drag-over{border-color:#90caf9;background:#90caf90d;color:#90caf9}.dropzone-icon{font-size:20px}.platform-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:24px}.platform-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.platform-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.platform-name{font-size:15px;font-weight:600;color:#e0e0e0}.platform-search{display:flex;gap:8px;padding:12px 16px}.platform-input{flex:1;padding:8px 12px;font-size:13px;color:#e0e0e0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;outline:none}.platform-input:focus{border-color:#90caf9}.platform-input::placeholder{color:#666}.platform-search-btn{padding:8px 14px;font-size:13px;font-weight:500;color:#e0e0e0;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:background .2s;white-space:nowrap}.platform-search-btn:hover:not(:disabled){background:#ffffff2e}.platform-search-btn:disabled{opacity:.5;cursor:not-allowed}.platform-error{padding:6px 16px;font-size:12px;color:#ef5350}.platform-loading,.platform-empty{padding:16px;text-align:center;font-size:13px;color:#777}.platform-games{max-height:320px;overflow-y:auto;border-top:1px solid rgba(255,255,255,.06)}.game-row{display:flex;flex-direction:column;gap:4px;width:100%;padding:10px 16px;border:none;border-bottom:1px solid rgba(255,255,255,.04);background:none;color:#e0e0e0;cursor:pointer;text-align:left;transition:background .15s}.game-row:hover{background:#ffffff0f}.game-players{font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.game-vs{color:#666;font-weight:400;font-size:11px}.game-meta{display:flex;gap:10px;font-size:11px;color:#888}.game-result{font-weight:600;color:#aaa}@media(max-width:768px){.import-page{padding:24px 16px}.import-page h1{font-size:22px}.platform-cards{grid-template-columns:1fr;gap:12px}}@media(max-width:480px){.import-page{padding:16px 12px}.import-subtitle{font-size:13px;margin-bottom:20px}.platform-search{flex-direction:column;gap:8px}.platform-search-btn{width:100%;text-align:center}.import-dropzone{margin:0 12px 12px;padding:16px;font-size:13px}}.review-page{display:flex;justify-content:center;padding:40px 20px 20px;min-height:100vh}.rv-loading{text-align:center;color:#888;font-size:16px;padding-top:80px}.rv-error-container{text-align:center;padding-top:80px}.rv-error-container h2{font-size:22px;color:#e0e0e0;margin-bottom:8px}.rv-error-container p{color:#888;margin-bottom:20px}.rv-back-link{color:#90caf9;text-decoration:none;font-size:14px}.rv-back-link:hover{text-decoration:underline}.rv-layout{display:flex;align-items:flex-start;gap:20px}.rv-board-column{display:flex;flex-direction:column;align-items:center;gap:8px}.rv-game-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#e0e0e0;padding:8px 16px;background:#ffffff0d;border-radius:8px}.rv-player-white,.rv-player-black{font-weight:600}.rv-vs{color:#666;font-size:12px}.rv-result{font-weight:700;color:#90caf9;margin-left:8px}.rv-board{display:flex;flex-direction:column;border:3px solid;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #0000004d;width:var(--panel-height);height:var(--panel-height);-webkit-user-select:none;user-select:none;position:relative}.rv-arrow-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.rv-board-row{display:flex;flex:1}.rv-square{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.rv-piece-container{width:85%;height:85%;display:flex;align-items:center;justify-content:center;pointer-events:none}.rv-piece-svg{width:100%;height:100%;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.rv-rank-label{position:absolute;top:2px;left:3px;font-size:11px;font-weight:700;pointer-events:none;line-height:1}.rv-file-label{position:absolute;bottom:2px;right:3px;font-size:11px;font-weight:700;pointer-events:none;line-height:1}.rv-flag-message{padding:10px 18px;border-radius:10px;font-size:14px;font-weight:500;text-align:center;max-width:400px;animation:rv-appear .3s ease-out}.rv-flag-danger{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.rv-flag-trade{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.rv-flag-missed{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.rv-better-move{font-weight:700}@keyframes rv-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rv-panel{--rp-gold: #c9a84c;--rp-gold-dim: #a08838;--rp-surface: #151820;--rp-surface-raised: #1b1f2a;--rp-surface-hover: #212634;--rp-text: #ddd7c9;--rp-text-dim: #7d7668;--rp-text-muted: #555049;--rp-border: rgba(201, 168, 76, .1);--rp-border-subtle: rgba(255, 255, 255, .04);--rp-win: #5ea65e;--rp-loss: #c05050;--rp-radius: 14px;display:flex;flex-direction:column;width:280px;min-height:var(--panel-height);max-height:var(--panel-height);background:var(--rp-surface);border-radius:var(--rp-radius);border:1px solid var(--rp-border);overflow:hidden;font-family:Outfit,Segoe UI,sans-serif;padding:12px 16px;box-shadow:0 4px 24px #0000004d,0 0 0 1px #0003,inset 0 1px #ffffff08}.rv-section-header{font-family:Cormorant Garamond,Georgia,serif;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--rp-gold);margin-bottom:6px;font-weight:600}.rv-tab-bar{display:flex;gap:2px;margin-bottom:8px}.rv-tab{flex:1;padding:5px 0;border:none;border-bottom:2px solid transparent;background:none;color:var(--rp-text-muted);font-family:Cormorant Garamond,Georgia,serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .15s ease}.rv-tab:hover{color:var(--rp-text-dim)}.rv-tab.rv-tab-active{color:var(--rp-gold);border-bottom-color:var(--rp-gold)}.rv-summary-tab{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.15) transparent}.rv-accuracy-display{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--rp-border)}.rv-accuracy-label{font-size:12px;font-weight:500;color:var(--rp-text-dim)}.rv-accuracy-value{font-family:Cormorant Garamond,Georgia,serif;font-size:28px;font-weight:700}.rv-acc-good{color:var(--rp-win)}.rv-acc-ok{color:#d4a44a}.rv-acc-bad{color:var(--rp-loss)}.rv-review-stats{display:flex;gap:6px;flex-wrap:wrap}.rv-review-stat{font-size:11px;font-weight:600;padding:3px 9px;border-radius:10px}.rv-stat-ok{background:#5ea65e1f;color:var(--rp-win)}.rv-stat-warn{background:#d4a44a1f;color:#d4a44a}.rv-stat-crit{background:#c050501f;color:var(--rp-loss)}.rv-breakdown{margin-top:8px;padding-top:8px;border-top:1px solid var(--rp-border);display:flex;flex-direction:column;gap:4px}.rv-breakdown-row{display:flex;align-items:center;gap:8px;font-size:12px}.rv-breakdown-count{font-weight:700;color:var(--rp-loss);min-width:24px}.rv-breakdown-label{color:var(--rp-text-dim)}.rv-tip{margin-top:8px;padding:7px 10px;background:#5ea65e14;border:1px solid rgba(94,166,94,.15);border-radius:8px;font-size:11px;color:var(--rp-text-dim);line-height:1.4}.rv-tip-icon{margin-right:4px}.rv-move-list{flex:1;overflow-y:auto;font-size:13px;scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.15) transparent}.rv-move-list::-webkit-scrollbar{width:4px}.rv-move-list::-webkit-scrollbar-track{background:transparent}.rv-move-list::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:2px}.rv-no-moves{color:var(--rp-text-muted);font-style:italic;font-size:13px;padding:4px 0}.rv-move-pair{display:flex;align-items:center;gap:2px;padding:2px 0}.rv-move-number{width:28px;color:var(--rp-text-muted);text-align:right;flex-shrink:0;font-size:12px}.rv-move-entry{flex:1;padding:2px 6px;border-radius:4px;cursor:pointer;color:var(--rp-text);transition:all .15s ease;font-weight:400}.rv-move-entry:hover{background:var(--rp-surface-hover)}.rv-move-entry.active{background:#c9a84c26;color:var(--rp-gold);font-weight:600}.rv-move-entry.rv-empty{cursor:default}.rv-move-entry.rv-critical{border-left:2px solid var(--rp-loss);background:#c050500f}.rv-move-entry.rv-warning{border-left:2px solid #d4a44a;background:#d4a44a0f}.rv-move-entry.rv-critical.active{background:#c0505026}.rv-move-entry.rv-warning.active{background:#d4a44a26}.rv-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;flex-shrink:0}.rv-dot-warning{background:#d4a44a}.rv-dot-critical{background:var(--rp-loss)}.rv-move-nav{display:flex;gap:4px;margin-top:auto;padding-top:8px}.rv-nav-btn{flex:1;padding:6px 0;border-radius:6px;border:1px solid var(--rp-border);background:var(--rp-surface-raised);color:var(--rp-text-dim);font-size:14px;cursor:pointer;transition:all .15s ease;line-height:1}.rv-nav-btn:hover:not(:disabled){background:var(--rp-surface-hover);color:var(--rp-text);border-color:#c9a84c33}.rv-nav-btn:disabled{opacity:.25;cursor:default}.rv-mistake-btn{color:#d4a44a!important;border-color:#d4a44a4d!important;background:#d4a44a14!important;font-size:12px!important;flex:0 0 auto!important;padding:6px 8px!important}.rv-mistake-btn:hover:not(:disabled){background:#d4a44a2e!important;color:#e0b85c!important}.rv-actions{display:flex;gap:6px;margin-top:8px}.rv-action-btn{flex:1;padding:6px 8px;border-radius:6px;border:1px solid var(--rp-border);background:var(--rp-surface-raised);color:var(--rp-text-dim);font-family:Outfit,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.rv-action-btn:hover{background:var(--rp-surface-hover);color:var(--rp-text);border-color:#c9a84c33}@media(max-width:900px){.rv-layout{flex-direction:column;align-items:center}.rv-board{width:min(90vw,90vh);height:min(90vw,90vh)}.rv-panel{width:min(90vw,400px);min-height:auto;max-height:none}}@media(max-width:480px){.review-page{padding:20px 8px 12px}.rv-board{width:95vw;height:95vw}.rv-panel{width:100%;padding:10px 12px}.rv-game-info{font-size:12px;padding:6px 10px;flex-wrap:wrap;justify-content:center}.rv-flag-message{max-width:90vw;font-size:13px}}.racer-countdown-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200;animation:countdown-fade-in .3s ease}@keyframes countdown-fade-in{0%{opacity:0}to{opacity:1}}.countdown-content{display:flex;align-items:center;gap:48px}.traffic-light{display:flex;flex-direction:column;gap:16px;padding:24px 16px;background:#1a1a1a;border-radius:16px;border:2px solid rgba(255,255,255,.1)}.traffic-circle{width:48px;height:48px;border-radius:50%;background:#333;transition:all .3s ease}.traffic-circle.red{border:2px solid #5a1a1a}.traffic-circle.red.active{background:#e74c3c;box-shadow:0 0 24px #e74c3c99;border-color:#e74c3c}.traffic-circle.yellow{border:2px solid #5a4a1a}.traffic-circle.yellow.active{background:#f1c40f;box-shadow:0 0 24px #f1c40f99;border-color:#f1c40f}.traffic-circle.green{border:2px solid #1a3a1a}.traffic-circle.green.active{background:#2ecc71;box-shadow:0 0 24px #2ecc7199;border-color:#2ecc71}.countdown-number-area{min-width:120px;text-align:center}.countdown-number{font-size:96px;font-weight:900;color:#e0e0e0;display:inline-block;animation:countdown-pop .6s ease-out}@keyframes countdown-pop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.countdown-go{font-size:72px;font-weight:900;color:#2ecc71;display:inline-block;animation:countdown-pop .6s ease-out;text-shadow:0 0 30px rgba(46,204,113,.5)}.racer-active{display:flex;flex-direction:column;align-items:center;padding:8px 24px;max-width:1100px;margin:0 auto;position:relative;height:calc(100vh - 56px);overflow:hidden}.racer-layout{display:flex;gap:40px;width:100%;align-items:center;flex:1;min-height:0;overflow:hidden}.racer-board-area{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;border-radius:8px;border:3px solid transparent;transition:border-color .15s ease;padding:2px;overflow:hidden}.racer-board-area .puzzle-board-wrapper{max-height:calc(100vh - 280px);aspect-ratio:1 / 1}.racer-board-area .puzzle-board-wrapper .chessboard{max-height:calc(100vh - 280px);max-width:calc(100vh - 280px)}.racer-board-area.flash-correct{animation:feedback-flash-correct .5s ease}.racer-board-area.flash-wrong{animation:feedback-flash-wrong .5s ease}@keyframes feedback-flash-correct{0%,to{border-color:transparent}25%{border-color:#2ecc71}50%{border-color:#2ecc7166}}@keyframes feedback-flash-wrong{0%,to{border-color:transparent;transform:translate(0)}15%{border-color:#e74c3c;transform:translate(-3px)}30%{border-color:#e74c3c;transform:translate(3px)}45%{border-color:#e74c3c80;transform:translate(-2px)}60%{border-color:#e74c3c4d;transform:translate(2px)}}.racer-puzzle-info{display:flex;align-items:center;gap:10px;padding:2px 4px}.racer-panel{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px}.racer-timer{text-align:center;padding:8px 0}.racer-timer-value{font-size:42px;font-weight:900;color:#e0e0e0;font-variant-numeric:tabular-nums;font-family:SF Mono,Menlo,Consolas,monospace;letter-spacing:-1px}.racer-timer.critical .racer-timer-value{color:#e74c3c;animation:timer-pulse .5s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.racer-score{display:flex;flex-direction:column;align-items:center;gap:2px}.racer-score-value{font-size:46px;font-weight:900;color:#c9a84c;line-height:1;font-variant-numeric:tabular-nums}.racer-score-label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:1px}.combo-section{display:flex;flex-direction:column;gap:6px}.combo-header{display:flex;align-items:center;justify-content:space-between}.combo-label{font-size:12px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px}.combo-bonus{font-size:16px;font-weight:800;transition:color .3s}.combo-bar{position:relative;height:24px;border-radius:12px;background:#ffffff1a;overflow:hidden}.combo-bar-fill{height:100%;border-radius:12px;transition:width .3s ease,background-color .3s;min-width:0}.combo-bar-marker{position:absolute;top:0;bottom:0;width:2px;background:#ffffff40;transform:translate(-1px)}.combo-count{font-size:11px;color:#777;text-align:center}.racer-hint-btn{padding:10px 16px;font-size:14px;font-weight:700;color:#fff;background:#2980b9;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.racer-hint-btn:hover:not(:disabled){background:#3498db;transform:translateY(-1px)}.racer-hint-btn:disabled{opacity:.4;cursor:not-allowed}.racer-hint-btn.used{background:#555;color:#999}.racer-skip-btn{padding:10px 16px;font-size:14px;font-weight:700;color:#fff;background:#c0392b;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.racer-skip-btn:hover:not(:disabled){background:#e74c3c;transform:translateY(-1px)}.racer-skip-btn:disabled{opacity:.4;cursor:not-allowed}.racer-skip-btn.used{background:#555;color:#999}.skip-status{font-size:11px;color:#666;text-align:center}.opponent-bars{width:100%;display:flex;flex-direction:column;gap:3px;margin-top:8px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;flex-shrink:0}.opponent-bar-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;border:1px solid transparent;transition:all .2s ease}.opponent-bar-row.is-player{border-color:#c9a84c4d;background:#c9a84c0f}.opponent-bar-rank{font-size:12px;font-weight:700;color:#777;min-width:24px;font-variant-numeric:tabular-nums}.opponent-bar-emoji{font-size:18px;line-height:1}.opponent-bar-name{font-size:13px;font-weight:600;color:#ccc;min-width:80px}.opponent-bar-row.is-player .opponent-bar-name{color:#c9a84c}.opponent-bar-track{flex:1;height:10px;background:#ffffff0f;border-radius:5px;overflow:hidden}.opponent-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#555,#888);transition:width .5s ease;min-width:2px}.opponent-bar-row.is-player .opponent-bar-fill{background:linear-gradient(90deg,#c9a84c,#e0c060)}.opponent-bar-score{font-size:14px;font-weight:800;color:#e0e0e0;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.racer-feedback{padding:8px 16px;font-size:15px;font-weight:700;border-radius:10px;text-align:center;animation:racer-feedback-appear .3s ease-out}.racer-feedback.correct{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.racer-feedback.wrong{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}@keyframes racer-feedback-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.racer-results{display:flex;flex-direction:column;align-items:center;padding:32px 24px;max-width:600px;margin:0 auto;gap:24px}.results-header{font-size:28px;font-weight:900;color:#e0e0e0;text-align:center;margin:0}.results-ranking{width:100%;display:flex;flex-direction:column;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;overflow:hidden}.ranking-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;transition:background .15s ease}.ranking-row.is-player{background:#c9a84c1f;border:1px solid rgba(201,168,76,.25)}.ranking-position{font-size:20px;min-width:36px;text-align:center}.ranking-name{font-size:16px;font-weight:600;color:#e0e0e0;flex:1}.ranking-row.is-player .ranking-name{color:#c9a84c}.ranking-score{font-size:20px;font-weight:800;color:#e0e0e0;font-variant-numeric:tabular-nums}.results-stats{font-size:15px;color:#aaa;text-align:center}.results-stats strong{color:#e0e0e0;font-weight:700}.results-actions{display:flex;gap:12px;width:100%}.racer-btn{flex:1;padding:14px 24px;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.racer-btn-primary{color:#1a1a2e;background:linear-gradient(135deg,#2ecc71,#27ae60)}.racer-btn-primary:hover{background:linear-gradient(135deg,#3ddb80,#2ecc71);transform:translateY(-1px);box-shadow:0 4px 20px #2ecc714d}.racer-btn-secondary{color:#e0e0e0;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.racer-btn-secondary:hover{background:#ffffff1f;transform:translateY(-1px)}@media(max-width:768px){.racer-layout{flex-direction:column}.racer-panel{width:100%;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.racer-timer{padding:4px 0}.racer-timer-value{font-size:32px}.racer-score-value{font-size:36px}.combo-section{flex:1;min-width:200px}.racer-active{padding:8px 12px}.countdown-content{gap:24px}.countdown-number{font-size:64px}.countdown-go{font-size:48px}}.puzzle-landing{display:flex;flex-direction:column;align-items:center;padding:32px 24px;max-width:1200px;margin:0 auto}.landing-two-col{display:flex;gap:28px;width:100%;align-items:flex-start}.landing-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:20px}.landing-sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;position:sticky;top:72px;max-height:calc(100vh - 80px);overflow-y:auto}.landing-sidebar::-webkit-scrollbar{width:4px}.landing-sidebar::-webkit-scrollbar-track{background:transparent}.landing-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.rush-hero-card{width:100%;display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#90caf933,#64b5f61f);border:1px solid rgba(144,202,249,.38);border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 20px #90caf91a}.rush-hero-card:hover{background:linear-gradient(135deg,#90caf947,#64b5f62e);border-color:#90caf98c;transform:translateY(-1px);box-shadow:0 4px 28px #90caf938}.rush-hero-text{flex:1}.rush-hero-title{font-size:22px;font-weight:800;color:#e0e0e0;margin:0 0 4px;letter-spacing:-.3px}.rush-hero-sub{font-size:13px;color:#888;margin:0}.rush-hero-arrow{font-size:28px;color:#90caf9;flex-shrink:0;line-height:1}.racer-hero{background:linear-gradient(135deg,#2ecc7133,#27ae601f);border-color:#2ecc7161;box-shadow:0 0 20px #2ecc711a}.racer-hero:hover{background:linear-gradient(135deg,#2ecc7147,#27ae602e);border-color:#2ecc718c;box-shadow:0 4px 28px #2ecc7138}.racer-hero .rush-hero-arrow{color:#2ecc71}.puzzle-config-section{width:100%;margin-bottom:20px}.config-label{font-size:13px;font-weight:600;color:#777;margin-bottom:10px;letter-spacing:.5px}.theme-pills{display:flex;flex-wrap:wrap;gap:8px}.theme-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);border-radius:20px;cursor:pointer;transition:all .2s ease;color:#999;font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0}.theme-pill:hover{background:#ffffff14;border-color:#ffffff2e;color:#ccc}.theme-pill.selected{background:#90caf924;border-color:#90caf9;color:#e0e0e0;box-shadow:0 0 12px #90caf926}.theme-pill-icon{font-size:16px;line-height:1}.rush-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;animation:rush-modal-fade .2s ease}@keyframes rush-modal-fade{0%{opacity:0}to{opacity:1}}.rush-modal{background:#1a1a2e;border-radius:16px;padding:28px 32px;min-width:400px;max-width:520px;border:1px solid rgba(144,202,249,.12);box-shadow:0 16px 48px #00000080,0 0 0 1px #90caf914;animation:rush-modal-in .25s cubic-bezier(.4,0,.2,1)}@keyframes rush-modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.rush-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.rush-modal-header h2{font-size:22px;font-weight:800;color:#e0e0e0;margin:0;letter-spacing:-.3px}.rush-modal-close{background:none;border:none;color:#666;font-size:22px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease;line-height:1}.rush-modal-close:hover{color:#ccc;background:#ffffff0f}.rush-modal .puzzle-config-section{margin-bottom:20px}.rush-modal .start-rush-btn{width:100%;margin-top:4px}.start-rush-btn{padding:16px 48px;font-size:18px;font-weight:700;color:#1a1a2e;background:linear-gradient(135deg,#90caf9,#64b5f6);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;letter-spacing:.5px;margin-top:8px}.start-rush-btn:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);transform:translateY(-1px);box-shadow:0 4px 20px #90caf94d}.puzzle-rush-active{display:flex;flex-direction:column;align-items:center;padding:8px 24px;max-width:700px;margin:0 auto;position:relative;max-height:calc(100vh - 56px);overflow:hidden}.rush-top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 16px;margin-bottom:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px}.rush-timer{display:flex;align-items:center}.timer-value{font-size:28px;font-weight:800;color:#e0e0e0;font-variant-numeric:tabular-nums;font-family:SF Mono,Menlo,Consolas,monospace}.timer-value.timer-critical{color:#ef5350;animation:timer-flash .5s ease-in-out infinite}@keyframes timer-flash{0%,to{opacity:1}50%{opacity:.5}}.rush-score{display:flex;flex-direction:column;align-items:center}.score-label{font-size:11px;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:1px}.score-value{font-size:32px;font-weight:800;color:#4caf50;line-height:1}.rush-strikes{display:flex;gap:6px;font-size:24px}.strike-heart{color:#ef5350;transition:all .3s ease}.strike-heart.used{color:#555;transform:scale(.85)}.streak-bonus-popup{position:absolute;top:70px;left:50%;transform:translate(-50%);padding:8px 20px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;font-size:15px;font-weight:700;border-radius:20px;z-index:50;animation:streak-pop .8s ease-out forwards;white-space:nowrap;box-shadow:0 4px 16px #4caf5066}@keyframes streak-pop{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.8)}20%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}80%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}}.puzzle-info-bar{display:flex;align-items:center;gap:10px;width:100%;padding:4px;margin-bottom:4px}.puzzle-actions{margin-left:auto;display:flex;gap:6px}.puzzle-number{font-size:14px;font-weight:600;color:#888}.side-to-move{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#ccc;letter-spacing:.3px}.side-to-move-dot{display:inline-block;width:14px;height:14px;border-radius:3px;flex-shrink:0}.side-to-move-dot.white{background:#e0e0e0;border:1px solid rgba(255,255,255,.3)}.side-to-move-dot.black{background:#333;border:1px solid rgba(255,255,255,.15)}.puzzle-theme-label{font-size:14px;font-weight:500;color:#90caf9;padding:2px 10px;background:#90caf91a;border-radius:6px}.streak-badge{font-size:14px;font-weight:600;color:#ff9800}.puzzle-feedback{padding:10px 28px;font-size:18px;font-weight:700;border-radius:12px;margin-top:10px;animation:feedback-appear .3s ease-out}.puzzle-feedback.correct{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.puzzle-feedback.wrong{background:#ef535026;color:#ef5350;border:1px solid rgba(239,83,80,.3)}@keyframes feedback-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hint-btn{padding:4px 12px;font-size:12px;font-weight:600;color:#ff9800;background:#ff98001a;border:1px solid rgba(255,152,0,.25);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.hint-btn:hover:not(:disabled){background:#ff980033}.hint-btn:disabled{opacity:.4;cursor:not-allowed}.skip-btn{padding:4px 12px;font-size:12px;font-weight:600;color:#90caf9;background:#90caf91a;border:1px solid rgba(144,202,249,.25);border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.skip-btn:hover:not(:disabled){background:#90caf933}.skip-btn:disabled{opacity:.4;cursor:not-allowed}.puzzle-review{display:flex;flex-direction:column;align-items:center;padding:12px 24px;max-width:1100px;margin:0 auto}.review-top-bar{display:flex;align-items:center;justify-content:center;gap:0;width:100%;padding:10px 20px;margin-bottom:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px}.review-top-stat{display:flex;align-items:center;gap:6px;padding:0 20px}.review-top-value{font-size:20px;font-weight:800;color:#e0e0e0;font-variant-numeric:tabular-nums}.review-top-label{font-size:11px;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:.5px}.review-top-divider{width:1px;height:28px;background:#ffffff1a}.review-columns{display:flex;gap:28px;width:100%;align-items:flex-start}.review-board-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}.review-board-col .chessboard{--review-board: min( calc(100vh - 230px) , calc(100vw - 380px) );width:var(--review-board)!important;height:var(--review-board)!important}.review-panel-col{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:14px}.review-board-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;max-width:480px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:12px;color:#666;font-size:15px;font-weight:500}.review-puzzle-info{display:flex;align-items:center;gap:12px;font-size:14px;color:#aaa;font-weight:500}.review-puzzle-color{display:flex;align-items:center;gap:5px;margin-left:auto}.show-solution-btn{padding:8px 20px;font-size:13px;font-weight:600;color:#90caf9;background:#90caf91a;border:1px solid rgba(144,202,249,.25);border-radius:8px;cursor:pointer;transition:all .2s ease}.show-solution-btn:hover{background:#90caf933}.review-panel-title{font-size:14px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0}.failed-puzzle-rows{display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 200px);overflow-y:auto}.failed-puzzle-rows::-webkit-scrollbar{width:4px}.failed-puzzle-rows::-webkit-scrollbar-track{background:transparent}.failed-puzzle-rows::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.failed-puzzle-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .15s ease;color:#ccc}.failed-puzzle-row:hover{background:#ef535014;border-color:#ef535026}.failed-puzzle-row.active{background:#ef53501f;border-color:#ef5350;color:#e0e0e0}.failed-row-num{font-size:12px;font-weight:700;color:#777;min-width:24px}.failed-row-theme{font-size:13px;font-weight:600;flex:1}.failed-row-diff{font-size:12px;color:#666}.review-perfect-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0}.review-perfect{font-size:20px;font-weight:600;color:#4caf50;text-align:center}.play-again-btn{padding:12px 32px;font-size:14px;font-weight:700;color:#1a1a2e;background:linear-gradient(135deg,#90caf9,#64b5f6);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;width:100%}.play-again-btn:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);transform:translateY(-1px);box-shadow:0 4px 20px #90caf94d}.stats-cards-row{display:flex;gap:12px;width:100%}.stat-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;transition:border-color .2s ease}.stat-card:hover{border-color:#ffffff26}.stat-card-value{font-size:17px;font-weight:800;color:#e0e0e0;font-variant-numeric:tabular-nums;line-height:1}.stat-card-label{font-size:9px;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.stats-login-prompt{width:100%;text-align:center;padding:20px;color:#777;font-size:14px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px}.chart-section{flex:1;min-width:0;width:100%;padding:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;box-sizing:border-box}.section-title{font-size:14px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px}.chart-filter-pill{padding:3px 10px;font-size:11px;font-weight:600;color:#777;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.theme-bars{display:flex;flex-direction:column;gap:10px}.theme-bar-row{display:flex;align-items:center;gap:12px}.theme-bar-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#bbb;min-width:120px;flex-shrink:0}.theme-bar-icon{font-size:15px;line-height:1}.theme-bar-track{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.theme-bar-fill{height:100%;background:linear-gradient(90deg,#64b5f6,#90caf9);border-radius:4px;transition:width .6s ease;min-width:2px}.theme-bar-pct{font-size:13px;font-weight:700;color:#e0e0e0;min-width:38px;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:900px){.landing-two-col{flex-direction:column}.landing-sidebar{width:100%;position:static;max-height:none;overflow-y:visible}}@media(max-width:768px){.puzzle-landing{padding:24px 16px}.stats-cards-row{flex-wrap:wrap}.stat-card{flex:1 1 calc(33% - 8px);min-width:80px}.puzzle-review{padding:12px 16px}.review-columns{flex-direction:column}.review-panel-col{width:100%}.puzzle-rush-active{padding:8px 12px}.start-rush-btn{padding:14px 36px;font-size:16px}}@media(max-width:600px){.theme-pills{gap:6px}.time-options{flex-wrap:wrap}.time-btn{flex:0 1 calc(50% - 5px)}.review-top-bar{flex-wrap:wrap;gap:8px}.review-top-divider{display:none}}.leaderboard-section{width:100%}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.leaderboard-header h2{font-size:18px;font-weight:700;color:#e0e0e0;margin:0;letter-spacing:.5px}.leaderboard-period-tabs{display:flex;gap:4px;background:#ffffff0a;border-radius:8px;padding:3px}.period-tab{padding:6px 14px;font-size:12px;font-weight:600;color:#888;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.period-tab:hover{color:#bbb}.period-tab.active{color:#e0e0e0;background:#90caf926}.leaderboard-loading,.leaderboard-empty{text-align:center;color:#666;font-size:14px;padding:32px 0}.leaderboard-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin-bottom:14px;padding-top:8px}.podium-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 10px 12px;border:1px solid;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease;animation:card-enter .4s ease-out both;flex:1;min-width:0}.podium-2{animation-delay:.06s;padding-top:16px;padding-bottom:14px}.podium-1{animation-delay:0s;padding-top:28px;padding-bottom:20px}.podium-3{animation-delay:.12s;padding-top:6px;padding-bottom:6px}@keyframes card-enter{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.podium-card:hover{transform:translateY(-2px)}.podium-card.is-you{outline:2px solid #90caf9;outline-offset:2px}.podium-rank{font-size:11px;font-weight:800;letter-spacing:.5px}.podium-score{font-size:22px;font-weight:800;color:#e0e0e0;line-height:1;font-variant-numeric:tabular-nums}.podium-1 .podium-score{font-size:30px}.podium-3 .podium-score{font-size:20px}.podium-name{font-size:11px;font-weight:600;color:#ccc;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-stats{display:flex;gap:8px;font-size:10px;color:#777;margin-top:2px}.leaderboard-list{max-height:280px;overflow-y:auto;border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:12px}.leaderboard-list::-webkit-scrollbar{width:6px}.leaderboard-list::-webkit-scrollbar-track{background:transparent}.leaderboard-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.leaderboard-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s ease}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:#ffffff08}.leaderboard-row.is-you{background:#90caf914;border-left:3px solid #90caf9}.lb-rank{font-size:13px;font-weight:700;color:#777;min-width:36px;font-variant-numeric:tabular-nums}.lb-name{font-size:14px;font-weight:500;color:#ccc;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-streak{font-size:12px;color:#888}.lb-score{font-size:16px;font-weight:800;color:#e0e0e0;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.leaderboard-your-rank{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#90caf914;border:1px solid rgba(144,202,249,.2);border-radius:10px;margin-top:4px}.your-rank-label{font-size:11px;font-weight:700;color:#90caf9;text-transform:uppercase;letter-spacing:1px}.your-rank-position{font-size:18px;font-weight:800;color:#e0e0e0;font-variant-numeric:tabular-nums}.your-rank-score{font-size:14px;font-weight:600;color:#ccc}.your-rank-streak{font-size:13px;color:#888}.your-rank-percentile{margin-left:auto;font-size:12px;font-weight:700;color:#4caf50;padding:3px 10px;background:#4caf501a;border-radius:6px}@media(max-width:600px){.theme-pills{gap:6px}.leaderboard-your-rank{flex-wrap:wrap;gap:8px}.your-rank-percentile{margin-left:0}}.profile-page{display:flex;flex-direction:column;align-items:center;padding:32px 24px;max-width:1100px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:20px;width:100%;margin-bottom:24px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#90caf933,#c9a84c33);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#c9a84c;font-family:Cormorant Garamond,Georgia,serif;flex-shrink:0}.profile-info{flex:1}.profile-display-name{font-size:28px;font-weight:800;color:#e0e0e0;margin:0;letter-spacing:-.3px}.profile-meta{font-size:13px;color:#777;margin-top:4px}.profile-period-filter{display:flex;gap:4px;background:#ffffff0a;border-radius:8px;padding:3px;margin-left:auto;flex-shrink:0}.profile-period-btn{padding:6px 14px;font-size:12px;font-weight:600;color:#888;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.profile-period-btn:hover{color:#bbb}.profile-period-btn.active{color:#e0e0e0;background:#90caf926}.profile-section-title{font-size:14px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px}.profile-stat-value{font-size:22px;font-weight:800;color:#e0e0e0;font-variant-numeric:tabular-nums;line-height:1}.profile-stat-label{font-size:10px;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.mistake-section{width:100%;margin-bottom:20px}.mistake-cards-row{display:flex;gap:10px;width:100%}.mistake-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px}.mistake-card-icon{font-size:18px;line-height:1}.mistake-card-value{font-size:20px;font-weight:800;color:#e0e0e0;font-variant-numeric:tabular-nums;line-height:1}.mistake-card-label{font-size:10px;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:.3px;text-align:center;white-space:nowrap}.profile-chart-section{width:100%;padding:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;margin-bottom:20px;box-sizing:border-box}.chart-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.chart-filter-pills{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.chart-filter-pill{padding:3px 10px;font-size:11px;font-weight:600;color:#777;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:20px;cursor:pointer;transition:all .2s ease}.chart-filter-pill:hover{color:#bbb;border-color:#ffffff2e}.chart-filter-pill.active{color:#e0e0e0;background:#90caf926;border-color:#90caf94d}.chart-empty{text-align:center;color:#555;font-size:13px;padding:40px 16px}.recent-games-section{width:100%;margin-bottom:20px}.recent-games-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.recent-games-toggle{background:none;border:none;color:#90caf9;font-size:13px;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .15s ease}.recent-games-toggle:hover{background:#90caf91a}.recent-games-list{display:flex;flex-direction:column;gap:4px}.recent-game-row{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .15s ease;color:#ccc}.recent-game-row:hover{background:#90caf90f;border-color:#90caf926}.game-result-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;min-width:42px;text-align:center}.game-result-badge.win{background:#4caf5026;color:#4caf50}.game-result-badge.loss{background:#ef535026;color:#ef5350}.game-result-badge.draw{background:#ffc10726;color:#ffc107}.game-opponent{font-size:13px;font-weight:600;color:#ccc;flex:1}.game-mistakes-badge{font-size:12px;font-weight:600;color:#888}.game-mistakes-badge.has-mistakes{color:#ef5350}.game-date{font-size:12px;color:#666;min-width:80px;text-align:right}.game-review-arrow{font-size:14px;color:#555}.puzzle-summary-section{width:100%;margin-bottom:20px}.puzzle-summary-row{display:flex;gap:12px;width:100%}.puzzle-summary-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px}.puzzle-summary-link{display:block;text-align:center;margin-top:10px;font-size:13px;font-weight:500;color:#90caf9;text-decoration:none;transition:color .2s ease}.puzzle-summary-link:hover{color:#bbdefb}.profile-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:#777;font-size:15px}.profile-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;color:#777}.profile-not-found h2{font-size:24px;font-weight:700;color:#e0e0e0;margin:0}@media(max-width:768px){.profile-page{padding:24px 16px}.profile-header{flex-wrap:wrap}.profile-period-filter{margin-left:0;width:100%;justify-content:center}.mistake-cards-row{flex-wrap:wrap}.mistake-card{flex:1 1 calc(50% - 5px);min-width:80px}.profile-display-name{font-size:22px}.puzzle-summary-row{flex-wrap:wrap}.puzzle-summary-card{flex:1 1 calc(33% - 8px);min-width:80px}}@media(max-width:480px){.profile-period-btn{padding:5px 10px;font-size:11px}.recent-game-row{flex-wrap:wrap;gap:6px}.game-date{min-width:auto;text-align:left}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{width:100%;max-width:380px;padding:40px 32px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.login-header{text-align:center;margin-bottom:32px}.login-title{font-family:Cormorant Garamond,Georgia,serif;font-size:28px;font-weight:700;color:var(--lp-gold, #c9a84c);letter-spacing:.5px;margin-bottom:6px}.login-subtitle{font-family:Outfit,sans-serif;font-size:14px;color:#7d7668;font-weight:400;letter-spacing:.2px}.login-form{display:flex;flex-direction:column;gap:10px}.login-form input{padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ddd7c9;font-family:Outfit,sans-serif;font-size:14px;font-weight:400;outline:none;transition:all .2s ease;letter-spacing:.2px}.login-form input:focus{border-color:#c9a84c66;background:#ffffff0f;box-shadow:0 0 0 3px #c9a84c14}.login-form input::placeholder{color:#555049;font-weight:300}.login-error{font-size:12px;color:#c05050;padding:2px 0;font-weight:500}.login-submit-btn{padding:12px 16px;border-radius:10px;border:1px solid rgba(201,168,76,.2);background:linear-gradient(135deg,#c9a84c,#a08838);color:#1a1a1a;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:.3px;margin-top:4px}.login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#ddc06a,#c9a84c);box-shadow:0 2px 12px #c9a84c40}.login-submit-btn:disabled{opacity:.4;cursor:default}.login-switch-btn{display:block;width:100%;padding:8px;margin-top:8px;border:none;background:none;color:#7d7668;font-family:Outfit,sans-serif;font-size:12px;font-weight:400;cursor:pointer;text-align:center;transition:color .2s ease;letter-spacing:.2px}.login-switch-btn:hover{color:var(--lp-gold, #c9a84c)}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.login-divider span{font-family:Outfit,sans-serif;font-size:12px;color:#555049;font-weight:400;letter-spacing:.3px}.login-guest-btn{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ddd7c9;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.login-guest-btn:hover{background:#ffffff14;border-color:#ffffff24}@media(max-width:480px){.login-card{padding:32px 24px}.login-title{font-size:24px}}:root{--panel-height: min( calc(100vh - 82px) , 720px);--board-size: calc(var(--panel-height) - 22px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Outfit,Segoe UI,system-ui,-apple-system,sans-serif;color:#e0e0e0;background:#121212;min-height:100vh;transition:background .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;align-items:stretch;justify-content:center;gap:16px;padding:12px 20px;flex:1;height:calc(100vh - 48px);max-height:calc(100vh - 48px);overflow:hidden}.board-column{display:flex;flex-direction:column;align-items:center;position:relative}.board-tools{display:flex;flex-direction:column;gap:4px;align-self:flex-start;margin-top:0;margin-left:-6px;margin-right:-6px;flex-shrink:0}.board-tool-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff59;cursor:pointer;transition:all .15s ease}.board-tool-btn:hover{background:#ffffff14;color:#ffffffb3;border-color:#ffffff26}.controls-panel{display:flex;flex-direction:column;gap:12px;padding:16px;background:#ffffff0d;border-radius:12px;min-width:200px}.controls-panel h2{font-size:16px;color:#aaa;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.controls-panel label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.controls-panel select{padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#e0e0e0;font-size:14px}.controls-panel button{padding:8px 16px;border-radius:8px;border:none;background:#ffffff26;color:#e0e0e0;font-size:14px;cursor:pointer;transition:background .2s}.controls-panel button:hover{background:#ffffff40}.game-info{font-size:14px;padding:8px;background:#ffffff0d;border-radius:6px;text-align:center}.game-info .status{font-weight:600;color:#ffd54f}.game-info .turn{color:#90caf9}.thinking-indicator{padding:8px 12px;background:#90caf926;border-radius:8px;color:#90caf9;font-size:14px;font-weight:600;text-align:center;animation:thinking-pulse 1.2s ease-in-out infinite}@keyframes thinking-pulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:768px){.board-column{order:1}:root{--board-size: min( calc(100vh - 180px) , 500px);--panel-height: min( calc(100vh - 80px) , 600px)}body,#root{height:auto;overflow:auto}.app-container{flex-direction:column;align-items:center;padding:12px;gap:12px;height:auto}}@media(max-width:480px){:root{--board-size: min(60vh, 380px);--panel-height: min(65vh, 420px)}.app-container{padding:12px 8px 8px;gap:8px}}