:root{--bg:#12110e;--glass:#1b1814bd;--glass-2:#12100db8;--glass-border:#ffffff17;--card:#ffffff0d;--text:#f4f6fb;--muted:#9ba7bd;--green:#86a36f;--green-hi:#a3bd8a;--green-dark:#3f5530;--gold:#c9a567;--cyan:#e0c48c;--red:#fa412d;--radius:14px;--sidebar-w:92px;--panel-w:380px;--board:min(calc(100vh - 150px), calc(100vw - var(--sidebar-w) - var(--panel-w) - 110px));color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Cairo,Segoe UI,Tahoma,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;overflow-x:hidden}a{color:var(--green-hi)}h1{text-shadow:0 0 24px rgba(var(--accent-rgb), .25);margin:0 0 8px;font-size:30px;font-weight:900}h2{margin:28px 0 12px;font-size:21px;font-weight:800}h3{margin:0 0 8px;font-size:16px;font-weight:800}p{margin:6px 0;line-height:1.7}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}select,textarea{font:inherit;color:var(--text);background:var(--glass-2);border:1px solid var(--glass-border);border-radius:10px;padding:6px 10px}textarea{resize:vertical;width:100%;font-family:ui-monospace,Consolas,monospace;font-size:13px}.scene{z-index:-1;pointer-events:none;background:radial-gradient(1100px 700px at 70% -10%, #96806073, transparent 60%), radial-gradient(900px 650px at 0% 105%, rgba(var(--sage-rgb), .32), transparent 60%), radial-gradient(800px 550px at 100% 100%, #78624e47, transparent 60%), radial-gradient(600px 400px at 30% 30%, #9680601a, transparent 70%), linear-gradient(180deg, #17140f 0%, #100e0b 100%);position:fixed;inset:0}.scene:before{content:"";opacity:.045;background:repeating-conic-gradient(#fff 0 25%, transparent 0 50%) 0 0 / 90px 90px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 75%)}.scene:after{content:"";background:radial-gradient(#0000 60%,#0006 100%);position:absolute;inset:0}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-inline-end:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#161410eb,#100e0beb);flex-direction:column;flex-shrink:0;align-items:stretch;gap:4px;height:100vh;padding:14px 8px;display:flex;position:sticky;top:0;box-shadow:0 0 40px #00000080}.sidebar a,.sound-toggle{color:#cfd7e6;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,transform .15s;display:flex}.sidebar a.active{background:linear-gradient(180deg, rgba(var(--sage-rgb), .28), rgba(var(--sage-rgb), .1));border-color:rgba(var(--sage-rgb), .5);color:#fff;box-shadow:0 0 18px rgba(var(--sage-rgb), .35), inset 0 1px 0 #ffffff26}.nav-icon{filter:drop-shadow(0 2px 3px #00000080);font-size:24px}.ambient{margin-top:auto;position:relative}.ambient .sound-toggle{width:100%}.logo{margin-bottom:14px}.logo-mark{color:var(--green-hi);text-shadow:0 0 18px rgba(var(--sage-rgb), .8), 0 3px 0 #2e5019;font-size:34px;line-height:1}.main{flex:1;min-width:0;padding:14px 18px}.page-board{justify-content:center;align-items:stretch;gap:18px;display:flex}.board-column{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.board-row{direction:ltr;gap:10px;display:flex}.board-frame{width:calc(var(--board) + 24px);background:linear-gradient(145deg,#4a3322 0%,#2a1b10 55%,#1a1009 100%);border-radius:16px;padding:12px;position:relative;box-shadow:0 0 0 1px #ffd78247,inset 0 2px #ffe6b438,inset 0 -5px 12px #0000008c,0 14px 0 -2px #140b05,0 34px 60px #000000b3,0 0 80px #96806033}.board-frame:before{content:"";pointer-events:none;z-index:5;background:linear-gradient(160deg,#ffffff24 0%,#fff0 38% 70%,#0000001f 100%);border-radius:6px;position:absolute;inset:12px}.board-wrap{border-radius:6px;width:100%;box-shadow:0 0 0 2px #00000080}.pc{object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 3px #0000006b)drop-shadow(0 1px 1px #00000059);width:100%;height:100%;transition:transform .12s;display:block}.piece-img{object-fit:contain;filter:drop-shadow(0 2px 2px #00000073);vertical-align:middle;display:inline-block}.player-tag{background:var(--glass-2);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:4px 10px;display:flex}.player-avatar{background:linear-gradient(145deg,#2e2a23,#1b1814);border-radius:10px;place-items:center;width:38px;height:38px;font-size:22px;display:grid;box-shadow:inset 0 1px #ffffff26,0 3px 8px #0006}.player-info{flex-direction:column;line-height:1.3;display:flex}.player-name{font-weight:800}.player-rating{color:var(--muted);font-weight:600}.thinking{color:var(--cyan);font-size:13px;font-weight:700;animation:.9s infinite alternate pulse}@keyframes pulse{0%{opacity:.35}to{opacity:1}}.captured{align-items:center;gap:0;font-size:17px;line-height:1;display:flex}.captured span{margin-inline-end:-3px}.captured.of-black span{color:#4a2a12;text-shadow:0 0 1px #d9b98e,0 0 2px #ffdca099}.captured.of-white span{color:#f7d25e;text-shadow:0 0 1px #5c3a06,0 0 3px #0009}.captured b{color:var(--muted);margin-inline-start:8px;font-size:13px}.eval-bar{background:#26221c;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:flex-end;width:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 10px 30px #00000080}.eval-bar.flipped{flex-direction:column-reverse}.eval-white{background:linear-gradient(90deg,#fff,#dfe6ee);transition:height .5s;box-shadow:0 0 16px #ffffff80}.eval-label{text-align:center;font-size:10px;font-weight:800;position:absolute;left:0;right:0}.eval-label.bottom{color:#26221c;bottom:5px}.eval-label.top{color:#fff;top:5px}.eval-bar.flipped .eval-label.bottom{top:5px;bottom:auto}.eval-bar.flipped .eval-label.top{top:auto;bottom:5px}.panel{width:var(--panel-w);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;flex-shrink:0;max-height:calc(100vh - 28px);display:flex;position:sticky;top:14px;overflow:hidden;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff14,0 0 50px #96806014}.panel-header{border-bottom:1px solid var(--glass-border);background:linear-gradient(#ffffff0f,#0000);justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;display:flex}.panel-header h2{align-items:center;gap:8px;margin:0;font-size:21px;display:flex}.panel-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.panel-footer{border-top:1px solid var(--glass-border);background:#00000040;gap:8px;padding:12px 16px;display:flex}.panel-footer>*{white-space:nowrap;flex:1}.panel-footer.column{flex-direction:column}.footnote{color:var(--muted);margin:0;padding:0 16px 10px;font-size:12px}.btn,.btn-primary{color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:800;transition:transform 80ms,box-shadow .2s,filter .2s;position:relative}.btn{background:linear-gradient(#2f2b24,#221f1a);box-shadow:0 4px #110f0c,inset 0 1px #ffffff26}.btn:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 4px 0 #110f0c, inset 0 1px 0 #ffffff26, 0 0 16px rgba(var(--accent-rgb), .25)}.btn-primary{background:linear-gradient(180deg, #b3c99a 0%, var(--sage) 55%, #6b8756 100%);box-shadow:0 5px 0 var(--green-dark), inset 0 1px 0 #fff6;text-shadow:0 1px 1px #00000059}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--green-dark)}.btn-primary.big,.btn.big{padding:13px 18px;font-size:20px}.btn.small{padding:6px 12px;font-size:13px}@keyframes glow{0%,to{box-shadow:0 5px 0 var(--green-dark), inset 0 1px 0 #fff6, 0 0 12px rgba(var(--sage-rgb), .35)}50%{box-shadow:0 5px 0 var(--green-dark), inset 0 1px 0 #fff6, 0 0 32px rgba(var(--sage-rgb), .85)}}.row{gap:8px;display:flex}.row>*{flex:1}.coach{align-items:flex-start;gap:14px;display:flex}.coach-avatar{width:60px;height:60px;box-shadow:0 0 0 3px rgba(var(--sage-rgb), .65), 0 0 24px rgba(var(--sage-rgb), .55), 0 8px 18px #00000080;background:radial-gradient(circle at 35% 30%,#6fa545,#2a4a1c 75%);border-radius:50%;flex-shrink:0;place-items:center;font-size:32px;transition:box-shadow .3s;display:grid;position:relative}.coach-avatar.sad{background:radial-gradient(circle at 35% 30%,#b0503c,#4a1a12 75%);box-shadow:0 0 0 3px #fa412d99,0 0 24px #fa412d80,0 8px 18px #00000080}.coach-avatar.thinking{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .6), 0 0 24px rgba(var(--accent-rgb), .45), 0 8px 18px #00000080;background:radial-gradient(circle at 35% 30%,#c69a2c,#4f3a0a 75%)}.coach-hat{color:var(--gold);text-shadow:0 0 8px rgba(var(--accent-rgb), .8), 0 2px 2px #000;font-size:22px;position:absolute;top:-12px;left:-6px}.coach-bubble{color:#1c2230;background:linear-gradient(#fff,#eef2f7);border-radius:14px;flex:1;padding:10px 14px;font-size:15px;animation:.25s ease-out pop;position:relative;box-shadow:0 10px 26px #00000059}@keyframes pop{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.coach-bubble:before{content:"";border:8px solid #0000;border-left-color:#fbfcfd;border-right:0;position:absolute;top:20px;right:-8px}.coach-bubble p{margin:4px 0}.coach-bubble .tip{color:#6b5100;background:#fff4cc;border-radius:8px;padding:6px 10px}.feedback-head{align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex}.to-move{margin-bottom:2px;font-weight:800}.grade-badge{color:#fff;text-shadow:0 1px 1px #0000004d;direction:ltr;border-radius:50%;place-items:center;min-width:20px;height:20px;padding:0 3px;font-size:11px;font-weight:900;display:inline-grid}.move-list{border:1px solid var(--glass-border);background:#00000047;border-radius:10px;max-height:280px;padding:6px;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;overflow-y:auto}.move-list:empty{display:none}.move-row{border-radius:6px;grid-template-columns:38px 1fr 1fr;align-items:center;display:grid}.move-no{color:var(--muted);padding-left:4px}.move{color:#dde3ee;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-weight:700;display:flex}.move:disabled{opacity:1;cursor:default}.move .grade-badge{min-width:16px;height:16px;font-size:9px}.grade-counts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.grade-count{background:var(--card);border:1px solid var(--glass-border);border-radius:10px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.grade-count-num{align-items:center;gap:6px;font-size:18px;font-weight:900;display:flex}.grade-count-label{color:var(--muted);font-size:12px}.section-label{color:var(--muted);margin:6px 0 0;font-size:13px;font-weight:700}.level-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.level-card{border:1px solid var(--glass-border);color:#fff;background:linear-gradient(#ffffff12,#ffffff05);border-radius:12px;flex-direction:column;align-items:center;gap:0;padding:8px 4px;transition:transform .15s,box-shadow .2s,border-color .2s;display:flex}.level-card:hover{transform:translateY(-2px)}.level-card.active{border-color:var(--green);background:linear-gradient(180deg, rgba(var(--sage-rgb), .35), rgba(var(--sage-rgb), .1));box-shadow:0 0 20px rgba(var(--sage-rgb), .45), inset 0 1px 0 #fff3}.level-avatar{filter:drop-shadow(0 3px 3px #00000080);font-size:26px}.level-name{font-size:14px;font-weight:800}.level-elo{color:var(--muted);direction:ltr;font-size:12px}.seg{border:1px solid var(--glass-border);background:#0000004d;border-radius:12px;gap:4px;padding:4px;display:flex}.seg button{color:#cfd7e6;background:0 0;border:none;border-radius:9px;flex:1;padding:8px;font-weight:700}.seg button.active{color:#fff;box-shadow:0 0 14px rgba(var(--accent-rgb), .25);background:linear-gradient(#39342c,#2a261f)}.toggle{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.rating-line{align-items:baseline;gap:10px;display:flex}.rating{text-shadow:0 0 18px #ffffff40;font-size:34px;font-weight:900}.plus{color:var(--green-hi);text-shadow:0 0 12px rgba(var(--sage-rgb), .7);direction:ltr;font-weight:900}.minus{color:var(--red);text-shadow:0 0 12px #fa412d99;direction:ltr;font-weight:900}.streak{flex-wrap:wrap;gap:4px;display:flex}.streak span{border-radius:4px;width:14px;height:14px}.streak.big span{width:18px;height:18px}.streak .ok{background:var(--green);box-shadow:0 0 8px rgba(var(--sage-rgb), .6)}.streak .bad{background:var(--red);box-shadow:0 0 8px #fa412d80}.timer{color:var(--muted);margin-top:auto}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--card);color:#eee;border:1px solid #ffffff2e;border-radius:16px;padding:3px 12px;font-size:13px;font-weight:700}.tag:hover{box-shadow:0 0 12px rgba(var(--accent-rgb), .2);background:#ffffff1f}.progress{background:#00000059;border-radius:8px;height:26px;position:relative;overflow:hidden}.progress div{height:100%;box-shadow:0 0 16px rgba(var(--sage-rgb), .7);background:linear-gradient(90deg,#5d7548,#9ab884);transition:width .2s}.progress span{place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0}.summary{border-collapse:collapse;width:100%;font-size:14px}.summary th,.summary td{text-align:center;padding:4px 6px}.summary td:first-child{text-align:right;align-items:center;gap:6px;display:flex}.summary tr.acc td{font-size:22px;font-weight:900}.summary th{color:var(--muted);font-size:12px;font-weight:700}.page-simple{max-width:1150px;margin:0 auto;padding-bottom:40px}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:18px;box-shadow:0 16px 40px #0006,inset 0 1px #ffffff0f}.card.small{background:var(--card);box-shadow:none;padding:10px 12px}.card+.card{margin-top:16px}.hero{border:1px solid rgba(var(--sage-rgb), .3);background:linear-gradient(120deg, rgba(var(--sage-rgb), .22), #96806024 60%, #78624e1f);box-shadow:0 0 60px rgba(var(--sage-rgb), .15), inset 0 1px 0 #ffffff1a;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:26px;display:flex}.hero-actions{gap:12px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.two-col .card+.card{margin-top:0}.two-col .card{flex-direction:column;gap:10px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.stat{border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 12px 30px #00000059,inset 0 1px #ffffff0f}.stat-icon{width:46px;height:46px;box-shadow:0 0 16px rgba(var(--accent-rgb), .18);background:linear-gradient(145deg,#2e2a23,#1b1814);border-radius:12px;place-items:center;font-size:24px;display:grid}.stat-value{font-size:24px;font-weight:900}.stat-label{color:var(--muted);font-size:13px}.plan{flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.plan li{background:var(--card);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.plan-icon{font-size:24px}.plan-text{flex:1}.plan li button{flex-shrink:0}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}.lesson-grid .card+.card{margin-top:0}.lesson{flex-direction:column;gap:6px;transition:transform .15s,box-shadow .2s;display:flex}.lesson:hover{box-shadow:0 20px 44px #00000080, 0 0 24px rgba(var(--sage-rgb), .18);transform:translateY(-3px)}.lesson-icon{font-size:20px}.lesson .tip{color:#f0d98a;font-size:14px}.lesson-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:13px;display:flex}.meter{background:#00000059;border-radius:3px;height:6px;overflow:hidden}.meter div{height:100%;box-shadow:0 0 10px rgba(var(--sage-rgb), .7);background:linear-gradient(90deg,#5d7548,#a3bd8a)}.game-list{flex-direction:column;gap:6px;max-height:440px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.game-list button{background:var(--card);border:1px solid var(--glass-border);color:#fff;text-align:right;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.game-list button:hover{background:#ffffff1a}.grow{flex:1}.result{border-radius:8px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.result.win{background:var(--green);box-shadow:0 0 12px rgba(var(--sage-rgb), .6)}.result.loss{background:#c0392b;box-shadow:0 0 12px #fa412d80}.result.draw{background:#6b7280}.error{color:var(--red)}@media (width<=1000px){:root{--board:min(calc(100vw - var(--sidebar-w) - 110px), 75vh)}.page-board{flex-direction:column;align-items:center}.panel{width:100%;max-width:calc(var(--board) + 60px);max-height:none;position:static}.stats,.two-col{grid-template-columns:1fr 1fr}}@media (width<=640px){:root{--sidebar-w:0px;--board:calc(100vw - 58px)}.app{flex-direction:column}.sidebar{z-index:10;flex-direction:row;width:100%;height:auto;padding:6px;position:sticky;top:0;overflow-x:auto}.sidebar a,.sound-toggle{flex:1;padding:6px 2px}.logo,.nav-label{display:none}.sound-toggle{margin-top:0}.main{padding:10px}.eval-bar{display:none}.stats,.two-col{grid-template-columns:1fr}.plan li{flex-wrap:wrap}.hero-actions{width:100%}.hero-actions>*{flex:1}}.learn-hub{max-width:1100px}.learn-hero{background:radial-gradient(500px 200px at 85% 0%, rgba(var(--accent-rgb), .18), transparent 70%), linear-gradient(120deg, #96806033, #78624e29 55%, #6e806824);border:1px solid #ffffff1f;border-radius:22px;align-items:center;gap:28px;margin-bottom:8px;padding:26px 30px;display:flex;box-shadow:0 20px 50px #00000073,inset 0 1px #ffffff1f}.learn-emblem{width:130px;height:130px;box-shadow:0 0 0 2px rgba(var(--accent-rgb), .45), 0 0 40px rgba(var(--accent-rgb), .35), 0 16px 30px #00000080;background:radial-gradient(circle at 35% 25%,#2e2a23,#16130f 75%);border-radius:30px;flex-shrink:0;place-items:center;animation:4s ease-in-out infinite float;display:grid}.learn-emblem span{background:linear-gradient(160deg, #fff6cf, var(--brass) 45%, #a0700f);color:#0000;filter:drop-shadow(0 4px 3px #0009) drop-shadow(0 0 14px rgba(var(--accent-rgb), .5));-webkit-background-clip:text;background-clip:text;font-size:84px;line-height:1}@keyframes float{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-8px)}}.learn-hero-text{flex-direction:column;flex:1;gap:8px;display:flex}.learn-hero-text h1{font-size:34px}.learn-progress{align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.learn-progress-bar{background:#0006;border-radius:8px;flex:1;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.learn-progress-bar div{background:linear-gradient(90deg, var(--brass), #a3bd8a);height:100%;box-shadow:0 0 14px rgba(var(--accent-rgb), .7);border-radius:8px;transition:width .6s}.hero-row{justify-content:flex-start;align-items:center;margin-top:6px}.hero-row>*{flex:none}.section-title{align-items:center;gap:16px;margin:34px 0 14px;font-size:22px;display:flex}.section-title:before,.section-title:after{content:"";background:linear-gradient(90deg, transparent, var(--hue));height:2px;box-shadow:0 0 10px var(--hue);border-radius:2px;flex:1}.section-title span{color:#fff;text-shadow:0 0 18px var(--hue)}.center{text-align:center}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.stage-card{text-align:right;color:var(--text);border:1px solid color-mix(in srgb, var(--hue) 35%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--hue) 22%, transparent), #ffffff05 60%), var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:transform .18s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #0006,inset 0 1px #ffffff14}.stage-card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff1f 50%,#0000 65%);transition:transform .6s;position:absolute;inset:0;transform:translate(120%)}.stage-card:hover{border-color:var(--hue);box-shadow:0 18px 36px #00000080, 0 0 26px color-mix(in srgb, var(--hue) 55%, transparent);transform:translateY(-4px)}.stage-card:hover:after{transform:translate(-120%)}.stage-medal{color:#ffe9a8;background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--hue) 75%, white 10%), color-mix(in srgb, var(--hue) 35%, #0b1020) 75%);width:62px;height:62px;box-shadow:inset 0 2px 0 #ffffff59, inset 0 -4px 8px #00000073, 0 6px 14px #00000073, 0 0 18px color-mix(in srgb, var(--hue) 50%, transparent);text-shadow:0 3px 2px #0000008c,0 0 12px #ffdc8c99;border-radius:50%;flex-shrink:0;place-items:center;font-size:34px;display:grid}.stage-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stage-title{font-size:19px;font-weight:900}.stage-sub{color:#c3cbdb;font-size:13px}.stage-meter{background:#00000059;border-radius:4px;height:5px;margin-top:6px;overflow:hidden}.stage-meter i{background:var(--hue);height:100%;box-shadow:0 0 10px var(--hue);display:block}.stage-side{flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.stage-count{direction:ltr;background:#00000059;border-radius:12px;padding:2px 10px;font-weight:800}.stage-card.started .stage-count{background:var(--hue);color:#0b1020;box-shadow:0 0 12px var(--hue)}.stage-check{width:30px;height:30px;box-shadow:0 0 14px rgba(var(--sage-rgb), .8);background:linear-gradient(#b3c99a,#6b8756);border-radius:50%;place-items:center;font-size:17px;font-weight:900;display:grid}.stage-stars{color:var(--gold);text-shadow:0 0 8px rgba(var(--accent-rgb), .5);direction:ltr;font-weight:800}.stage-card.complete{border-color:color-mix(in srgb, var(--hue) 80%, transparent)}.next-card .stage-medal{font-size:30px}.stage-tag .player-avatar{color:var(--gold);font-size:24px}.board-star{pointer-events:none;font-size:calc(var(--board) / 8 * .62);color:#d8b46a;text-shadow:0 0 10px #d6b26ef2,0 0 24px #c8a05ab3,0 3px 2px #784600cc;place-items:center;line-height:1;animation:1.6s ease-in-out infinite star-bob;display:grid;position:absolute;inset:0}@keyframes star-bob{0%,to{transform:scale(.9)rotate(-6deg)}50%{transform:scale(1.02)rotate(6deg)}}.level-done{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle,#12100d8c,#12100dcc);border-radius:16px;place-items:center;animation:.3s ease-out fade-in;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.level-done-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.level-done-card h2{text-shadow:0 0 20px rgba(var(--sage-rgb), .8);margin:0;font-size:30px}.big-stars{direction:ltr;align-items:flex-end;gap:10px;display:flex}.big-stars span{color:#ffffff26;font-size:84px;line-height:1;animation:.5s cubic-bezier(.2,1.6,.4,1) both star-pop}.big-stars span:nth-child(2){margin-bottom:14px;font-size:104px}.big-stars span.on{color:#d8b46a;text-shadow:0 0 16px #d6b26e,0 0 40px #be9650cc,0 5px 3px #784600e6}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-90deg)}to{opacity:1;transform:scale(1)rotate(0)}}.level-dots{flex-wrap:wrap;gap:8px;display:flex}.level-dot{border:1px solid var(--glass-border);color:#cfd7e6;background:linear-gradient(#ffffff14,#ffffff05);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:52px;line-height:1.1;display:flex;box-shadow:0 3px #00000059}.level-dot span{font-size:16px;font-weight:900}.level-dot small{color:var(--gold);letter-spacing:-1px;min-height:12px;font-size:10px}.level-dot.done{border-color:rgba(var(--accent-rgb), .45)}.level-dot.current{border-color:var(--cyan);color:#fff;box-shadow:0 3px 0 #00000059, 0 0 16px rgba(var(--accent-rgb), .55), inset 0 0 12px rgba(var(--accent-rgb), .25)}.stage-intro{color:#173a63;background:#eaf4ff;border-radius:8px;padding:6px 10px}.move-counter{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.move-counter>div{background:var(--card);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.move-counter b{font-size:24px;font-weight:900}.move-counter span{color:var(--muted);font-size:12px}.counter-stars b{color:var(--gold);text-shadow:0 0 10px rgba(var(--accent-rgb), .6);font-size:20px}.small-note{margin:0;font-size:13px}@media (width<=640px){.learn-hero{text-align:center;flex-direction:column;padding:20px}.learn-emblem{width:100px;height:100px}.learn-emblem span{font-size:64px}.stage-grid{grid-template-columns:1fr}.big-stars span{font-size:56px}.big-stars span:nth-child(2){font-size:68px}}.ambient-btn{position:relative}.ambient-btn.on{background:linear-gradient(180deg, rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .06));border-color:rgba(var(--accent-rgb), .5);box-shadow:0 0 18px rgba(var(--accent-rgb), .35)}.eq{align-items:flex-end;gap:2px;height:12px;display:flex;position:absolute;top:6px;left:8px}.eq i{background:var(--cyan);width:3px;box-shadow:0 0 6px var(--cyan);border-radius:2px;animation:.9s ease-in-out infinite eq}@keyframes eq{0%,to{height:3px}50%{height:12px}}.ambient-pop{bottom:0;z-index:50;border:1px solid rgba(var(--accent-rgb), .3);width:300px;box-shadow:0 24px 50px #0009, 0 0 30px rgba(var(--accent-rgb), .18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#181512f5;border-radius:16px;flex-direction:column;gap:10px;padding:14px;animation:.2s ease-out pop;display:flex;position:absolute;inset-inline-start:calc(100% + 12px)}.ambient-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ambient-tracks{flex-direction:column;gap:6px;display:flex}.ambient-track{text-align:right;color:var(--text);background:var(--card);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .2s,box-shadow .2s;display:flex}.ambient-track:hover{border-color:rgba(var(--accent-rgb), .4)}.ambient-track.active{border-color:var(--cyan)}.ambient-track.live{box-shadow:0 0 16px rgba(var(--accent-rgb), .3), inset 0 0 12px rgba(var(--accent-rgb), .12)}.ambient-icon{font-size:24px}.ambient-text{flex-direction:column;line-height:1.3;display:flex}.ambient-text small{color:var(--muted);font-size:12px}.ambient-volume{align-items:center;gap:8px;display:flex}.ambient-volume input{accent-color:var(--cyan);flex:1}@media (width<=640px){.ambient{margin-top:0}.ambient-pop{width:auto;position:fixed;inset:64px 10px auto}}.sidebar{z-index:30}.coach-avatar{width:64px;height:64px;font-size:0;overflow:visible}.coach-avatar .coach-svg{border-radius:50%}.coach-svg{filter:drop-shadow(0 6px 10px #00000073);display:block;overflow:visible}.coach-svg .ca-head{transform-box:view-box;transform-origin:50px 75px;animation:4.5s ease-in-out infinite head-bob}.coach-svg .ca-eyes{transform-box:view-box;transform-origin:50px 45.5px;animation:5s infinite blink}.coach-svg .ca-line{fill:none;stroke:#5a1f1a;stroke-width:2.4px;stroke-linecap:round}.coach-svg .ca-brow{fill:none;stroke:#4a2e17;stroke-width:2.6px;stroke-linecap:round;transition:d .3s}.coach-svg .ca-bubble{fill:var(--brass);filter:drop-shadow(0 0 4px rgba(var(--accent-rgb), .9));font-weight:900;animation:1.6s ease-in-out infinite float-q}.coach-svg .ca-sweat{animation:1.8s ease-in infinite sweat}.coach-svg.mood-excited .ca-head{animation:.9s ease-in-out infinite head-hop}.coach-svg.mood-thinking .ca-head{animation:3s ease-in-out infinite head-tilt}@keyframes head-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-1.2px)rotate(-1.5deg)}}@keyframes head-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)rotate(2deg)}}@keyframes head-tilt{0%,to{transform:rotate(-4deg)}50%{transform:rotate(-7deg)translateY(-1px)}}@keyframes blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes float-q{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sweat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.coach-svg *,.toast,.celebrate *,.glow,.board-star{animation:none!important}}.toasts{z-index:90;pointer-events:none;flex-direction:column;gap:10px;width:min(390px,100vw - 40px);display:flex;position:fixed;bottom:20px;left:20px}.toast{--accent:#86a36f;pointer-events:auto;cursor:pointer;color:var(--text);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 18px 40px #0000008c, 0 0 26px color-mix(in srgb, var(--accent) 35%, transparent), inset 0 1px 0 #ffffff1a;background:linear-gradient(135deg,#28241ef7,#181512f7);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;animation:.45s cubic-bezier(.2,1.4,.4,1) toast-in;display:flex;position:relative;overflow:hidden}.toast.mood-excited{--accent:var(--brass)}.toast.mood-happy{--accent:var(--sage)}.toast.mood-sad{--accent:#b5503f}.toast.mood-thinking{--accent:var(--brass-hi)}.toast-avatar{flex-shrink:0}.toast-body strong{color:#fff;text-shadow:0 0 12px color-mix(in srgb, var(--accent) 70%, transparent);font-size:17px;font-weight:900;display:block}.toast-body p{color:#d6deec;margin:2px 0 0;font-size:14px;line-height:1.6}.toast-timer{background:var(--accent);width:100%;height:3px;box-shadow:0 0 8px var(--accent);transform-origin:100%;animation:11s linear forwards toast-timer;position:absolute;bottom:0;right:0}@keyframes toast-in{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:none}}@keyframes toast-timer{to{transform:scaleX(0)}}.celebrate{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle,#1e1b16b3,#0a0907e0);place-items:center;padding:16px;animation:.3s ease-out fade-in;display:grid;position:fixed;inset:0}.celebrate-card{text-align:center;border:1px solid rgba(var(--accent-rgb), .45);background:radial-gradient(300px 160px at 50% 0%, rgba(var(--accent-rgb), .22), transparent 70%), linear-gradient(160deg, #28241efa, #181512fa);width:min(460px,100%);box-shadow:0 30px 80px #000000b3, 0 0 60px rgba(var(--accent-rgb), .25), inset 0 1px 0 #ffffff24;border-radius:26px;flex-direction:column;align-items:center;gap:6px;padding:26px 26px 22px;animation:.55s cubic-bezier(.2,1.5,.4,1) card-in;display:flex;position:relative}.celebrate-avatar{filter:drop-shadow(0 0 30px rgba(var(--accent-rgb), .45));margin-top:-86px}.celebrate-card h2{text-shadow:0 0 22px rgba(var(--accent-rgb), .6);margin:6px 0 0;font-size:28px}.celebrate-card p{color:#d6deec;margin:0 0 12px;font-size:16px}.celebrate-card .row{width:100%}.celebrate-card .btn-primary.big,.celebrate-card .btn.big{white-space:nowrap;font-size:18px}@keyframes card-in{0%{opacity:0;transform:translateY(40px)scale(.85)}to{opacity:1;transform:none}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{opacity:.9;border-radius:2px;width:9px;height:15px;animation:linear infinite confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{transform:translateY(-20px)rotate(0)translate(0)}to{transform:translateY(105vh)rotate(720deg)translate(40px)}}.quote-card{background:linear-gradient(120deg, rgba(var(--accent-rgb), .14), #ffffff08 60%), var(--glass);border:1px solid rgba(var(--accent-rgb), .3);border-radius:18px;align-items:center;gap:18px;margin-bottom:16px;padding:16px 22px;display:flex;box-shadow:0 14px 34px #0006,inset 0 1px #ffffff14}.quote-card blockquote{flex:1;margin:0;position:relative}.quote-card blockquote:before{content:"❝";color:rgba(var(--accent-rgb), .18);font-size:60px;line-height:1;position:absolute;top:-18px;left:0}.quote-label{color:var(--gold);letter-spacing:0;font-size:12px;font-weight:800}.quote-card p{margin:2px 0;font-size:19px;font-weight:700}.quote-card cite{color:var(--muted);font-size:14px;font-style:normal}input.switch,.toggle input[type=checkbox]{appearance:none;cursor:pointer;background:#2b2721;border-radius:12px;flex-shrink:0;width:42px;height:24px;margin:0;transition:background .2s,box-shadow .2s;position:relative;box-shadow:inset 0 2px 4px #00000080}input.switch:after,.toggle input[type=checkbox]:after{content:"";background:linear-gradient(#fff,#cfd6e2);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;right:3px;box-shadow:0 2px 4px #0006}input.switch:checked:after,.toggle input[type=checkbox]:checked:after{transform:translate(-18px)}input.switch:disabled{opacity:.4;cursor:default}.toggle{cursor:pointer;gap:10px}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.switch-row span{flex-direction:column;line-height:1.35;display:flex}.switch-row small{color:var(--muted);font-size:12px}.switch-row.disabled{opacity:.7;cursor:default}.ambient-divider{background:var(--glass-border);height:1px}::selection{background:rgba(var(--sage-rgb), .45);color:#fff}*{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .35) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .3);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb), .5)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--accent-rgb), .25)}select{appearance:none;cursor:pointer;border:1px solid rgba(var(--accent-rgb), .25);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2378e6ff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 12px no-repeat,linear-gradient(#2b2721,#1d1a16);border-radius:12px;padding:8px 14px 8px 34px;font-weight:700;box-shadow:0 3px #00000059,inset 0 1px #ffffff1a}select:hover{border-color:rgba(var(--accent-rgb), .55)}select option{background:var(--surface,#fff);color:var(--text,#111)}textarea{background:#0000004d;border-radius:12px;padding:10px 12px}textarea:focus{border-color:rgba(var(--accent-rgb), .5);box-shadow:0 0 16px rgba(var(--accent-rgb), .18);outline:none}.btn,.btn-primary{overflow:hidden}.btn:after,.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff47 50%,#0000 70%);transition:transform .55s;position:absolute;inset:0;transform:translate(130%)}.btn:hover:not(:disabled):after,.btn-primary:hover:not(:disabled):after{transform:translate(-130%)}.panel-header{position:relative}.panel-header:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--sage-rgb), .8), rgba(var(--accent-rgb), .6), transparent);height:1px;box-shadow:0 0 8px rgba(var(--sage-rgb), .6);position:absolute;bottom:-1px;left:18px;right:18px}.stat,.plan li,.game-list button{transition:transform .18s,box-shadow .25s,border-color .25s}.stat:hover{box-shadow:0 18px 36px #00000073, 0 0 20px rgba(var(--accent-rgb), .15);transform:translateY(-3px)}.plan li:hover{border-color:rgba(var(--sage-rgb), .45);box-shadow:0 0 18px rgba(var(--sage-rgb), .15)}.coach-bubble{box-shadow:0 10px 26px #00000059, 0 0 0 3px rgba(var(--sage-rgb), .15);border:1px solid #ffffffe6}@media (width<=640px){.toasts{width:auto;bottom:10px;left:10px;right:10px}.quote-card{text-align:center;flex-direction:column}.celebrate-avatar{margin-top:-70px}}.coach-svg .ca-talk{transform-box:view-box;transform-origin:50px 67px;animation:.26s ease-in-out infinite alternate talk}.coach-svg.talking .ca-head{animation:1.1s ease-in-out infinite head-talk}@keyframes talk{0%{transform:scaleY(.25)scaleX(.9)}to{transform:scaleY(1.1)scaleX(1)}}@keyframes head-talk{0%,to{transform:rotate(0)translateY(0)}30%{transform:rotate(-2deg)translateY(-.6px)}70%{transform:rotate(1.5deg)}}.coach-avatar:has(.talking){box-shadow:0 0 0 3px rgba(var(--accent-rgb), .8), 0 0 26px rgba(var(--accent-rgb), .6);border-radius:50%}.toast-avatar:has(.talking) .coach-svg{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .8), 0 0 26px rgba(var(--accent-rgb), .6);border-radius:50%}.voice-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.voice-chip{color:var(--text);background:var(--card);border:1px solid var(--glass-border);border-radius:10px;flex-direction:column;align-items:center;padding:6px 4px;line-height:1.3;display:flex}.voice-chip small{color:var(--muted);font-size:11px}.voice-chip.active{border-color:var(--cyan);box-shadow:0 0 12px rgba(var(--accent-rgb), .35)}.small-seg button{padding:6px;font-size:12px}.coach-bubble{position:relative}.speak-btn{color:#1c2230;opacity:.55;background:#e9eef6;border:none;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;transition:opacity .2s,box-shadow .2s;display:grid;position:absolute;top:6px;left:6px}.coach-bubble:hover .speak-btn{opacity:1}.speak-btn:hover{box-shadow:0 0 10px rgba(var(--accent-rgb), .7)}.ambient-pop{width:330px;max-height:calc(100vh - 40px);overflow-y:auto}.sound-section{border:1px solid var(--glass-border);background:#ffffff08;border-radius:14px;flex-direction:column;gap:8px;padding:10px;transition:border-color .2s,box-shadow .2s;display:flex}.sound-section.on{border-color:rgba(var(--accent-rgb), .35);box-shadow:inset 0 0 18px rgba(var(--accent-rgb), .07)}.row.compact{align-items:center}.row.compact .ambient-volume{flex:1}.row.compact .btn{flex:none}.level-ring{box-shadow:0 0 24px rgba(var(--accent-rgb), .35), 0 8px 18px #0006;border-radius:50%;flex-shrink:0;place-items:center;padding:6px;display:grid}.level-ring-inner{background:radial-gradient(circle at 35% 30%,#2b2721,#15120e 75%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;line-height:1.1;display:flex}.level-ring-inner small{color:var(--muted);font-size:11px}.level-ring-inner b{color:var(--gold);text-shadow:0 0 14px rgba(var(--accent-rgb), .7);font-size:30px;font-weight:900}.player-strip{flex:1;align-items:center;gap:16px;min-width:260px;display:flex}.player-strip-main{flex-direction:column;flex:1;gap:6px;display:flex}.player-strip-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.player-strip-title b{font-size:24px;font-weight:900}.streak-pill{background:linear-gradient(90deg,#ff78284d,#ff3c3c33);border:1px solid #ff8c3c80;border-radius:14px;padding:2px 12px;font-size:14px;font-weight:800;box-shadow:0 0 14px #ff782859}.xp-bar{background:#0006;border-radius:8px;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.xp-bar div{background:linear-gradient(90deg, var(--brass), #e3cb95);height:100%;box-shadow:0 0 14px rgba(var(--accent-rgb), .8);border-radius:8px;transition:width .8s}.home-hero{padding:18px 22px}.home-cols{align-items:stretch;margin-bottom:16px}.home-cols .card+.card{margin-top:0}.quests-card h3 small{font-size:12px;font-weight:600}.quest{background:var(--card);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.quest.done{border-color:rgba(var(--sage-rgb), .6);box-shadow:0 0 14px rgba(var(--sage-rgb), .2)}.quest-icon{font-size:22px}.quest-main{flex-direction:column;flex:1;gap:5px;display:flex}.quest-bar{background:#00000059;border-radius:4px;height:6px;overflow:hidden}.quest-bar i{height:100%;box-shadow:0 0 8px rgba(var(--sage-rgb), .7);background:linear-gradient(90deg,#5d7548,#a3bd8a);transition:width .5s;display:block}.quest-count{color:var(--muted);font-size:13px;font-weight:800}.path-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.path-item{text-align:right;color:var(--text);background:linear-gradient(135deg,#96806029,#ffffff05);border:1px solid #9680604d;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;transition:transform .15s,box-shadow .2s;display:flex}.path-item:hover{transform:translateY(-3px);box-shadow:0 0 18px #96806059}.path-item span{font-size:26px}.path-item small{color:var(--muted);font-size:12px}.onboarding{z-index:120}.onboarding-card{width:min(720px,100%)}.skill-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin:6px 0 14px;display:grid}.skill-card{color:var(--text);background:var(--card);border:2px solid var(--glass-border);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.skill-card:hover{transform:translateY(-3px)}.skill-card.active{border-color:var(--gold);box-shadow:0 0 24px rgba(var(--accent-rgb), .4);background:rgba(var(--accent-rgb), .1)}.skill-icon{filter:drop-shadow(0 4px 6px #00000080);font-size:40px}.skill-card b{font-size:20px}.skill-card small{color:var(--muted);font-size:13px;line-height:1.5}.profile-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.skill-switch{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-active{box-shadow:0 0 12px rgba(var(--accent-rgb), .35);border-color:var(--gold)!important;background:rgba(var(--accent-rgb), .18)!important}.profile-stats{grid-template-columns:repeat(5,1fr)}.profile-stats .stat-value{font-size:20px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.collect-card{text-align:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:transform .15s,box-shadow .2s;display:flex}.collect-card:hover{transform:translateY(-3px)}.collect-card.equipped{border-color:var(--gold);box-shadow:0 0 22px rgba(var(--accent-rgb), .35)}.collect-card.locked{opacity:.55;filter:grayscale(.7)}.mini-board{aspect-ratio:1;border-radius:10px;grid-template-columns:repeat(4,1fr);width:100%;padding:6px;display:grid}.mini-board i{display:block}.piece-preview{background:#ffffff0d;border-radius:10px;grid-template-columns:repeat(4,1fr);width:100%;padding:8px 4px;display:grid}.piece-preview span{aspect-ratio:1}.equipped-label{color:var(--gold);font-size:13px;font-weight:800}.lock-text{color:var(--muted);font-size:12px}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.achievement{background:var(--card);border:1px solid var(--glass-border);opacity:.6;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.achievement.got{opacity:1;border-color:rgba(var(--accent-rgb), .5);background:linear-gradient(135deg, rgba(var(--accent-rgb), .14), #ffffff05);box-shadow:0 0 16px rgba(var(--accent-rgb), .15)}.ach-icon{text-align:center;width:44px;font-size:30px}.achievement.got .ach-icon{filter:drop-shadow(0 0 8px rgba(var(--accent-rgb), .7))}.ach-text{flex-direction:column;flex:1;line-height:1.35;display:flex}.ach-text small{color:var(--muted);font-size:12px}.ach-xp{color:var(--gold);direction:ltr;font-size:13px;font-weight:900}.level-card{position:relative}.trophy{filter:drop-shadow(0 0 6px rgba(var(--accent-rgb), .9));font-size:16px;position:absolute;top:-6px;left:-4px}.rush-top{justify-content:space-between;padding:4px 16px;font-size:20px;font-weight:900}.rush-timer.urgent{color:#ff6b5c;animation:.5s infinite alternate pulse}.rush-score{color:var(--gold);text-shadow:0 0 12px rgba(var(--accent-rgb), .7)}.rush-flash-ok .board-frame{box-shadow:0 0 0 3px rgba(var(--sage-rgb), .9), 0 0 60px rgba(var(--sage-rgb), .8)!important}.rush-flash-bad .board-frame{animation:.3s shake;box-shadow:0 0 0 3px #fa412de6,0 0 60px #fa412dcc!important}@keyframes shake{0%,to{transform:none}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.rush-emblem{filter:drop-shadow(0 0 22px rgba(var(--accent-rgb), .8));font-size:70px;animation:1.8s ease-in-out infinite float-q}.rush-best{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rush-best>div{background:var(--card);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.rush-best b{font-size:24px;font-weight:900}.rush-best span{color:var(--muted);font-size:12px}.rush-results,.guess-marks{direction:ltr;flex-wrap:wrap;gap:5px;display:flex}.rush-results span,.guess-marks span{border-radius:8px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:900;animation:.25s ease-out pop;display:grid}.rush-results .ok,.guess-marks .ok{background:var(--green);box-shadow:0 0 8px rgba(var(--sage-rgb), .6)}.rush-results .bad,.guess-marks .miss{background:var(--red);box-shadow:0 0 8px #fa412d80}.guess-marks .second{background:#a8844a}.academy-hero{background:radial-gradient(500px 200px at 20% 0%, rgba(var(--accent-rgb), .25), transparent 70%), linear-gradient(120deg, rgba(var(--accent-rgb), .16), #ff9a3d1f 50%, #78624e24)}.stage-sub.concept{color:#f0d98a}.difficulty{letter-spacing:-2px;font-size:12px}@media (width<=1000px){.profile-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.skill-grid,.path-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:1fr 1fr}}.sidebar{scrollbar-width:none;gap:2px;padding:10px 8px;overflow-y:auto}.sidebar a,.sound-toggle{padding:7px 4px;font-size:12px}.sidebar .nav-icon{font-size:21px}.sidebar .logo{margin-bottom:6px}.logo-mark{font-size:30px}@media (height<=760px){.sidebar .nav-label{font-size:11px}.sidebar a,.sound-toggle{padding:5px 4px}}.icon{vertical-align:middle;flex-shrink:0}.gold{color:var(--gold)}.h-icon{color:var(--gold);filter:drop-shadow(0 0 8px rgba(var(--accent-rgb), .55))}.btn,.btn-primary,.tag,.seg button,.level-card,.voice-chip,.ambient-track{justify-content:center;align-items:center;gap:8px;display:inline-flex}.panel-header h2,h1,h3,.feedback-head,.to-move,.section-title span{align-items:center;gap:10px;display:flex}h1,.section-title span{justify-content:center}.sidebar .nav-icon{color:#d7deea;place-items:center;height:26px;display:grid}.stat-icon,.quest-icon,.plan-icon,.path-icon,.finale-icon,.ambient-icon,.ach-icon,.lesson-icon{color:var(--gold);place-items:center;display:grid}.quest-icon,.plan-icon{width:42px;height:42px;box-shadow:inset 0 1px 0 #ffffff1f, 0 0 12px rgba(var(--accent-rgb), .15);background:linear-gradient(145deg,#2e2a23,#1b1814);border-radius:12px;flex-shrink:0}.quest.done .quest-icon{color:var(--green-hi)}.stat{text-align:center;flex-direction:column;gap:8px}.stat-icon{margin:0 auto}.path-item{text-align:center;align-items:center}.path-icon{background:radial-gradient(circle at 35% 30%,#2e2a23,#16130f 75%);border-radius:50%;width:54px;height:54px;box-shadow:0 0 16px #9680604d}.coach-bubble{text-align:center}.coach-bubble .feedback-head,.coach-bubble .to-move{justify-content:center}.coach-bubble .tip{justify-content:center;align-items:center;gap:6px;display:flex}.coach-bubble:before{top:24px}.quests-card h3,.path-card h3{justify-content:center}.collect-card b,.achievement{text-align:center}.achievement{flex-direction:column;justify-content:center;gap:6px;padding:16px 10px}.ach-icon{color:#7c879c;background:radial-gradient(circle at 35% 30%,#2e2a23,#16130f 75%);border-radius:50%;width:56px;height:56px}.achievement.got .ach-icon{color:var(--gold);box-shadow:0 0 18px rgba(var(--accent-rgb), .45)}.ach-text{align-items:center}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.equipped-label,.lock-text{align-items:center;gap:4px;display:inline-flex}.lesson h3{text-align:center;justify-content:center}.lesson p{text-align:center}.lesson .tip{justify-content:center;align-items:center;gap:6px;display:flex}.level-name,.level-elo{text-align:center}.level-avatar{height:40px;color:var(--gold);place-items:center;display:grid}.player-avatar{color:var(--gold)}.skill-icon{height:64px;color:var(--gold);place-items:center;display:grid}.rush-lives{gap:6px;display:flex}.rush-lives .alive{color:#c0584a;fill:#c0584a;filter:drop-shadow(0 0 6px #ff4d6dcc)}.rush-lives .lost{color:#5a6275}.rush-score,.rush-timer{align-items:center;gap:6px;display:inline-flex}.rush-emblem{color:var(--gold);place-items:center;display:grid}.dot-stars{color:var(--gold);gap:1px;display:inline-flex}.dot-stars svg{fill:currentColor}.big-stars span{place-items:center;display:grid}.big-stars span svg{fill:#ffffff14;color:#fff3}.big-stars span.on svg{fill:#d8b46a;color:#fff1b0;filter:drop-shadow(0 0 16px #d6b26e)drop-shadow(0 0 40px #be9650cc)}.board-star svg{fill:#d8b46a;color:#fff3b8;filter:drop-shadow(0 0 10px #d6b26ef2)drop-shadow(0 3px 2px #784600cc);width:62%;height:62%}.board-star{font-size:0}.captured{gap:0}.captured .piece-img{margin-inline-end:-6px}.map-page{max-width:980px}.map-hero{background:radial-gradient(420px 180px at 90% 0%, rgba(var(--accent-rgb), .2), transparent 70%), linear-gradient(120deg, #9680602e, #78624e1f 60%, #6e80681f);border:1px solid #ffffff1f;border-radius:22px;align-items:center;gap:22px;margin-bottom:18px;padding:22px 26px;display:flex;box-shadow:0 20px 50px #00000073,inset 0 1px #ffffff1f}.map-hero-icon{width:88px;height:88px;color:var(--gold);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .4), 0 0 30px rgba(var(--accent-rgb), .3);background:radial-gradient(circle at 35% 25%,#2e2a23,#16130f 75%);border-radius:24px;flex-shrink:0;place-items:center;display:grid}.map-hero-text{text-align:center;flex:1}.map-hero-text h1{margin-bottom:4px}.map-hero .learn-progress{justify-content:center;margin-top:8px}.rated-cta{color:#1c1300;background:linear-gradient(180deg, #e3cb95, var(--brass) 55%, #a8844a);box-shadow:0 5px 0 #6b5230, 0 0 26px rgba(var(--accent-rgb), .45);text-align:center;border:none;border-radius:16px;align-items:center;gap:12px;padding:14px 18px;font-weight:900;transition:transform .1s,box-shadow .2s;display:flex}.rated-cta:hover{box-shadow:0 5px 0 #6b5230, 0 0 40px rgba(var(--accent-rgb), .7)}.rated-cta:active{transform:translateY(3px);box-shadow:0 2px #6b5230}.rated-cta span{flex-direction:column;line-height:1.25;display:flex}.rated-cta small{opacity:.8;font-weight:700}.journey{flex-direction:column;gap:22px;display:flex}.region{background:radial-gradient(600px 300px at 50% 0%, color-mix(in srgb, var(--hue) 22%, transparent), transparent 70%), radial-gradient(400px 300px at 0% 100%, color-mix(in srgb, var(--hue) 12%, transparent), transparent 70%), linear-gradient(180deg, #1e1b16eb, #12100df2);border:1px solid color-mix(in srgb, var(--hue) 35%, transparent);border-radius:26px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff14}.region:before{content:"";pointer-events:none;opacity:.35;background:radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--hue) 18%, transparent) 0 2px, transparent 3px) 0 0 / 46px 46px, radial-gradient(circle at 70% 60%, #ffffff0d 0 1px, transparent 2px) 0 0 / 30px 30px;position:absolute;inset:0}.region-banner{z-index:2;border-bottom:1px solid color-mix(in srgb, var(--hue) 25%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--hue) 16%, transparent), transparent);text-align:center;justify-content:center;align-items:center;gap:16px;padding:18px 22px;display:flex;position:relative}.region-banner h2{text-shadow:0 0 20px color-mix(in srgb, var(--hue) 70%, transparent);justify-content:center;margin:0;font-size:24px}.region-banner p{color:var(--muted);margin:2px 0 0;font-size:14px}.region-emblem{width:56px;height:56px;color:var(--hue);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--hue) 30%, #2b2721), #15120e 75%);box-shadow:0 0 0 1px color-mix(in srgb, var(--hue) 50%, transparent), 0 0 24px color-mix(in srgb, var(--hue) 40%, transparent);border-radius:16px;place-items:center;display:grid}.region-count{color:var(--hue);border:1px solid color-mix(in srgb, var(--hue) 40%, transparent);background:#00000059;border-radius:12px;padding:4px 12px;font-weight:900;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.region-field{z-index:1;position:relative}.region-path{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.path-base{fill:none;stroke:#00000073;stroke-width:16px;stroke-linecap:round}.path-dim{fill:none;stroke:#ffffff24;stroke-width:5px;stroke-linecap:round;stroke-dasharray:2 12}.path-lit{fill:none;stroke:var(--hue);stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--hue));stroke-dasharray:14 10;animation:1.6s linear infinite path-flow}@keyframes path-flow{to{stroke-dashoffset:-48px}}.stop{color:var(--text);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.stop-medal{background:#ffffff1a;border-radius:50%;place-items:center;width:92px;height:92px;padding:5px;transition:transform .2s cubic-bezier(.2,1.4,.4,1),box-shadow .25s;display:grid;position:relative;box-shadow:0 10px 22px #0000008c}.stop-core{width:100%;height:100%;color:var(--hue);background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--hue) 35%, #2b2721), #15120e 78%);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 3px #ffffff2e,inset 0 -6px 12px #0000008c}.stop-core .piece-img{width:46px;height:46px}.stop:hover .stop-medal{transform:scale(1.08)}.stop.done .stop-medal{background:linear-gradient(145deg, #efdcb2, var(--brass) 45%, var(--brass-lo));box-shadow:0 10px 22px #0000008c, 0 0 26px rgba(var(--accent-rgb), .55)}.stop.locked .stop-medal{filter:grayscale(.9)brightness(.6)}.stop.locked .stop-core{color:#8a93a6}.stop.current .stop-medal{background:conic-gradient(from 0deg, var(--hue), #fff, var(--hue));animation:1.6s ease-in-out infinite current-glow}@keyframes current-glow{0%,to{box-shadow:0 10px 22px #0000008c, 0 0 0 0 color-mix(in srgb, var(--hue) 70%, transparent)}50%{box-shadow:0 10px 22px #0000008c, 0 0 0 14px transparent, 0 0 40px color-mix(in srgb, var(--hue) 80%, transparent)}}.stop-check{color:#10240a;width:28px;height:28px;box-shadow:0 0 12px rgba(var(--sage-rgb), .8), 0 2px 4px #00000080;background:linear-gradient(#b3c99a,#6b8756);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;left:-2px}.stop-label{text-align:center;border:1px solid color-mix(in srgb, var(--hue) 30%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12100dd1;border-radius:14px;flex-direction:column;align-items:center;gap:2px;width:190px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 24px #00000073}.stop-label.left{right:calc(100% + 18px)}.stop-label.right{left:calc(100% + 18px)}.stop:hover .stop-label{border-color:var(--hue);box-shadow:0 10px 24px #00000073, 0 0 18px color-mix(in srgb, var(--hue) 40%, transparent)}.stop-label b{font-size:16px;font-weight:900}.stop-label small{color:var(--muted);font-size:12px}.stop.locked .stop-label{opacity:.6}.stop-stars{color:#ffffff40;gap:2px;display:flex}.stop-stars .on{color:var(--gold);fill:var(--gold);filter:drop-shadow(0 0 4px rgba(var(--accent-rgb), .8))}.stop-badge{color:var(--hue);font-size:12px;font-weight:800}.you-are-here{pointer-events:none;flex-direction:column;align-items:center;animation:1.4s ease-in-out infinite bob-side;display:flex;position:absolute;top:50%}.you-are-here.left{right:calc(100% + 10px)}.you-are-here.right{left:calc(100% + 10px)}@keyframes bob-side{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 6px))}}.you-are-here b{color:#10240a;background:linear-gradient(180deg, #b3c99a, var(--sage));box-shadow:0 0 12px rgba(var(--sage-rgb), .7);border-radius:10px;margin-top:-4px;padding:2px 10px;font-size:12px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.map-finale{margin-top:18px}.finale-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.finale-card{text-align:center;color:var(--text);background:var(--glass);border:1px solid rgba(var(--sage-rgb), .3);border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;transition:transform .15s,box-shadow .2s;display:flex}.finale-card:hover{box-shadow:0 0 22px rgba(var(--sage-rgb), .35);transform:translateY(-4px)}.finale-icon{background:radial-gradient(circle at 35% 30%,#2e2a23,#16130f 75%);border-radius:50%;width:56px;height:56px}.finale-card small{color:var(--muted)}.coach-peek{z-index:25;pointer-events:auto;cursor:pointer;direction:rtl;align-items:flex-end;gap:0;animation:9s cubic-bezier(.2,1.3,.4,1) forwards peek-in;display:flex;position:absolute;bottom:10px;left:-34px}.peek-avatar{filter:drop-shadow(0 10px 18px #0009) drop-shadow(0 0 20px rgba(var(--sage-rgb), .45));transform-origin:bottom;animation:.9s ease-in-out .4s 2 peek-wiggle}.peek-bubble{margin-bottom:70px;text-align:center;color:#1c2230;max-width:260px;box-shadow:0 14px 30px #00000073, 0 0 0 3px rgba(var(--sage-rgb), .25);background:linear-gradient(#fff,#eef2f7);border-radius:18px 18px 4px;margin-inline-end:-10px;padding:12px 16px;font-size:15px;font-weight:800;line-height:1.6;animation:.35s ease-out .25s both bubble-in}.coach-peek.mood-thinking .peek-bubble{box-shadow:0 14px 30px #00000073, 0 0 0 3px rgba(var(--accent-rgb), .4)}.coach-peek.mood-sad .peek-bubble{box-shadow:0 14px 30px #00000073,0 0 0 3px #ff7a5c66}@keyframes peek-in{0%{opacity:0;transform:translateY(120%)scale(.6)}10%{opacity:1;transform:translateY(-6%)scale(1.04)}15%,88%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(120%)scale(.7)}}@keyframes peek-wiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}}@keyframes bubble-in{0%{opacity:0;transform:scale(.5)translateY(10px)}to{opacity:1;transform:none}}.panel,.card,.region,.stat{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2)}.btn-primary{letter-spacing:.2px}.panel-header{justify-content:space-between}.panel-header h2{font-size:20px}.player-tag{justify-content:center;gap:12px}.board-row .board-stack{flex:none}@media (width<=1000px){.finale-grid{grid-template-columns:1fr 1fr}.stop-label{width:150px}}@media (width<=640px){.map-hero{text-align:center;flex-direction:column}.stop-medal{width:72px;height:72px}.stop-label{width:120px;padding:6px 8px}.stop-label b{font-size:13px}.coach-peek{left:0}.peek-bubble{max-width:170px;font-size:13px}}.you-are-here b{white-space:nowrap}.credits{text-align:center;color:var(--muted);opacity:.8;direction:ltr;margin-top:28px;font-size:11px;line-height:1.7}:root{--bg:#12110e;--surface:#1b1915;--surface-2:#211e19;--surface-3:#2a2620;--line:#36302a;--line-strong:#4a4238;--text:#eee7da;--muted:#a0978a;--brass:#c9a567;--brass-hi:#e3c993;--brass-lo:#8f7040;--sage:#86a36f;--oxblood:#b5503f;--paper:#f4ede0;--ink:#221c15;--accent-rgb:201, 165, 103;--sage-rgb:134, 163, 111;--scene-top:#15130f;--scene-bottom:#0f0e0b;--glass:var(--surface);--glass-2:var(--surface-2);--glass-border:var(--line);--card:var(--surface-2);--gold:var(--brass);--cyan:var(--brass-hi);--green:var(--sage);--green-hi:#a3bd8a;--green-dark:#3f5530;--red:var(--oxblood);--radius:14px;--header-h:76px;--board:min(calc(100vh - 150px - var(--header-h)), calc(100vw - var(--sidebar-w) - var(--panel-w) - 110px));background:var(--bg);font-family:IBM Plex Sans Arabic,Cairo,Segoe UI,Tahoma,sans-serif}.scene{background:radial-gradient(1200px 700px at 60% -10%, rgba(var(--accent-rgb), .09), transparent 60%), radial-gradient(900px 600px at 0% 110%, rgba(var(--sage-rgb), .06), transparent 60%), linear-gradient(180deg, var(--scene-top) 0%, var(--scene-bottom) 100%)}.scene:before{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 .95  0 0 0 0 .85  0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;-webkit-mask-image:none;mask-image:none}.scene:after{background:radial-gradient(#0000 55%,#00000080 100%)}h1,h2,.page-header h1,.celebrate-card h2,.level-done-card h2,.region-banner h2{letter-spacing:0;text-shadow:none;font-family:inherit;font-weight:700}h1{font-size:32px}h2{font-size:24px}.muted{color:var(--muted)}.panel,.card,.stat,.region,.player-tag,.map-hero,.quote-card,.hero,.learn-hero,.collect-card,.achievement,.stage-card,.finale-card,.path-item,.quest,.plan li,.level-card,.move-counter>div,.rush-best>div,.grade-count{background:var(--surface)!important;border:1px solid var(--line)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 10px 28px #00000052!important}.panel{box-shadow:0 16px 40px #0006!important}.panel-header{background:var(--surface-2);border-bottom:1px solid var(--line)}.panel-header:after{background:linear-gradient(90deg, transparent, var(--brass-lo), transparent);box-shadow:none}.panel-footer{background:var(--surface-2);border-top:1px solid var(--line)}.stat:hover,.stage-card:hover,.finale-card:hover,.path-item:hover,.lesson:hover,.collect-card:hover{transform:translateY(-2px);border-color:var(--line-strong)!important;box-shadow:0 14px 32px #0006!important}.quest.done,.achievement.got,.collect-card.equipped,.stage-card.complete,.level-card.active{border-color:var(--brass-lo)!important}.achievement.got{background:linear-gradient(180deg, rgba(var(--accent-rgb), .08), transparent), var(--surface)!important}.hero,.learn-hero,.map-hero{background:linear-gradient(180deg, var(--surface-2), var(--surface))!important}.stat-icon,.quest-icon,.plan-icon,.path-icon,.finale-icon,.ach-icon,.map-hero-icon,.level-ring-inner,.region-emblem,.player-avatar{background:var(--surface-3)!important;box-shadow:inset 0 0 0 1px var(--line)!important}.achievement.got .ach-icon{box-shadow:inset 0 0 0 1px var(--brass-lo)!important}.btn,.btn-primary{text-shadow:none;border-radius:10px;font-weight:700}.btn{background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text);box-shadow:0 2px #00000059}.btn:hover:not(:disabled){filter:none;background:#332e27;box-shadow:0 2px #00000059}.btn-primary{color:#1c150d;border:1px solid var(--brass-hi);background:linear-gradient(#d9bb82,#b8935a);box-shadow:0 3px #6b5230,inset 0 1px #ffffff59}.btn-primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 3px #6b5230,inset 0 1px #ffffff59}.btn:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #6b5230}.btn:after,.btn-primary:after{display:none}.glow{animation:none!important}.tag{background:var(--surface-3);border-color:var(--line-strong)}.seg{background:var(--surface-2);border-color:var(--line)}.seg button.active{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--brass-lo);color:var(--brass-hi)}select{background:var(--surface-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c9a567' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 12px center;border-color:var(--line-strong);box-shadow:none}input.switch:checked,.toggle input[type=checkbox]:checked{background:var(--sage);box-shadow:none}.sidebar{border-inline-end:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#100f0c}.sidebar a,.sound-toggle{color:#b9b0a2;border-radius:10px}.sidebar a:hover,.sound-toggle:hover{background:var(--surface-2);transform:none}.sidebar a.active{background:var(--surface-2);box-shadow:inset -3px 0 0 var(--brass);color:var(--brass-hi);border-color:#0000}.sidebar a.active .nav-icon,.sidebar a:hover .nav-icon{color:var(--brass);filter:none}.ambient-btn.on{background:var(--surface-2);box-shadow:none;border-color:#0000}.eq i{background:var(--sage);box-shadow:none}.logo-mark .piece-img{filter:drop-shadow(0 2px 2px #0009)}.logo-text{color:var(--brass-hi);font-size:15px;font-weight:700}.page-shell{flex-direction:column;gap:14px;display:flex}.page-header{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;min-height:62px;padding:8px 18px;display:flex;box-shadow:0 8px 22px #0000004d}.page-header-icon{width:44px;height:44px;color:var(--brass);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.page-header-text{flex:1;min-width:0}.page-header h1{justify-content:flex-start;margin:0;font-size:26px;line-height:1.2}.page-header p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.page-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-shell .panel-header h2{display:none}.page-shell .panel-header:not(:has(button,select)){display:none}.page-shell .panel-header{justify-content:center}.coach-bubble{background:var(--paper);color:var(--ink);border:1px solid #e3d6bf;box-shadow:0 8px 20px #00000059}.coach-bubble:before{border-left-color:var(--paper)}.coach-bubble .tip{color:#5a4418;background:#efe2c6}.coach-avatar{box-shadow:0 0 0 2px var(--brass-lo), 0 6px 14px #00000073!important;background:var(--surface-3)!important}.coach-avatar.sad{box-shadow:0 0 0 2px var(--oxblood), 0 6px 14px #00000073!important}.coach-avatar.thinking{box-shadow:0 0 0 2px var(--brass), 0 6px 14px #00000073!important}.coach-avatar:has(.talking){box-shadow:0 0 0 2px var(--sage), 0 0 16px rgba(var(--sage-rgb), .5)!important}.peek-bubble{background:var(--paper);color:var(--ink);box-shadow:0 12px 26px #00000080,0 0 0 1px #e3d6bf}.toast{background:var(--surface-2);border:1px solid var(--line-strong);box-shadow:0 16px 36px #0000008c}.toast-body strong{text-shadow:none;color:var(--brass-hi)}.toast-timer{background:var(--brass);box-shadow:none}.celebrate-card{background:var(--surface);border-color:var(--brass-lo);box-shadow:0 30px 80px #000000b3}.celebrate{background:#0a0907d1}.section-title:before,.section-title:after{box-shadow:none;background:linear-gradient(90deg, transparent, var(--line-strong))}.section-title:after{background:linear-gradient(90deg, var(--line-strong), transparent)}.section-title span{text-shadow:none}.xp-bar div,.learn-progress-bar div,.meter div,.quest-bar i,.stage-meter i,.progress div{background:linear-gradient(90deg, var(--brass-lo), var(--brass));box-shadow:none}.streak-pill{box-shadow:none;color:#e8b3a8;background:#b5503f29;border-color:#b5503f73}.level-ring{box-shadow:0 6px 16px #0006}.level-ring-inner b,.rating,.rush-score,.plus,.minus{text-shadow:none}.move.active{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--brass-lo)}.grade-badge{box-shadow:none!important}.eval-white{box-shadow:none}.h-icon{filter:none}.stop.current .stop-medal{background:conic-gradient(from 0deg, var(--hue), #f4ede0, var(--hue))}.path-lit{filter:none}.stop-label{background:var(--surface-2)}.region{background:linear-gradient(180deg, color-mix(in srgb, var(--hue) 8%, var(--surface)), var(--surface))!important}.region-banner{background:color-mix(in srgb, var(--hue) 7%, var(--surface-2))}.region-banner h2{text-shadow:none}.you-are-here b{background:var(--brass);color:var(--ink);box-shadow:none}@keyframes target-glow{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}@media (width<=760px){:root{--sidebar-w:0px;--header-h:0px;--board:calc(100vw - 48px)}.app{flex-direction:column}.sidebar{z-index:60;width:100%;height:64px;padding:4px 4px env(safe-area-inset-bottom);border-inline-end:none;border-top:1px solid var(--line);flex-direction:row;justify-content:space-around;align-items:stretch;position:fixed;inset:auto 0 0;overflow:visible}.sidebar .logo{display:none}.sidebar a,.sound-toggle{flex:1;gap:2px;min-width:0;padding:6px 0;font-size:10px}.sidebar .nav-label{white-space:nowrap;font-size:10px;display:block}.sidebar .nav-icon{height:22px}.sidebar a.active{box-shadow:inset 0 3px 0 var(--brass)}.ambient{flex:1;margin-top:0;display:flex}.main{padding:10px 12px 80px}.page-header{min-height:54px;padding:8px 12px}.page-header h1{font-size:21px}.page-header-icon{width:36px;height:36px}.page-header p{display:none}.page-board{flex-direction:column;align-items:stretch;gap:12px}.board-column{width:100%}.board-row{justify-content:center}.eval-bar{display:none}.panel{width:100%;max-width:none;max-height:none;position:static}.toasts{bottom:76px}.coach-peek{bottom:4px;left:0}.coach-peek .coach-svg{width:70px;height:70px}.stats,.profile-stats{grid-template-columns:1fr 1fr!important}.two-col,.home-cols{grid-template-columns:1fr!important}.level-grid{grid-template-columns:repeat(4,1fr)}.celebrate-card{padding:20px 14px}}.coach-stage{background:linear-gradient(90deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:16px;align-items:center;gap:18px;padding:14px 20px;display:flex;box-shadow:0 10px 26px #0000004d}.coach-stage-figure{filter:drop-shadow(0 8px 14px #00000080);flex-shrink:0;animation:.5s cubic-bezier(.2,1.3,.4,1) stage-in}.coach-stage-bubble{text-align:center;background:var(--paper);color:var(--ink);border:1px solid #e3d6bf;border-radius:16px;flex:1;padding:14px 20px 14px 48px;font-size:15.5px;line-height:1.75;position:relative}.coach-stage-bubble:before{content:"";border:10px solid #0000;border-right:0;border-left-color:var(--paper);position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.coach-stage-bubble p{margin:2px 0}.coach-stage-bubble .speak-btn{top:10px;left:10px}.stage-task{color:#5a4418;align-items:center;gap:6px;margin-top:4px;display:inline-flex}.coach-stage .stage-intro{color:#4a3a1c;background:#efe2c6;border-radius:10px;margin-bottom:6px;padding:6px 12px}@keyframes stage-in{0%{opacity:0;transform:translate(30px)scale(.8)}to{opacity:1;transform:none}}.learn-top,.puzzle-top{grid-template-columns:1fr 1.3fr;gap:14px;margin-bottom:8px;display:grid}.progress-card{flex-direction:column;justify-content:center;gap:12px;display:flex}.progress-card-head{justify-content:space-between;align-items:baseline;display:flex}.learn-progress-bar.big{height:14px}.feature-card,.rated-card{text-align:right;color:var(--text);cursor:pointer;align-items:center;gap:16px;display:flex;background:linear-gradient(135deg, rgba(var(--accent-rgb), .12), transparent 60%), var(--surface)!important;border-color:var(--brass-lo)!important}.feature-card:hover,.rated-card:hover{border-color:var(--brass)!important}.feature-icon,.rated-icon{width:72px;height:72px;color:var(--brass);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--brass-lo);border-radius:18px;flex-shrink:0;place-items:center;display:grid}.feature-text,.rated-text{flex-direction:column;flex:1;gap:2px;display:flex}.feature-text small,.rated-text small{color:var(--brass);font-size:12px;font-weight:700}.feature-text b,.rated-text b{font-size:24px}.feature-text .muted{font-size:13px;line-height:1.6}.feature-count{color:var(--brass-hi);background:var(--surface-3);border:1px solid var(--line-strong);border-radius:10px;padding:4px 12px;font-weight:800}.rated-num{color:var(--brass-hi);flex-direction:column;align-items:center;font-size:30px;font-weight:800;line-height:1.1;display:flex}.rated-num small{color:var(--muted);font-size:12px;font-weight:600}.mini-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini-stats .card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex}.mini-stats b{font-size:26px;font-weight:800}.mini-stats small{color:var(--muted)}.chapter{margin-top:26px}.chapter-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;display:flex}.chapter-head h2{margin:0;font-size:24px}.chapter-no{width:34px;height:34px;color:var(--ink);background:var(--hue,var(--brass));border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid}.lesson-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.lesson-card{text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px 14px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 8px 22px #00000047}.lesson-card:hover{border-color:color-mix(in srgb, var(--hue,var(--brass)) 70%, transparent);transform:translateY(-3px);box-shadow:0 14px 30px #00000061}.lesson-card.complete{border-color:color-mix(in srgb, var(--hue,var(--brass)) 55%, transparent)}.lesson-card.complete:after{content:"✓";width:22px;height:22px;color:var(--ink);background:var(--sage);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:10px;left:12px}.lesson-card-icon{width:62px;height:62px;color:var(--hue,var(--brass));background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;place-items:center;display:grid}.lesson-card-icon .piece-img{width:44px;height:44px}.lesson-card-title{font-size:17px;font-weight:800}.lesson-card-sub{color:var(--muted);min-height:2.9em;font-size:13px;line-height:1.5}.lesson-card-bar{background:var(--surface-3);border-radius:4px;width:100%;height:5px;overflow:hidden}.lesson-card-bar i{background:var(--hue,var(--brass));height:100%;display:block}.lesson-card-foot{width:100%;color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.lesson-card-stars{color:var(--brass);align-items:center;gap:3px;display:inline-flex}.lesson-card-stars svg{fill:currentColor}.strategy-cards{margin-top:16px}.strategy-no{width:46px;height:46px;color:var(--brass-hi);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--brass-lo);border-radius:50%;place-items:center;font-size:22px;font-weight:700;display:grid}.level-pill{border:1px solid;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:700}.level-pill.l1{color:#a3bd8a;border-color:#56703f}.level-pill.l2{color:var(--brass-hi);border-color:var(--brass-lo)}.level-pill.l3{color:#e8a596;border-color:#8a3d30}.strategy-status{justify-content:space-between;align-items:center;display:flex}.strategy-concept{background:var(--surface-2);border:1px solid var(--line);text-align:center;border-radius:12px;padding:12px 14px}.strategy-concept b{color:var(--brass)}.strategy-concept p{color:#d6cfc2;margin:4px 0 0;font-size:14px}.result-banner{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-weight:800;display:flex}.result-banner.solved{background:rgba(var(--sage-rgb), .15);color:#b8cf9e;border:1px solid #56703f}.result-banner.revealed{background:rgba(var(--accent-rgb), .12);border:1px solid var(--brass-lo);color:var(--brass-hi)}.opp-note{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;animation:.25s ease-out pop;display:flex}.opp-note-icon{background:var(--surface-3);width:42px;height:42px;color:var(--brass);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.opp-note b{color:var(--brass-hi);font-size:14px}.opp-note p{margin:2px 0 0;font-size:14px;line-height:1.65}.quality{align-items:center;gap:10px;margin-top:8px;font-size:13px;font-weight:700;display:flex}.quality-bar{background:#e2d6c2;border-radius:5px;flex:1;height:8px;overflow:hidden}.quality-bar i{border-radius:5px;height:100%;transition:width .6s;display:block}.quality b{min-width:32px;font-size:18px}.improve{color:#33452a;background:#e9efe1;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:flex;margin-top:6px!important}.mode-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.mode-card{text-align:center;color:var(--text);cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:30px 26px;transition:transform .15s,border-color .2s;display:flex;box-shadow:0 14px 34px #00000059}.mode-card:hover{border-color:var(--brass-lo);transform:translateY(-4px)}.mode-card.online{background:radial-gradient(420px 220px at 50% 0%, rgba(var(--accent-rgb), .14), transparent 70%), var(--surface)}.mode-card.bots{background:radial-gradient(420px 220px at 50% 0%, rgba(var(--sage-rgb), .12), transparent 70%), var(--surface)}.mode-art{width:108px;height:108px;color:var(--brass);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-strong), 0 10px 22px #0006;border-radius:50%;place-items:center;display:grid}.mode-card b{font-size:28px}.mode-card p{color:var(--muted);max-width:380px;margin:0;line-height:1.7}.mode-meta{color:var(--brass-hi);gap:16px;font-size:13px;font-weight:700;display:flex}.mode-card .btn-primary,.mode-card .btn{margin-top:6px;padding:12px 22px}.online-lobby{grid-template-columns:1fr 2fr;gap:16px;display:grid}.online-rating{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.online-rating b{color:var(--brass-hi);font-size:52px;font-weight:800;line-height:1}.online-lobby .card:last-child{flex-direction:column;gap:14px;display:flex}.online-lobby h3{justify-content:center}.tc-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tc-card{cursor:pointer;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:14px 6px;display:flex}.tc-card b{font-size:22px}.tc-card small{color:var(--muted)}.tc-card.active{border-color:var(--brass);background:rgba(var(--accent-rgb), .1)}.disclosure{text-align:center;color:var(--muted);opacity:.85;margin:0;font-size:11.5px}.matchmaking{gap:10px;width:min(420px,100%)}.radar{width:120px;height:120px;color:var(--brass);place-items:center;display:grid;position:relative}.radar span{border:2px solid var(--brass);opacity:0;border-radius:50%;animation:2.4s ease-out infinite radar;position:absolute;inset:0}.radar span:nth-child(2){animation-delay:.8s}.radar span:nth-child(3){animation-delay:1.6s}@keyframes radar{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.1)}}.found-label{color:var(--sage);font-size:13px;font-weight:800}.found-meta{color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.persona-avatar{color:#f4ede0;border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:inline-grid;box-shadow:inset 0 0 0 2px #ffffff26}.country-pill{letter-spacing:.5px;color:var(--ink);background:var(--brass);direction:ltr;border-radius:4px;padding:0 6px;font-size:11px;font-weight:800;display:inline-block}.online-tag{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.online-tag.to-move{border-color:var(--brass-lo)}.online-who{flex-direction:column;flex:1;line-height:1.3;display:flex}.online-who small{color:var(--muted);align-items:center;gap:6px;display:flex}.me-avatar{width:38px;height:38px;color:var(--brass);background:var(--surface-3);border-radius:50%;place-items:center;display:grid}.clock{background:var(--surface-3);color:#cfc6b8;text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;min-width:96px;padding:4px 14px;font-family:IBM Plex Sans Arabic,monospace;font-size:26px;font-weight:700}.online-tag.to-move .clock{color:var(--ink);background:#efe6d4}.clock.low{animation:.6s infinite alternate pulse;color:#fff!important;background:#7a2e24!important}.chat{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;height:210px;padding:10px;font-size:14px;display:flex;overflow-y:auto}.chat-line.system{color:var(--muted);text-align:center;font-size:12px}.chat-line.opp b{color:var(--brass-hi)}.chat-line.me b{color:#a3bd8a}.quick-chat{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.account-card{gap:10px;width:min(460px,100%)}.field{text-align:right;width:100%;color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.field input,.field select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;font-size:15px}.field input:focus{border-color:var(--brass);outline:none}@media (width<=900px){.learn-top,.puzzle-top,.online-lobby,.mode-grid{grid-template-columns:1fr}}@media (width<=760px){.coach-stage{flex-direction:column;gap:8px;padding:12px}.coach-stage-figure .coach-svg{width:76px;height:76px}.coach-stage-bubble{padding:12px 14px 12px 40px;font-size:14.5px}.coach-stage-bubble:before{display:none}.tc-grid{grid-template-columns:repeat(2,1fr)}.clock{min-width:76px;font-size:20px}.lesson-cards{grid-template-columns:1fr 1fr}.lesson-card-sub{display:none}.feature-card,.rated-card{text-align:center;flex-direction:column}.mini-stats b{font-size:20px}}.coach-stage{padding:10px 18px}.coach-stage-figure .coach-svg{width:84px;height:84px}.coach-stage-bubble{padding:10px 18px 10px 44px}.online-tag{padding:5px 12px}.clock{padding:2px 12px;font-size:22px}@media (width<=760px){:is(.page-shell:has(.coach-stage),.page-shell:has(.online-tag)){--board:calc(100vw - 48px)}}.emoji{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 3px 3px #00000059);flex-shrink:0;display:inline-block}.sidebar .emoji{filter:drop-shadow(0 2px 2px #00000080)grayscale(.35)opacity(.85);transition:transform .15s,filter .15s}.sidebar a:hover .emoji,.sidebar a.active .emoji,.sound-toggle:hover .emoji{filter:drop-shadow(0 2px 2px #00000080);transform:scale(1.08)}.sidebar .nav-icon{height:30px}.stop-stars .emoji:not(.on),.big-stars span:not(.on) .emoji{filter:grayscale()brightness(.45)}.big-stars span .emoji{filter:drop-shadow(0 6px 10px #00000080)}.big-stars span.on .emoji{filter:drop-shadow(0 0 18px #d6b26eb3);animation:.5s cubic-bezier(.2,1.6,.4,1) both star-pop}.board-star img{object-fit:contain;filter:drop-shadow(0 4px 4px #00000073);width:64%;height:64%}.rush-lives{gap:4px}.rush-lives .emoji.lost{filter:grayscale()opacity(.5)}.stat-icon,.quest-icon,.plan-icon,.path-icon,.finale-icon,.ach-icon,.map-hero-icon,.page-header-icon,.lesson-card-icon,.region-emblem,.feature-icon,.rated-icon,.mode-art,.opp-note-icon{background:radial-gradient(circle at 35% 30%,#34302a,#1e1b17 75%)!important}.stat-icon{border-radius:16px;width:54px;height:54px}.quest-icon{border-radius:14px;width:50px;height:50px}.path-icon{width:64px;height:64px}.lesson-card-icon{width:72px;height:72px}.lesson-card-icon .emoji{width:44px;height:44px}.ach-icon{width:64px;height:64px}.ach-icon .emoji{width:38px;height:38px}.achievement:not(.got) .ach-icon .emoji{filter:grayscale()opacity(.45)}.page-header-icon{border-radius:14px;width:50px;height:50px}.page-header-icon .emoji{width:32px;height:32px}.home-hero{align-items:center}.home-greeting{flex-direction:column;flex:1;gap:8px;min-width:260px;display:flex}.home-greeting h1{justify-content:flex-start;margin:0;font-size:28px}.quick-tiles{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.quick-tile{text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 8px 22px #00000047}.quick-tile:hover{border-color:var(--brass-lo);transform:translateY(-4px);box-shadow:0 16px 30px #0006}.quick-tile:hover .emoji{transform:scale(1.08)rotate(-4deg)}.quick-tile .emoji{transition:transform .2s}.quick-tile b{font-size:16px}.quick-tile small{color:var(--muted);font-size:12px}.page-simple>.card+.card,.page-simple>section+section{margin-top:16px}.chapter-head{background:var(--surface-2);border-bottom:none;border:1px solid var(--line);border-radius:12px;padding:10px 14px}.chapter-head h2,.section-title{font-size:20px}.card h3{gap:10px;font-size:17px}.mode-art .emoji,.mode-art .piece-img{width:64px;height:64px}.feature-icon .emoji,.rated-icon .emoji{width:44px;height:44px}@media (width<=900px){.quick-tiles{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.quick-tiles{grid-template-columns:repeat(2,1fr)}.quick-tile .emoji{width:44px;height:44px}.home-greeting h1{font-size:22px}}.auth-form{flex-direction:column;gap:10px;width:100%;display:flex}.auth-tabs{margin-bottom:4px}.auth-error{text-align:center;margin:0;font-size:14px}.signin-panel{grid-template-columns:1fr 1.2fr;align-items:center;gap:24px;margin-bottom:16px;display:grid}.signin-pitch{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.signin-pitch h2{margin:6px 0 0}.account-panel{align-items:center;gap:16px;margin-bottom:16px;display:flex}.account-avatar{width:64px;height:64px;color:var(--ink);background:linear-gradient(180deg, var(--brass-hi), #b8935a);box-shadow:0 0 0 3px var(--surface-3), 0 6px 14px #0006;border-radius:50%;flex-shrink:0;place-items:center;font-size:28px;font-weight:700;display:grid}.account-info{flex-direction:column;flex:1;gap:3px;display:flex}.account-info b{font-size:20px}.account-info .muted{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (width<=760px){.signin-panel{grid-template-columns:1fr}.account-panel{text-align:center;flex-wrap:wrap;justify-content:center}.account-info{align-items:center}}[dir=ltr] .path-item,[dir=ltr] .summary td:first-child,[dir=ltr] .game-list button,[dir=ltr] .stage-card,[dir=ltr] .ambient-track,[dir=ltr] .feature-card,[dir=ltr] .rated-card,[dir=ltr] .field{text-align:left}[dir=ltr] .coach-bubble:before{border-left:0;border-right:8px solid var(--paper,#fbfcfd);border-left-color:#0000;left:-8px;right:auto}[dir=ltr] .coach-stage-bubble:before{border-left:0;border-right:10px solid var(--paper);border-left-color:#0000;left:-10px;right:auto}[dir=ltr] .speak-btn{left:auto;right:6px}[dir=ltr] .sidebar a.active{box-shadow:inset 3px 0 0 var(--brass)}[dir=ltr] .toasts{left:auto;right:20px}[dir=ltr] .coach-peek{direction:ltr;left:auto;right:-34px}[dir=ltr] .peek-bubble{border-radius:18px 18px 18px 4px}[dir=ltr] .trophy{left:auto;right:-4px}[dir=ltr] .coach-hat{left:auto;right:-6px}[dir=ltr] body{line-height:1.5}@media (width<=760px){[dir=ltr] .toasts{left:10px;right:10px}}.lang-choices{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.lang-choice{cursor:pointer;font:inherit;color:var(--text);background:var(--surface-2,var(--card));border:1px solid var(--line,var(--glass-border));border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.lang-choice:hover{border-color:var(--brass-lo,rgba(var(--accent-rgb), .4))}.lang-choice.active{border-color:var(--brass,var(--brass));color:var(--brass-hi,var(--brass-hi));background:var(--surface-3,var(--card))}.lang-code{min-width:30px;height:30px;color:var(--brass,var(--brass));background:rgba(var(--accent-rgb), .1);border-radius:8px;place-items:center;padding:0 6px;font-size:13px;font-weight:800;display:grid}.lang-pop{width:300px}.onboarding-card .lang-choices{grid-template-columns:repeat(4,1fr);margin-bottom:10px}.onboarding-card .lang-choice{flex-direction:column;gap:4px;padding:8px 6px;font-size:13px}.card+.lang-choices,.section-title+.lang-choices{grid-template-columns:repeat(4,1fr);max-width:720px;margin:0 auto}@media (width<=640px){.onboarding-card .lang-choices,.section-title+.lang-choices{grid-template-columns:repeat(2,1fr)}}.lang-menu .lang-short{display:none}@media (width<=760px){.lang-menu .lang-long{display:none}.lang-menu .lang-short{font-weight:800;display:inline}}[dir=ltr] input.switch:checked:after,[dir=ltr] .toggle input[type=checkbox]:checked:after{transform:translate(18px)}[dir=ltr] input.switch:after,[dir=ltr] .toggle input[type=checkbox]:after{left:3px;right:auto}[data-theme=fresh] input.switch:not(:checked),[data-theme=fresh] .toggle input[type=checkbox]:not(:checked){box-shadow:none;background:#d5dfdb}.sidebar{background:color-mix(in srgb, var(--bg) 82%, black)}.sidebar a,.sound-toggle{color:color-mix(in srgb, var(--text) 72%, var(--bg))}.nav-settings{margin-top:auto}.nav-icon .user-avatar{border:1.5px solid var(--line-strong)}.eq{opacity:.35;vertical-align:middle;align-items:flex-end;gap:2px;height:8px;margin-inline-start:6px;display:inline-flex;position:static}.eq i{width:2px;animation:2.4s ease-in-out infinite eq-soft;background:var(--muted)!important;box-shadow:none!important}.eq i:nth-child(2){animation-delay:.8s}.eq i:nth-child(3){animation-delay:1.6s}@keyframes eq-soft{0%,to{height:3px}50%{height:6px}}@media (prefers-reduced-motion:reduce){.eq i{height:4px;animation:none}}.row.wrap{flex-wrap:wrap}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;cursor:pointer;color:var(--text);background:var(--surface-3);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chip:hover{border-color:var(--brass-lo);color:var(--brass-hi)}.btn.danger{color:#e88a7a;border-color:#b5503f80}.btn.danger:hover{background:#b5503f26}.btn.ghost{background:0 0}.icon-btn{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:rgba(var(--accent-rgb), .12)}.form-error{color:#e88a7a;font-size:13px}.muted.small,p.small{font-size:13px}.sub-title{color:var(--brass-hi);margin:18px 0 10px;font-size:16px;font-weight:700}.mistake-card{background:var(--surface-2);border:1px solid var(--line);border-inline-start:4px solid var(--sev,var(--brass));border-radius:14px;flex-direction:column;gap:10px;padding:14px;scroll-margin:90px;animation:.25s ease-out pop;display:flex}.mistake-card.sev-minor{--sev:#e0b84f}.mistake-card.sev-serious{--sev:#e8894a}.mistake-card.sev-decisive{--sev:#d9553f}.mistake-card.loading{--sev:var(--line-strong)}.mistake-head{align-items:center;gap:10px;font-weight:700;display:flex}.mistake-head b{font-size:16px;display:block}.mistake-head small{font-size:13px;font-weight:700}.mistake-badge{color:#1b1712;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.mistake-meter{align-items:center;gap:10px;display:flex}.mistake-meter-bar{background:var(--surface-3);border-radius:6px;flex:1;height:8px;overflow:hidden}.mistake-meter-bar i{border-radius:6px;height:100%;transition:width .6s ease-out;display:block}.mistake-evals{font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.mistake-swing{margin:0;font-size:14px;line-height:1.7}.mistake-why b,.mistake-reflect b{color:var(--brass-hi);font-size:14px}.mistake-why ul{flex-direction:column;gap:4px;margin:6px 0 0;padding-inline-start:20px;font-size:14px;line-height:1.7;display:flex}.mistake-lesson{background:rgba(var(--sage-rgb), .1);border-radius:10px;align-items:flex-start;gap:8px;padding:10px;font-size:14px;line-height:1.7;display:flex}.mistake-reflect{flex-direction:column;gap:6px;display:flex}.mistake-reflect p{margin:0;font-size:13px}.mistake-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mistake-actions>*{flex:auto;justify-content:center}.mistake-paused{color:var(--muted);flex-basis:100%;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.mistake-skeleton{flex-direction:column;gap:8px;display:flex}.mistake-skeleton i{background:linear-gradient(90deg, var(--surface-3), var(--line), var(--surface-3));background-size:200% 100%;border-radius:6px;height:10px;animation:1.2s linear infinite shimmer}.mistake-skeleton i:nth-child(2){width:80%}.mistake-skeleton i:nth-child(3){width:60%}@keyframes shimmer{to{background-position:-200% 0}}.settings-page{width:100%;max-width:1100px;margin:0 auto}.settings-tabs{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;gap:8px;padding:8px 0;display:flex;position:sticky;top:0}.settings-tabs button{cursor:pointer;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.settings-tabs button:hover{border-color:var(--brass-lo)}.settings-block{flex-direction:column;gap:12px;scroll-margin-top:70px;display:flex}.settings-block header h2{align-items:center;gap:10px;margin:0;font-size:22px;display:flex}.settings-block header p{margin:4px 0 0}.settings-shortcuts{gap:10px;display:none}.settings-shortcuts .shortcut{color:var(--text);flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.settings-account{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.settings-account p{margin:2px 0 10px}.sound-settings{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:12px;display:grid}.link-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.link-list a{color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;display:flex}.link-list a:hover{border-color:var(--brass-lo);color:var(--brass-hi)}.customize-link{cursor:pointer;width:100%;font:inherit;color:var(--text);text-align:start;align-items:center;gap:14px;display:flex}.customize-link span{flex-direction:column;flex:1;gap:2px;display:flex}.customize-link:hover{border-color:var(--brass-lo)}.theme-preview{aspect-ratio:16/10;border:1px solid #ffffff14;border-radius:10px;width:100%;position:relative;overflow:hidden}.theme-preview .tp-side{width:18%;position:absolute;inset-block:0;inset-inline-start:0}.theme-preview .tp-card{inset-inline-start:26%;border-radius:6px;flex-direction:column;gap:6px;width:64%;height:44%;padding:8px;display:flex;position:absolute;top:18%}.theme-preview .tp-card i{border-radius:3px;width:70%;height:6px}.theme-preview .tp-card i+i{opacity:.6;width:45%}.theme-preview .tp-button{inset-inline-start:26%;border-radius:4px;width:30%;height:12%;position:absolute;bottom:14%}.reward-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.reward-btn{border-color:var(--brass-lo);color:var(--brass-hi)}.user-avatar{object-fit:cover;color:#1b1712;background:var(--brass);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:inline-grid}.photo-picker{flex-direction:column;align-items:center;gap:8px;display:flex}.photo-frame{border:2px solid var(--brass-lo);cursor:pointer;background:var(--surface-3);border-radius:50%;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.photo-frame .user-avatar{width:100%!important;height:100%!important}.photo-overlay{color:#fff;opacity:0;background:#00000073;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.photo-frame:hover .photo-overlay,.photo-frame:focus-visible .photo-overlay{opacity:1}.photo-actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.profile-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.ad-slot{border-radius:12px;min-height:100px;margin:8px 0;padding-top:18px;position:relative;overflow:hidden}.ad-label{top:2px;color:var(--muted);letter-spacing:.04em;font-size:11px;position:absolute;inset-inline-start:6px}.ad-placeholder{border:1px dashed var(--line-strong);color:var(--muted);place-items:center;padding:0;font-size:13px;display:grid}.sim-ad{z-index:200;background:#000c;place-items:center;display:grid;position:fixed;inset:0}.sim-ad-box{text-align:center;color:#eee;background:#1d1b18;border:1px solid #444;border-radius:16px;width:min(420px,90vw);padding:40px 24px;position:relative}.sim-ad-box button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;position:absolute;top:8px;right:8px}.sim-ad-count{margin-top:12px;font-size:32px;font-weight:800;display:block}.announcement{background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .35);color:var(--text);border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.announcement span{flex:1;line-height:1.6}.support-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.support-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.support-card h2{margin:0;font-size:20px}.check-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.check-list li{align-items:center;gap:6px;display:flex}.legal{max-width:820px;margin:0 auto;line-height:1.85}.legal h2{color:var(--brass-hi);margin:18px 0 6px;font-size:19px}.legal section:first-child h2{margin-top:0}.legal p{margin:0 0 8px}.legal a{color:var(--brass-hi);word-break:break-all}.admin-page{width:100%;max-width:1200px;margin:0 auto}.admin-login{flex-direction:column;align-items:center;gap:12px;max-width:380px;margin:30px auto;display:flex}.admin-login .field{width:100%}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.admin-panel{flex-direction:column;gap:10px;display:flex}.admin-panel h2{align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.admin-field input,.admin-field textarea,.admin-login input{width:100%;font:inherit;color:var(--text);background:var(--surface-3);border:1px solid var(--line);border-radius:9px;padding:9px 11px}.admin-field input:focus,.admin-field textarea:focus{border-color:var(--brass);outline:none}.admin-toggle{background:var(--surface-2);border-radius:10px;padding:8px 10px}.admin-checks{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.admin-checks li{align-items:center;gap:8px;display:flex}.admin-checks li.ok{color:var(--sage)}.admin-checks li.todo{color:var(--muted)}.admin-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.admin-stats div{background:var(--surface-2);border-radius:10px;flex-direction:column;align-items:center;padding:10px;display:flex}.admin-stats b{color:var(--brass-hi);font-size:22px}.admin-stats span{color:var(--muted);font-size:12px}.admin-publish{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex;position:sticky;bottom:10px}.admin-publish p{margin:4px 0 0}@media (width<=760px){.sidebar .desktop-only{display:none}.nav-settings{margin-top:0}.settings-shortcuts{display:flex}.settings-tabs{flex-wrap:nowrap;top:0;overflow-x:auto}.settings-tabs button{flex-shrink:0}.admin-stats{grid-template-columns:repeat(2,1fr)}}[data-mode=light] body{color:var(--text)}[data-mode=light] .scene:after{background:0 0}[data-mode=light] .scene:before{opacity:.15}[data-mode=light] .sidebar{background:color-mix(in srgb, var(--bg) 92%, #6b5a40)}[data-mode=light] .card,[data-mode=light] .panel,[data-mode=light] .page-header{background:var(--surface);border-color:var(--line);box-shadow:0 2px 10px #3c2d1414}[data-mode=light] h1,[data-mode=light] h2,[data-mode=light] h3,[data-mode=light] .stat-value,[data-mode=light] .toast-body strong,[data-mode=light] .game-list button,[data-mode=light] .move.active{color:var(--text);text-shadow:none}[data-mode=light] .toast,[data-mode=light] .ambient-pop,[data-mode=light] .celebrate-card,[data-mode=light] .level-done-card{background:var(--surface);color:var(--text)}[data-mode=light] .toast-body p{color:var(--muted)}[data-mode=light] .btn{color:var(--text);background:var(--surface-2);border-color:var(--line-strong)}[data-mode=light] .btn-primary{color:#fffaf0}[data-mode=light] .xp-bar,[data-mode=light] .mistake-meter-bar{background:var(--surface-3);box-shadow:none}[data-mode=light] input,[data-mode=light] select,[data-mode=light] textarea{color:var(--text);background:var(--surface);border-color:var(--line-strong)}.seo-static{color:#a0978a;max-width:720px;margin:60px auto;padding:0 20px;font-family:IBM Plex Sans Arabic,system-ui,sans-serif;line-height:1.8}.seo-static h1{color:#e3c993}.admin-publish .btn,.admin-publish .btn-primary{white-space:nowrap}.link-btn{font:inherit;color:var(--brass-hi);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;text-decoration:underline}.auth-notice{background:rgba(var(--sage-rgb), .15);border:1px solid rgba(var(--sage-rgb), .4);border-radius:10px;margin:0;padding:10px 12px;font-size:14px}:root{--topbar-h:62px;--sidebar-w:0px;--board:min(calc(100vh - 150px - var(--header-h) - var(--topbar-h)), calc(100vw - var(--panel-w) - 110px));--font-display:"Fraunces", Georgia, "IBM Plex Sans Arabic", serif}.page-shell:has(.coach-stage){--board:min(calc(100vh - 150px - var(--header-h) - var(--topbar-h) - 132px), calc(100vw - var(--panel-w) - 110px))}.page-shell:has(.online-tag){--board:min(calc(100vh - 150px - var(--header-h) - var(--topbar-h) - 34px), calc(100vw - var(--panel-w) - 110px))}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:18px 20px 28px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{inset-inline-start:12px;z-index:100;background:var(--brass);color:#1b1712;border-radius:8px;padding:8px 14px;font-weight:700;position:absolute;top:-60px}.skip-link:focus{top:10px}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-name{font-family:var(--font-display);letter-spacing:-.3px;color:var(--brass-hi);direction:ltr;font-size:25px;font-weight:700;line-height:1}.logo-svg{filter:drop-shadow(0 2px 6px #00000059);flex-shrink:0;display:block}.site-header{z-index:40;height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header:after{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .55), transparent);height:1px;position:absolute;bottom:-1px}.site-header-inner{align-items:center;gap:22px;max-width:1360px;height:100%;margin:0 auto;padding:0 20px;display:flex}.top-nav{flex:1;align-items:stretch;gap:2px;height:100%;display:flex}.top-nav a{color:color-mix(in srgb, var(--text) 78%, var(--bg));white-space:nowrap;border-radius:0;align-items:center;gap:8px;padding:0 14px;font-size:15.5px;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:inline-flex;position:relative}.top-nav a:after{content:"";inset-inline:12px;background:var(--brass);border-radius:3px 3px 0 0;height:3px;transition:transform .2s ease-out;position:absolute;bottom:0;transform:scaleX(0)}.top-nav a:hover{color:var(--text);background:rgba(var(--accent-rgb), .06)}.top-nav a.active{color:var(--brass-hi)}.top-nav a.active:after,.top-nav a:hover:after{transform:scaleX(1)}.top-nav a:not(.active):hover:after{opacity:.4}.top-nav .emoji{width:20px;height:20px}.header-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.level-chip{color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}[dir=rtl] .level-chip{padding:4px 4px 4px 12px}.level-chip:hover{border-color:var(--brass-lo)}.level-chip-ring{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.level-chip-ring b{background:var(--surface-2);width:24px;height:24px;color:var(--brass-hi);border-radius:50%;place-items:center;font-size:13px;display:grid}.level-chip-streak{align-items:center;gap:4px;display:inline-flex}.icon-link,.avatar-link{width:40px;height:40px;color:var(--muted);border-radius:12px;place-items:center;text-decoration:none;display:grid}.icon-link:hover,.icon-link.active{color:var(--brass-hi);background:var(--surface-2)}.avatar-link .user-avatar,.avatar-link>svg,.avatar-link>img{border-radius:50%}.avatar-link.active .user-avatar{box-shadow:0 0 0 2px var(--brass)}@media (width<=1180px){.top-nav a{padding:0 10px;font-size:14.5px}.top-nav a .emoji,.top-nav a .icon{display:none}}.tab-bar{display:none}@media (width<=860px){.top-nav{display:none}.site-header-inner{gap:10px;padding:0 14px}.brand-name{font-size:22px}.level-chip-streak{display:none}.level-chip{padding:3px!important}.main{padding:12px 12px calc(84px + env(safe-area-inset-bottom,0px))}:root{--topbar-h:56px;--board:calc(100vw - 32px)}.tab-bar{inset-inline:0;z-index:60;height:calc(64px + env(safe-area-inset-bottom,0px));padding:4px 4px env(safe-area-inset-bottom,0px);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;bottom:0}.tab-bar a{min-width:0;color:var(--muted);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.tab-bar a.active{color:var(--brass-hi);background:rgba(var(--accent-rgb), .1)}.tab-bar .emoji{width:24px;height:24px}.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.site-footer{border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 80%, black);margin-top:40px}.site-footer-inner{flex-direction:column;gap:28px;max-width:1360px;margin:0 auto;padding:32px 20px 24px;display:flex}.footer-grid{grid-template-columns:1.4fr repeat(4,1fr);gap:24px;display:grid}.footer-grid nav{flex-direction:column;gap:8px;display:flex}.footer-grid b{letter-spacing:.04em;color:var(--brass-hi);margin-bottom:2px;font-size:13px}.footer-grid a{color:var(--muted);font-size:14px;text-decoration:none}.footer-grid a:hover{color:var(--text)}.footer-brand p{max-width:34ch;margin:12px 0 0;font-size:14px;line-height:1.7}.footer-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;font-size:13px;display:flex}.footer-langs{flex-wrap:wrap;gap:14px;display:flex}.footer-langs a{color:var(--muted);text-decoration:none}.footer-langs a.active{color:var(--brass-hi);font-weight:700}@media (width<=1000px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}@media (width<=480px){.footer-grid{grid-template-columns:1fr 1fr;gap:18px}}.page-loading{place-items:center;min-height:50vh;display:grid}.page-loading span{border:3px solid var(--line);border-top-color:var(--brass);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.guide-card{color:var(--text);flex-direction:column;gap:8px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.guide-card:hover{border-color:var(--brass-lo);transform:translateY(-2px)}.guide-card b{font-size:18px;line-height:1.4}.guide-card .muted{font-size:14px;line-height:1.7}.guide-card-icon{background:var(--surface-3);border-radius:14px;place-items:center;width:56px;height:56px;display:grid}.guide-card-meta{color:var(--brass-hi);flex-wrap:wrap;gap:14px;margin-top:auto;font-size:13px;display:flex}.guide-card-meta span{align-items:center;gap:4px;display:inline-flex}.breadcrumbs{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--brass-hi)}.guide-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.guide-article{padding:clamp(18px,4vw,40px)}.guide-head h1{text-wrap:balance;margin:0 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.25}.guide-lede{color:var(--muted);margin:0 0 12px;font-size:18px;line-height:1.8}.guide-body{max-width:72ch;font-size:17px;line-height:1.9}.guide-body h2{scroll-margin-top:calc(var(--topbar-h) + 16px);color:var(--brass-hi);margin:34px 0 10px;font-size:24px}.guide-body h3{margin:22px 0 6px;font-size:19px}.guide-body p{margin:0 0 14px}.guide-body ul,.guide-body ol{flex-direction:column;gap:6px;margin:0 0 16px;padding-inline-start:24px;display:flex}.guide-body a{color:var(--brass-hi);text-underline-offset:3px}.guide-body code{background:var(--surface-3);direction:ltr;unicode-bidi:isolate;border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.92em}.guide-tip{border-inline-start:4px solid var(--sage);background:rgba(var(--sage-rgb), .1);border-radius:12px;margin:18px 0;padding:14px 16px}.guide-cta{margin:16px 0 22px}.guide-cta .btn-primary{text-decoration:none;display:inline-flex}.guide-aside{top:calc(var(--topbar-h) + 16px);flex-direction:column;gap:14px;display:flex;position:sticky}.guide-toc b,.guide-related b{color:var(--brass-hi);margin-bottom:8px;display:block}.guide-toc ol{flex-direction:column;gap:6px;margin:0;padding-inline-start:20px;font-size:14px;display:flex}.guide-toc a{color:var(--text);text-decoration:none}.guide-toc a:hover{color:var(--brass-hi)}.guide-related{flex-direction:column;gap:10px;display:flex}.guide-related a{color:var(--text);align-items:center;gap:10px;font-size:14px;line-height:1.5;text-decoration:none;display:flex}.guide-related a:hover{color:var(--brass-hi)}.guide-practice{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}.guide-practice span{flex-direction:column;gap:2px;display:flex}.guide-practice:hover{border-color:var(--brass-lo)}@media (width<=1000px){.guide-layout{grid-template-columns:1fr}.guide-aside{position:static}}.newsletter{background:linear-gradient(120deg, rgba(var(--accent-rgb), .14), transparent 70%), var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.newsletter h2{align-items:center;gap:10px;margin:0 0 4px;font-size:21px;display:flex}.newsletter p{max-width:52ch;margin:0}.newsletter-form{flex-wrap:wrap;flex:320px;gap:8px;max-width:480px;display:flex}.newsletter-form input{font:inherit;color:var(--text);background:var(--surface-3);border:1px solid var(--line);border-radius:10px;flex:200px;padding:11px 13px}.newsletter-form input:focus{border-color:var(--brass);outline:none}.newsletter.compact{margin:0}.not-found-card{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:620px;margin:40px auto;display:flex}.not-found-code{font-family:var(--font-display);color:var(--brass);opacity:.8;font-size:96px;font-weight:700;line-height:1}.not-found-card .row{justify-content:center}.page-header{margin-top:2px}.page-header h1{font-family:inherit}.home-guides{margin-top:18px}.home-guides .guide-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.more-link{color:var(--brass-hi);align-items:center;gap:4px;margin-top:10px;font-weight:600;text-decoration:none;display:inline-flex}.guide-head{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:18px}.guide-body a.btn-primary,.guide-body .guide-cta a{color:#1b1712;text-decoration:none}.guide-toc ol{padding-inline-start:0;list-style:none}@media (width<=860px){.quick-tiles>:last-child:nth-child(odd){grid-column:1/-1}}.coords-hud{width:var(--board);justify-content:space-between;align-items:center;gap:12px;max-width:100%;margin-bottom:10px;display:flex}.coords-hud>span{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:700;display:inline-flex}.coords-time.urgent{color:#ef4444}.coords-target{font-family:var(--font-display,inherit);text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:90px;padding:10px 18px;font-size:40px;line-height:1;box-shadow:0 8px 20px #00000014}.coords-board{width:var(--board);aspect-ratio:1;border-radius:16px;grid-template-columns:repeat(8,1fr);max-width:100%;padding:10px;display:grid;position:relative;box-shadow:0 24px 50px #0c1a2040}.coords-sq{cursor:pointer;border:none;padding:0;transition:filter .1s;position:relative}.coords-sq:hover{filter:brightness(1.08)}.coords-sq.ok{box-shadow:inset 0 0 0 999px #22c55ea6}.coords-sq.bad{box-shadow:inset 0 0 0 999px #ef444499}.coords-sq.lit{animation:1s ease-in-out infinite coords-pulse;box-shadow:inset 0 0 0 5px #22c55e,inset 0 0 30px #22c55e99}@keyframes coords-pulse{50%{box-shadow:inset 0 0 0 5px #22c55e,inset 0 0 60px #22c55ecc}}.coords-rank,.coords-file{color:#00000073;font-size:12px;font-weight:700;position:absolute}.coords-rank{top:3px;left:4px}.coords-file{bottom:2px;right:5px}.coords-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c1a2073;border-radius:16px;place-items:center;display:grid;position:absolute;inset:0}.coords-card{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:320px;display:flex}.coords-card h2{margin:0}.coords-options{width:var(--board);grid-template-columns:repeat(4,1fr);gap:10px;max-width:100%;margin-top:12px;display:grid}.coords-options .btn{justify-content:center;font-size:22px;font-weight:700}.coords-panel .panel-body{flex-direction:column;gap:12px;display:flex}.coords-best{grid-template-columns:1fr 1fr;gap:10px;display:grid}.coords-best div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;padding:12px;display:flex}.coords-best b{font-size:28px}.coords-best span{color:var(--muted);font-size:13px}.coords-tip{align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;display:flex}[data-theme=fresh]{--band:#0c1a20;--band-2:#13262d;--band-line:#ffffff14;--band-text:#f3f7f5;--band-muted:#a7b6b2;--green:#22c55e;--green-ink:#06200f;--shadow:0 10px 30px #0e1a2012, 0 1px 2px #0e1a200d;--radius-lg:22px;--font-display:"Space Grotesk", "IBM Plex Sans Arabic", system-ui, sans-serif}[data-theme=fresh] .scene{display:none}[data-theme=fresh] h1,[data-theme=fresh] h2,[data-theme=fresh] h3{font-family:var(--font-display);letter-spacing:-.2px}[data-theme=fresh][dir=rtl] h1,[data-theme=fresh][dir=rtl] h2,[data-theme=fresh][dir=rtl] h3{letter-spacing:0}[data-theme=fresh] .site-header{background:var(--band);border-bottom-color:var(--band-line);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=fresh] .site-header:after{background:linear-gradient(90deg,#0000,#22c55e80,#0000)}[data-theme=fresh] .brand-name{color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700}[data-theme=fresh] .site-header .logo-svg stop:first-child{stop-color:#5ee497}[data-theme=fresh] .site-header .logo-svg stop:last-child{stop-color:#22c55e}[data-theme=fresh] .top-nav a{color:#c9d6d2;font-size:14.5px;font-weight:600}[data-theme=fresh] .top-nav a:hover{color:#fff;background:#ffffff0a}[data-theme=fresh] .top-nav a.active{color:#fff}[data-theme=fresh] .top-nav a:after{background:var(--green)}[data-theme=fresh] .level-chip{background:var(--band-2);border-color:var(--band-line);color:#fff}[data-theme=fresh] .level-chip-ring b{background:var(--band-2);color:#fff}[data-theme=fresh] .icon-link{color:#c9d6d2}[data-theme=fresh] .icon-link:hover,[data-theme=fresh] .icon-link.active{color:#fff;background:var(--band-2)}[data-theme=fresh] .btn-primary{font-weight:700;background:var(--green)!important;color:var(--green-ink)!important;text-shadow:none!important;border:none!important;border-radius:999px!important;box-shadow:0 8px 20px #22c55e47!important}[data-theme=fresh] .btn-primary:hover{transform:translateY(-1px);background:#2fd26b!important}[data-theme=fresh] .btn-primary:disabled{opacity:.55;box-shadow:none!important}[data-theme=fresh] .btn-primary.glow{animation:none}[data-theme=fresh] .btn{color:var(--text)!important;border:1px solid var(--line-strong)!important;background:#fff!important;border-radius:999px!important;box-shadow:0 1px 2px #0e1a200f!important}[data-theme=fresh] .btn:hover{border-color:var(--green)!important;color:var(--brass-hi)!important}[data-theme=fresh] .btn.danger{color:#c2410c!important}[data-theme=fresh] .card,[data-theme=fresh] .panel,[data-theme=fresh] .quick-tile,[data-theme=fresh] .stat,[data-theme=fresh] .lesson-card,[data-theme=fresh] .path-item,[data-theme=fresh] .quest,[data-theme=fresh] .collect-card,[data-theme=fresh] .stage-card,[data-theme=fresh] .feature-card,[data-theme=fresh] .rated-card,[data-theme=fresh] .mode-card,[data-theme=fresh] .level-card,[data-theme=fresh] .strategy-card,[data-theme=fresh] .mini-stats .card{color:var(--text);border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;background:#fff!important}[data-theme=fresh] .card,[data-theme=fresh] .panel{border-radius:var(--radius-lg)!important}[data-theme=fresh] .quick-tile:hover,[data-theme=fresh] .lesson-card:hover,[data-theme=fresh] .path-item:hover,[data-theme=fresh] .guide-card:hover,[data-theme=fresh] .stage-card:hover,[data-theme=fresh] .feature-card:hover{transform:translateY(-2px);border-color:var(--green)!important}[data-theme=fresh] .panel-header,[data-theme=fresh] .panel-footer{border-color:var(--line);background:0 0}[data-theme=fresh] .stat-icon,[data-theme=fresh] .quest-icon,[data-theme=fresh] .path-icon,[data-theme=fresh] .ach-icon,[data-theme=fresh] .lesson-card-icon,[data-theme=fresh] .guide-card-icon,[data-theme=fresh] .rated-icon{background:#eefaf3!important;box-shadow:inset 0 0 0 1px #d3f1df!important}[data-theme=fresh] .quick-tile b,[data-theme=fresh] .stat-value{color:var(--text)}[data-theme=fresh] .quest-bar,[data-theme=fresh] .xp-bar,[data-theme=fresh] .lesson-card-bar,[data-theme=fresh] .learn-progress-bar{box-shadow:none!important;background:#e7eeeb!important}[data-theme=fresh] .quest-bar i,[data-theme=fresh] .xp-bar div,[data-theme=fresh] .lesson-card-bar i,[data-theme=fresh] .learn-progress-bar div{background:var(--green)!important}[data-theme=fresh] .page-header,[data-theme=fresh] .home-hero{color:var(--band-text);position:relative;overflow:hidden;background:radial-gradient(600px 260px at 88% -40%, #22c55e47, transparent 70%), linear-gradient(135deg, var(--band) 0%, var(--band-2) 100%)!important;border-radius:var(--radius-lg)!important;border:none!important;box-shadow:0 18px 40px #0c1a2038!important}[dir=rtl][data-theme=fresh] .page-header,[dir=rtl][data-theme=fresh] .home-hero{background:radial-gradient(600px 260px at 12% -40%, #22c55e47, transparent 70%), linear-gradient(225deg, var(--band) 0%, var(--band-2) 100%)!important}[data-theme=fresh] .page-header{min-height:86px;padding:18px 24px}[data-theme=fresh] .page-header h1{color:#fff;font-size:clamp(22px,2.6vw,30px)}[data-theme=fresh] .page-header p{color:var(--band-muted)}[data-theme=fresh] .page-header-icon{color:var(--green);background:#22c55e24!important;box-shadow:inset 0 0 0 1px #22c55e59!important}[data-theme=fresh] .page-header .btn{color:#fff!important;border-color:var(--band-line)!important;box-shadow:none!important;background:#ffffff0f!important}[data-theme=fresh] .page-header .btn:hover{border-color:var(--green)!important}[data-theme=fresh] .home-hero{padding:28px 30px}[data-theme=fresh] .home-hero h1{color:#fff;font-size:clamp(30px,4vw,46px)}[data-theme=fresh] .home-hero .player-strip-title b,[data-theme=fresh] .home-hero .level-ring-inner b{color:#fff}[data-theme=fresh] .home-hero .muted,[data-theme=fresh] .home-hero small{color:var(--band-muted)}[data-theme=fresh] .home-hero .xp-bar{background:#ffffff1a!important}[data-theme=fresh] .home-hero .btn{color:#fff!important;box-shadow:none!important;background:0 0!important;border-color:#ffffff40!important}[data-theme=fresh] .section-title span{font-family:var(--font-display);color:var(--text)}[data-theme=fresh] .section-title:before,[data-theme=fresh] .section-title:after{background:var(--line)!important}[data-theme=fresh] .accent-word{color:var(--brass-hi);text-decoration:underline;-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green);text-underline-offset:6px;text-decoration-thickness:3px}[data-theme=fresh] .seg,[data-theme=fresh] .settings-tabs button,[data-theme=fresh] .chip,[data-theme=fresh] .tag,[data-theme=fresh] .lang-choice{border-radius:999px!important}[data-theme=fresh] .seg{border:1px solid var(--line);background:#fff}[data-theme=fresh] .seg button.active,[data-theme=fresh] .tag-active,[data-theme=fresh] .lang-choice.active{color:var(--brass-hi)!important;border-color:var(--green)!important;box-shadow:none!important;background:#eefaf3!important}[data-theme=fresh] .settings-tabs{background:color-mix(in srgb, var(--bg) 92%, transparent)}[data-theme=fresh] .settings-tabs button{background:#fff}[data-theme=fresh] .coach-bubble,[data-theme=fresh] .coach-stage-bubble,[data-theme=fresh] .peek-bubble{color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;background:#fff!important}[data-theme=fresh] .coach-bubble:before{border-left-color:#fff}[data-theme=fresh][dir=ltr] .coach-bubble:before{border-left-color:#0000;border-right-color:#fff}[data-theme=fresh] .coach-stage{box-shadow:none!important;background:0 0!important;border:none!important}[data-theme=fresh] .player-tag,[data-theme=fresh] .rush-top{color:var(--text);border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;background:#fff!important}[data-theme=fresh] .board-frame{border-radius:16px;box-shadow:0 24px 50px #0c1a2040!important}[data-theme=fresh] .site-footer{background:var(--band);color:var(--band-text);border-top:none}[data-theme=fresh] .site-footer .muted,[data-theme=fresh] .footer-grid a,[data-theme=fresh] .footer-langs a{color:var(--band-muted)}[data-theme=fresh] .footer-grid a:hover,[data-theme=fresh] .footer-langs a:hover{color:#fff}[data-theme=fresh] .footer-grid b,[data-theme=fresh] .footer-langs a.active{color:var(--green)}[data-theme=fresh] .footer-bottom{border-top-color:var(--band-line)}[data-theme=fresh] .site-footer .brand-name{color:#fff}[data-theme=fresh] .site-footer .newsletter{background:var(--band-2)!important;border:1px solid var(--band-line)!important;box-shadow:none!important}[data-theme=fresh] .site-footer .newsletter h2{color:#fff}[data-theme=fresh] .site-footer .newsletter p{color:var(--band-muted)}[data-theme=fresh] .site-footer .newsletter-form input{border-color:var(--band-line);color:#fff;background:#ffffff0f}[data-theme=fresh] .tab-bar{border-top:1px solid var(--line);background:#fff;box-shadow:0 -6px 20px #0c1a200f}[data-theme=fresh] .guide-body h2{color:var(--text)}[data-theme=fresh] .guide-body h2:after{content:"";background:var(--green);border-radius:3px;width:44px;height:3px;margin-top:8px;display:block}[data-theme=fresh] .guide-body a{color:var(--brass-hi)}[data-theme=fresh] .guide-tip{border-inline-start-color:var(--green);background:#eefaf3}[data-theme=fresh] .guide-card-meta{color:var(--brass-hi)}[data-theme=fresh] .mistake-card{box-shadow:var(--shadow);background:#fff}[data-theme=fresh] .mistake-lesson{background:#eefaf3}[data-theme=fresh] .announcement{background:#eefaf3;border-color:#bfe9d0}[data-theme=fresh] select,[data-theme=fresh] input:not([type=checkbox]):not([type=range]),[data-theme=fresh] textarea{color:var(--text);border:1px solid var(--line-strong);background:#fff;border-radius:12px}[data-theme=fresh] .streak span.ok,[data-theme=fresh] .rush-results .ok{background:var(--green)}[data-theme=fresh] .toast,[data-theme=fresh] .celebrate-card,[data-theme=fresh] .level-done-card{color:var(--text);border:1px solid var(--line);background:#fff}.hero-split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:28px;display:grid!important}.hero-copy{flex-direction:column;gap:14px;min-width:0;display:flex}.hero-eyebrow{color:var(--brass-hi);align-items:center;gap:8px;font-weight:700;display:inline-flex}.hero-title{text-wrap:balance;margin:0;font-weight:700;line-height:1.15;font-size:clamp(30px,4.2vw,50px)!important}.hero-lede{max-width:46ch;color:var(--muted);margin:0;font-size:17px;line-height:1.8}.hero-copy .hero-actions{flex-wrap:wrap;gap:10px;margin:4px 0 8px;display:flex}.btn-arrow{background:#0000001f;border-radius:50%;place-items:center;width:30px;height:30px;margin-inline-start:6px;display:inline-grid}.hero-visual{place-items:center;min-height:290px;display:grid;position:relative}.hero-stage{background:linear-gradient(#34d27a,#16a34a);border-radius:130px 130px 28px 28px;place-items:end center;width:250px;height:280px;padding-bottom:8px;display:grid;position:relative;box-shadow:0 24px 50px #16a34a59}.hero-stage .coach-svg{filter:drop-shadow(0 10px 20px #00000059)}.hero-points{inset-inline-end:-6px;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:20px}.hero-points li{white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:14px;font-weight:600;display:flex}.hero-points li span{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #22c55e40}.hero-badge{inset-inline-start:6px;color:#0e1a20;background:#fff;border-radius:16px;flex-direction:column;padding:10px 16px;display:flex;position:absolute;bottom:16px;box-shadow:0 14px 30px #00000040}.hero-badge b{font-family:Space Grotesk,IBM Plex Sans Arabic,sans-serif;font-size:20px;line-height:1.1}.hero-badge small{color:#5b6b71;font-size:12px}[data-theme=fresh] .home-hero .hero-title{color:#fff}[data-theme=fresh] .home-hero .hero-lede{color:var(--band-muted)}[data-theme=fresh] .home-hero .hero-eyebrow,[data-theme=fresh] .home-hero .accent-word{color:var(--green)}[data-theme=fresh] .home-hero .player-strip{border:1px solid var(--band-line);background:#ffffff0d;border-radius:16px;padding:12px 14px}[data-theme=fresh] .home-hero .level-ring-inner{background:var(--band-2)!important}[data-theme=fresh] .home-hero .level-ring-inner b,[data-theme=fresh] .home-hero .level-ring-inner small{color:#fff!important}[data-theme=fresh] .seg button{color:var(--muted)}:root:not([data-theme=fresh]) .hero-points li{background:var(--surface-3);border-color:var(--line);color:var(--text)}@media (width<=860px){.hero-split{grid-template-columns:1fr}.hero-visual{min-height:260px}.hero-stage{width:200px;height:230px}.hero-stage .coach-svg{width:180px;height:180px}.hero-points{inset-inline-end:0;gap:8px;top:10px}.hero-points li{padding:6px 10px;font-size:12px}}.hero-title{display:block!important}.hero-visual{justify-content:center;align-items:center;gap:18px;display:flex}.hero-points{order:2;position:static}.hero-stage{flex-shrink:0;order:1}.hero-badge{inset-inline:auto 44%;bottom:6px}.btn.big,.btn-primary.big{white-space:nowrap}@media (width<=1100px){.hero-points{display:none}.hero-badge{inset-inline-end:8px}}@media (width<=860px){.hero-visual{order:-1;justify-content:center;min-height:0}.hero-stage{border-radius:80px 80px 22px 22px;width:150px;height:170px}.hero-stage .coach-svg{width:132px!important;height:132px!important}.hero-badge{bottom:0;padding:6px 12px;inset-inline-end:12%}.hero-badge b{font-size:16px}.home-hero{padding:20px!important}.hero-copy .hero-actions>*{flex:auto;justify-content:center}}.voice-group{flex-direction:column;gap:8px;display:flex}.voice-group+.voice-group{margin-top:6px}.voice-group-label{align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.female .ca-brow{stroke-width:1.4px!important}[data-theme=fresh] .icon-content{color:var(--brass-hi)}[data-theme=fresh] .site-header .icon-content,[data-theme=fresh] .top-nav .icon{color:#8fa39d}[data-theme=fresh] .top-nav a.active .icon,[data-theme=fresh] .top-nav a:hover .icon{color:var(--green)}[data-theme=fresh] .tab-bar .icon{color:#7b8b90}[data-theme=fresh] .page-header .icon-content,[data-theme=fresh] .home-hero .icon-content,[data-theme=fresh] .site-footer .icon-content{color:var(--green)}[data-theme=fresh] .btn-primary .icon{color:var(--green-ink)}[data-theme=fresh] .quick-tile>.icon,[data-theme=fresh] .skill-icon>.icon,[data-theme=fresh] .mode-art>.icon,[data-theme=fresh] .support-card>.icon,[data-theme=fresh] .signin-pitch>.icon,[data-theme=fresh] .admin-login>.icon,[data-theme=fresh] .rush-emblem>.icon,[data-theme=fresh] .customize-link>.icon:first-child{box-sizing:content-box;color:var(--brass-hi);background:#eefaf3;border-radius:18px;padding:12px;box-shadow:inset 0 0 0 1px #d3f1df}[data-theme=fresh] .quick-tile>.icon{width:34px;height:34px}[data-theme=fresh] .quick-tile:hover>.icon{background:var(--green);color:#fff;box-shadow:none}[data-theme=fresh] .streak-pill .icon,[data-theme=fresh] .level-chip-streak .icon,[data-theme=fresh] .icon-content.flame{color:#f97316}[data-theme=fresh] .rush-lives .alive{color:#ef4444;fill:#ef4444}[data-theme=fresh] .rush-lives .lost{color:#c7d2ce}[data-theme=fresh] .big-stars .on .icon,[data-theme=fresh] .stars .on .icon{color:#f5b301;fill:#f5b301}[data-theme=fresh] .lock-text .icon,[data-theme=fresh] .stop.locked .icon{color:var(--muted)}[data-theme=fresh] .mistake-head .icon{color:var(--brass-hi)}[data-theme=fresh] .map-hero,[data-theme=fresh] .region-banner{background:linear-gradient(135deg, var(--band), var(--band-2))!important;color:#fff!important;border:none!important;box-shadow:0 18px 40px #0c1a2033!important}[data-theme=fresh] .map-hero h1,[data-theme=fresh] .map-hero h2,[data-theme=fresh] .region-banner h2,[data-theme=fresh] .region-banner b{color:#fff!important}[data-theme=fresh] .map-hero p,[data-theme=fresh] .region-banner small,[data-theme=fresh] .region-banner p{color:var(--band-muted)!important}[data-theme=fresh] .map-hero-icon,[data-theme=fresh] .region-emblem{color:var(--green)!important;background:#22c55e24!important;box-shadow:inset 0 0 0 1px #22c55e59!important}[data-theme=fresh] .map-hero-icon .icon,[data-theme=fresh] .region-emblem .icon{color:var(--green)}[data-theme=fresh] .region-count{color:#fff!important;border:1px solid var(--band-line)!important;background:#ffffff14!important}[data-theme=fresh] .region-field{background:#f7faf9!important}[data-theme=fresh] .region-path path{stroke:#cfdcd6!important}[data-theme=fresh] .stop-medal,[data-theme=fresh] .stop-core{border-color:var(--line)!important;box-shadow:var(--shadow)!important;color:var(--brass-hi)!important;background:#fff!important}[data-theme=fresh] .stop.current .stop-medal,[data-theme=fresh] .stop.current .stop-core{background:var(--green)!important;color:#fff!important;box-shadow:0 0 0 6px #22c55e33,0 12px 24px #22c55e59!important}[data-theme=fresh] .stop.current .stop-core .icon{color:#fff}[data-theme=fresh] .stop.done .stop-medal,[data-theme=fresh] .stop.done .stop-core{background:#eefaf3!important}[data-theme=fresh] .stop-check{background:var(--green)!important;color:#fff!important}[data-theme=fresh] .stop-label{border-color:var(--line)!important;box-shadow:var(--shadow)!important;color:var(--text)!important;background:#fff!important}[data-theme=fresh] .stop-label small{color:var(--muted)!important}[data-theme=fresh] .stop-badge{color:var(--brass-hi)!important}[data-theme=fresh] .mode-art,[data-theme=fresh] .path-icon,[data-theme=fresh] .ach-icon,[data-theme=fresh] .finale-icon,[data-theme=fresh] .lesson-icon,[data-theme=fresh] .strategy-no,[data-theme=fresh] .stage-icon{color:var(--brass-hi)!important;background:#eefaf3!important;box-shadow:inset 0 0 0 1px #d3f1df!important}[data-theme=fresh] .mode-art>.icon{box-shadow:none;background:0 0;padding:0}[data-theme=fresh] :is(.mode-art,.path-icon,.lesson-card-icon,.lesson-icon,.stage-icon,.stat-icon,.quest-icon,.guide-card-icon):has(.piece-img){background:linear-gradient(135deg, var(--band), var(--band-2))!important;box-shadow:none!important}[data-theme=fresh] .achievement.got .ach-icon{background:var(--green)!important;color:#fff!important}[data-theme=fresh] .achievement.got .ach-icon .icon{color:#fff}[data-theme=fresh] .chapter-no,[data-theme=fresh] .section-no{background:var(--green)!important;color:#fff!important}[data-theme=fresh] .chapter-no .icon{color:#fff}[data-theme=fresh] .chapter-head,[data-theme=fresh] .section-head{border-color:var(--line)!important;box-shadow:var(--shadow)!important;background:#fff!important}[data-theme=fresh] .feature-icon,[data-theme=fresh] .rated-icon,[data-theme=fresh] .account-avatar{color:var(--brass-hi)!important;background:#eefaf3!important;box-shadow:inset 0 0 0 1px #d3f1df!important}[data-theme=fresh] .tag{color:var(--text)!important;border:1px solid var(--line-strong)!important;box-shadow:none!important;background:#fff!important}[data-theme=fresh] .tag:hover{border-color:var(--green)!important}[data-theme=fresh] .streak-pill{color:#c2410c!important;background:#fff4ea!important;border-color:#fed7aa!important}[data-theme=fresh] .app:before{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(#0c1a200e 0 25%, transparent 0 50%) 0 0 / 72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#0000 35%,#000 100%);mask-image:radial-gradient(70% 60% at 50% 40%,#0000 35%,#000 100%)}[data-theme=fresh] .page-header:before,[data-theme=fresh] .home-hero:before,[data-theme=fresh] .map-hero:before{content:"";pointer-events:none;background:repeating-conic-gradient(#ffffff0f 0 25%, transparent 0 50%) 0 0 / 34px 34px;width:46%;position:absolute;inset-block:0;inset-inline-end:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 85%);mask-image:linear-gradient(270deg,#000,#0000 85%)}[dir=rtl][data-theme=fresh] .page-header:before,[dir=rtl][data-theme=fresh] .home-hero:before,[dir=rtl][data-theme=fresh] .map-hero:before{-webkit-mask-image:linear-gradient(90deg,#000,#0000 85%);mask-image:linear-gradient(90deg,#000,#0000 85%)}[data-theme=fresh] .page-header>*,[data-theme=fresh] .home-hero>*,[data-theme=fresh] .map-hero>*{position:relative}[data-theme=fresh] .site-footer{position:relative;overflow:hidden}[data-theme=fresh] .site-footer:before{content:"";pointer-events:none;background:repeating-conic-gradient(#ffffff08 0 25%, transparent 0 50%) 0 0 / 48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}[data-theme=fresh] .site-footer-inner{position:relative}.tour{z-index:300;position:fixed;inset:0}.tour-dim{background:#0810148c;position:fixed;inset:0}.tour-spot{pointer-events:none;border-radius:16px;transition:top .3s,left .3s,width .3s,height .3s;position:fixed;box-shadow:0 0 0 3px #22c55e,0 0 0 9999px #0810148c}.tour-tip{color:#0e1a20;background:#fff;border-radius:18px;width:min(340px,100vw - 24px);padding:16px;animation:.25s ease-out pop;position:fixed;box-shadow:0 24px 60px #08101459}.tour-head{align-items:center;gap:10px;display:flex}.tour-head b{font-size:17px;font-family:var(--font-display,inherit);flex:1}.tour-count{color:#5b6b71;font-size:12px;font-weight:700}.tour-tip p{color:#33444b;margin:10px 0 14px;font-size:14.5px;line-height:1.7}.tour-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.tour-actions .link-btn{color:#5b6b71}.tour-dots{gap:5px;display:flex}.tour-dots i{background:#d5dfdb;border-radius:50%;width:7px;height:7px}.tour-dots i.on{background:#22c55e;border-radius:4px;width:18px}.for-you{color:var(--brass-hi);background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .35);border-radius:999px;align-items:center;gap:5px;margin-inline-start:auto;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.chapter.recommended .chapter-head{box-shadow:0 0 0 2px rgba(var(--accent-rgb), .45), var(--shadow,none)!important}.coords-link{width:100%;margin:16px 0 4px}.difficulty{flex-direction:column;gap:6px;display:flex}.difficulty .seg{width:100%}.difficulty .seg button{flex:1}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);transform:translateY(14px)}.reveal.revealed{opacity:1;transform:none}.btn:active,.btn-primary:active,.quick-tile:active,.lesson-card:active,.chip:active{transform:scale(.97)!important}[data-theme=fresh] .quick-tile,[data-theme=fresh] .lesson-card,[data-theme=fresh] .guide-card,[data-theme=fresh] .path-item{transition:transform .2s,box-shadow .2s,border-color .2s}[data-theme=fresh] .quick-tile:hover,[data-theme=fresh] .lesson-card:hover,[data-theme=fresh] .guide-card:hover{box-shadow:0 18px 36px #0e1a201f!important}.hero-stage{animation:5s ease-in-out infinite stage-float}@keyframes stage-float{50%{transform:translateY(-8px)}}.hero-points li{animation:.5s ease-out both point-in}.hero-points li:nth-child(2){animation-delay:.12s}.hero-points li:nth-child(3){animation-delay:.24s}@keyframes point-in{0%{opacity:0;transform:translate(-12px)}}}.difficulty-label{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:600}.difficulty{margin-top:4px}[data-theme=fresh] .app:before{background:repeating-conic-gradient(#0c1a2009 0 25%, transparent 0 50%) 0 0 / 44px 44px;-webkit-mask-image:none;mask-image:none}[data-theme=fresh] .onboarding-card p,[data-theme=fresh] .celebrate-card p{color:var(--muted)!important}[data-theme=fresh] .skill-card .skill-icon{background:linear-gradient(135deg, var(--band), var(--band-2));border-radius:50%;place-items:center;width:72px;height:72px;display:grid}[data-theme=fresh] .skill-card .skill-icon .piece-img{width:46px;height:46px}[data-theme=fresh]{background-color:var(--bg)}[data-theme=fresh] body{background:0 0!important}[data-theme=fresh] .app:before,[data-theme=fresh] .app:after{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(#22c55e29 0 25%, #0c1a2014 0 50%) 0 0 / 76px 76px;width:min(460px,40vw);height:min(460px,40vw);position:fixed}[data-theme=fresh] .app:before{top:var(--topbar-h);inset-inline-start:0;-webkit-mask-image:radial-gradient(circle at 0 0,#000 0%,#0000008c 35%,#0000 70%);mask-image:radial-gradient(circle at 0 0,#000 0%,#0000008c 35%,#0000 70%)}[dir=rtl][data-theme=fresh] .app:before{-webkit-mask-image:radial-gradient(circle at 100% 0,#000 0%,#0000008c 35%,#0000 70%);mask-image:radial-gradient(circle at 100% 0,#000 0%,#0000008c 35%,#0000 70%)}[data-theme=fresh] .app:after{bottom:0;background-position:38px 38px;inset-inline-end:0;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 0%,#0000008c 35%,#0000 70%);mask-image:radial-gradient(circle at 100% 100%,#000 0%,#0000008c 35%,#0000 70%)}[dir=rtl][data-theme=fresh] .app:after{-webkit-mask-image:radial-gradient(circle at 0 100%,#000 0%,#0000008c 35%,#0000 70%);mask-image:radial-gradient(circle at 0 100%,#000 0%,#0000008c 35%,#0000 70%)}@media (width<=860px){[data-theme=fresh] .app:before,[data-theme=fresh] .app:after{background-size:48px 48px;width:240px;height:240px}}.level-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.level-option{cursor:pointer;text-align:start;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--line);border-radius:20px;flex-direction:column;gap:10px;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;box-shadow:0 6px 18px #0e1a200d}.level-option:hover{border-color:rgba(var(--accent-rgb), .6);transform:translateY(-2px)}.level-option.active{border-color:var(--brass);background:linear-gradient(180deg, rgba(var(--accent-rgb), .1), var(--surface) 60%);box-shadow:0 14px 30px rgba(var(--accent-rgb), .22)}.level-current{top:-12px;color:#06200f;background:var(--brass);box-shadow:0 6px 14px rgba(var(--accent-rgb), .35);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;inset-inline-end:14px}.level-current .icon{color:#06200f}.level-head{align-items:center;gap:12px;display:flex}.level-head b{font-size:19px;font-family:var(--font-display,inherit);display:block}.level-piece{background:linear-gradient(135deg,#0c1a20,#13262d);border-radius:16px;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid}.level-bars{gap:4px;margin-top:6px;display:inline-flex}.level-bars i{background:var(--line-strong);border-radius:3px;width:18px;height:5px}.level-bars i.on{background:var(--brass)}.level-desc{color:var(--muted);font-size:13.5px;line-height:1.6}.level-effects{border-top:1px dashed var(--line);flex-direction:column;gap:7px;margin:4px 0 0;padding:12px 0 0;font-size:13.5px;list-style:none;display:flex}.level-effects li{align-items:center;gap:8px;display:flex}.level-effects .icon{color:var(--brass-hi);flex-shrink:0}.level-picker.compact .level-option{gap:6px;padding:12px 14px}.level-picker.compact .level-piece{border-radius:12px;width:42px;height:42px}.level-picker.compact .level-piece .piece-img{width:28px;height:28px}.level-picker.compact .level-desc{display:none}.profile-level{flex-direction:column;flex:100%;gap:10px;margin-top:18px;display:flex}.onboarding-card .level-picker{margin:10px 0 18px}.onboarding-card{max-width:980px!important}@media (width<=760px){.level-picker{grid-template-columns:1fr}.onboarding-card .level-effects{display:none}.level-picker.compact{grid-template-columns:repeat(3,1fr)}.level-picker.compact .level-head{text-align:center;flex-direction:column}.level-picker.compact .level-bars{justify-content:center}}[data-theme=fresh] .home-hero:before{display:none}[data-theme=fresh] .home-hero{min-height:480px}@media (width<=860px){[data-theme=fresh] .home-hero,[dir=rtl][data-theme=fresh] .home-hero{background:linear-gradient(#0c1a2059 0%,#0c1a20eb 42%,#0c1a20 70%),url(/img/hero-knights.webp) 50% 0/170% no-repeat,#0c1a20!important}}[data-theme=fresh] .home-hero .hero-stage{display:none}[data-theme=fresh] .home-hero .hero-visual{justify-content:flex-end;align-items:flex-end;min-height:380px}[data-theme=fresh] .home-hero .hero-points{order:0;align-self:flex-start;margin-top:8px}[data-theme=fresh] .home-hero .hero-badge{inset-inline:auto 0;bottom:0}[data-theme=fresh] .home-hero{background:linear-gradient(90deg,#0c1a20 0%,#0c1a20f5 34%,#0c1a2073 60%,#0c1a201a 100%),url(/img/hero-knights.webp) 100% 55%/auto 135% no-repeat,#0c1a20!important}[dir=rtl][data-theme=fresh] .home-hero{background:linear-gradient(270deg,#0c1a20 0%,#0c1a20f5 34%,#0c1a2073 60%,#0c1a201a 100%),url(/img/hero-knights.webp) 0 55%/auto 135% no-repeat,#0c1a20!important}@media (width<=860px){[data-theme=fresh] .home-hero .hero-badge{position:absolute}[data-theme=fresh] .home-hero,[dir=rtl][data-theme=fresh] .home-hero{background:linear-gradient(#0c1a2000 0,#0c1a2033 120px,#0c1a20f2 230px,#0c1a20 280px),url(/img/hero-knights.webp) 62% -40px/auto 360px no-repeat,#0c1a20!important}[data-theme=fresh] .home-hero .hero-visual{min-height:150px}[data-theme=fresh] .home-hero .hero-badge{top:6px;bottom:auto}}.masters-page{--gold:#e7c26a;--gold-hi:#f6dc97;--gold-ink:#2b1f05}.masters-hero{border-radius:var(--radius-lg,20px);color:#f3f1ea;isolation:isolate;background:radial-gradient(600px 260px at 100% 0,#e7c26a2e,#0000 70%),linear-gradient(135deg,#0b1519 0%,#102128 55%,#0a1215 100%);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px;padding:30px 32px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #08101440}.masters-hero:after{content:"";z-index:-1;background:repeating-conic-gradient(#e7c26a1a 0 25%, transparent 0 50%) 0 0 / 72px 72px;width:360px;position:absolute;inset-block:-20px;inset-inline-end:-40px;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000);mask-image:radial-gradient(closest-side,#000 20%,#0000)}.masters-hero .eyebrow{color:var(--gold-hi);letter-spacing:.3px;background:#e7c26a24;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.masters-hero h2{color:#fff;margin:14px 0 8px;font-size:clamp(22px,3vw,32px);line-height:1.2}.masters-hero p{color:#b9c5c1;max-width:56ch;margin:0}.masters-stats{gap:10px;display:grid}.masters-stats>div{background:#ffffff0d;border:1px solid #e7c26a2e;border-radius:14px;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;display:flex}.masters-stats b{color:var(--gold-hi);font-size:22px;font-family:var(--font-display,inherit);align-items:center;gap:6px;display:inline-flex}.masters-stats small{color:#a7b6b2}.masters-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.gauntlet-card,.endless-card{flex-direction:column;gap:14px;padding:22px;display:flex}.gauntlet-card header,.endless-card header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.gauntlet-card h3,.endless-card h3,.masters-habits h3{align-items:center;gap:8px;margin:0;display:flex}.gauntlet-card{border:1px solid #e7c26a73}.gauntlet-steps{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.gauntlet-step{flex-direction:column;align-items:center;gap:6px;display:flex}.gauntlet-step b{border:2px solid var(--line,#0000001f);width:46px;height:46px;color:var(--muted,#667);border-radius:50%;place-items:center;font-size:17px;transition:transform .2s;display:grid}.gauntlet-step small{color:var(--muted,#667);font-size:12px;font-weight:600}.gauntlet-step.now b{border-color:var(--gold);color:var(--gold-ink);background:var(--gold-hi);transform:scale(1.08);box-shadow:0 0 0 5px #e7c26a38}.gauntlet-step.ok b{color:#fff;background:#22c55e;border-color:#22c55e}.gauntlet-step.bad b{color:#fff;background:#e2574c;border-color:#e2574c}.gauntlet-result{background:#e7c26a24;border-radius:12px;align-items:center;gap:8px;margin:0;padding:12px 14px;font-weight:600;display:flex}.gauntlet-card .btn-primary,.endless-card .btn-primary{align-self:flex-start}.gauntlet-week{align-items:flex-end;gap:5px;height:56px;display:flex}.gauntlet-week i{background:var(--gold);border-radius:4px 4px 2px 2px;flex:1;max-width:18px}.gauntlet-week i.miss{background:var(--line,#0000001a)}.endless-rating{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.endless-rating b{font-size:40px;font-family:var(--font-display,inherit);line-height:1}.endless-card p{margin:0}.endless-meta{flex-wrap:wrap;gap:18px;font-weight:600;display:flex}.endless-meta span{align-items:center;gap:6px;display:inline-flex}.master-title{background:linear-gradient(135deg, var(--gold,#e7c26a), #c99a36);color:var(--gold-ink,#2b1f05);letter-spacing:.6px;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-block}.master-title.big{padding:3px 10px;font-size:15px}.rating-line .master-title{align-self:center}.masters-lessons{flex-direction:column;gap:12px;margin-top:26px;display:flex}.masters-lessons>p{margin:0}.masters-lessons>.btn{align-self:flex-start}.masters-lessons .chapter-head{align-items:center;gap:10px;display:flex}.masters-lessons .chapter-head h2{flex:1;margin:0}.masters-lessons .chapter-no{color:#2b1f05;background:linear-gradient(135deg,#e7c26a,#c99a36)}.masters-habits{margin-top:22px;padding:22px}.masters-habits ol{gap:10px;margin:12px 0 0;padding-inline-start:22px;display:grid}.masters-habits li b{color:var(--text)}.masters-link{background-image:linear-gradient(135deg,#e7c26a1f,#0000 60%)!important;border:1px solid #e7c26a8c!important}.masters-link .feature-icon,.masters-link .rated-icon{color:#b8862a}.gauntlet-track{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.gauntlet-track .muted{align-items:center;gap:4px;display:inline-flex}.gauntlet-dots{gap:6px;display:flex}.gauntlet-dots span{border:2px solid var(--line,#0000001f);width:30px;height:30px;color:var(--muted,#667);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.gauntlet-dots .now{color:#2b1f05;background:#f6dc97;border-color:#e7c26a}.gauntlet-dots .ok{color:#fff;background:#22c55e;border-color:#22c55e}.gauntlet-dots .bad{color:#fff;background:#e2574c;border-color:#e2574c}@media (width<=820px){.masters-hero{grid-template-columns:1fr;padding:22px 20px}.masters-grid{grid-template-columns:1fr}.gauntlet-step b{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.gauntlet-step b{transition:none}}.masters-extra{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.masters-tile{text-align:start;font:inherit;color:var(--text);cursor:pointer;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.masters-tile.ladder{cursor:default}button.masters-tile:hover{border-color:#e7c26ab3;transform:translateY(-3px);box-shadow:0 16px 34px #0810141f}.masters-tile b{font-size:17px}.masters-tile small{color:var(--muted);line-height:1.5}.masters-tile-icon{color:#f6dc97;background:linear-gradient(135deg,#102128,#0b1519);border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.masters-tile-stat{align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:700;display:inline-flex}.ladder-bar{background:var(--surface-3);border-radius:10px;width:100%;height:10px;overflow:hidden}.ladder-bar div{border-radius:inherit;background:linear-gradient(90deg,#c99a36,#f6dc97);height:100%;transition:width .6s}@media (width<=900px){.masters-extra{grid-template-columns:1fr}}.famous-progress{align-items:center;gap:16px;margin-top:14px;padding:16px 20px;display:flex}.famous-progress .learn-progress-bar{flex:1}.famous-group{margin-top:10px}.famous-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.famous-card{text-align:start;font:inherit;color:var(--text);cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.famous-card:hover{border-color:#22c55e80;transform:translateY(-3px);box-shadow:0 14px 30px #0810141a}.famous-card b{font-size:16px;line-height:1.35}.famous-card small{color:var(--muted)}.famous-card.seen{border-color:#22c55e73}.famous-icon{color:#15803d;background:#22c55e1f;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:4px;display:grid}.famous-open{color:var(--accent-text,var(--brass-hi));align-items:center;gap:4px;margin-top:auto;padding-top:8px;font-size:13px;font-weight:700;display:inline-flex}.famous-panel h3{margin:12px 0 8px}.famous-group-pill{color:var(--accent-text,var(--brass-hi));background:#22c55e1f;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.famous-ideas{gap:10px;margin:0;padding-inline-start:22px;display:grid}.famous-ideas li{line-height:1.55;animation:.4s ease-out both idea-in}@keyframes idea-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.famous-when{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;margin:16px 0;padding:12px 14px}.famous-when b{align-items:center;gap:6px;display:inline-flex}.famous-when p{color:var(--muted);margin:4px 0 0}.famous-panel .panel-footer .btn{text-overflow:ellipsis;white-space:nowrap;max-width:50%;overflow:hidden}.quick-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=1100px){.quick-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.quick-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-tiles>:last-child:nth-child(odd){grid-column:auto}}[data-theme=fresh] .home-hero .hero-points{display:none}@media (width<=860px){[data-theme=fresh] .home-hero .hero-badge{display:none}}.home-guides .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.home-guides .guide-card{justify-content:flex-start;height:100%}@media (width<=860px){.home-guides .guide-grid{grid-template-columns:1fr}}.home-faq{flex-direction:column;gap:10px;margin-top:8px;display:flex}.faq-item{padding:0;overflow:hidden}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:16px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#16a34a;background:#22c55e1f;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:20px;font-weight:600;transition:transform .2s;display:grid}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:focus-visible{outline-offset:-2px;border-radius:inherit;outline:2px solid #22c55e}.faq-item p{color:var(--muted);margin:0;padding:0 20px 18px;line-height:1.7}@media (prefers-reduced-motion:reduce){.faq-item summary:after{transition:none}}.lesson-cards{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}@media (width<=1100px){.lesson-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.lesson-cards{grid-template-columns:1fr 1fr}}.puzzle-top{align-items:stretch}.puzzle-top .mini-stats .card{height:100%}@media (width<=700px){.more-link{margin-inline-start:4px}}[data-mode=light]{--green-hi:#3f7d20;--accent-text:#15803d}[data-mode=light] :is(.quote-label,.feature-text small,.rated-text small,.lesson-card-stars,.ach-xp,.equipped-label,.lang-code,.strategy-concept b,.feature-count,.chat-line.me b){color:var(--accent-text)!important}[data-mode=light] .strategy-concept p{color:var(--text)}[data-mode=light] .level-pill.l1{color:#3f6212;background:#f3f9ec;border-color:#a3c585}[data-mode=light] .level-pill.l2{color:#8a5a0b;background:#fdf7ea;border-color:#e3c27a}[data-mode=light] .level-pill.l3{color:#9f3a2a;background:#fdf1ee;border-color:#e3a598}[data-mode=light] :is(p,li,.muted)>a:not([class]){color:var(--accent-text);font-weight:600}[data-mode=light] .section-title span{color:var(--text);text-shadow:none}[data-mode=light] .seg button{color:var(--muted)}[data-mode=light] .seg button.active{background:var(--brass);color:#fff;box-shadow:none}[data-mode=light] .stop-badge{color:var(--brass-hi)!important}[data-mode=light] .streak-pill{color:#c2410c!important;background:#fff4ea!important;border-color:#fed7aa!important}[data-mode=light]:not([data-theme=fresh]) .btn-primary{background:linear-gradient(180deg, var(--brass), var(--brass-hi));color:#fffdf8}[data-mode=light]:not([data-theme=fresh]) .region-count{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line-strong)!important}.level-done{pointer-events:none;padding:12px;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;place-items:end center!important;animation:.45s cubic-bezier(.2,.8,.2,1) both card-rise!important;inset:auto 0 0!important}.level-done-card{pointer-events:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:20px;max-width:calc(100% - 8px);box-shadow:0 18px 40px #08101447;gap:8px!important;padding:14px 22px 18px!important}.level-done-card h2{margin:0;font-size:22px}.level-done .big-stars .icon{width:46px!important;height:46px!important}.level-done .big-stars span:nth-child(2) .icon{width:58px!important;height:58px!important}.level-done .row{flex-wrap:wrap;justify-content:center}@keyframes card-rise{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:none}}@keyframes success-pulse{0%{box-shadow:inset 0 0 0 3px #22c55ef2,0 0 #22c55eb3}to{box-shadow:inset 0 0 0 3px #22c55ef2,0 0 0 18px #22c55e00}}@media (prefers-reduced-motion:no-preference){.page-shell,.page-simple{animation:.38s cubic-bezier(.2,.8,.2,1) both page-in}.page-board .board-stack{animation:.45s cubic-bezier(.2,.8,.2,1) both board-in}.panel{animation:.45s cubic-bezier(.2,.8,.2,1) 80ms both panel-in}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes board-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes panel-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}[dir=rtl] .panel{animation-name:panel-in-rtl}@keyframes panel-in-rtl{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.coach-caption{z-index:60;inset-inline:0;color:#f3f7f5;background:#0c1a20f5;border:1px solid #22c55e59;border-radius:22px;align-items:center;gap:14px;width:min(620px,100vw - 24px);margin-inline:auto;padding:12px 14px 12px 12px;animation:.35s cubic-bezier(.2,.8,.2,1) both caption-in;display:flex;position:fixed;top:74px;box-shadow:0 20px 50px #08101459,0 0 0 6px #22c55e0f}.coach-caption-avatar{border-radius:50%;flex:none;width:52px;height:52px;overflow:hidden;box-shadow:0 0 0 3px #22c55e99}.coach-caption-body{flex:1;min-width:0}.coach-caption p{margin:0;font-size:16.5px;font-weight:500;line-height:1.55;animation:.3s ease-out both caption-line}.coach-caption p span{opacity:.18;transition:opacity .18s}.coach-caption p span.on{opacity:1}.coach-caption-dots{gap:5px;margin-top:8px;display:flex}.coach-caption-dots i{background:#ffffff2e;border-radius:4px;width:18px;height:4px}.coach-caption-dots i.done{background:#22c55e8c}.coach-caption-dots i.now{background:#22c55e}.coach-caption-skip{cursor:pointer;color:#c9d6d2;background:#ffffff14;border:none;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.coach-caption-skip:hover{color:#fff;background:#ffffff29}@keyframes caption-in{0%{opacity:0;transform:translateY(-18px)scale(.97)}to{opacity:1;transform:none}}@keyframes caption-line{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=860px){.coach-caption{top:66px}.coach-caption p{font-size:15px}}.coach-stage-bubble>:is(p,strong):not(.coach-speaking):not(.stage-task){animation:.4s ease-out comment-in}.coach-live .coach-stage-bubble>:is(p,strong):not(.coach-speaking):not(.stage-task){display:none}.coach-speaking{color:var(--muted);align-items:center;gap:10px;margin:0;font-weight:600;display:flex}.coach-speaking span{gap:4px;display:inline-flex}.coach-speaking i{background:var(--accent-text,#15803d);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite dot-bounce}.coach-speaking i:nth-child(2){animation-delay:.15s}.coach-speaking i:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,60%,to{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-4px)}}@keyframes comment-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.coach-caption,.coach-caption p{animation:none}}.sound-quick{position:relative}.sound-quick>.icon-link{cursor:pointer;background:0 0;border:none}.sound-pop{top:calc(100% + 10px);z-index:80;background:var(--surface);width:280px;color:var(--text);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:12px;padding:16px;animation:.18s ease-out both pop-in;display:flex;position:absolute;inset-inline-end:-8px;box-shadow:0 20px 46px #08101438}.sound-row{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-weight:600;display:flex}.sound-row span{align-items:center;gap:8px;display:inline-flex}.sound-pop input[type=range]{width:100%;accent-color:var(--brass)}.sound-voices{flex-wrap:wrap;gap:6px;display:flex}.sound-voices button{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.sound-voices button.active{background:var(--brass);border-color:var(--brass);color:#fff}.sound-more{color:var(--accent-text,var(--brass-hi));align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}.home-edges{display:none}@media (width>=1380px){.home-edges{z-index:0;pointer-events:none;display:block;position:fixed;inset:0}.edge{width:calc(50vw - 590px);position:absolute;top:90px;bottom:30px}.edge-start{inset-inline-start:0}.edge-end{inset-inline-end:0}.edge:before{content:"";background:repeating-conic-gradient(#0c1a2012 0 25%, #22c55e12 0 50%) 0 0 / 112px 112px;width:112px;position:absolute;top:0;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 70%,#0000);mask-image:linear-gradient(#0000,#000 18% 70%,#0000)}.edge-start:before{inset-inline-start:0}.edge-end:before{inset-inline-end:0}.edge ol{width:28px;font-family:var(--font-display);color:#0c1a204d;flex-direction:column;justify-content:space-between;align-items:center;margin:0;padding:0;font-size:15px;font-weight:700;list-style:none;display:flex;position:absolute;top:14%;bottom:22%}.edge-start ol{inset-inline-start:42px}.edge-end ol{inset-inline-end:42px}.edge-piece{aspect-ratio:1;background:linear-gradient(#22c55e33,#0c1a2029);width:min(240px,100% - 128px);animation:9s ease-in-out infinite edge-float;position:absolute;bottom:4%;-webkit-mask:url(/pieces/cburnett/wN.svg) 50%/contain no-repeat;mask:url(/pieces/cburnett/wN.svg) 50%/contain no-repeat}.edge-start .edge-piece{inset-inline-start:122px}.edge-end .edge-piece{inset-inline-end:122px;animation-delay:-4s;top:18%;bottom:auto;-webkit-mask-image:url(/pieces/cburnett/wK.svg);mask-image:url(/pieces/cburnett/wK.svg)}[dir=ltr] .edge-start .edge-piece{transform:scaleX(-1)}body:has(>.home-edges) .app:before{display:none}body:has(>.home-edges) .app:after{display:none}[data-mode=dark] .edge ol{color:#ffffff24}[data-mode=dark] .edge:before{background:repeating-conic-gradient(#ffffff0a 0 25%, transparent 0 50%) 0 0 / 112px 112px}}@keyframes edge-float{0%,to{translate:0}50%{translate:0 -14px}}@media (prefers-reduced-motion:reduce){.edge-piece{animation:none}}:is(.guide-grid,.lesson-cards,.quick-tiles,.masters-grid,.masters-extra,.famous-grid,.path-grid,.stats,.mini-stats,.mode-grid,.settings-shortcuts,.strat-grid)>.card{margin-top:0;margin-bottom:0}.board-stack{position:relative}.solve-burst{z-index:15;pointer-events:none;align-content:center;place-items:center;gap:6px;animation:1.6s ease-out forwards burst-out;display:grid;position:absolute;inset:0}.solve-burst span{color:#fff;background:radial-gradient(circle at 35% 30%,#4ade80,#16a34a);border-radius:50%;place-items:center;width:96px;height:96px;animation:.5s cubic-bezier(.2,1.4,.4,1) both burst-pop;display:grid;box-shadow:0 0 0 10px #22c55e40,0 18px 40px #16a34a80}.solve-burst b{font-family:var(--font-display);color:#fff;background:#0c1a20d9;border-radius:999px;padding:2px 14px;font-size:24px;animation:.5s cubic-bezier(.2,1.4,.4,1) .15s both burst-pop}@keyframes burst-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes burst-out{0%,70%{opacity:1}to{opacity:0}}.board-shake{animation:.42s ease-in-out shake}@media (prefers-reduced-motion:reduce){.board-shake,.solve-burst span,.solve-burst b{animation:none}}[data-mode=light] .mistake-card.sev-minor :is(small,span)[style*=color]{color:#8a6100!important}[data-mode=light] .mistake-card.sev-serious :is(small,span)[style*=color]{color:#b4531c!important}[data-mode=light] .mistake-card.sev-decisive :is(small,span)[style*=color]{color:#b3321f!important}.auto-music{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;display:flex}.auto-music>span{align-items:center;gap:10px;display:flex}.auto-music>span>span{flex-direction:column;display:flex}.auto-music small{color:var(--muted);font-weight:400}[data-mode=light] .level-name{color:var(--text)}[data-mode=light] .tag{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line-strong)!important}.coach-caption-loading{gap:6px;padding:8px 0;display:flex}.coach-caption-loading i{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite dot-bounce}.coach-caption-loading i:nth-child(2){animation-delay:.15s}.coach-caption-loading i:nth-child(3){animation-delay:.3s}.coach-caption p span{transition:opacity .12s}.leave-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0810148c;place-items:center;padding:16px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}.leave-dialog{text-align:center;background:var(--surface);width:min(440px,100%);color:var(--text);border:1px solid var(--line);border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:26px 24px 22px;animation:.25s cubic-bezier(.2,1.2,.4,1) both pop-in;display:flex;box-shadow:0 30px 70px #08101459}.leave-dialog h2{margin:6px 0 0;font-size:22px}.leave-dialog p{color:var(--muted);margin:0;line-height:1.6}.leave-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.step-no{background:var(--section,#22c55e);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;margin-inline-end:6px;font-size:13px;font-weight:800;display:inline-grid}.section-label{align-items:center;display:flex}.start-game{justify-content:center;width:100%}.start-game .step-no{background:#ffffff40}.first-move-hint{color:var(--text);background:#22c55e1a;border-radius:12px;align-items:center;gap:8px;margin:8px 0 0;padding:10px 14px;font-size:14px;font-weight:600;animation:.4s ease-out comment-in;display:flex}@media (width<=860px){.page-shell:has(.page-board) .page-header{margin-bottom:10px;min-height:0!important;padding:10px 14px!important}.page-shell:has(.page-board) .page-header h1{font-size:20px!important}.page-shell:has(.page-board) .page-header p{display:none}.page-shell:has(.page-board) .page-header-icon{width:36px!important;height:36px!important}.play-page.phase-setup .board-column{display:none}.play-page:not(.phase-setup) .page-board{flex-direction:column;gap:10px;display:flex}.play-page:not(.phase-setup) :is(.panel,.panel-body){display:contents}.play-page:not(.phase-setup) .panel-header{display:none}.play-page:not(.phase-setup) .panel .coach{order:-2;margin:0}.play-page:not(.phase-setup) .opp-note{order:-1}.play-page:not(.phase-setup) .panel-footer{order:1}.play-page:not(.phase-setup) :is(.move-list,.toggle,.grade-counts){order:2}}.live-caption{padding-inline-end:34px;position:relative}.live-caption p{margin:0;line-height:1.6}.live-caption p span{opacity:.22;transition:opacity .12s}.live-caption p span.on{opacity:1}.live-caption .coach-caption-skip{top:0;width:28px;height:28px;position:absolute;inset-inline-end:0}:is(.coach-bubble,.coach-stage-bubble) .live-caption .coach-caption-skip{background:var(--surface-3);color:var(--muted)}:is(.coach-bubble,.coach-stage-bubble) .live-caption .coach-caption-dots i{background:var(--line-strong)}:is(.coach-bubble,.coach-stage-bubble) .live-caption .coach-caption-dots i.done{background:#22c55e80}:is(.coach-bubble,.coach-stage-bubble) .live-caption .coach-caption-dots i.now{background:#16a34a}.coach-live .coach-text{display:none}.coach-text{animation:.4s ease-out comment-in}.coach-bubble,.coach-stage-bubble{padding-inline-end:44px!important}.guide-board{text-align:center;max-width:396px;margin:20px auto}.guide-board img{border-radius:12px;width:100%;height:auto;box-shadow:0 10px 26px #0c1a202e}.guide-board figcaption{color:var(--muted);margin-top:8px;font-size:14px}.cluster-nav{flex-wrap:wrap;gap:8px;margin:14px 0 4px;display:flex}.cluster-nav a{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.cluster-nav a:hover{border-color:var(--section-hi,#22c55e)}.guide-cluster{margin-top:30px;scroll-margin-top:80px}.cluster-title{align-items:center;gap:10px;margin:0 0 6px;font-size:24px;display:flex}.cluster-icon{background:var(--section,#0d9488);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.cluster-icon .icon{color:#fff!important}.cluster-intro{color:var(--muted);max-width:70ch;margin:0 0 14px;line-height:1.7}.cluster-links{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.cluster-links b{margin-inline-end:4px}.cluster-links a{background:rgba(var(--section-rgb,13, 148, 136), .1);color:var(--section,#0d9488);border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.main{min-height:calc(100vh - 60px)}.page-loading{min-height:60vh}.seo-static{max-width:760px;color:#33434a!important}.seo-static h1{font-family:var(--font-display,sans-serif);color:#0c1a20!important}.seo-static h2{color:#0c1a20}.seo-static a{color:#15803d!important}.seo-static img{max-width:100%;height:auto}.import-card{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.import-card h3{align-items:center;gap:8px;margin:0;display:flex}.import-card p{margin:0}.import-card .seg{max-width:320px}.import-form{flex-wrap:wrap;gap:8px;display:flex}.import-form input{flex:1;min-width:200px}.theme-about summary{cursor:pointer}.theme-about ul{margin:6px 0 0;padding-inline-start:20px}.opening-side{color:var(--section,#16a34a);font-size:12px;font-weight:700}.opening-moves{color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12.5px}.opening-line{flex-wrap:wrap;gap:6px;margin-bottom:12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:600;display:flex}.opening-line span{background:var(--surface-2);color:var(--muted);border-radius:8px;padding:3px 8px}.opening-line span small{opacity:.7;margin-inline-end:3px}.opening-line span.played{background:rgba(var(--section-rgb,22, 163, 74), .14);color:var(--text)}.opening-line span.now{outline:2px solid var(--section-hi,#22c55e);color:var(--text)}.tool-card{flex-direction:column;gap:18px;margin-top:14px;padding:22px;display:flex}.tool-inputs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.tool-inputs label{flex-direction:column;gap:6px;font-weight:600;display:flex}.elo-results{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.elo-results div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex}.elo-results small{color:var(--muted);font-weight:600}.elo-results b{font-size:30px;font-family:var(--font-display)}.elo-results .win b{color:#15803d}.elo-results .draw b{color:#64748b}.elo-results .loss b{color:#b3321f}.tool-explain{margin-top:16px;padding:22px}.tool-explain h2{margin-top:0}.clock-presets{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.clock-presets button{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:999px;padding:8px 14px;font-weight:700}.clock-presets button.active{background:var(--section,#0d9488);color:#fff;border-color:#0000}.chess-clock{gap:12px;display:grid}.clock-face{cursor:pointer;height:min(34vh,260px);font-family:var(--font-display);background:var(--surface-3);color:var(--text);border:none;border-radius:22px;font-size:clamp(56px,14vw,110px);font-weight:700;transition:background .2s}.clock-face.top span{display:inline-block;transform:rotate(180deg)}.clock-face.running{background:var(--section,#0d9488);color:#fff;box-shadow:0 16px 40px rgba(var(--section-rgb,13, 148, 136), .35)}.clock-face.flag{color:#fff;background:#b3321f}.clock-controls{justify-content:center;margin-top:14px}.clock-help{text-align:center;max-width:60ch;margin:12px auto 0}[data-mode=light] .result-banner{color:#14532d!important;background:#dcfce7!important;border-color:#86efac!important}[data-mode=light] .result-banner.revealed{color:#713f12!important;background:#fef9c3!important;border-color:#fde047!important}[data-mode=light] .result-banner .icon{color:currentColor!important}.cluster-links a{color:color-mix(in srgb, var(--section,#0d9488) 62%, #000)!important}.import-promo{color:var(--text);align-items:center;gap:16px;margin:4px 0 16px;padding:18px 20px;text-decoration:none;display:flex;background:linear-gradient(90deg, #4f46e514, var(--surface) 55%)!important;border-inline-start:5px solid #4f46e5!important}.import-promo-icon{color:#fff;background:#4f46e5;border-radius:16px;flex:none;place-items:center;width:54px;height:54px;display:grid}.import-promo-icon .icon{color:#fff!important}.import-promo-text{flex-direction:column;flex:1;gap:4px;display:flex}.import-promo-text b{font-size:17px}.import-promo-text small{color:var(--muted)}[data-theme=fresh] .import-promo .btn-primary{color:#fff!important;box-shadow:none!important;background:#4f46e5!important}@media (width<=640px){.import-promo{flex-wrap:wrap}.import-promo .btn-primary{justify-content:center;width:100%}}.panel .level-done{pointer-events:auto;padding:0 0 12px!important;animation:.45s cubic-bezier(.2,.8,.2,1) both card-rise!important;display:block!important;position:static!important;inset:auto!important}.panel .level-done-card{border:2px solid var(--section-hi,#22c55e);max-width:none;box-shadow:0 10px 24px #0810141f}[data-mode=light] .level-dot{background:var(--surface);color:var(--muted);border:1px solid var(--line-strong);box-shadow:0 3px #0c1a2014}[data-mode=light] .level-dot.done{color:var(--text);background:rgba(var(--section-rgb,34, 197, 94), .08);border-color:rgba(var(--section-rgb,34, 197, 94), .45)}[data-mode=light] .level-dot.current{background:var(--section,#16a34a);border-color:var(--section,#16a34a);color:#fff;box-shadow:0 6px 16px rgba(var(--section-rgb,34, 197, 94), .35)}[data-mode=light] .level-dot.current small{color:#fff}[data-mode=light] :is(.rush-score,.profile-level b),[data-mode=light] .level-ring-inner b{color:var(--accent-text)!important}:root{--section:#16a34a;--section-hi:#22c55e;--section-rgb:34, 197, 94}:root[data-section=play]{--section:#2563eb;--section-hi:#60a5fa;--section-rgb:37, 99, 235}:root[data-section=puzzles]{--section:#ea580c;--section-hi:#fb923c;--section-rgb:234, 88, 12}:root[data-section=learn]{--section:#16a34a;--section-hi:#4ade80;--section-rgb:22, 163, 74}:root[data-section=masters]{--section:#b7791f;--section-hi:#f6c453;--section-rgb:183, 121, 31}:root[data-section=challenges]{--section:#9333ea;--section-hi:#c084fc;--section-rgb:147, 51, 234}:root[data-section=guides]{--section:#0d9488;--section-hi:#2dd4bf;--section-rgb:13, 148, 136}:root[data-section=review]{--section:#4f46e5;--section-hi:#818cf8;--section-rgb:79, 70, 229}:root[data-section=account]{--section:#475569;--section-hi:#94a3b8;--section-rgb:71, 85, 105}.top-nav a[data-tour=play],.tab-bar a[data-tour=play]{--c:#2563eb;--c-hi:#60a5fa}.top-nav a[data-tour=puzzles],.tab-bar a[data-tour=puzzles]{--c:#ea580c;--c-hi:#fb923c}.top-nav a[data-tour=learn],.tab-bar a[data-tour=learn]{--c:#16a34a;--c-hi:#4ade80}.top-nav a[data-tour=masters]{--c:#b7791f;--c-hi:#f6c453}.top-nav a[data-tour=challenges],.tab-bar a[data-tour=challenges]{--c:#9333ea;--c-hi:#c084fc}.top-nav a[data-tour=guides]{--c:#0d9488;--c-hi:#2dd4bf}.top-nav a[data-tour=review]{--c:#4f46e5;--c-hi:#818cf8}.tab-bar a[data-tour=home]{--c:#16a34a;--c-hi:#4ade80}[data-theme=fresh] .top-nav a .icon{opacity:.85;color:var(--c-hi,#c9d6d2)!important}[data-theme=fresh] .top-nav a.active{color:#fff;background:#ffffff0f}[data-theme=fresh] .top-nav a.active .icon,[data-theme=fresh] .top-nav a:hover .icon{opacity:1;color:var(--c-hi)!important}[data-theme=fresh] .top-nav a.active:after{background:var(--c-hi)!important}.top-nav a{position:relative}.top-nav a.active:after{content:"";inset-inline:10px;background:var(--c-hi,#22c55e);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px}[data-theme=fresh] .tab-bar a .icon{color:var(--c,#64748b)}[data-theme=fresh] .tab-bar a.active{color:var(--c)!important;background:#0000000a!important}[data-theme=fresh] .tab-bar a.active .icon{color:var(--c)!important}.tab-bar a.active{box-shadow:inset 0 3px 0 var(--c,#22c55e)}[data-theme=fresh]:not([data-section=home]) .page-header{background:radial-gradient(640px 280px at 88% -40%, rgba(var(--section-rgb), .55), transparent 70%), linear-gradient(135deg, #0c1a20 0%, #13262d 100%)!important;box-shadow:inset 0 -4px 0 var(--section-hi), 0 18px 40px #0c1a2038!important}[dir=rtl][data-theme=fresh]:not([data-section=home]) .page-header{background:radial-gradient(640px 280px at 12% -40%, rgba(var(--section-rgb), .55), transparent 70%), linear-gradient(225deg, #0c1a20 0%, #13262d 100%)!important}[data-theme=fresh]:not([data-section=home]) .page-header-icon{background:var(--section)!important;color:#fff!important;box-shadow:0 6px 16px rgba(var(--section-rgb), .45)!important}[data-theme=fresh]:not([data-section=home]) .page-header-icon .icon{color:#fff!important}[data-theme=fresh]:not([data-section=home]):not([data-section=learn]) .btn-primary{background:var(--section)!important;color:#fff!important;box-shadow:0 8px 20px rgba(var(--section-rgb), .3)!important}[data-theme=fresh]:not([data-section=home]):not([data-section=learn]) .btn-primary:hover{filter:brightness(1.08)}[data-theme=fresh]:not([data-section=home]):not([data-section=learn]) .btn-primary .icon{color:#fff!important}[data-theme=fresh]:not([data-section=home]) .panel{border-top:4px solid var(--section-hi)!important}[data-theme=fresh]:not([data-section=home]) :is(.chapter-no,.step-no){background:var(--section)!important;color:#fff!important}[data-theme=fresh]:not([data-section=home]) .learn-progress-bar>div,[data-theme=fresh]:not([data-section=home]) .ladder-bar>div{background:linear-gradient(90deg, var(--section), var(--section-hi))!important}[data-theme=fresh]:not([data-section=home]) .seg button.active{background:var(--section)!important;color:#fff!important}[data-theme=fresh]:not([data-section=home]) :is(.level-card.active,.lesson-card:hover,.famous-card:hover,.guide-card:hover){border-color:var(--section-hi)!important}[data-theme=fresh]:not([data-section=home]) :is(.rated-icon,.feature-icon,.lesson-card-icon,.guide-card-icon,.famous-icon){background:rgba(var(--section-rgb), .12)!important;color:var(--section)!important}[data-theme=fresh]:not([data-section=home]) :is(.rated-icon,.feature-icon,.lesson-card-icon,.guide-card-icon,.famous-icon) .icon{color:var(--section)!important}[data-theme=fresh]:not([data-section=home]) .app:before,[data-theme=fresh]:not([data-section=home]) .app:after{background-image:repeating-conic-gradient(rgba(var(--section-rgb), .16) 0 25%, #0c1a200d 0 50%)!important}.quick-tile[data-go=play]{--c:#2563eb}.quick-tile[data-go=puzzles]{--c:#ea580c}.quick-tile[data-go=daily]{--c:#f59e0b}.quick-tile[data-go=learn]{--c:#16a34a}.quick-tile[data-go=strategy]{--c:#0d9488}.quick-tile[data-go=masters]{--c:#b7791f}[data-theme=fresh] .quick-tile{border-top:4px solid var(--c,#22c55e)!important}[data-theme=fresh] .quick-tile .icon-line,[data-theme=fresh] .quick-tile>span:first-child,[data-theme=fresh] .quick-tile .icon{color:var(--c)!important}[data-theme=fresh] .quick-tile:hover{box-shadow:0 14px 30px #0c1a201f, 0 0 0 2px var(--c)!important}[data-theme=fresh]{--bg:#f2f5f4;--surface:#fff;--surface-2:#f7faf9;--surface-3:#ecf2ef;--line:#e1e9e5;--line-strong:#cad6d0;--text:#0e1a20;--muted:#5b6b71;--brass:#22c55e;--brass-hi:#15914a;--brass-lo:#9fe3bd;--accent-rgb:34, 197, 94}.analyzer-page{--win:#15803d;--draw:#94a3b8;--loss:#c2410c}.import-hero{border-top:4px solid var(--section,#4f46e5)!important;padding:22px!important}.import-hero h2{align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.import-hero .import-tabs{max-width:380px}.import-hero .import-form input{padding:12px 14px;font-size:16px}.import-pgn{flex-direction:column;gap:10px;display:flex}.import-pgn textarea{width:100%;font-family:IBM Plex Mono,ui-monospace,monospace}.import-pgn .btn-primary{align-self:flex-start}.analyze-chip,.acc-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.analyze-chip{background:rgba(var(--section-rgb,79, 70, 229), .12);color:var(--section,#4f46e5)}.acc-chip{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.game-list .result.win{background:var(--win);color:#fff}.game-list .result.loss{background:var(--loss);color:#fff}.game-list .result.draw{background:var(--draw);color:#0e1a20}.games-card{margin-top:16px;padding:20px}.games-card h2{align-items:center;gap:8px;margin:0 0 10px;font-size:20px;display:flex}.analytics{margin-top:18px;position:relative}.analytics-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.analytics-head h2{align-items:center;gap:8px;margin:0;font-size:22px;display:flex}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.kpi small{color:var(--muted);font-weight:600}.kpi b{font-family:var(--font-display);color:var(--text);font-size:30px;line-height:1.1}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.chart-card{flex-direction:column;gap:10px;padding:18px;display:flex}.chart-card h3{margin:0;font-size:16px}.dna-card{margin-top:14px;padding:18px}.dna-card h3{align-items:center;gap:8px;margin:0 0 10px;display:flex}.dna-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dna-card li{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.dna-icon{background:rgba(var(--section-rgb,79, 70, 229), .12);width:42px;height:42px;color:var(--section,#4f46e5);border-radius:12px;flex:none;place-items:center;display:grid}.dna-text{flex-direction:column;flex:1;gap:2px;display:flex}.dna-text small{color:var(--muted)}.opening-stats{gap:8px;margin:0;padding:0;list-style:none;display:grid}.opening-stats li{justify-content:space-between;gap:10px;display:flex}.opening-stats a{color:var(--text);font-weight:700}@media (width<=860px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.dna-card li{flex-wrap:wrap}}.analytics.locked .analytics-body{filter:blur(6px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.analytics-lock{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:60px 0 0}.analytics-lock>*{max-width:460px}.analytics-lock .icon{color:var(--section,#4f46e5)}.analytics-lock b{font-size:20px}.chart{width:100%;position:relative}.chart svg{width:100%;height:100%;display:block}.chart-tip{pointer-events:none;z-index:5;white-space:nowrap;color:#fff;background:#0c1a20;border-radius:8px;padding:5px 10px;font-size:12.5px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 16px #00000040}.chart-grid{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.trend{height:140px;padding-inline-start:30px}.trend-plot{height:100%;position:relative}.trend-line{fill:none;stroke:var(--section,#4f46e5);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.trend-dot{background:var(--section,#4f46e5);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);pointer-events:none;border-radius:50%;margin:-4px 0 0 -4px;position:absolute}[dir=rtl] .trend-dot{margin:-4px -4px 0 0}.trend-dot.on{width:12px;height:12px;margin:-6px 0 0 -6px}.chart-axis{color:var(--muted);font-size:11px;line-height:1;position:absolute;inset-inline-end:calc(100% + 6px);transform:translateY(-50%)}.bar-list{gap:10px;display:grid}.bar-row,.result-row{grid-template-columns:96px 1fr 36px;align-items:center;gap:10px;display:grid}.result-row{grid-template-columns:96px 1fr;margin-bottom:8px}.bar-label{color:var(--muted);font-size:14px;font-weight:600}.bar-track{background:var(--surface-3);border-radius:4px;height:14px;overflow:hidden}.bar-fill{background:var(--section,#4f46e5);border-radius:0 4px 4px 0;height:100%;display:block}[dir=rtl] .bar-fill{border-radius:4px 0 0 4px}.bar-value{text-align:end;color:var(--text)}.result-track{gap:2px;height:24px;display:flex}.result-seg{color:#fff;border-radius:4px;place-items:center;min-width:22px;font-size:12px;font-weight:700;display:grid}.result-seg.win{background:var(--win)}.result-seg.draw{background:var(--draw);color:#0e1a20}.result-seg.loss{background:var(--loss)}.result-empty{background:var(--surface-3);border-radius:4px;flex:1}.chart-legend{color:var(--muted);gap:14px;font-size:13px;display:flex}.chart-legend span:before{content:"";vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-inline-end:6px;display:inline-block}.chart-legend .win:before{background:var(--win)}.chart-legend .draw:before{background:var(--draw)}.chart-legend .loss:before{background:var(--loss)}.eval-graph{cursor:pointer;border-radius:10px;height:96px;margin-top:10px;overflow:visible}.eval-graph svg{border-radius:10px}.eval-black{fill:#3a3f44}.eval-white{fill:#f1f5f4}.eval-mid{stroke:#94a3b8;stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.eval-cursor{stroke:var(--section,#4f46e5);stroke-width:2px;vector-effect:non-scaling-stroke}.eval-mark{cursor:pointer;border:2px solid #fff;border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;padding:0;position:absolute;box-shadow:0 1px 4px #0006}[dir=rtl] .eval-mark{margin:-5.5px -5.5px 0 0}.move-list{background:var(--surface-2);border-color:var(--line)}.move-row:nth-child(odd){background:var(--surface)}.move{color:var(--text)}.move:hover:not(:disabled){background:rgba(var(--section-rgb,79, 70, 229), .1)}.move.active{background:rgba(var(--section-rgb,79, 70, 229), .14);color:var(--text);box-shadow:inset 0 0 0 1px rgba(var(--section-rgb,79, 70, 229), .5)}.eval-graph-wrap{margin-top:10px}.eval-graph-wrap>small{color:var(--muted);margin-bottom:4px;font-weight:600;display:block}.eval-graph-wrap .eval-graph{margin-top:0}@media (width<=600px){.dna-card li{flex-wrap:wrap}.dna-text{flex:calc(100% - 60px);min-width:0}.dna-card li .btn{margin-inline-start:54px}}.verify-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:inline-flex}.verify-badge{color:#15803d;background:#15803d1f;border-radius:999px;align-items:center;gap:4px;width:fit-content;margin-top:6px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.verify-note{color:var(--muted);margin-top:6px;display:block}.support-page{--heart:#e11d48}.donate-hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;display:grid;border-top:4px solid #e11d48!important;padding:26px!important}.donate-hero h2{align-items:center;gap:10px;margin:0 0 10px;font-size:26px;display:flex}.donate-hero p{margin:0 0 10px;line-height:1.7}.support-page .donate-btn,.donate-btn.btn-primary{background-image:none!important;text-decoration:none!important;box-shadow:0 8px 20px #e11d484d!important}.donate-btn{margin-top:6px;padding:12px 22px;font-size:17px;color:#fff!important;background:#e11d48!important;border-color:#e11d48!important}.donate-btn:hover{background:#be123c!important}.donate-goal{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;gap:10px;padding:18px;display:grid}.donate-goal-head{justify-content:space-between;gap:10px;display:flex}.donate-goal-track{background:var(--surface-3);border-radius:999px;height:14px;overflow:hidden}.donate-goal-track span{background:linear-gradient(90deg,#fb7185,#e11d48);border-radius:999px;height:100%;display:block}.soon-pill{background:var(--surface-3);width:fit-content;color:var(--text);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-block}.donate-uses{margin-top:14px;padding:20px}.donate-uses h2{align-items:center;gap:8px;margin:0 0 12px;font-size:20px;display:flex}.donate-uses ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.donate-uses li{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.donate-uses li>span:last-child{flex-direction:column;gap:3px;display:flex}.donate-use-icon{color:#e11d48;background:#e11d481a;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.support-page .support-grid{margin-top:14px}.donate-nudge{align-items:center;gap:14px;margin-top:16px;padding:16px 18px;display:flex;border-inline-start:4px solid #e11d48!important}.donate-nudge .grow{flex-direction:column;flex:1;gap:2px;display:flex}.donate-nudge-icon{color:#e11d48;background:#e11d481a;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}@media (width<=760px){.donate-hero{grid-template-columns:1fr;padding:18px!important}.donate-uses ul{grid-template-columns:1fr}.donate-nudge{flex-wrap:wrap}}.coach-who{flex-direction:column;flex-shrink:0;align-items:center;gap:5px;display:flex}.coach-name{text-overflow:ellipsis;white-space:nowrap;background:var(--surface);max-width:90px;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;line-height:1.5;display:inline-block;overflow:hidden;box-shadow:0 2px 6px #0c1a2014}.coach-stage-figure{flex-direction:column;align-items:center;gap:6px;display:flex}.coach-stage-figure .coach-name{font-size:13px}.coach-caption-avatar{flex-direction:column;align-items:center;gap:4px;display:flex}.coach-caption-avatar .coach-name{font-size:11px}.comment-scope{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.comment-scope>span{color:var(--text);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.comment-scope .seg{flex:220px}@media (width<=860px){.play-page:not(.phase-setup) .comment-scope{order:2}}.daily-tracker{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.2fr);align-items:center;gap:20px;margin:16px 0;display:grid;border-top:4px solid #f97316!important;padding:18px 22px!important}.daily-tracker.at-risk{box-shadow:0 0 0 2px #dc262640, var(--shadow,0 8px 24px #0c1a2014)!important;border-top-color:#dc2626!important}.dt-streak{align-items:center;gap:14px;display:flex}.dt-streak>div{flex-direction:column;gap:4px;display:flex}.dt-flame{background:var(--surface-3);width:64px;height:64px;color:var(--muted);border-radius:18px;flex:none;place-items:center;display:grid}.dt-flame.lit{color:#9a3412;background:linear-gradient(160deg,#fed7aa,#fb923c);animation:2.4s ease-in-out infinite flame-glow}@keyframes flame-glow{0%,to{box-shadow:0 0 #f9731659}50%{box-shadow:0 0 0 8px #f9731600}}@media (prefers-reduced-motion:reduce){.dt-flame.lit{animation:none}}.dt-days{font-family:var(--font-display);color:var(--text);font-size:24px;line-height:1.15}.dt-today{align-items:center;gap:14px;display:flex}.dt-ring{--p:0;background:conic-gradient(#f97316 calc(var(--p) * 1%), var(--surface-3) 0);border-radius:50%;flex:none;place-items:center;width:76px;height:76px;display:grid}.dt-ring>span{background:var(--surface);width:60px;height:60px;color:var(--text);border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid}.done-today .dt-ring>span{color:#15803d}.dt-today-text{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.dt-today-text b{color:var(--text);font-size:16px}.at-risk .dt-today-text b{color:#b91c1c}.dt-calendar{flex-direction:column;gap:8px;display:flex}.dt-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dt-wd{text-align:center;color:var(--muted);font-size:11px;font-weight:700}.dt-day{aspect-ratio:1;background:var(--surface-3);border:1px solid #0000;border-radius:5px;place-items:center;font-size:11px;line-height:1;display:grid}.dt-day.l1{background:#fed7aa}.dt-day.l2{background:#fb923c}.dt-day.l3{background:#ea580c}.dt-day.frozen{color:#0369a1;background:#bae6fd}.dt-day.today{border-color:var(--text)}.dt-day.future{border:1px dashed var(--line);background:0 0}.dt-legend{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.reminder-box{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:10px 12px;display:flex}.reminder-box label{justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.reminder-box input[type=time]{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:4px 8px}.reminder-box .row{flex-wrap:wrap;gap:8px;display:flex}.level-chip-streak.at-risk{color:#fb923c;border-radius:999px;animation:2.4s ease-in-out infinite flame-glow}@media (width<=1000px){.daily-tracker{grid-template-columns:1fr 1fr}.dt-calendar{grid-column:1/-1}}@media (width<=600px){.daily-tracker{grid-template-columns:1fr;gap:16px;padding:16px!important}.dt-grid{max-width:320px}}.dt-flame .icon,.dt-flame svg{stroke:currentColor;color:inherit!important}.dt-flame.lit .icon,.dt-flame.lit svg{filter:drop-shadow(0 1px 2px #9a341280);color:#fff7ed!important}.dt-flame.lit{background:linear-gradient(160deg,#fb923c,#ea580c)}@media (width>=601px){.dt-grid{max-width:260px}.dt-day{border-radius:4px}}.disclosure.ai-note{opacity:1;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13.5px;display:flex}.about-page{flex-direction:column;gap:18px;display:flex}.about-hero{color:#f4f1e8;background:linear-gradient(135deg,#0f2a22 0%,#134e3a 55%,#1f7a55 100%);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:34px 36px;display:grid;box-shadow:0 18px 40px #0c2a2240}.about-eyebrow{color:#d1fae5;background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.about-hero h1{font-family:var(--font-display);color:#fff;margin:12px 0 10px;font-size:clamp(34px,6vw,56px);line-height:1.05}.about-hero p{color:#e7f5ee;max-width:560px;margin:0;font-size:19px;line-height:1.6}.about-hero-art{filter:drop-shadow(0 14px 24px #00000059)}.about-story{padding:26px 30px!important}.about-story h2,.about-promises h2,.about-end h2{align-items:center;gap:10px;margin:0 0 12px;font-size:24px;display:flex}.about-story p{color:var(--text);margin:0 0 14px;font-size:17px;line-height:1.85}.about-belief{background:#1f7a5514;border-inline-start:4px solid #1f7a55;border-radius:14px;padding:14px 18px;font-weight:700}.about-gives{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.about-give{flex-direction:column;gap:6px;display:flex;padding:18px!important}.about-give b{font-size:17px}.about-give p{margin:0;line-height:1.6}.about-icon{color:#1f7a55;background:#1f7a551a;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.about-promises{padding:24px 28px!important}.about-promises ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.about-promises li{align-items:flex-start;gap:14px;display:flex}.about-promises li>span:last-child{flex-direction:column;gap:3px;display:flex}.about-promises li b{font-size:16.5px}.about-promises li small{font-size:15px;line-height:1.6}.about-numbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.about-number{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:18px;flex-direction:column;gap:4px;padding:18px;display:flex}.about-number b{font-family:var(--font-display);color:#1f7a55;font-size:38px;line-height:1}.about-number small{color:var(--muted);font-weight:600}.about-end{text-align:center;padding:26px 30px!important}.about-end h2{justify-content:center}.about-end p{max-width:640px;margin:0 auto 16px;font-size:17px;line-height:1.8}.about-ctas{justify-content:center;gap:10px}.about-credits{max-width:none;font-size:14px}@media (width<=860px){.about-hero{text-align:center;grid-template-columns:1fr;padding:24px 20px}.about-hero-art{order:-1;justify-self:center}.about-hero-art .coach-svg{width:120px;height:120px}.about-hero p{margin:0 auto;font-size:17px}.about-gives,.about-numbers{grid-template-columns:1fr 1fr}.about-story,.about-promises,.about-end{padding:20px!important}.about-story p{font-size:16px}}.about-ctas a,.about-ctas a:hover{text-decoration:none!important}.about-credits a{overflow-wrap:anywhere}@media (width<=600px){.about-ctas{flex-direction:column;align-items:stretch}.about-ctas>*{justify-content:center;width:100%}}.gauntlet-share{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:8px 0;display:flex}.gs-card{color:#fff;background:linear-gradient(135deg,#0f2a22,#1f7a55);border-radius:20px;flex-direction:column;align-items:center;gap:8px;min-width:240px;padding:18px 26px;display:flex;box-shadow:0 12px 28px #0f2a224d}.gs-title{color:#d1fae5;letter-spacing:.3px;font-weight:700}.gs-score{font-family:var(--font-display);font-size:48px;line-height:1}.gs-squares{gap:8px;display:flex}.gs-squares i{background:#ef4444;border-radius:7px;width:30px;height:30px}.gs-squares i.ok{background:#22c55e}.gs-streak{color:#fde68a;align-items:center;gap:4px;font-weight:700;display:inline-flex}.gs-actions{justify-content:center;gap:8px}.lb-link{color:var(--text);text-underline-offset:3px;align-items:center;gap:6px;font-weight:700;text-decoration:underline;display:inline-flex}.lb-link.as-link{cursor:pointer;font:inherit;background:0 0;border:0;padding:4px 0;font-weight:700}.lb-tabs{margin:4px 0 12px}.lb-tabs button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.lb-card{padding:18px 20px!important}.lb-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.lb-head p{flex:260px;margin:0}.lb-empty{text-align:center;color:var(--text);justify-content:center;align-items:center;gap:8px;padding:22px 8px;display:flex}.lb-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lb-list li{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.lb-list li.top1{background:linear-gradient(90deg, #eab3082e, var(--surface-2))}.lb-list li.me{border-color:var(--section,#ca8a04);box-shadow:0 0 0 2px #ca8a0440}.lb-rank{text-align:center;color:var(--text);font-size:18px;font-weight:800}.lb-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.lb-flag{font-size:18px}.lb-score{font-family:var(--font-display);color:var(--text);font-size:22px}.lb-me{text-align:center;margin:12px 0 0;font-weight:700}.lb-join{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex;padding:16px 18px!important}.lb-join .grow{flex-direction:column;flex:240px;gap:3px;display:flex}@media (width<=600px){.lb-tabs button{padding-inline:6px;font-size:13px}}.lb-country{vertical-align:1px;margin-inline-end:6px;font-size:11px}.brain-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.brain-tile{text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex;border-top:4px solid var(--section,#7c3aed)!important;padding:20px 14px!important}.brain-tile:hover{transform:translateY(-2px)}.brain-tile-icon{background:rgba(var(--section-rgb,124, 58, 237), .12);width:60px;height:60px;color:var(--section,#7c3aed);border-radius:18px;place-items:center;display:grid}.brain-tile b{color:var(--text);font-size:17px}.brain-tile-best{color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-flex}.brain-page{--board:min(calc(100vh - 260px), 560px, calc(100vw - 48px))}.brain-game{flex-direction:column;align-items:center;gap:10px;display:flex}.brain-hud{width:var(--board)}.brain-stage{width:var(--board);flex-direction:column;align-items:center;gap:12px;max-width:100%;display:flex;position:relative}.brain-board{width:100%}.brain-piece{pointer-events:none;filter:drop-shadow(0 3px 3px #00000059);width:84%;height:84%;position:absolute;inset:8%}.coords-sq.hint:after{content:"";background:#0c1a2047;border-radius:50%;position:absolute;inset:38%}.brain-note{text-align:center;color:var(--text);flex:1;font-size:14px;font-weight:700}.brain-lives{color:#e11d48;letter-spacing:2px;font-size:20px}.brain-lives .spent{opacity:.25}.brain-overlay{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;border-radius:16px;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.brain-card{text-align:center;background:var(--surface);border:1px solid var(--line);max-width:380px;color:var(--text);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:22px;display:flex;box-shadow:0 18px 40px #0c1a2033}.brain-card h2{margin:4px 0 0}.brain-card p{margin:0;line-height:1.6}.brain-best{color:#b45309;align-items:center;gap:4px;font-weight:800;display:inline-flex}.color-quiz{width:100%;min-height:min(var(--board), 420px);background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:20px;transition:box-shadow .15s;display:flex}.color-quiz.ok{box-shadow:inset 0 0 0 4px #22c55e}.color-quiz.bad{box-shadow:inset 0 0 0 4px #ef4444}.color-square{font-family:var(--font-display);color:var(--text);font-size:clamp(64px,16vw,110px);line-height:1}.color-buttons{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:380px;display:grid}.color-btn{border:2px solid var(--line);cursor:pointer;border-radius:16px;min-height:64px;font-size:20px;font-weight:800}.color-btn.light{color:#3b2a14;background:#f0d9b5}.color-btn.dark{color:#fff;background:#b58863}.material-buttons{grid-template-columns:1fr auto 1fr;gap:10px;width:100%;display:grid}.material-buttons .btn{justify-content:center}.embed-app{--board:min(calc(100vw - 52px), calc(100vh - 150px));background:var(--surface);min-height:100vh;color:var(--text);box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;padding:10px;font-family:IBM Plex Sans Arabic,system-ui,sans-serif;display:flex}.embed-head{justify-content:space-between;align-items:baseline;gap:8px;width:100%;display:flex}.embed-head b{font-size:16px}.embed-head small{color:var(--muted)}.embed-status{text-align:center;background:var(--surface-2);border-radius:10px;width:100%;margin:0;padding:6px 8px;font-size:14px;font-weight:700}.embed-status.solved{color:#15803d;background:#22c55e26}.embed-status.wrong{color:#b91c1c;background:#ef44441f}.embed-board .board-frame{box-shadow:0 6px 16px #00000040!important}.embed-cta{color:#15803d;border-radius:10px;padding:6px 10px;font-size:14px;font-weight:800;text-decoration:none}.embed-cta:hover{text-decoration:underline}.embed-info-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.embed-info-code{flex-direction:column;gap:10px;display:flex;padding:20px!important}.embed-info-code h2{align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.embed-info-code textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);resize:vertical;border-radius:10px;padding:10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12.5px}.embed-info-code .btn-primary{align-self:flex-start}.embed-lang{align-items:center;gap:8px;font-weight:700;display:flex}.embed-steps{margin:4px 0 0;padding-inline-start:20px;line-height:1.8}.embed-preview{flex-direction:column;align-items:center;gap:6px;display:flex}.embed-preview iframe{background:var(--surface);box-shadow:0 10px 26px #0c1a2026}.embed-preview-caption{margin:0;font-size:14px}@media (width<=900px){.embed-info-grid{grid-template-columns:1fr}}.dt-flame{background:linear-gradient(160deg,#fb923c,#ea580c)}.dt-flame .icon,.dt-flame svg{filter:drop-shadow(0 1px 2px #9a341280);color:#fff7ed!important}.daily-tracker{align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto!important;gap:18px 24px!important;margin:12px 0!important;padding:14px 20px!important}.dt-streak{gap:12px}.dt-flame{border-radius:14px;width:48px;height:48px}.dt-days{font-size:21px}.dt-streak small{font-size:13px}.dt-today{border-inline-start:1px solid var(--line);gap:12px;padding-inline-start:20px}.dt-ring{width:58px;height:58px}.dt-ring>span{width:46px;height:46px;font-size:14px}.dt-today-text{gap:3px}.dt-today-text b{font-size:15px}.dt-today-text small{font-size:13px;line-height:1.4}.dt-today-text .btn-primary{margin-top:4px;padding:6px 14px;font-size:14px}.dt-calendar{gap:6px}.dt-grid{grid-template-columns:repeat(7,22px)!important;gap:4px!important;max-width:none!important}.dt-wd{font-size:10px;line-height:1}.dt-day{aspect-ratio:auto;width:22px;height:22px;font-size:10px;border-radius:5px!important}.dt-legend{flex-wrap:nowrap;justify-content:space-between;gap:8px}.dt-legend small{white-space:nowrap;font-size:12px}.dt-remind{font:inherit;color:var(--text);text-underline-offset:3px;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:2px 0;font-size:12px;font-weight:700;text-decoration:underline;display:inline-flex}.daily-tracker .reminder-box{grid-column:1/-1}@media (width<=1000px){.daily-tracker{grid-template-columns:minmax(0,1fr) auto!important}.dt-today{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--line);grid-area:2/1/auto/-1;padding-top:12px}.dt-calendar{grid-area:1/2}}@media (width<=600px){.daily-tracker{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important}.dt-calendar{grid-area:3/1;align-items:center}.dt-grid{width:100%;grid-template-columns:repeat(7,minmax(0,1fr))!important;max-width:300px!important}.dt-day{aspect-ratio:1;width:auto;height:auto}.dt-legend{width:100%;max-width:300px}.dt-grid{width:auto;grid-template-columns:repeat(7,30px)!important;gap:5px!important;max-width:none!important}.dt-day{width:30px;height:30px}.dt-legend{flex-wrap:wrap;justify-content:center;gap:4px 12px;width:auto;max-width:none}.dt-today{padding-top:10px}.dt-flame{width:44px;height:44px}.dt-days{font-size:20px}}@media (width>=1001px){.page-board>.panel{contain:size;min-height:440px;max-height:none}.page-board>.panel>.panel-body{min-height:0}}.panel-graph{border-top:1px solid var(--line);flex-shrink:0;padding:8px 16px 10px}.panel-graph .eval-graph{height:64px}@media (width<=1000px){.page-board>.panel{overflow:clip}.page-board .panel-footer{z-index:6;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;bottom:0;box-shadow:0 -8px 20px #0c1a201a}}@media (width<=860px){.page-board .panel-footer{bottom:calc(64px + env(safe-area-inset-bottom,0px));padding:10px 12px}}@media (width>=861px){.page-shell:has(.page-board) .page-header{min-height:0!important;margin-bottom:10px!important;padding-block:8px!important}.page-shell:has(.page-board) .page-header h1{font-size:22px!important}.page-shell:has(.page-board) .page-header-icon{width:38px!important;height:38px!important}}@media (width>=1001px){.page-board .player-tag{min-height:38px;padding-block:2px}.page-board .player-tag .player-avatar{width:30px;height:30px;font-size:18px}.page-board .board-column{gap:6px}}.coach-peek{transition:opacity .2s;pointer-events:none!important;cursor:default!important}:is(.board-column:has(.board-wrap:hover) .coach-peek,.board-stack:has(.board-wrap:hover) .coach-peek){opacity:.25!important}@media (width<=860px){.play-page:not(.phase-setup) .page-header{display:none!important}.play-page:not(.phase-setup) .page-board{gap:8px}.play-page:not(.phase-setup){--board:min(calc(100vw - 32px), calc(100dvh - 420px))}.play-page:not(.phase-setup) .board-column{align-items:center;gap:6px;width:100%}.play-page:not(.phase-setup) .board-column .player-tag{width:100%;min-height:36px;padding-block:2px}.play-page:not(.phase-setup) .board-column .player-avatar{width:28px;height:28px;font-size:16px}.play-page:not(.phase-setup) .panel .coach{align-items:flex-start;gap:8px;width:100%}.play-page:not(.phase-setup) .panel .coach .coach-avatar,.play-page:not(.phase-setup) .panel .coach .coach-avatar .coach-svg{width:44px!important;height:44px!important}.play-page:not(.phase-setup) .panel .coach .coach-name{padding:0 6px;font-size:10px}.play-page:not(.phase-setup) .panel .coach .coach-bubble{overscroll-behavior:contain;flex:1;min-width:0;max-height:104px;padding:8px 34px 8px 12px;font-size:14px;line-height:1.45;overflow-y:auto}[dir=rtl] .play-page:not(.phase-setup) .panel .coach .coach-bubble{padding:8px 12px 8px 34px}.play-page:not(.phase-setup) .panel .coach .coach-bubble p{margin:4px 0}.play-page:not(.phase-setup) .panel .coach .quality,.play-page:not(.phase-setup) .panel .coach .improve{font-size:13px}.play-page:not(.phase-setup) .opp-note{width:100%;padding:8px 10px;font-size:13.5px}.play-page:not(.phase-setup) .panel-footer{gap:8px;width:100%;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;padding:0!important;position:static!important}.play-page:not(.phase-setup) .panel-footer .btn{border-radius:12px;gap:6px;min-height:42px;padding:6px 8px;font-size:14px}.play-page:not(.phase-setup) .first-move-hint{width:100%;margin:0;padding:4px 10px;font-size:12.5px;line-height:1.35}.play-page:not(.phase-setup) .move-list{width:100%;max-height:180px}.coach-peek.peek-top{z-index:45;justify-content:center;top:calc(var(--topbar-h,56px) + env(safe-area-inset-top,0px) + 8px)!important;animation:9s both peek-top!important;position:fixed!important;bottom:auto!important;left:12px!important;right:12px!important}.coach-peek.peek-top .peek-avatar{display:none}.coach-peek.peek-top .peek-bubble{border-radius:14px;width:100%;max-width:none;padding:10px 14px;font-size:14px;margin:0!important}}@keyframes peek-top{0%{opacity:0;transform:translateY(-120%)}6%,90%{opacity:1;transform:none}to{opacity:0;transform:translateY(-120%)}}@media (width<=860px){:is(.page-shell:has(.coach-stage),.page-shell:has(.online-tag)){--board:calc(100vw - 52px)}.coach-stage{align-items:flex-start;flex-direction:row!important;gap:10px!important;padding:10px 12px!important}.coach-stage-figure{flex-direction:column;align-items:center;gap:4px;display:flex}.coach-stage-figure .coach-svg{width:52px!important;height:52px!important}.coach-stage-figure .coach-name{padding:0 6px;font-size:10px}.coach-stage-bubble{overscroll-behavior:contain;text-align:start;flex:1;min-width:0;max-height:132px;font-size:14px;line-height:1.45;overflow-y:auto;padding:8px 12px 8px 36px!important}[dir=rtl] .coach-stage-bubble{padding:8px 36px 8px 12px!important}.coach-stage-bubble .stage-intro{padding:4px 8px;font-size:13px}.coach-stage-bubble .stage-task{font-size:14px}.puzzle-page .page-board{flex-direction:column;gap:8px;display:flex}.puzzle-page :is(.panel,.panel-body){display:contents}.puzzle-page .panel .coach{order:-2;gap:8px;width:100%;margin:0}.puzzle-page .panel .coach .coach-avatar,.puzzle-page .panel .coach .coach-avatar .coach-svg{width:44px!important;height:44px!important}.puzzle-page .panel .coach .coach-name{padding:0 6px;font-size:10px}.puzzle-page .panel .coach .coach-bubble{flex:1;min-width:0;max-height:96px;padding:8px 34px 8px 12px;font-size:14px;line-height:1.45;overflow-y:auto}[dir=rtl] .puzzle-page .panel .coach .coach-bubble{padding:8px 12px 8px 34px}.puzzle-page .panel .coach .coach-bubble p{margin:2px 0}.puzzle-page .board-column{align-items:center;width:100%}.puzzle-page .panel-footer{order:1;gap:8px;width:100%;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;padding:0!important;position:static!important}.puzzle-page .panel-footer .btn{border-radius:12px;min-height:42px;padding:6px 8px;font-size:14px}.puzzle-page .panel-header{background:0 0;border:0;order:3;width:100%;padding:4px 0}.puzzle-page .panel-body>:not(.coach){order:2;width:100%}.puzzle-page .mistake-card{order:0!important}.puzzle-page{--board:min(calc(100vw - 52px), calc(100dvh - 400px))}.puzzle-page .footnote{order:2;width:100%;padding:0}.coach-stage-bubble{flex-direction:column;gap:4px;display:flex}.coach-stage-bubble .stage-task{order:-1}.coach-stage-bubble .speak-btn{order:-2}}