@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&family=Vazirmatn:wght@400;500;600;700;800&display=swap";:root{color:#e9ede5;font-synthesis:none;text-rendering:optimizelegibility;--bg:#101412;--surface:#181d1a;--surface2:#202622;--border:#303832;--text:#e9ede5;--muted:#9da79f;--green:#b8e76e;--green2:#82bd43;--purple:#b8a2ff;--orange:#f0b46a;--blue:#75bce8;background:#101412;font-family:DM Sans,sans-serif}html[lang=fa],html[dir=rtl]{font-family:Vazirmatn,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Tahoma,sans-serif}html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3,html[lang=fa] .brand,html[lang=fa] .page-heading h1,html[lang=fa] .hero-copy h2,html[lang=fa] .panel-heading h2{font-family:Vazirmatn,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 72% 0,#1b251e 0,transparent 30%),var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#f5f7f2}#root{min-height:100vh}.quick-pairing-section{background:linear-gradient(145deg,#18201a 0%,#121714 100%);border:1px solid #2a352c;border-radius:18px;margin:32px 0 24px;padding:28px;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.quick-pairing-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#4ade800f,#0000 70%);width:320px;height:320px;position:absolute;top:0;right:0}.quick-pairing-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.quick-pairing-title-wrap{max-width:580px}.quick-pairing-eyebrow{letter-spacing:1.5px;color:var(--green);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;font-weight:700;display:inline-flex}.live-pulse-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse-dot;box-shadow:0 0 10px #4ade80e6}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.35);box-shadow:0 0 14px #4ade80}to{opacity:.8;transform:scale(.95)}}.quick-pairing-title-wrap h2{color:#f2f6f3;letter-spacing:-.5px;margin:0 0 6px;font:700 clamp(22px,2.5vw,32px) Playfair Display,serif}.quick-pairing-title-wrap p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.qp-guest-badge-bar{color:#94a3b8;background:#1e293b73;border:1px dashed #334155;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:8px 14px;font-size:12px;display:flex}.qp-guest-indicator{color:#cbd5e1;background:#94a3b81f;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.qp-guest-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #38bdf8cc}.qp-guest-msg{flex:1}.qp-guest-link{color:var(--green);margin:0 4px;font-weight:600;text-decoration:underline}.quick-pairing-tabs{background:#0f1411;border:1px solid #232c25;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.qp-tab-btn{color:#8e9a90;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:600;transition:all .16s;display:inline-flex}.qp-tab-btn:hover{color:#e5ece6;background:#ffffff0a}.qp-tab-btn.active{color:#f2f7f3;background:#253127;box-shadow:0 2px 8px #0000004d}.qp-tab-btn.active svg{color:var(--green)}.qp-login-banner{background:#272118;border:1px solid #574528;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.qp-login-content{align-items:center;gap:14px;display:flex}.login-banner-icon{color:#fbbf24;flex-shrink:0}.qp-login-content strong{color:#fef3c7;margin-bottom:2px;font-size:13px;display:block}.qp-login-content p{color:#d1b88e;margin:0;font-size:12px}.qp-login-actions{align-items:center;gap:10px;display:flex}.qp-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.qp-preset-card{text-align:left;cursor:pointer;background:#141a16;border:1px solid #273129;border-radius:12px;flex-direction:column;gap:6px;padding:18px 20px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}html[dir=rtl] .qp-preset-card{text-align:right}.qp-preset-card:hover{background:#19221c;border-color:#4ade80;transform:translateY(-3px);box-shadow:0 10px 25px #00000059}.qp-preset-card:active{transform:translateY(-1px)}.qp-preset-time{color:#f4f8f4;letter-spacing:-.5px;font-family:ui-monospace,DM Sans,-apple-system,sans-serif;font-size:24px;font-weight:800;line-height:1.1}.qp-preset-time .time-plus{color:var(--green);margin:0 3px;font-size:20px;font-weight:600}.qp-preset-category{color:#929d94;text-transform:capitalize;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.preset-icon{flex-shrink:0}.bullet-icon{color:#f97316}.blitz-icon{color:#eab308}.rapid-icon{color:#22c55e}.classical-icon{color:#06b6d4}.qp-card-glow{background:0 0;height:2px;transition:background .18s;position:absolute;bottom:0;left:0;right:0}.qp-preset-card:hover .qp-card-glow{background:var(--green)}.qp-footer{border-top:1px solid #232c25;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:16px;display:flex}.qp-rated-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:#b5c2b7;align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.qp-rated-toggle input{display:none}.rated-toggle-slider{background:#273129;border:1px solid #3c493f;border-radius:20px;width:38px;height:20px;transition:all .2s;position:relative}.rated-toggle-slider:after{content:"";background:#8e9990;border-radius:50%;width:14px;height:14px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px}.qp-rated-toggle input:checked+.rated-toggle-slider{background:#254029;border-color:#3b6b41}.qp-rated-toggle input:checked+.rated-toggle-slider:after{background:var(--green);transform:translate(18px)}html[dir=rtl] .qp-rated-toggle input:checked+.rated-toggle-slider:after{transform:translate(18px)}.rated-toggle-label{align-items:center;gap:5px;display:inline-flex}.qp-footer-links{align-items:center;gap:16px;display:flex}.qp-friend-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.qp-subcard{background:#141a16;border:1px solid #273129;border-radius:14px;flex-direction:column;padding:24px;display:flex}.qp-subcard-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.qp-subcard-title div{display:grid}.qp-subcard-title strong{color:#f1f6f2;font-size:15px}.qp-subcard-title span{color:var(--muted);font-size:11px;line-height:1.4}.friend-presets{margin-bottom:20px}.qp-room-input{margin:12px 0 20px}.qp-action-btn{width:100%;margin-top:auto}.qp-computer-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.qp-computer-card{text-align:center;cursor:pointer;background:#141a16;border:1px solid #273129;border-radius:14px;flex-direction:column;align-items:center;padding:22px 18px;transition:all .18s;display:flex}.qp-computer-card:hover{background:#19221c;border-color:#56695b;transform:translateY(-3px);box-shadow:0 10px 25px #00000059}.computer-level-badge{border-radius:100px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{color:#4ade80;background:#4ade801f}.badge-blue{color:#38bdf8;background:#38bdf81f}.badge-orange{color:#f59e0b;background:#f59e0b1f}.badge-purple{color:#ec4899;background:#ec48991f}.computer-elo{color:#f1f6f2;font-family:ui-monospace,DM Sans,sans-serif;font-size:26px;font-weight:800}.computer-elo span{color:var(--muted);font-size:11px;font-weight:600}.computer-desc{color:var(--muted);margin:6px 0 18px;font-size:11px}.computer-play-btn{width:100%}@media (width<=960px){.qp-computer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.quick-pairing-section{margin:24px 0 20px;padding:20px}.quick-pairing-header{flex-direction:column;align-items:stretch}.quick-pairing-tabs{width:100%}.qp-tab-btn{flex:1;justify-content:center;padding:9px 8px;font-size:11px}.qp-grid{grid-template-columns:repeat(3,1fr);gap:8px}.qp-preset-card{padding:14px 12px}.qp-preset-time{font-size:20px}.qp-preset-category{font-size:10px}.qp-friend-columns{grid-template-columns:1fr}.qp-computer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.qp-grid{grid-template-columns:repeat(2,1fr)}.qp-footer{flex-direction:column;align-items:flex-start}}.play-type-tabs{border:1px solid var(--border);background:#151a17;border-radius:10px;padding:4px;display:flex}.play-type-tabs button{color:#8f9991;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:9px 14px;display:flex}.play-type-tabs button.active{color:#edf3ed;background:#2a332d}.online-login{text-align:center;max-width:570px;margin:50px auto;padding:55px}.online-login>svg{color:var(--green)}.online-login h2,.waiting-room h2,.room-card h2{margin:16px 0 8px;font:28px Playfair Display}.online-login p,.waiting-room p,.room-card p{color:var(--muted);line-height:1.7}.online-lobby>.connection-badge{margin-bottom:15px}.online-lobby-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.room-card{padding:35px}.room-card>.button{width:100%;margin-top:24px}.time-presets{grid-template-columns:1fr 1fr;gap:8px;margin-top:23px;display:grid}.time-presets button{text-align:left;border:1px solid var(--border);color:#c7cec8;cursor:pointer;background:#111512;border-radius:9px;grid-template-columns:22px 1fr;align-items:center;padding:11px;display:grid}.time-presets button svg{color:#77837a;grid-row:1/3}.time-presets button span{color:#768078;font-size:9px}.time-presets button.active{border-color:var(--green);background:#263125}.room-code-input{gap:8px;margin-top:25px;display:grid}.room-code-input span{letter-spacing:1.5px;color:#7f8981;font-size:9px}.room-code-input input{letter-spacing:8px;text-transform:uppercase;border:1px solid var(--border);width:100%;color:var(--green);text-align:center;background:#0e1210;border-radius:9px;padding:17px;font-size:30px;font-weight:700}.waiting-room{text-align:center;max-width:600px;margin:30px auto;padding:55px;position:relative}.waiting-room>.connection-badge{position:absolute;top:18px;right:18px}.waiting-piece{color:var(--green);filter:drop-shadow(0 15px 12px #0008);font-size:85px;display:block}.room-code{color:var(--green);cursor:pointer;background:#0e1310;border:1px dashed #708169;border-radius:10px;justify-content:center;align-items:center;gap:15px;margin:30px auto 16px;padding:16px 24px;display:flex}.room-code span{letter-spacing:8px;font-size:32px;font-weight:700}.time-summary{color:#8d978f;justify-content:center;align-items:center;gap:7px;margin-bottom:25px;font-size:12px;display:flex}.connection-badge{border:1px solid var(--border);letter-spacing:1px;color:#8f9991;border-radius:100px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;display:inline-flex}.connection-badge.connected{color:var(--green);border-color:#3d543c}.connection-badge.offline{color:#e38f8f;border-color:#603c3c}.online-board-layout{grid-template-columns:minmax(320px,min(640px,100dvh - 180px)) 1fr;align-items:start;gap:clamp(40px,4.5vw,64px);display:grid}.online-board-layout .board-wrap{width:100%;max-width:min(640px,100dvh - 180px)}.online-player{align-items:center;gap:10px;padding:6px 0;display:flex}.online-player>time{text-align:center;color:#8b958d;background:#202722;border:1px solid #333d36;border-radius:7px;min-width:88px;margin-left:auto;padding:8px 13px;font:700 21px ui-monospace,monospace}.online-player>time.active{color:#171c18;background:#e9ede5}.online-player>time.low{color:#ffd1d1;background:#572c2c;border-color:#814242}.online-game-panel{width:100%;max-width:440px;margin-left:auto;padding:24px;position:sticky;top:95px}.online-versus{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:17px 0;font-size:11px;display:grid}.online-versus>div{align-items:center;gap:7px;display:flex}.online-versus>div:last-child{justify-content:flex-end}.online-versus>span{color:#68736a}.color-dot{border:1px solid #788178;border-radius:50%;width:10px;height:10px}.white-color{background:#eef1ec}.black-color{background:#202520}.online-status{color:var(--green);text-align:center;background:#253127;border-radius:8px;margin:17px 0;padding:14px;font-size:13px;font-weight:700}.online-status.finished{color:#e8c982;background:#302c22}.online-history{height:310px}.online-game-panel>.button{width:100%}.guest-info-banner{background:linear-gradient(145deg,#18221b 0%,#111813 100%);border:1px solid #2e3d30;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 22px;display:flex;box-shadow:0 4px 20px #00000040}.guest-info-text{align-items:flex-start;gap:12px;max-width:650px;display:flex}.guest-banner-icon{color:var(--green);flex-shrink:0;margin-top:2px}.guest-info-text strong{color:#f0f5f1;margin-bottom:4px;font-size:14px;display:block}.guest-info-text p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.guest-info-actions{align-items:center;gap:8px;display:flex}@media (width<=820px){.online-board-layout,.online-lobby-grid{grid-template-columns:1fr}.online-game-panel{max-width:100%;margin-left:0;position:static}.page-heading:has(.play-type-tabs){align-items:flex-start}}@media (width<=560px){.page-heading:has(.play-type-tabs){gap:18px;display:grid}.play-type-tabs{width:100%}.play-type-tabs button{flex:1;justify-content:center}.online-board-layout{display:block}.online-game-panel{margin-top:20px}.room-card,.waiting-room{padding:28px 20px}.room-code span{letter-spacing:5px;font-size:25px}}.eval-bar-wrapper{background-color:#2b2927;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;width:28px;height:100%;min-height:380px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0006}.eval-bar-track{background-color:#1a1816;flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:relative}.eval-bar-white{background-color:#fff;width:100%;transition:height .35s cubic-bezier(.4,0,.2,1)}.eval-bar-label{text-align:center;color:#1a1816;text-shadow:0 0 2px #fffc;pointer-events:none;z-index:2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;font-weight:700;position:absolute;left:0;right:0}.analysis-page{flex-direction:column;gap:20px;width:100%;display:flex}.analysis-top-nav{align-items:center;gap:16px;display:flex}.analysis-top-nav h1{margin:0;font-size:1.5rem}.analysis-input-panel{flex-direction:column;gap:14px;max-width:680px;display:flex}.pgn-textarea{color:#fff;resize:vertical;background-color:#1a1816;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.88rem}.analysis-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.loading-spinner{border:3px solid #fff3;border-top-color:#4ade80;border-radius:50%;width:36px;height:36px}.progress-bar-track{background-color:#1a1816;border-radius:4px;width:280px;height:8px;overflow:hidden}.progress-bar-fill{background-color:#4ade80;height:100%;transition:width .2s}.analysis-layout{grid-template-columns:minmax(320px,min(640px,100dvh - 180px)) 1fr;align-items:start;gap:36px;display:grid}.analysis-board-section{flex-direction:column;gap:10px;width:100%;max-width:min(640px,100dvh - 180px);display:flex}.board-with-eval{align-items:stretch;gap:12px;display:flex;direction:ltr!important}.board-with-eval .board-wrap{flex:1;min-width:0;direction:ltr!important}.board-nav-controls{background-color:#23211f;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex;direction:ltr!important}.nav-control-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.nav-control-button:hover:not(:disabled){background-color:#ffffff1a}.nav-control-button:disabled{opacity:.35;cursor:not-allowed}.ply-indicator{text-align:center;flex:1;font-size:.88rem;font-weight:600}.move-commentary{flex-direction:column;gap:8px;display:flex}.commentary-header{align-items:center;gap:10px;display:flex}.engine-best-note{color:#4ade80;background-color:#4ade801a;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.84rem;display:flex}.analysis-report-panel{flex-direction:column;gap:18px;width:100%;max-width:440px;margin-left:auto;display:flex}.accuracy-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.accuracy-card{border-radius:8px;flex-direction:column;align-items:center;padding:14px 10px;display:flex}.white-card{background-color:#383531;border:1px solid #fff3}.black-card{background-color:#1e1c1a;border:1px solid #ffffff14}.accuracy-label{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.76rem}.accuracy-value{color:#4ade80;font-size:1.8rem;font-weight:800}.breakdown-table{flex-direction:column;gap:6px;font-size:.84rem;display:flex}.breakdown-header{opacity:.7;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr 50px 50px;padding-bottom:4px;font-weight:700;display:grid}.breakdown-row{grid-template-columns:1fr 50px 50px;align-items:center;display:grid}.breakdown-title{align-items:center;gap:8px;display:flex}.count-col{text-align:center;font-weight:600}.analyzed-moves-list{flex-direction:column;gap:8px;display:flex}.moves-grid{background-color:#1a1816;border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;max-height:220px;padding:6px;display:grid;overflow-y:auto}.analyzed-move-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.82rem;display:flex}.analyzed-move-item:hover{background-color:#ffffff14}.analyzed-move-item.active{color:#4ade80;background-color:#4ade8033;font-weight:700}.ply-number{opacity:.6;min-width:22px}.move-san{flex:1}.classification-badge{border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.72rem;font-weight:700;display:inline-flex}.classification-badge.compact{padding:2px 4px}.badge-brilliant{color:#fff;background-color:#06b6d4}.badge-great{color:#fff;background-color:#3b82f6}.badge-best{color:#fff;background-color:#22c55e}.badge-excellent{color:#fff;background-color:#84cc16}.badge-good{color:#1e1c1a;background-color:#a3e635}.badge-inaccuracy{color:#1e1c1a;background-color:#eab308}.badge-mistake{color:#fff;background-color:#f97316}.badge-blunder{color:#fff;background-color:#ef4444}.report-actions{flex-direction:column;gap:8px;display:flex}@media (width<=900px){.analysis-layout{grid-template-columns:1fr}.analysis-report-panel{max-width:100%;margin-left:0}}.admin-page{flex-direction:column;gap:20px;width:100%;display:flex}.admin-header{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.admin-title{align-items:center;gap:14px;display:flex}.admin-shield-icon{color:var(--green)}.admin-title h1{color:#f1f5f2;margin:0;font:700 clamp(20px,2.2vw,28px) Playfair Display,serif}.admin-title p{color:var(--muted);margin:4px 0 0;font-size:.88rem}.admin-tabs{background-color:#1a221c;border:1px solid #28352b;border-radius:10px;gap:6px;padding:4px;display:flex}.admin-tab{color:#8f9b91;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .16s;display:flex}.admin-tab:hover{color:#fff}.admin-tab.active{color:var(--green);background-color:#2b392e}.admin-metrics-bar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.metric-card{background:#141b16;border:1px solid #232f25;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;display:flex}.metric-icon{width:40px;height:40px;color:var(--green);background:#4ade801f;border-radius:10px;place-items:center;display:grid}.metric-icon.gold{color:#f59e0b;background:#f59e0b1f}.metric-icon.purple{color:#c084fc;background:#a855f71f}.metric-card strong{color:#f1f6f2;font-family:ui-monospace,DM Sans,sans-serif;font-size:20px;font-weight:800;display:block}.metric-card span{color:var(--muted);font-size:11px}.admin-section{flex-direction:column;gap:16px;display:flex}.section-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar-filters{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.search-bar{background-color:#121814;border:1px solid #263328;border-radius:9px;align-items:center;gap:8px;width:280px;padding:9px 14px;display:flex}.search-bar input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.filter-select{color:#cbd5e1;cursor:pointer;background-color:#121814;border:1px solid #263328;border-radius:9px;outline:none;padding:8px 12px;font-size:.84rem}.admin-table-wrapper{background-color:#131915;border:1px solid #222d24;border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.admin-table th{text-transform:uppercase;letter-spacing:.05em;color:#7b887e;background:#0f1411;border-bottom:1px solid #243026;padding:12px 18px;font-size:.74rem}.admin-table td{color:#d1d8d2;border-bottom:1px solid #1a221c;padding:14px 18px}.admin-table tr:hover td{background-color:#ffffff05}.rating-badge{border-radius:6px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;display:inline-block}.rating-badge.low{color:#4ade80;background:#4ade801f}.rating-badge.mid{color:#f59e0b;background:#f59e0b1f}.rating-badge.high{color:#ec4899;background:#ec48991f}.solution-code{color:var(--green);background:#0d120f;border:1px solid #222c24;border-radius:5px;padding:3px 7px;font-family:ui-monospace,monospace}.time-pill{color:#94a3b8;align-items:center;gap:5px;font-size:11px;display:inline-flex}.table-summary{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;max-width:320px;display:-webkit-box;overflow:hidden}.order-reorder-cell{align-items:center;gap:8px;display:flex}.order-num{color:#6ee7b7;min-width:24px;font-family:ui-monospace,monospace;font-weight:800}.order-arrows{flex-direction:column;gap:2px;display:flex}.arrow-btn{color:#94a3b8;cursor:pointer;background:#1d2520;border:1px solid #2b382e;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;display:flex}.arrow-btn:disabled{opacity:.25;cursor:not-allowed}.arrow-btn:not(:disabled):hover{color:var(--green);background:#2f3e32}.action-buttons{gap:8px;display:flex}.action-buttons .danger:hover{color:#ef4444}@keyframes modalBackdropFade{0%{opacity:0}to{opacity:1}}@keyframes modalCardPop{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid #233125;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.modal-close-btn{color:#9cb19f;cursor:pointer;background:#18221a;border:1px solid #2c3c2f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .16s;display:inline-flex}.modal-close-btn:hover{color:#fff;background:#253627;border-color:#435b46;transform:rotate(90deg)}.studio-modal{background-color:#151c17;border:1px solid #2d3b2f;border-radius:18px;width:min(1040px,94vw);max-height:90vh;padding:26px 28px;overflow-y:auto;box-shadow:0 24px 70px #000000e6}.lesson-studio-modal{width:min(880px,94vw)}.studio-header-title h2{color:#f1f5f2;margin:4px 0 0;font:700 24px Playfair Display,serif}.studio-header-actions{align-items:center;gap:12px;display:flex}.studio-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:28px;margin-top:18px;display:grid}.studio-form{flex-direction:column;gap:16px;display:flex}.studio-form label{flex-direction:column;gap:6px;display:flex}.studio-form label span{color:#9faea2;font-size:.8rem;font-weight:600}.studio-form input,.studio-form textarea{color:#f0f5f1;background-color:#0f1411;border:1px solid #273429;border-radius:8px;padding:10px 14px;font-size:.88rem}.studio-form input:focus,.studio-form textarea:focus{border-color:var(--green);outline:none}.input-error{border-color:#ef4444!important}.studio-chips-wrap{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.studio-chip{color:#9eb1a2;cursor:pointer;background:#1c251f;border:1px solid #2d3b30;border-radius:100px;padding:4px 9px;font-size:11px;transition:all .14s}.studio-chip:hover{border-color:var(--green);color:#fff}.studio-chip.active{border-color:var(--green);color:#4ade80;background:#4ade8029;font-weight:600}.studio-rating-presets{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.studio-rating-btn{color:#8da191;cursor:pointer;background:#1c251f;border:1px solid #2a372d;border-radius:6px;padding:4px 8px;font-size:11px}.studio-rating-btn.active{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b}.fen-tools-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.turn-indicator-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.turn-indicator-btn.white-turn{color:#eaf0eb;background:#2d3830;border-color:#475a4d}.turn-indicator-btn.black-turn{color:#cbd5e1;background:#121613;border-color:#334155}.turn-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.preset-mini-btn{color:#94a3b8;cursor:pointer;background:#1c251f;border:1px solid #2c382f;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;display:inline-flex}.studio-presets-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.preset-tag-btn{color:#8fa092;cursor:pointer;background:#18201a;border:1px solid #28362a;border-radius:6px;padding:3px 8px;font-size:11px}.preset-tag-btn:hover{color:#fff;border-color:var(--green)}.badge-valid{color:#4ade80;align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.badge-invalid{color:#ef4444;align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.studio-hint{color:var(--muted);margin-top:4px;font-size:11px;display:block}.studio-footer-actions{margin-top:8px}.studio-footer-actions .button{width:100%}.studio-board-column{flex-direction:column;gap:14px;display:flex}.board-status-header{justify-content:space-between;align-items:center;display:flex}.board-tools-inline{gap:6px;display:flex}.icon-mini-btn{color:#94a3b8;cursor:pointer;background:#1c251f;border:1px solid #2e3d31;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.icon-mini-btn:hover:not(:disabled){color:#fff;border-color:var(--green)}.icon-mini-btn:disabled{opacity:.3;cursor:not-allowed}.studio-chessboard-wrapper{background:#0f1411;border:1px solid #28372b;border-radius:12px;padding:12px;box-shadow:0 8px 24px #0006}.solution-badge-card{background:#17211a;border:1px solid #29382b;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.solution-badge-card.valid{border-color:#3b523f}.solution-badge-card.invalid{background:#251717;border-color:#613131}.solution-badge-content{align-items:center;gap:10px;display:flex}.solution-badge-content strong{color:#f1f6f2;font-size:13px;display:block}.solution-badge-content span{color:var(--muted);font-size:11px}.test-feedback-card{border-radius:9px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.test-feedback-card.correct{color:#4ade80;background:#1b2e20;border:1px solid #3d6345}.test-feedback-card.wrong{color:#f87171;background:#331d1d;border:1px solid #633737}.test-feedback-card button{color:#fff;margin-left:auto}.studio-ai-card{background:#121814;border:1px solid #263428;border-radius:10px;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.studio-ai-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-icon{color:#38bdf8}.studio-ai-result{background:#0c110d;border:1px solid #1f2a21;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.ai-metric{flex-direction:column;gap:2px;display:flex}.ai-metric span{color:var(--muted);text-transform:uppercase;font-size:10px}.ai-metric strong{color:#38bdf8;font-family:ui-monospace,monospace;font-size:13px}.ai-apply-btn{margin-left:auto}.order-stepper{align-items:center;gap:6px;display:flex}.demo-board-section{background:#121814;border:1px solid #243226;border-radius:10px;padding:14px 16px}.studio-templates-bar{background:#101612;border:1px dashed #28372b;border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;display:flex}.content-toolbar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.snippet-btn{color:#9eb1a1;cursor:pointer;background:#19221b;border:1px solid #28352a;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.snippet-btn:hover{color:#fff;background:#253328}.snippet-btn.tip{color:#fbbf24}.snippet-btn.warning{color:#f87171}.snippet-btn.exercise{color:#38bdf8}.student-preview-container{max-height:70vh;padding:4px;overflow-y:auto}.preview-meta{align-items:center;gap:12px;margin-bottom:18px;display:flex}.preview-summary-box{border-left:3px solid var(--green);background:#17211a;border-radius:0 8px 8px 0;margin-bottom:24px;padding:12px 16px}.preview-summary-box p{color:#cbd5e1;margin:0;font-size:14px;line-height:1.6}@media (width<=900px){.studio-grid{grid-template-columns:1fr}}.daily-schedule-card{background:#111713;border:1px solid #243527;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.daily-schedule-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.daily-icon-title{color:#a7f3d0;align-items:center;gap:7px;font-size:13px;display:flex}.daily-schedule-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.daily-date-input{color:#e2e8f0;background:#18221b;border:1px solid #2e3e31;border-radius:7px;outline:none;padding:6px 10px;font-family:inherit;font-size:13px}.daily-date-input:focus{border-color:var(--green)}.chip-btn{color:#cbd5e1;cursor:pointer;background:#1e2a21;border:1px solid #2d3f31;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;transition:all .15s;display:inline-flex}.chip-btn:hover{color:#fff;border-color:var(--green);background:#28372b}.chip-btn.danger{color:#f87171;border-color:#633232}.chip-btn.danger:hover{color:#f99;background:#381e1e}.board-editor-panel{background:#101612;border:1px solid #243527;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.palette-instruction{color:#94a3b8;margin-bottom:8px;font-size:12px;line-height:1.5}.palette-pieces-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.palette-row-title{color:#cbd5e1;min-width:48px;font-size:12px;font-weight:700}.palette-piece-btn{cursor:pointer;background:#17211a;border:1px solid #29382b;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:3px;transition:all .15s;display:flex}.palette-piece-btn:hover{border-color:var(--green);background:#223126;transform:translateY(-2px)}.palette-piece-btn.active{background:#25402c;border-color:#4ade80;transform:scale(1.08);box-shadow:0 0 10px #4ade804d}.palette-piece-img{object-fit:contain;pointer-events:none;width:100%;height:100%}.palette-pieces-row.actions-row{border-top:1px dashed #243527;gap:8px;margin-top:6px;padding-top:8px}.palette-tool-btn{color:#cbd5e1;cursor:pointer;background:#162019;border:1px solid #29382b;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.palette-tool-btn:hover{color:#fff;border-color:var(--green);background:#223126}.palette-tool-btn.active{color:#fca5a5;background:#3d2323;border-color:#f87171;box-shadow:0 0 8px #f871714d}.editor-controls-row{background:#0d120f;border:1px solid #1f2b21;border-radius:9px;flex-wrap:wrap;gap:16px;padding:10px 14px;display:flex}.editor-control-group{flex-direction:column;gap:6px;display:flex}.editor-sublabel{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.editor-turn-buttons{gap:6px;display:flex}.editor-turn-btn{color:#cbd5e1;cursor:pointer;background:#162019;border:1px solid #28372b;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;transition:all .15s;display:inline-flex}.editor-turn-btn:hover{background:#202d24}.editor-turn-btn.active{color:#fff;background:#233c2a;border-color:#4ade80;font-weight:700}.turn-indicator-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.turn-indicator-dot.white{background:#fff;border:1px solid #94a3b8}.turn-indicator-dot.black{background:#111;border:1px solid #64748b}.editor-castling-checkboxes{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.castling-check-label{color:#cbd5e1;cursor:pointer;align-items:center;gap:5px;font-size:12px;display:inline-flex}.castling-check-label input{cursor:pointer;accent-color:var(--green)}.studio-editor-tip{color:#d1fae5;background:#152219;border:1px solid #2d4532;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:12.5px;line-height:1.5;display:flex}.studio-editor-tip svg{color:#34d399;flex-shrink:0;margin-top:2px}.studio-editor-tip strong{color:#a7f3d0;margin-bottom:2px;font-size:13px;display:block}.studio-editor-tip p{color:#cbd5e1;margin:0}.admin-batch-bar{z-index:1000;background:#121914;border:1px solid #34d399;border-radius:12px;padding:10px 18px;animation:.2s ease-out slideUpFade;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0009,0 0 16px #34d39933}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.batch-bar-content{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.batch-count-badge{color:#4ade80;background:#1b2e21;border:1px solid #2d4c35;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:700}.batch-action-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.batch-date-input{color:#fff;background:#1a241c;border:1px solid #2f4433;border-radius:6px;padding:5px 9px;font-size:12.5px}.app-shell{min-height:100vh}.sidebar{z-index:20;background:#0b0e0c;border-right:1px solid #252a27;flex-direction:column;width:250px;padding:30px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;font-size:23px;font-weight:700;display:flex}.brand-mark{background:var(--green);color:#101510;border-radius:10px;place-items:center;width:35px;height:35px;margin-right:8px;font-size:24px;display:grid}.brand-light{font-weight:400}.brand-dot{color:var(--green)}.nav-label,.eyebrow{letter-spacing:2px;color:#99a29b;font-size:11px;font-weight:700}.nav-label{margin:45px 12px 14px}.sidebar nav{gap:5px;display:grid}.nav-item{color:#aeb7b0;border-radius:10px;align-items:center;gap:13px;padding:12px 13px;font-weight:600;display:flex}.nav-item:hover,.nav-item.active{color:#f2f5ef;background:#202620}.nav-item.active svg{color:var(--green)}.nav-dot{background:var(--green);border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-bottom{margin-top:auto}.journey-card{background:linear-gradient(145deg,#1d2820,#141916);border:1px solid #283129;border-radius:15px;padding:19px}.journey-card h3{margin:10px 0;font-family:Playfair Display,serif;font-size:20px}.journey-card p{color:var(--muted);font-size:12px;line-height:1.6}.journey-card a,.text-link{color:var(--green);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.journey-icon{color:var(--green)}.sidebar-foot{color:#69736b;justify-content:space-between;margin-top:20px;font-size:11px;display:flex}.sidebar-foot span{align-items:center;gap:6px;display:flex}.main-shell{min-height:100vh;margin-left:250px}.topbar{height:72px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#101412e0;border-bottom:1px solid #282e2a;justify-content:space-between;align-items:center;padding:0 5vw;font-size:13px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions,.profile-link{align-items:center;gap:10px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #b8e76e99}.topbar-actions{gap:20px}.free-label{letter-spacing:1px;font-size:10px}.login-link{color:#d8ded8;font-weight:700}.avatar,.player-avatar{width:34px;height:34px;color:var(--green);background:#28312b;border-radius:10px;place-items:center;font-weight:700;display:grid}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;padding:7px;display:grid}.mobile-menu,.mobile-close,.sidebar-scrim{display:none}main{max-width:1400px;margin:auto;padding:24px 4vw 50px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.page-heading h1{letter-spacing:-1.5px;margin:4px 0 8px;font-family:Playfair Display,serif;font-size:clamp(28px,3.5vw,46px);line-height:1.1}.page-heading p{color:var(--muted);max-width:620px;font-size:13px;line-height:1.5}.welcome-tag,.pill{border:1px solid var(--border);letter-spacing:1px;color:#b9c2ba;border-radius:100px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:inline-flex}.button{background:var(--green);color:#182013;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;font-weight:700;display:inline-flex}.button:hover{background:#c8f583}.button:disabled{opacity:.5;cursor:not-allowed}.button-small{padding:9px 14px;font-size:13px}.button-secondary{color:#e8eee8;background:#2b342e;border:1px solid #3a453e}.panel{background:var(--surface);border:1px solid var(--border);border-radius:15px}.home-top-grid{grid-template-columns:1.55fr .75fr;gap:20px;display:grid}.hero-card{background:linear-gradient(135deg,#212b22 0,#151b17 70%);border:1px solid #303a32;border-radius:17px;min-height:425px;padding:47px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.hero-copy h2{margin:22px 0;font:700 clamp(34px,4vw,56px)/1.05 Playfair Display,serif}.hero-copy h2 span{color:var(--green)}.hero-copy p{color:#b0bab1;line-height:1.7}.hero-button{margin-top:30px}.hero-note{color:#758078;margin-top:14px;font-size:11px;display:block}.hero-art{background:radial-gradient(circle,#304333,#0000 60%);position:absolute;inset:0 0 0 55%}.hero-chess{filter:drop-shadow(0 22px 16px #0009);font-size:180px;position:absolute}.hero-pawn{color:#b9e56d;top:20%;right:6%}.hero-knight{color:#eef2e9;font-size:150px;top:41%;right:25%;transform:rotate(-8deg)}.art-star{color:var(--green);font-size:27px;position:absolute}.star-one{top:17%;right:16%}.star-two{bottom:20%;left:5%}.hero-board-pattern{opacity:.12;background:conic-gradient(#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0);background-size:52px 52px;width:210px;height:210px;position:absolute;bottom:-40px;right:-40px;transform:rotate(12deg)}.daily-card{background:#24222a;border:1px solid #383442;border-radius:17px;flex-direction:column;padding:25px;display:flex}.card-heading{letter-spacing:1.5px;color:#a7a1ae;align-items:center;gap:10px;font-size:10px;display:flex}.card-heading svg:last-child{margin-left:auto}.daily-card h2{margin:20px 0 8px;font:700 25px/1.2 Playfair Display,serif}.daily-card p{color:var(--muted);font-size:13px}.mini-board{width:min(230px,90%);margin:20px auto}.daily-footer{justify-content:space-between;align-items:center;font-size:12px;display:flex}.daily-footer strong{color:var(--purple);align-items:center;gap:6px;display:flex}.white-dot{background:#fff;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.icon-tile{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:inline-grid}.green{color:var(--green);background:#283a29}.purple{color:var(--purple);background:#352f43}.orange{color:var(--orange);background:#3b3023}.blue{color:var(--blue);background:#263741}.section-heading{justify-content:space-between;align-items:center;margin:42px 0 17px;display:flex}.section-heading h2{margin:0;font:700 21px Playfair Display,serif}.section-heading>span{color:var(--muted);font-size:12px}.explore-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.explore-card{background:#171c19;border:1px solid #2c332f;border-radius:13px;padding:21px;transition:all .2s}.explore-card:hover{border-color:#566158;transform:translateY(-3px)}.explore-top{justify-content:space-between;display:flex}.explore-top>svg{color:#6f7871}.explore-card h3{margin:28px 0 7px;font-size:17px}.explore-card p{color:var(--muted);min-height:38px;font-size:13px}.card-tag{letter-spacing:1.5px;color:#707a72;margin-top:22px;font-size:9px;display:block}.home-bottom-grid{grid-template-columns:1.4fr .8fr;gap:20px;display:grid}.featured-lesson{border:1px solid var(--border);background:#171c19;border-radius:14px;grid-template-columns:44% 1fr;display:grid;overflow:hidden}.lesson-art{color:#282118;background:#e5b774;place-items:center;min-height:250px;display:grid;position:relative;overflow:hidden}.lesson-art>span:first-child{opacity:.85;font-size:145px}.lesson-art-label{letter-spacing:2px;font-size:10px;position:absolute;top:22px;left:22px}.lesson-art-star{position:absolute;top:17px;right:25px}.featured-lesson-copy{padding:30px}.featured-lesson-copy h3{margin:14px 0;font:700 25px Playfair Display,serif}.featured-lesson-copy p{color:var(--muted);font-size:13px;line-height:1.7}.lesson-meta{gap:10px;margin:20px 0;display:flex}.lesson-meta span{color:#b3bcb5;background:#232a25;border-radius:6px;gap:5px;padding:7px 9px;font-size:10px;display:flex}.featured-lesson-copy>strong{color:var(--orange);align-items:center;gap:5px;font-size:12px;display:flex}.journey-stats{border:1px solid var(--border);background:#171c19;border-radius:14px;padding:24px}.stats-title{gap:14px;display:flex}.stats-title h3{margin:3px 0;font-size:16px}.stats-title p{color:var(--muted);font-size:11px}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);margin:25px 0;display:grid}.stats-grid div+div{border-left:1px solid var(--border)}.stats-grid strong{font:700 27px Playfair Display,serif;display:block}.stats-grid span{color:#879188;font-size:9px}.journey-stats .button{width:100%;font-size:12px}.quote-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#aeb7b0;justify-content:center;align-items:center;gap:20px;margin-top:45px;padding:26px;display:flex}.quote-strip>span:first-child{color:var(--green);font:50px Playfair Display}.quote-strip p{margin:0;font:18px Playfair Display}.quote-author{color:#69736b;font-size:10px}.page-footer{color:#687169;border-top:1px solid #262c28;justify-content:space-between;margin-left:0;padding:27px 5vw;font-size:11px;display:flex}.page-footer>span:first-child{color:#aab2ab;font-weight:700}.page-footer>span:first-child span{color:#687169;font-weight:400}.player-strip{align-items:center;gap:10px;padding:6px 0;display:flex}.player-strip div{display:grid}.player-strip strong{font-size:14px}.player-strip div span{color:var(--muted);font-size:11px}.player-badge{letter-spacing:1px;color:#7f8981;margin-left:auto;font-size:9px}.light-avatar{color:#253026;background:#e3e8df}.board-wrap{width:100%;max-width:100%;position:relative;container-type:inline-size}.chessboard{aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;overflow:hidden;box-shadow:0 20px 45px #0005;container-type:inline-size}.square{aspect-ratio:1;cursor:pointer;box-sizing:border-box;border:0;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.square:disabled{cursor:default}.square.light{background:#d8ddc8}.square.dark{background:#68815d}.square.selected{box-shadow:inset 0 0 0 5px #d8ef56}.square.drag-over{box-shadow:inset 0 0 0 4px #4ade80}.piece{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Times New Roman,serif;font-size:8.5cqi;line-height:1;display:flex}.mini-board .piece{font-size:8.2cqi}.white-piece{color:#f8f7ef;text-shadow:0 2px 1px #444,0 0 1px #111}.black-piece{color:#20251f;text-shadow:0 1px #87917f}.move-dot{background:#26332966;border-radius:50%;width:22%;height:22%}.capture-ring{border:5px solid #26332966;border-radius:50%;position:absolute;inset:7%}.rank-label,.file-label{z-index:3;color:#33412f;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:700;position:absolute}.rank-label{top:2px;left:4px}.file-label{bottom:1px;right:4px}.promotion-picker{z-index:5;border:1px solid var(--border);text-align:center;background:#161c18;border-radius:13px;padding:20px;position:absolute;inset:35% 13%;box-shadow:0 20px 80px #000}.promotion-picker button{cursor:pointer;background:#303a33;border:0;border-radius:7px;margin:4px;font-size:44px}.board-tools{color:#8e9890;align-items:center;gap:15px;padding:8px 0;font-size:12px;display:flex}.board-tools button{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:flex}.board-tools button:disabled{opacity:.4}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h2{font:700 23px Playfair Display,serif}.mode-tabs{background:#101512;border-radius:9px;grid-template-columns:1fr 1fr;margin:18px 0;padding:4px;display:grid}.mode-tabs button{cursor:pointer;color:#89948c;background:0 0;border:0;border-radius:7px;justify-content:center;gap:7px;padding:10px;display:flex}.mode-tabs .selected-tab{color:#e6ece7;background:#2b342e}.field-label{color:#909991;gap:7px;margin-bottom:15px;font-size:11px;display:grid}.field-label select{color:#dce2dc;border:1px solid var(--border);background:#111612;border-radius:7px;width:100%;padding:10px}.game-status{background:#222a24;border-radius:8px;align-items:center;gap:9px;padding:13px;font-size:13px;display:flex}.game-status.finished{background:#313122}.move-history{background:#111512;border-radius:8px;height:270px;margin:17px 0;overflow:auto}.move-history-title{letter-spacing:1.4px;color:#778078;border-bottom:1px solid #2b312d;padding:13px;font-size:9px}.history-empty{text-align:center;place-content:center;height:220px;display:grid}.history-empty>span{color:#566159;font-size:50px}.history-empty p{margin:8px;font:16px Playfair Display}.history-empty small{color:#6d766f}.move-list{padding:10px}.move-list div{grid-template-columns:30px 1fr 1fr;padding:6px 8px;font-size:12px;display:grid}.move-list div:nth-child(odd){background:#1b211d}.move-list span{color:#69736b}.game-actions,.puzzle-actions{flex-wrap:wrap;gap:8px;display:flex}.game-actions .button{flex:1;font-size:12px}.resign-button,.text-button{color:#7f8981;cursor:pointer;background:0 0;border:0;font-size:11px}.resign-button{gap:5px;margin:16px auto;display:flex}.subtle-note{text-align:center;line-height:1.5;color:#69736b!important;font-size:10px!important}.success-message{color:var(--green);background:#233024;border-radius:7px;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.confirm-box,.hint-box{background:#28261e;border:1px solid #49432d;border-radius:8px;margin:10px 0;padding:12px;font-size:12px}.confirm-box p{margin-bottom:10px}.board-caption{text-align:center;color:#9fa9a1;margin-top:14px;font-size:12px}.puzzle-panel h2{margin:12px 0;font:700 27px Playfair Display}.puzzle-panel>p{color:var(--muted);font-size:13px;line-height:1.7}.puzzle-theme{background:#111512;border-radius:9px;gap:12px;margin:25px 0;padding:18px;display:flex}.puzzle-theme div{display:grid}.puzzle-theme span{color:#7c867e;letter-spacing:1px;font-size:9px}.solve-feedback{color:#dbbe7c;background:#2d281e;border-radius:8px;margin-bottom:15px;padding:15px}.solve-feedback p{margin:0}.error-notice{color:#f0aaaa;background:#3b2222;border:1px solid #673333;border-radius:8px;align-items:center;gap:9px;margin:10px 0;padding:11px;font-size:12px;display:flex}.error-notice button{color:#fff;background:0 0;border:0;margin-left:auto;text-decoration:underline}.loading,.empty-state{text-align:center;color:var(--muted);padding:50px}.loading{justify-content:center;gap:10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.learn-layout{grid-template-columns:minmax(320px,.75fr) 1.25fr;gap:25px;display:grid}.lesson-list{gap:10px;display:grid}.lesson-card{border:1px solid var(--border);text-align:left;cursor:pointer;background:#171c19;border-radius:12px;grid-template-columns:35px 1fr auto;gap:15px;padding:20px;display:grid}.lesson-card.active{background:#202720;border-color:#788a6f}.lesson-number{color:#69746b;font:22px Playfair Display}.lesson-card h2{margin:7px 0;font-size:17px}.lesson-card p{color:var(--muted);font-size:12px;line-height:1.5}.lesson-time{color:#828c84;align-items:center;gap:5px;font-size:10px;display:flex}.done-icon{color:var(--green)}.lesson-reader{min-height:540px;padding:35px;position:sticky;top:95px}.lesson-reader h2{margin:12px 0 24px;font:32px Playfair Display}.lesson-content p{color:#b7c0b9;line-height:1.8}.reader-empty{text-align:center;color:var(--muted);padding-top:100px}.reader-empty>span{color:#657067;font-size:80px}.train-layout,.watch-layout{grid-template-columns:320px minmax(420px,700px);align-items:start;gap:30px;display:grid}.drill-list{padding:18px}.drill-list h2{padding:10px;font:23px Playfair Display}.drill-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;gap:12px;width:100%;padding:12px;display:flex}.drill-list>button.active{background:#28302b}.drill-list button span:last-child{gap:3px;display:grid}.drill-list small{color:#818b83;line-height:1.4}.training-intro h2{margin:7px 0;font:26px Playfair Display}.training-intro p{color:var(--muted)}.training-intro{margin-bottom:20px}.watch-layout{grid-template-columns:minmax(300px,min(540px,100dvh - 210px)) 1fr;align-items:start;gap:36px;display:grid}.watch-controls{justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.watch-controls button{cursor:pointer;background:#252d28;border:0;border-radius:50%}.watch-controls .play-control{background:var(--green);color:#121812;place-items:center;width:48px;height:48px;display:grid}.watch-controls span{color:#8d978f;font-size:11px}.watch-panel{width:100%;max-width:440px;max-height:calc(100dvh - 120px);margin-left:auto;padding:25px;overflow:auto}.watch-panel h2{margin:10px 0;font:27px Playfair Display}.watch-players{color:#c7cec8;margin-bottom:5px;line-height:1.5}.watch-panel>span:not(.eyebrow){color:#778179;font-size:11px}.watch-moves{margin:22px 0;display:grid}.watch-moves button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:30px 1fr 1fr;padding:7px;font-size:12px;display:grid}.watch-moves button.current{color:var(--green);background:#303a31;border-radius:5px}.watch-moves span{color:#717a73}.game-choice{text-align:left;border:1px solid var(--border);cursor:pointer;background:#121713;border-radius:8px;width:100%;margin-top:7px;padding:11px;display:grid}.game-choice span{color:#7c867e;font-size:10px}.game-choice.active{border-color:#758b6f}.auth-page{border:1px solid var(--border);border-radius:18px;grid-template-columns:1fr 1fr;min-height:650px;display:grid;overflow:hidden}.auth-visual{background:linear-gradient(145deg,#29362c,#161c18);flex-direction:column;justify-content:center;padding:60px;display:flex}.auth-piece{color:var(--green);filter:drop-shadow(0 20px 15px #0008);font-size:120px}.auth-visual h1{margin:15px 0;font:48px Playfair Display}.auth-visual>p{color:#adb7af;line-height:1.8}.auth-visual blockquote{color:#cfd7d0;border-top:1px solid #465048;margin:70px 0 0;padding-top:20px;font:18px Playfair Display}.auth-visual small{color:#7f8981;margin-top:8px;font:10px DM Sans;display:block}.auth-card{background:#171c19;padding:55px}.auth-brand{margin-bottom:45px}.auth-card h2{margin:0 0 8px;font:30px Playfair Display}.auth-card>p{color:var(--muted);font-size:13px}.auth-card form{gap:17px;margin-top:30px;display:grid}.auth-card label{color:#aeb7b0;gap:7px;font-size:11px;display:grid}.input-wrap{border:1px solid var(--border);background:#101512;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.input-wrap input{color:#e5ebe6;background:0 0;border:0;outline:0;width:100%;padding:13px 0}.input-wrap:focus-within{border-color:var(--green)}.auth-submit{width:100%;margin-top:7px}.auth-switch{text-align:center;margin-top:25px!important}.auth-switch a{color:var(--green);font-weight:700}.profile-card{justify-content:space-between;align-items:center;padding:30px;display:flex}.profile-identity{align-items:center;gap:15px;display:flex}.profile-avatar{background:var(--green);color:#172012;border-radius:15px;place-items:center;width:65px;height:65px;font-size:28px;font-weight:700;display:grid}.profile-identity h2{margin:0}.profile-identity span{color:var(--muted);font-size:12px}.profile-stats{gap:45px;display:flex}.profile-stats>div{grid-template-columns:auto auto;gap:2px 8px;display:grid}.profile-stats svg{color:var(--green);grid-row:1/3}.profile-stats strong{font-size:20px}.profile-stats span{color:var(--muted);font-size:10px}.saved-games{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.saved-games article{padding:20px}.saved-games h3{margin:10px 0}.saved-games p{color:var(--muted);gap:5px;font-size:11px;display:flex}.game-result{letter-spacing:1px;color:var(--green);font-size:9px}details{color:#89938b;font-size:11px}details pre{white-space:pre-wrap;background:#0f1311;border-radius:7px;max-height:150px;padding:10px;overflow:auto}.login-required,.not-found{text-align:center;padding:100px 20px}.login-required svg,.not-found>span{color:var(--green);font-size:80px}.login-required h1,.not-found h1{margin:15px;font:42px Playfair Display}.login-required p,.not-found p{color:var(--muted);margin-bottom:25px}.route-loading{padding:80px}.mobile-close{position:absolute;top:15px;right:12px}@media (width<=1100px){.sidebar{width:210px}.main-shell{margin-left:210px}.home-top-grid,.home-bottom-grid{grid-template-columns:1fr}.explore-grid{grid-template-columns:repeat(2,1fr)}.play-layout{grid-template-columns:minmax(280px,min(500px,100dvh - 210px)) 1fr}.train-layout{grid-template-columns:260px 1fr}.watch-layout{grid-template-columns:minmax(280px,min(500px,100dvh - 210px)) 1fr}.profile-card{align-items:flex-start;gap:25px}.profile-stats{gap:18px}}@media (width<=820px){.sidebar{width:260px;transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none}.main-shell{margin-left:0}.mobile-menu,.mobile-close{display:grid}.sidebar-scrim{z-index:19;background:#0009;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 18px}.topbar-left>span:not(.status-dot),.free-label{display:none}main{padding:35px 18px 55px}.page-heading{align-items:flex-start}.welcome-tag{display:none}.play-layout,.learn-layout,.train-layout,.watch-layout{grid-template-columns:1fr}.game-panel,.puzzle-panel,.lesson-reader{max-width:100%;margin-left:0;position:static}.drill-list{order:2}.profile-card{display:grid}.profile-stats{justify-content:space-between;width:100%}.saved-games{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.page-footer{gap:10px;padding:20px}}@media (width<=560px){.topbar-actions{gap:9px}.profile-link>span:not(.avatar),.profile-link svg{display:none}.button-small{font-size:0}.button-small svg{margin:0}.page-heading h1{font-size:37px}.home-top-grid{display:block}.hero-card{min-height:455px;padding:30px}.hero-art{height:55%;inset:auto 0 0 30%}.daily-card{margin-top:15px}.explore-grid,.featured-lesson{grid-template-columns:1fr}.home-bottom-grid{display:block}.quote-strip{text-align:center;display:grid}.quote-author,.play-layout{display:block}.game-panel,.puzzle-panel{margin-top:20px}.board-tools{justify-content:space-between}.board-tools button{font-size:0}.board-tools button svg{width:19px;height:19px}.auth-card{padding:35px 22px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.profile-stats>div{text-align:center;flex-direction:column;align-items:center;display:flex}.saved-games{grid-template-columns:1fr}.page-footer{display:grid}.lesson-card{grid-template-columns:25px 1fr}.lesson-card>svg{display:none}.watch-panel{max-height:none}}.lang-toggle-button{border:1px solid var(--border);color:#d5dfd6;cursor:pointer;background:#202722;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.lang-toggle-button:hover{border-color:var(--green);color:var(--green);background:#2a362d}.lang-toggle-badge{color:var(--green);background:#b8e76e26;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.hero-copy{max-width:58%}html[dir=rtl] .sidebar{border-left:1px solid #252a27;border-right:none;inset:0 0 0 auto}html[dir=rtl] .main-shell{margin-left:0;margin-right:250px}html[dir=rtl] .brand-mark{margin-left:8px;margin-right:0}html[dir=rtl] .nav-dot,html[dir=rtl] .card-heading svg:last-child,html[dir=rtl] .player-badge,html[dir=rtl] .online-player>time,html[dir=rtl] .game-panel,html[dir=rtl] .puzzle-panel,html[dir=rtl] .watch-panel,html[dir=rtl] .analysis-report-panel,html[dir=rtl] .online-game-panel,html[dir=rtl] .error-notice button{margin-left:0;margin-right:auto}html[dir=rtl] .mobile-close{left:12px;right:auto}html[dir=rtl] .white-dot{margin-left:5px;margin-right:0}html[dir=rtl] .lesson-card,html[dir=rtl] .drill-list button,html[dir=rtl] .time-presets button,html[dir=rtl] .game-choice,html[dir=rtl] .analyzed-move-item{text-align:right}html[dir=rtl] .hero-card{background:linear-gradient(225deg,#212b22 0,#151b17 70%)}html[dir=rtl] .hero-art{background:radial-gradient(circle at 45%,#304333,#0000 65%);inset:0 55% 0 0}html[dir=rtl] .hero-pawn{left:6%;right:auto}html[dir=rtl] .hero-knight{left:25%;right:auto;transform:rotate(8deg)scaleX(-1)}html[dir=rtl] .star-one{left:16%;right:auto}html[dir=rtl] .star-two{left:auto;right:5%}html[dir=rtl] .hero-board-pattern{left:-40px;right:auto;transform:rotate(-12deg)}html[dir=rtl] .hero-button svg:last-child{transform:scaleX(-1)}html[dir=rtl] .lesson-art-label{left:auto;right:22px}html[dir=rtl] .lesson-art-star{left:25px;right:auto}html[dir=rtl] .stats-grid div+div{border-left:none;border-right:1px solid var(--border)}@media (width<=1100px){html[dir=rtl] .main-shell{margin-right:210px}}@media (width<=820px){html[dir=rtl] .sidebar{transform:translate(100%)}html[dir=rtl] .sidebar.open{transform:none}html[dir=rtl] .main-shell,html[dir=rtl] .game-panel,html[dir=rtl] .puzzle-panel,html[dir=rtl] .watch-panel,html[dir=rtl] .analysis-report-panel,html[dir=rtl] .online-game-panel{margin-right:0}}@media (width<=560px){.hero-copy{max-width:100%}html[dir=rtl] .hero-art{height:55%;inset:auto 30% 0 0}}.board-wrap,.chessboard,.mini-board,.board-with-eval{unicode-bidi:isolate;direction:ltr!important}.square{direction:ltr!important}.rank-label,.file-label{-webkit-user-select:none;user-select:none;direction:ltr!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.rank-label{inset:2px auto auto 4px!important}.file-label{inset:auto 4px 1px auto!important}.move-list,.watch-moves,.online-history{direction:ltr!important}.move-list div,.watch-moves button{text-align:left!important}.play-layout{grid-template-columns:minmax(320px,min(640px,100dvh - 180px)) 1fr;align-items:start;gap:clamp(40px,4.5vw,64px);display:grid}.board-section,.training-board,.watch-board{width:100%;max-width:min(640px,100dvh - 180px)}.puzzle-layout{grid-template-columns:minmax(340px,min(700px,100dvh - 160px)) 1fr;align-items:start;gap:clamp(40px,4.5vw,64px);display:grid}.puzzle-board-section{width:100%;max-width:min(700px,100dvh - 160px)}.game-panel,.puzzle-panel{width:100%;max-width:440px;margin-left:auto;padding:24px;position:sticky;top:95px}html[dir=rtl] .game-panel,html[dir=rtl] .puzzle-panel{margin-left:0;margin-right:auto}.chessboard{border-radius:10px;box-shadow:0 18px 45px #00000073}.piece{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.piece.draggable-piece{pointer-events:auto;cursor:grab}.piece.draggable-piece:active{cursor:grabbing}.piece.dragging{opacity:.35}.piece-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 3px #00000052);width:88%;max-width:88%;height:88%;max-height:88%;transition:transform .12s}.piece.draggable-piece:hover .piece-img{transform:scale(1.06)}.piece-fallback{justify-content:center;align-items:center;font-family:Times New Roman,serif;font-size:11cqi;line-height:1;display:flex}.mini-board .piece-img{width:86%;height:86%}.mini-board .piece-fallback{font-size:9.5cqi}.move-dot{pointer-events:none;z-index:1;background:#19231b66;border-radius:50%;width:28%;height:28%}.capture-ring{pointer-events:none;z-index:3;border:5px solid #19231b66;border-radius:50%;position:absolute;inset:5%}.square.last-move{z-index:1;position:relative}.square.light.last-move{background:#cdd672!important;box-shadow:inset 0 0 0 2px #e1f05fd9,inset 0 0 0 3px #00000038!important}.square.dark.last-move{background:#849c40!important;box-shadow:inset 0 0 0 2px #cde650cc,inset 0 0 0 3px #00000047!important}.square.light.last-move .rank-label,.square.light.last-move .file-label{color:#465a3c!important}.square.dark.last-move .rank-label,.square.dark.last-move .file-label{color:#f1f5de!important}.square.selected{z-index:2;box-shadow:inset 0 0 0 4px #d8ef56,inset 0 0 0 5px #00000059!important}.square.drag-over{z-index:3;box-shadow:inset 0 0 0 4px #4ade80,inset 0 0 0 5px #00000059!important}.square.light .rank-label,.square.light .file-label{color:#68815d!important}.square.dark .rank-label,.square.dark .file-label{color:#d8ddc8!important}.rank-label,.file-label{font-size:clamp(10px,1.8cqi,13px)!important;font-weight:700!important;line-height:1!important}.puzzle-board-caption{color:#c4cdc5;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.turn-indicator-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.turn-indicator-dot.white-turn-dot{background:#fff;border:1.5px solid #a3aca4;box-shadow:0 0 6px #ffffff80}.turn-indicator-dot.black-turn-dot{background:#1b201d;border:1.5px solid #5a655c;box-shadow:0 0 6px #0009}.promotion-picker{top:50%;left:50%;z-index:10;border:1px solid var(--border);text-align:center;background:#161c18;border-radius:13px;max-width:90%;padding:18px 22px;position:absolute;inset:auto;transform:translate(-50%,-50%);box-shadow:0 20px 80px #000000d9}.promotion-picker p{color:#c7cfc8;margin:0 0 12px;font-size:13px;font-weight:600}.promotion-picker button{cursor:pointer;background:#2a342c;border:1px solid #3c493f;border-radius:9px;justify-content:center;align-items:center;width:58px;height:58px;margin:4px;padding:6px;transition:background .15s,transform .15s;display:inline-flex}.promotion-picker button:hover{background:#38463b;transform:scale(1.08)}.promotion-picker .piece-img{width:100%;height:100%}@media (width<=1100px){.play-layout{grid-template-columns:minmax(280px,min(560px,100dvh - 190px)) 1fr}.puzzle-layout{grid-template-columns:minmax(300px,min(580px,100dvh - 170px)) 1fr}.puzzle-board-section{max-width:min(580px,100dvh - 170px)}}@media (width<=820px){.puzzle-layout{grid-template-columns:1fr}.puzzle-board-section{max-width:min(100%,100dvh - 240px);margin:0 auto}.board-section,.training-board,.watch-board{margin:0 auto}}@media (width<=560px){.puzzle-layout{display:block}}.lesson-demo-card{text-align:center;background:#111713;border:1px solid #263428;border-radius:12px;margin:20px 0;padding:20px}.lesson-h3{color:#f1f6f3;border-bottom:1px solid #222d24;margin:24px 0 10px;padding-bottom:6px;font:700 20px Playfair Display,serif}.lesson-callout{border-radius:10px;align-items:flex-start;gap:12px;margin:16px 0;padding:14px 18px;font-size:13.5px;line-height:1.6;display:flex}.callout-icon{flex-shrink:0;margin-top:2px}.lesson-callout.tip{color:#fef3c7;background:#fbbf2414;border:1px solid #fbbf244d}.lesson-callout.tip .callout-icon{color:#fbbf24}.lesson-callout.warning{color:#fee2e2;background:#f8717114;border:1px solid #f871714d}.lesson-callout.warning .callout-icon{color:#f87171}.lesson-callout.exercise{color:#e0f2fe;background:#38bdf814;border:1px solid #38bdf84d}.lesson-callout.exercise .callout-icon{color:#38bdf8}html[dir=rtl] .preview-summary-box{border-left:none;border-right:3px solid var(--green);border-radius:8px 0 0 8px}.modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain;background-color:#050906d9;padding:30px 16px;animation:.22s cubic-bezier(.16,1,.3,1) modalBackdropFade;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background-color:#151c17;border:1px solid #2d3b2f;border-radius:18px;margin:auto;animation:.22s cubic-bezier(.16,1,.3,1) modalCardPop;position:relative;box-shadow:0 24px 70px #000000e6,0 0 0 1px #ffffff0d}.profile-page-container{flex-direction:column;gap:24px;width:100%;display:flex}.profile-hero-card{background:linear-gradient(135deg,#1c261ef2,#121814fa);border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0006}.profile-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#78b4641f 0%,#0000 70%);width:250px;height:250px;position:absolute;top:-50px;right:-50px}html[dir=rtl] .profile-hero-card:before{left:-50px;right:auto}.profile-hero-main{align-items:center;gap:22px;display:flex}.profile-hero-avatar-wrap{flex-shrink:0;position:relative}.profile-hero-avatar{background:linear-gradient(135deg, var(--green), #2563eb);color:#0b140d;border:2px solid #fff3;border-radius:20px;place-items:center;width:76px;height:76px;font:700 34px Playfair Display,serif;display:grid;box-shadow:0 8px 24px #78b46459}.profile-status-indicator{background:#10b981;border:2.5px solid #141c16;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 8px #10b981}html[dir=rtl] .profile-status-indicator{left:-3px;right:auto}.profile-hero-info{flex-direction:column;gap:6px;display:flex}.profile-hero-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-hero-name{color:#f1f6f3;margin:0;font:700 26px Playfair Display,serif}.profile-hero-email{color:var(--muted);align-items:center;gap:6px;font-size:13.5px;display:flex}.profile-hero-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.profile-role-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #7c3aed4d}.profile-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.profile-tabs-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin-top:4px;padding-bottom:4px;display:flex}.profile-tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.profile-tab-btn:hover{color:#e5ebe6;background:#ffffff0a}.profile-tab-btn.active{color:var(--green);border-bottom:2px solid var(--green);background:#78b4641f}.profile-tab-badge{color:#cbd5e1;background:#ffffff1a;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.profile-tab-btn.active .profile-tab-badge{background:var(--green);color:#0b140d}.profile-ratings-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.profile-rating-card{background:#141c16;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.profile-rating-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 30px #00000059}.profile-rating-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.profile-rating-card.bullet:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.profile-rating-card.blitz:before{background:linear-gradient(90deg,#10b981,#34d399)}.profile-rating-card.rapid:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.profile-rating-card.puzzles:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.profile-rating-header{justify-content:space-between;align-items:flex-start;display:flex}.profile-rating-title-group{align-items:center;gap:10px;display:flex}.profile-rating-icon{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.profile-rating-card.bullet .profile-rating-icon{color:#f59e0b;background:#f59e0b26}.profile-rating-card.blitz .profile-rating-icon{color:#10b981;background:#10b98126}.profile-rating-card.rapid .profile-rating-icon{color:#0ea5e9;background:#0ea5e926}.profile-rating-card.puzzles .profile-rating-icon{color:#8b5cf6;background:#8b5cf626}.profile-rating-name{color:#f1f6f3;font-size:15px;font-weight:700}.profile-rating-sub{color:var(--muted);font-size:11px}.profile-rating-tier-badge{border:1px solid;border-radius:12px;padding:3px 9px;font-size:11px;font-weight:700}.profile-rating-score{letter-spacing:-.5px;color:#f8fafc;font-size:32px;font-weight:800;line-height:1}.profile-rating-bar-wrap{flex-direction:column;gap:6px;display:flex}.profile-rating-bar-track{background:#ffffff14;border-radius:99px;width:100%;height:6px;overflow:hidden}.profile-rating-bar-fill{border-radius:99px;height:100%;transition:width .4s}.profile-rating-card.bullet .profile-rating-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.profile-rating-card.blitz .profile-rating-bar-fill{background:linear-gradient(90deg,#10b981,#34d399)}.profile-rating-card.rapid .profile-rating-bar-fill{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.profile-rating-card.puzzles .profile-rating-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.profile-rating-progress-labels{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.profile-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.profile-metric-card{background:#141c16;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;display:flex}.profile-metric-icon-box{width:44px;height:44px;color:var(--green);background:#78b4641f;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.profile-metric-info{flex-direction:column;display:flex}.profile-metric-value{color:#f1f6f3;font-size:24px;font-weight:800;line-height:1.1}.profile-metric-label{color:var(--muted);margin-top:2px;font-size:12px}.profile-games-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.profile-game-card{background:#141c16;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:14px;padding:20px;transition:transform .15s,border-color .15s;display:flex}.profile-game-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.profile-game-card-header{justify-content:space-between;align-items:center;display:flex}.profile-outcome-pill{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.profile-outcome-pill.win{color:#34d399;background:#10b9812e;border:1px solid #10b98159}.profile-outcome-pill.loss{color:#f87171;background:#ef44442e;border:1px solid #ef444459}.profile-outcome-pill.draw{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b59}.profile-game-vs{color:#f1f6f3;margin:0;font-size:16px;font-weight:700}.profile-game-date{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.profile-game-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.profile-game-details{color:var(--muted);border-top:1px solid #ffffff0f;padding-top:10px;font-size:12px}.profile-game-details summary{cursor:pointer;-webkit-user-select:none;user-select:none}.profile-game-details pre{color:#cbd5e1;white-space:pre-wrap;background:#0d120e;border:1px solid #ffffff14;border-radius:8px;max-height:140px;margin-top:8px;padding:12px;font-family:monospace;font-size:11px;overflow:auto}.profile-security-box{background:#141c16;border:1px solid #ffffff12;border-radius:16px;max-width:580px;padding:28px}.profile-security-form{flex-direction:column;gap:16px;margin-top:18px;display:flex}.profile-security-form label{flex-direction:column;gap:6px;display:flex}.profile-security-form label span{color:#cbd5e1;font-size:13px;font-weight:600}.profile-security-form input{color:#f1f6f3;background:#0f1511;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s}.profile-security-form input:focus{border-color:var(--green)}@media (width<=768px){.profile-hero-card{padding:20px}.profile-hero-main{flex-direction:column;align-items:flex-start}.profile-hero-actions{width:100%}.profile-hero-actions .button{text-align:center;flex:1;justify-content:center}.profile-ratings-grid{grid-template-columns:1fr}}