/* Quiet Chess: ink, parchment, sage, and a small copper accent. */
:root{--bg:#101919;--surface:#21302e;--surface2:#2c3c36;--line:#4a5c50;--text:#f5eddd;--muted:#bdc7b8;--accent:#bfd39d;--copper:#d6ad7e;--sea:#95c5b4}
body{background:radial-gradient(ellipse at 18% 0,#28382f 0%,#14221f 43%,#101819 86%)}.header{background:#0e1818f5;border-bottom:1px solid #485b4d}.brand{color:#f7efdf}.brand>span:first-child{color:#d9b88b}.main-nav button{height:100%;color:#c8d1bf;letter-spacing:.1px}.main-nav button:hover,.main-nav button[aria-current="page"]{background:#d9b88b0b;color:#fff3db}.main-nav button[aria-current="page"]:after{background:var(--copper);height:2px;bottom:0}.header .sign-in{background:#23352b;border-color:#83956b;color:#f2f3d8}.kicker{color:#d8bd94}.primary{background:#c4d69e;border-color:#d6e5b8;color:#1a291d;box-shadow:0 2px 7px #0002}.primary:hover:not(:disabled){background:#d9e8b9;color:#142016}.secondary{background:#263a34;border-color:#708570;color:#f0eddb}.secondary:hover:not(:disabled){background:#354d3c;border-color:#b9cb98}.home-title,.learning-heading h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.5px}.home-title em{color:#d8bc8f}.home-copy p,.lobby-intro,.lobby-note{color:#c5cfbc}.lobby-main{background:linear-gradient(145deg,#293c33,#1e302d);border-color:#697b61;box-shadow:0 16px 45px #0004}.lobby-heading h2{color:#fff3df}.quick-pools button{background:#172825;border-color:#60755d;color:#f7efdb}.quick-pools small{color:#c6d1bd}.quick-pools button:hover{background:#3b4e37;border-color:#c2ce9c}.quick-pools .searching{background:#435b3b;border-color:#e0e2ad}.lobby-aside .play-card{background:#1b2c29;border-color:#566b59}.lobby-aside .play-card strong{color:#f8efdc}.lobby-aside .play-card small{color:#c4cebd}.lobby-aside .play-card:hover{background:#304437;border-color:#b8c68d}.casual-tag{background:#152622;color:#dce5c6;border-color:#687e61}.lobby-foot{color:#c7d2bd}.panel,dialog{background:#20322d;border-color:#607557}.clock{background:#20342d;color:#d0d9c4}.clock.active{background:#45613c;color:#fff8dd}.game-status{background:#30462f}.learning-heading h1{color:#f8edda}.learning-summary{border-color:#58694f}.learning-groups h2{color:#e6d0a9;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:25px}.lesson-card{background:#22352e;border-color:#61725a;box-shadow:0 8px 18px #0003}.lesson-card:hover{background:#314737}.lesson-card strong{color:#fff0d9}.lesson-description{color:#ced6bf}.lesson-card-foot{color:#e0d8ba}.lesson-meter{background:#4a5c47}.training-panel{background:#25382e;border-color:#758261}.training-panel #training-concept{color:#d7ddc7}.training-status{background:#182b26;border-color:#768d76;border-left-color:#cbb28a}.training-status strong{color:#fff3dc}.training-panel .training-status p{color:#e0e3cd}.training-status[data-state="good"]{background:#314c2d;border-color:#a5b67c}.training-explanation-box{border-left-color:#d4b385}.training-menu button[aria-current="step"]{background:#415637;color:#fff2d3;box-shadow:inset 3px 0 #ddbb89}.watch-card{background:#23382f;border-color:#7e8b67}.training-topbar .text-button,.text-button{color:#d5d9ba}

.puzzles-screen{padding:27px 32px}.puzzle-hub{width:min(1180px,100%);margin:0 auto}.puzzle-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 0 24px}.puzzle-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:52px;line-height:1.03;font-weight:400;letter-spacing:-1.6px;color:#fff0d8;margin:14px 0 13px}.puzzle-intro h1 em{font-weight:400;color:#d5b687}.puzzle-intro p{font-size:13px;color:#c5d3bd;line-height:1.8;margin:0}.puzzle-emblem{height:170px;width:220px;position:relative;display:grid;place-items:center;border:1px solid #8c9d6d44;border-radius:50%;background:radial-gradient(circle,#9db77716,transparent 68%)}.puzzle-emblem>span{position:absolute;top:13px;right:35px;color:#dfbc8b;font-size:32px}.puzzle-emblem>div{height:90px;width:90px;filter:drop-shadow(0 7px 3px #0007)}.puzzle-emblem small{text-align:center;font-size:8px;letter-spacing:2px;line-height:1.8;color:#d7c49c;position:absolute;bottom:11px}.puzzle-profile{display:flex;align-items:center;gap:30px;padding:15px 0;border-top:1px solid #596d514d;border-bottom:1px solid #667f5566;margin-bottom:25px;font-size:11px;color:#c9d3bd}.puzzle-profile b{color:#f8efda;font-weight:650;font-size:15px;margin-right:5px}.puzzle-profile small{margin-left:auto;color:#bdcbb3;font-size:10px}.puzzle-modes{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:17px}.mode-card{position:relative;background:#22372f;border:1px solid #748569;border-radius:13px;padding:25px;box-shadow:0 15px 32px #0003;display:flex;flex-direction:column;align-items:flex-start;min-height:310px;overflow:hidden}.mode-climb{background:linear-gradient(155deg,#405238,#21362e);border-color:#b4bb87}.mode-rush{background:linear-gradient(155deg,#39473b,#1c302d);border-color:#8e9d79}.mode-survival{background:linear-gradient(155deg,#2b423b,#1b302b);border-color:#6d9c86}.mode-number{font-size:8px;letter-spacing:1.6px;color:#e4d3ac;font-weight:650}.mode-icon{position:absolute;right:21px;top:42px;color:#cad79922;font-family:Georgia,serif;font-size:78px;line-height:1}.mode-survival .mode-icon{color:#a0cfb82b}.mode-card h2{font-family:Georgia,"Times New Roman",serif;font-size:36px;font-weight:400;color:#fff0d4;margin:23px 0 12px}.mode-card p{font-size:12px;line-height:1.8;color:#e1e3cb;max-width:285px;margin:0 0 20px}.mode-details{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.mode-details span{font-size:9px;border:1px solid #cad1a155;padding:5px 7px;border-radius:20px;color:#e8e5c4;background:#0e1f1933}.mode-card>button,.rush-buttons{margin-top:auto;width:100%}.mode-card>button,.rush-buttons button{padding:12px 13px;font-size:12px}.mode-card>small{font-size:10px;line-height:1.6;color:#d5dabc;display:block;margin-top:12px}.rush-buttons{display:flex;gap:9px}.rush-buttons button{flex:1;white-space:nowrap}.puzzle-hub-footer{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:22px 0;font-size:10px;color:#bcccb6;line-height:1.8}.puzzle-hub-footer strong{color:#e5e7ca;font-size:12px}.puzzle-hub-footer p{margin:0}.puzzle-hub-footer button{padding:0;color:#dcbc8e;font-size:10px;text-align:left}.puzzle-hub-footer a{color:#c8d5b7;white-space:nowrap;font-size:9px}
.puzzle-play{width:max-content;max-width:100%;margin:auto}.puzzle-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;color:#d6dcbb;margin:0 0 14px}.puzzle-topbar>span:nth-child(2){color:#f4e6c7;font-weight:650}.puzzle-topbar .text-button{font-size:11px}.puzzle-hud{display:flex;align-items:center;gap:30px;padding:13px 20px;background:#1e352e;border:1px solid #688165;border-radius:8px;margin-bottom:20px;box-shadow:0 5px 16px #0002}.puzzle-hud>div{display:flex;align-items:center;gap:11px}.puzzle-hud>div:last-child{margin-left:auto}.puzzle-hud span{font-size:9px;letter-spacing:1.4px;color:#c6d2b9}.puzzle-hud strong{font-size:29px;font-weight:550;color:#fbf0d6;font-variant-numeric:tabular-nums;letter-spacing:1px}.puzzle-hud>div:last-child strong{font-size:16px;color:#c4d7a2;letter-spacing:2px}.puzzle-hud #puzzle-clock.low{color:#ffc7a2}.puzzle-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:30px;align-items:center}.puzzle-board-column{width:min(740px,calc(100dvh - 270px),calc(100vw - 435px))}.puzzle-board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:15px}.puzzle-board-heading strong{font-size:13px;color:#f0e9cf;font-weight:550}.puzzle-frame{width:100%;aspect-ratio:1;height:auto}.puzzle-board-column>p{font-size:10px;color:#c2d0b4;line-height:1.6;margin:12px 0 0}.puzzle-mobile-instruction{display:none}.puzzle-panel{width:325px;background:#233b32;border:1px solid #6c8668;border-radius:11px;padding:22px;max-height:calc(100dvh - 220px);overflow-y:auto;scrollbar-width:thin;box-shadow:0 10px 32px #0003}.puzzle-panel h1{font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:400;color:#fff0d8;margin:12px 0 19px}.puzzle-status{padding:15px;background:#132922;border:1px solid #628571;border-left:3px solid #b8d39b;border-radius:6px}.puzzle-status strong{font-size:16px;color:#f6f4dc;line-height:1.5}.puzzle-status p{font-size:12px;color:#d2dfc5;line-height:1.7;margin:5px 0 0}.puzzle-status[data-state="fail"]{background:#462d26;border-color:#bd8b6e;border-left-color:#edb68b}.puzzle-status[data-state="good"]{background:#3b512c;border-color:#abc28a}.puzzle-hint-note{font-size:12px;line-height:1.7;color:#e9edce;padding:12px;border:1px solid #a99e70;border-radius:5px;background:#4d50312b}.puzzle-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.puzzle-actions button{font-size:11px;padding:12px 8px}.puzzle-actions .primary,#puzzle-review-back{grid-column:1/-1}.puzzle-insight{margin:20px 0 13px;border-top:1px solid #61785d;padding-top:16px}.puzzle-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.puzzle-tags span{font-size:9px;color:#e7e8c5;border:1px solid #92a47877;background:#c6d59c0c;padding:5px 7px;border-radius:4px}.puzzle-insight p{font-size:11px;line-height:1.8;color:#d7e1c3}.puzzle-insight a{font-size:10px;color:#dec08d}.puzzle-rules{font-size:10px;line-height:1.8;color:#c3d0b3;border-top:1px solid #60755988;padding-top:14px;margin:17px 0 0}.puzzle-run-history{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 0}.run-dot{display:grid;place-items:center;width:22px;height:22px;border:1px solid #8eac7766;border-radius:4px;background:#435f35;color:#f4edc9;font-size:12px}.run-dot.result-miss{background:#6a4635;border-color:#d49b6d;color:#ffe0bd}.run-dot.result-assisted,.run-dot.result-revealed{background:#63573c;border-color:#c4b77d}.puzzle-summary{max-width:960px;margin:25px auto;text-align:center}.puzzle-summary h1{font-family:Georgia,"Times New Roman",serif;font-size:50px;font-weight:400;margin:15px 0;color:#fff0d8}.puzzle-summary>p{font-size:13px;color:#cbd8ba;line-height:1.8}.run-score{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:30px 0}.run-score strong{font-size:100px;line-height:1;font-weight:400;color:#d6dfa4}.run-score span{font-size:9px;letter-spacing:2px;margin-top:13px;color:#d5d8b7}.run-summary-stats{display:flex;justify-content:center;gap:30px;font-size:12px;color:#e2ddbd;margin-bottom:25px}.summary-actions{display:flex;justify-content:center;gap:12px;margin-bottom:40px}.summary-actions button{padding:13px 22px;width:auto}.puzzle-summary h2{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#e9cfa5}.puzzle-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.puzzle-result{text-align:left;padding:15px;border:1px solid #7e9469;border-radius:6px;background:#2d452f;font-size:12px;color:#ecedcf}.puzzle-result.result-miss{background:#49362c;border-color:#ad8467;color:#f8dac0}.puzzle-result.result-unfinished,.puzzle-result.result-assisted,.puzzle-result.result-revealed{background:#3e4430;border-color:#a2a075}
@media(min-width:1800px) and (min-height:900px){.puzzles-screen{padding:48px 45px}.puzzle-hub{width:min(1460px,100%)}.puzzle-intro{margin-bottom:36px;min-height:240px}.puzzle-intro h1{font-size:80px;margin:20px 0}.puzzle-intro p{font-size:18px}.puzzle-intro .kicker{font-size:11px}.puzzle-emblem{width:290px;height:240px}.puzzle-emblem>div{width:130px;height:130px}.puzzle-emblem small{font-size:10px;bottom:20px}.puzzle-emblem>span{font-size:40px;right:45px}.puzzle-profile{padding:22px 0;margin-bottom:35px;gap:45px;font-size:15px}.puzzle-profile b{font-size:22px}.puzzle-profile small{font-size:13px}.puzzle-modes{gap:25px}.mode-card{padding:35px;min-height:425px;border-radius:16px}.mode-number{font-size:10px}.mode-card h2{font-size:49px;margin:33px 0 17px}.mode-card p{font-size:16px;max-width:360px}.mode-details span{font-size:11px;padding:7px 10px}.mode-card>small{font-size:13px}.mode-card>button,.rush-buttons button{font-size:15px;padding:16px}.mode-icon{font-size:110px;top:53px;right:35px}.puzzle-hub-footer{font-size:13px;margin-top:30px}.puzzle-hub-footer strong{font-size:16px}.puzzle-hub-footer button{font-size:13px}.puzzle-hub-footer a{font-size:12px}.puzzle-layout{grid-template-columns:minmax(0,1fr) 380px;gap:40px}.puzzle-board-column{width:min(1000px,calc(100dvh - 320px),calc(100vw - 620px))}.puzzle-panel{width:380px;padding:30px;max-height:calc(100dvh - 265px)}.puzzle-panel h1{font-size:38px}.puzzle-status strong{font-size:20px}.puzzle-status p,.puzzle-hint-note{font-size:15px}.puzzle-actions button{font-size:14px}.puzzle-insight p,.puzzle-rules{font-size:13px}.puzzle-tags span,.puzzle-insight a{font-size:12px}.puzzle-topbar{font-size:14px;margin-bottom:20px}.puzzle-topbar .text-button{font-size:14px}.puzzle-hud{padding:17px 25px;margin-bottom:25px}.puzzle-hud strong{font-size:36px}.puzzle-hud>div:last-child strong{font-size:20px}.puzzle-hud span{font-size:11px}.puzzle-board-heading strong{font-size:17px}.puzzle-board-column>p{font-size:13px}.learning-groups h2{font-size:32px}}
@media(min-width:701px) and (max-height:850px){.puzzles-screen{padding:20px 32px}.puzzle-intro{margin-bottom:17px}.puzzle-intro h1{font-size:42px;margin:10px 0}.puzzle-intro p{font-size:12px}.puzzle-emblem{height:135px;width:180px}.puzzle-emblem>div{height:75px;width:75px}.puzzle-emblem small{font-size:7px}.puzzle-profile{padding:12px 0;margin-bottom:19px}.mode-card{min-height:289px;padding:22px}.mode-card h2{font-size:32px;margin:18px 0 9px}.mode-card p{font-size:11px;margin-bottom:14px}.mode-details{margin-bottom:14px}.mode-card>small{font-size:9px}.puzzle-hub-footer{margin:16px 0}.puzzle-hud{padding:10px 18px;margin-bottom:17px}.puzzle-topbar{margin-bottom:12px}.puzzle-hud strong{font-size:27px}}
@media(max-width:1000px){.puzzles-screen{padding:24px}.puzzle-modes{gap:12px}.mode-card{padding:20px}.mode-card p{font-size:11px}.mode-card h2{font-size:31px}.mode-number{font-size:7px;letter-spacing:1px}.mode-icon{font-size:60px}.rush-buttons{flex-direction:column;gap:7px}.puzzle-profile{gap:16px}.puzzle-profile small{max-width:160px;text-align:right;line-height:1.6}.puzzle-layout{grid-template-columns:minmax(0,1fr) 285px;gap:20px}.puzzle-panel{width:285px;padding:19px}.puzzle-board-column{width:min(650px,calc(100dvh - 270px),calc(100vw - 365px))}.puzzle-hud{gap:18px}}
@media(max-width:700px){.main-nav button{height:100%}.puzzles-screen{height:calc(100dvh - 98px);padding:25px 18px}.puzzle-intro{display:block;margin-bottom:22px}.puzzle-intro h1{font-size:45px;line-height:1.04}.puzzle-intro p{font-size:13px;line-height:1.8}.puzzle-emblem{display:none}.puzzle-profile{gap:16px;flex-wrap:wrap;padding:17px 0;font-size:10px}.puzzle-profile span{display:flex;flex-direction:column;gap:5px;flex:1}.puzzle-profile b{font-size:16px;margin:0}.puzzle-profile small{max-width:none;flex-basis:100%;margin:0;text-align:left;font-size:9px}.puzzle-modes{grid-template-columns:1fr;gap:16px}.mode-card{padding:25px;min-height:280px}.mode-card h2{font-size:36px;margin:23px 0 13px}.mode-card p{font-size:13px;max-width:none}.mode-number{font-size:8px;letter-spacing:1.4px}.mode-details span{font-size:10px}.mode-card>button,.rush-buttons button{font-size:13px;padding:14px}.rush-buttons{flex-direction:row}.mode-card>small{font-size:11px}.mode-icon{font-size:86px;top:50px}.puzzle-hub-footer{display:block;font-size:11px;line-height:1.9;margin:24px 0}.puzzle-hub-footer>button,.puzzle-hub-footer>a{display:block;margin-top:17px}.puzzle-hub-footer strong{font-size:13px}.puzzle-play{width:100%}.puzzle-topbar{font-size:10px;gap:8px;line-height:1.6;flex-wrap:wrap}.puzzle-topbar .text-button{font-size:11px}.puzzle-topbar>span:last-child{margin-left:auto}.puzzle-hud{gap:12px;padding:12px;margin:15px 0 20px}.puzzle-hud>div{flex:1;display:block}.puzzle-hud>div:last-child{margin-left:0}.puzzle-hud strong{display:block;font-size:27px;margin-top:5px}.puzzle-hud>div:last-child strong{font-size:14px;letter-spacing:1px}.puzzle-hud span{font-size:8px;letter-spacing:1px}.puzzle-layout{display:flex;flex-direction:column;gap:22px}.puzzle-board-column,.puzzle-panel{width:100%;max-width:620px}.puzzle-panel{max-height:none;padding:23px}.puzzle-board-heading strong{font-size:12px}.puzzle-board-heading .kicker{font-size:8px}.puzzle-mobile-instruction{display:block!important;background:#1c382c;border:1px solid #718d69;border-left:3px solid #c3d69d;padding:10px 12px;margin:0 0 12px!important;border-radius:5px;font-size:12px!important;color:#eef0d2!important}.puzzle-panel h1{font-size:33px}.puzzle-status p,.puzzle-insight p{font-size:13px}.puzzle-actions button{font-size:12px}.puzzle-rules{font-size:11px}.puzzle-summary{margin:10px auto}.puzzle-summary h1{font-size:36px;line-height:1.12}.puzzle-summary>p{font-size:12px}.run-score strong{font-size:84px}.run-summary-stats{font-size:11px;gap:15px;flex-wrap:wrap}.summary-actions button{padding:13px 15px;font-size:12px}.puzzle-results{grid-template-columns:1fr 1fr;gap:8px}.puzzle-result{font-size:10px;padding:13px 10px}}
@media(min-width:701px) and (max-height:550px){.puzzles-screen{padding:15px 22px}.puzzle-board-column{width:min(calc(100dvh - 210px),calc(100vw - 365px))}.puzzle-panel{max-height:calc(100dvh - 155px)}.puzzle-hud{padding:7px 14px;margin-bottom:12px}.puzzle-hud strong{font-size:23px}.puzzle-intro h1{font-size:35px}}
#puzzle-promotion-options{display:flex;gap:10px;margin-top:20px}#puzzle-promotion-options button{width:70px;height:75px;border-radius:7px;background:#304731;border:1px solid #94aa7e;padding:8px}#puzzle-promotion-options svg{width:100%;height:100%}
.lesson-overview{max-width:1100px;margin:8px auto 35px}.lesson-overview>.text-button{font-size:12px;color:#e0c496;margin-bottom:27px}.lesson-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:60px;align-items:center}.lesson-overview h1{font-family:Georgia,serif;font-weight:400;font-size:53px;line-height:1.1;color:#fff0d8;margin:16px 0}.lesson-overview #lesson-concept{font-size:16px;line-height:1.85;color:#d4dec4;max-width:650px}.lesson-overview h2{font-family:Georgia,serif;font-size:23px;font-weight:400;color:#e2c59a;margin:25px 0 12px}.lesson-overview ul{padding-left:20px;color:#dce3ca;font-size:13px;line-height:2.2;margin-bottom:24px}.lesson-overview #lesson-begin{width:auto;padding:14px 24px}.lesson-overview #lesson-overview-progress{font-size:11px;color:#bdccb0;margin-top:15px}.lesson-overview figure{margin:0;padding:22px;background:#233a2d;border:1px solid #85936b;border-radius:13px;box-shadow:0 15px 35px #0004}.lesson-example-board{width:274px;height:274px;border:5px solid #13241d;opacity:1}.lesson-overview figcaption{font-size:11px;line-height:1.6;color:#e4d8af;text-align:center;margin-top:15px}.lesson-overview .lesson-chapters-title{margin:32px 0 17px}.lesson-chapter-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lesson-chapter-card{text-align:left;display:flex;flex-direction:column;gap:12px;padding:23px;background:#23392d;border:1px solid #718763;border-radius:9px}.lesson-chapter-card:hover{background:#344c35;border-color:#c8ce97}.lesson-chapter-card small{font-size:9px;letter-spacing:1px;color:#dfc493}.lesson-chapter-card strong{font-size:17px;font-weight:550;color:#f8ecd1}.lesson-chapter-card span{font-size:11px;color:#cad6b9}
@media(min-width:1800px) and (min-height:900px){.lesson-overview{max-width:1420px;margin-top:30px}.lesson-overview-grid{grid-template-columns:minmax(0,1fr) 420px;gap:100px}.lesson-overview h1{font-size:76px}.lesson-overview #lesson-concept{font-size:21px;max-width:800px}.lesson-overview h2{font-size:30px}.lesson-overview ul{font-size:18px}.lesson-overview figure{padding:25px}.lesson-example-board{width:368px;height:368px}.lesson-overview figcaption{font-size:14px}.lesson-overview #lesson-begin{font-size:16px;padding:18px 28px}.lesson-overview #lesson-overview-progress{font-size:14px}.lesson-chapter-card{padding:30px}.lesson-chapter-card strong{font-size:23px}.lesson-chapter-card small,.lesson-chapter-card span{font-size:13px}}
@media(max-width:700px){.lesson-overview-grid{display:flex;flex-direction:column;gap:25px;align-items:stretch}.lesson-overview h1{font-size:42px}.lesson-overview #lesson-concept{font-size:14px}.lesson-overview ul{font-size:12px}.lesson-overview figure{max-width:320px;align-self:center}.lesson-example-board{width:250px;height:250px}.lesson-chapter-cards{grid-template-columns:1fr}.lesson-chapter-card strong{font-size:17px}}