@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#18271f;background:#f4f6f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1,h2{letter-spacing:0}h1{font-size:34px;line-height:1.28;font-weight:800}h2{font-size:23px;line-height:1.35;font-weight:750}p{line-height:1.75;color:#65736a}.app-shell{min-height:100vh;display:flex;flex-direction:column}.main-content{width:min(1180px,calc(100% - 56px));margin:0 auto;flex:1;padding:38px 0 76px}.eyebrow{font-size:12px;font-weight:800;color:#458568;letter-spacing:0;text-transform:uppercase}.site-header{height:72px;background:#fff;border-bottom:1px solid #e5eae6;position:sticky;top:0;z-index:40}.site-header__inner{width:min(1180px,calc(100% - 56px));height:100%;margin:auto;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;color:#193e2e;padding:0;font-weight:800;font-size:19px;white-space:nowrap}.brand-light{font-weight:500}.brand-mark{width:33px;height:33px;border-radius:7px;background:#193e2e;display:grid;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px);align-content:center;justify-content:center;gap:5px;transform:rotate(-8deg)}.brand-mark span{border-radius:50%;background:#fff}.brand-mark span:first-child{background:#f6ab72}.brand-mark span:last-child{background:#b6d8bd}.site-nav{display:flex;align-items:center;height:100%;gap:5px;flex:1}.site-nav button{height:40px;padding:0 14px;display:flex;align-items:center;gap:8px;border:0;background:none;border-radius:6px;color:#64736a;font-size:13px;font-weight:650;white-space:nowrap}.site-nav button:hover,.site-nav button.site-nav__active{background:#eaf2ec;color:#1a5c3d}.header-meta{display:flex;align-items:center;gap:8px;color:#577262;font-size:12px;font-weight:700;white-space:nowrap}.mobile-menu,.mobile-bottom-nav{display:none}.site-footer{border-top:1px solid #dfe7e1;width:100%;padding:28px max(28px,calc((100% - 1180px)/2));display:flex;gap:24px;align-items:center;color:#7a8980;font-size:12px}.site-footer span:first-child{font-weight:800;color:#234b36}.site-footer a{margin-left:auto;display:flex;align-items:center;gap:4px;color:#4b765b}.button{border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 17px;font-size:13px;font-weight:800;transition:transform .18s,background .18s,border .18s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button--primary{background:#1d5c3b;color:#fff}.button--primary:hover:not(:disabled){background:#144c30}.button--secondary{background:#fff;color:#245139;border-color:#d4e0d7}.button--secondary:hover:not(:disabled){border-color:#89ae94;background:#f9fcfa}.button--light{background:#fff;color:#19422e}.button:disabled{opacity:.55}.icon-button{width:43px;height:43px;display:inline-grid;place-items:center;border:1px solid #d6e1d9;background:#fff;border-radius:6px;color:#37624b}.icon-button:hover{background:#eff5f0}.link-button{border:0;background:none;color:#286342;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:8px;padding:8px}.link-button:hover{text-decoration:underline}.text-back{border:0;background:none;padding:6px 0;color:#527161;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.text-back:hover{color:#1d5c3b}.home-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.home-heading h1{margin:8px 0 5px}.home-heading p{font-size:14px;margin:0}.date-pill{display:flex;gap:9px;align-items:center;border:1px solid #dbe7dd;border-radius:50px;background:#fff;padding:9px 14px;font-size:12px;font-weight:700;color:#637b68}.date-pill__dot{width:7px;height:7px;background:#e58b62;border-radius:50%}.dashboard-hero{background:#173e2d;border-radius:7px;min-height:322px;display:grid;grid-template-columns:1fr 356px;overflow:hidden;position:relative}.dashboard-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 60%,rgba(244,255,241,.045) 60%);background-size:26px 26px;opacity:.7;pointer-events:none}.dashboard-hero__copy{padding:37px 43px 32px;z-index:1;color:#fff}.hero-kicker{display:flex;align-items:center;gap:8px;color:#b8d7bf;font-size:12px;font-weight:800}.hero-kicker__line{height:2px;width:19px;background:#f7af79}.dashboard-hero h2{font-size:33px;margin:17px 0 5px;color:#fff}.dashboard-hero p{color:#c2d8c8;margin:0 0 23px;font-size:14px}.hero-progress{margin-top:28px;width:min(300px,100%);font-size:11px;color:#b9d3c0;display:grid;grid-template-columns:1fr auto;gap:9px}.hero-progress strong{color:#fff;font-size:12px}.hero-progress__bar{grid-column:1/-1;height:5px;background:#39634b;border-radius:10px;overflow:hidden}.hero-progress__bar i{display:block;height:100%;background:#f2ae7d;border-radius:10px}.dashboard-hero__board{width:290px;margin:18px 36px 18px auto;align-self:center;position:relative;transform:rotate(5deg);filter:drop-shadow(0 13px 12px rgba(2,25,14,.23))}.dashboard-hero__board .board-wrap{padding:12px}.board-floating-label{position:absolute;bottom:15px;right:-20px;padding:8px 12px;background:#fff;border-radius:3px;color:#22523a;font-size:11px;font-weight:800;box-shadow:0 5px 12px #0c261f22;transform:rotate(-5deg)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:38px 0 15px}.section-heading h2{margin:6px 0 0}.level-overview{background:#fff;border:1px solid #e4ebe6;border-radius:7px;overflow:hidden}.level-overview__item{width:100%;display:flex;align-items:center;gap:19px;padding:20px 24px;border:0;border-bottom:1px solid #edf1ed;text-align:left;background:#fff;color:#294332}.level-overview__item:last-child{border-bottom:0}.level-overview__item:hover{background:#f8fbf8}.level-overview__number{font-size:13px;font-weight:800;color:#8ca797;width:38px}.level-overview__main{display:flex;align-items:center;gap:22px;flex:1}.level-overview__main strong{font-size:17px;min-width:45px}.level-overview__main small{font-size:12px;color:#7c8980}.level-overview__count{font-size:12px;color:#4d7d5e;font-weight:800;min-width:38px}.level-overview__item--locked .level-overview__count{color:#9ca9a0}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:44px}.home-bottom__block{border-top:2px solid #cddccf;padding-top:22px}.home-bottom__block:nth-child(2){border-color:#e9ad83}.home-bottom__block h2{font-size:19px;margin:7px 0 4px}.home-bottom__block p{font-size:13px;margin-bottom:18px}.page-title{margin:6px 0 34px}.page-title h1{margin:8px 0 4px}.page-title p{font-size:14px;margin:0}.path-level{margin:0 0 36px}.path-level__head{display:flex;align-items:center;gap:18px;margin-bottom:16px}.level-badge{height:48px;width:48px;display:grid;place-items:center;background:#1d5c3b;color:#fff;border-radius:6px;font-weight:800;font-size:15px}.level-badge--1{background:#326a80}.level-badge--2{background:#ad634a}.path-level__head h2{display:flex;align-items:baseline;gap:13px;margin:4px 0 0;font-size:21px}.path-level__head h2 span{font-size:12px;font-weight:500;color:#839087}.rule-pill{margin-left:auto;border:1px solid #dae6dd;background:#edf5ef;border-radius:50px;padding:6px 11px;color:#4b7c5a;font-size:11px;font-weight:800}.unit-list{background:#fff;border:1px solid #e1e9e3;border-radius:6px;overflow:hidden}.unit-row{display:flex;align-items:center;width:100%;gap:17px;padding:14px 19px;border:0;border-bottom:1px solid #edf1ed;background:#fff;text-align:left;color:#1b3022}.unit-row:last-child{border:0}.unit-row:hover:not(:disabled){background:#f7fbf7}.unit-row--locked{opacity:.53}.unit-row__step{height:35px;width:35px;flex:none;border:1px solid #dce7de;border-radius:50%;display:grid;place-items:center;color:#678274;font-size:11px;font-weight:800}.unit-row__step--done{background:#e2f2e5;color:#1a7040;border-color:#cfebd4}.unit-row__body{display:flex;flex-direction:column;gap:3px;flex:1}.unit-row__body strong{font-size:14px}.unit-row__body small,.unit-row__meta{color:#8a988d;font-size:11px}.unit-row__meta{margin-right:8px}.exam-row{width:100%;display:flex;align-items:center;gap:16px;border:1px dashed #aac7b1;border-radius:6px;background:#f0f7f1;margin-top:12px;padding:16px 20px;text-align:left;color:#275137}.exam-row:hover:not(:disabled){background:#e8f2e9}.exam-row--locked{opacity:.6}.exam-row__icon{height:35px;width:35px;display:grid;place-items:center}.exam-row span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.exam-row strong{font-size:14px}.exam-row small{font-size:11px;color:#718476}.exam-row__status{font-size:11px;font-weight:700;color:#43815a;margin-right:7px}.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.practice-item{display:flex;min-height:174px;flex-direction:column;align-items:flex-start;text-align:left;position:relative;padding:19px;border:1px solid #e0e9e2;background:#fff;border-radius:6px;color:#234b33}.practice-item:hover{border-color:#a7cab0;background:#fbfdfb;transform:translateY(-1px)}.practice-item__level{font-size:11px;font-weight:800;color:#7b9c83;margin-bottom:16px}.practice-item>svg{position:absolute;right:18px;top:20px;color:#7aa28a}.practice-item strong{font-size:15px;margin-bottom:3px}.practice-item small{font-size:12px;color:#89968d}.practice-item__bottom{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;border-top:1px solid #edf2ed;padding-top:12px;color:#578268;font-size:11px;font-weight:700}.mistake-summary{display:flex;align-items:center;gap:11px;padding:16px 20px;background:#eaf3ed;border:1px solid #d5e7d9;border-radius:6px;color:#286040;font-size:13px;margin-bottom:18px}.mistake-summary .button{margin-left:auto}.mistake-list{background:#fff;border:1px solid #e3ebe5;border-radius:6px;overflow:hidden}.mistake-list button{display:flex;width:100%;align-items:center;gap:17px;padding:16px 18px;border:0;border-bottom:1px solid #ebf0ec;background:#fff;text-align:left}.mistake-list button:last-child{border:0}.mistake-list button:hover{background:#f8fbf8}.mistake-list span{font-size:11px;color:#59836b;font-weight:800;min-width:40px}.mistake-list strong{font-size:13px;flex:1;color:#294232}.mistake-list small{font-size:11px;color:#a07d63}.mistake-list svg{color:#789582}.lesson-intro{margin:16px 0 37px;border-bottom:1px solid #dce6dd;padding-bottom:33px}.lesson-intro__copy{max-width:770px}.lesson-intro h1{margin:9px 0 1px}.lesson-intro__subtitle{margin:0 0 27px;font-size:15px}.concept-block{display:flex;gap:15px;padding:19px 20px 17px;border-left:3px solid #378457;background:#eaf2ec;margin-bottom:14px}.concept-block svg{color:#34744a;flex:none;margin-top:2px}.concept-block strong{font-size:13px}.concept-block p{font-size:13px;margin:5px 0 0;color:#456451}.takeaway{font-size:12px;color:#5c7262;margin-bottom:25px}.takeaway span{font-weight:800;color:#246540;margin-right:12px}.soft-note{font-size:11px;color:#849689}.puzzle-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:0;border:1px solid #e2e9e3;border-radius:7px;overflow:hidden;background:#fff;margin-top:18px}.puzzle-board-pane{padding:22px 30px 25px;background:#f9fbf9;border-right:1px solid #e6ece7;display:flex;align-items:center;flex-direction:column}.board-topline{width:min(100%,560px);display:flex;justify-content:space-between;align-items:center;color:#799184;font-size:11px;font-weight:700;margin-bottom:15px}.turn-chip{display:inline-flex;align-items:center;gap:7px;color:#2c5140;font-weight:800}.turn-dot{height:12px;width:12px;border-radius:50%;box-shadow:0 0 0 1px #87958a}.turn-dot--black{background:#202b23}.turn-dot--white{background:#fff}.board-wrap{width:min(100%,560px);padding:15px;border:1px solid #d4ddc5;border-radius:4px;background:#e9d6ac;box-shadow:0 2px #d1bd96,0 10px 22px #28412b12}.board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));aspect-ratio:1;width:100%;position:relative;background:#e9d6ac;border:1px solid #d2bb8e}.intersection{min-width:0;min-height:0;padding:0;border:0;background:transparent;position:relative;display:grid;place-items:center;z-index:0;outline-offset:-2px}.intersection:disabled{cursor:default}.intersection:not(:disabled):hover{background:#ffffff3b}.intersection:focus-visible{outline:2px solid #d25f34;z-index:5}.intersection:before,.intersection:after{content:"";position:absolute;background:#a98e64;pointer-events:none;z-index:-1}.intersection:before{height:1px;top:50%;left:0;right:0}.intersection:after{width:1px;left:50%;top:0;bottom:0}.intersection:nth-child(15n+1):before{left:50%}.intersection:nth-child(15n):before{right:50%}.intersection:nth-child(-n+15):after{top:50%}.intersection:nth-child(n+211):after{bottom:50%}.star-point{width:16%;height:16%;background:#846d4e;border-radius:50%;position:absolute}.stone{width:79%;height:79%;border-radius:50%;z-index:2;display:block;box-shadow:0 2px 2px #635a4359}.stone--black{background:radial-gradient(circle at 35% 28%,#586459,#202b22 42%,#111c16)}.stone--white{background:radial-gradient(circle at 35% 30%,#fff,#f7f8f4 45%,#cbd1c6);border:1px solid #9daca1}.move-marker{position:absolute;width:28%;height:28%;border-radius:50%;background:#ee9964;z-index:3;box-shadow:0 0 0 1px #fff}.intersection--marked:has(.stone--black) .move-marker{background:#f4b47c}.intersection--marked:has(.stone--white) .move-marker{background:#27764b}.wrong-marker{position:absolute;z-index:4;color:#c44c35;font-size:18px;font-weight:800;line-height:1}.board-caption{display:flex;justify-content:space-between;padding:10px 2px 0;color:#91795c;font-size:10px;font-weight:700}.board-wrap--compact{width:100%}.board-wrap--compact .stone{width:77%;height:77%}.puzzle-side{padding:34px 34px 25px;display:flex;flex-direction:column;min-height:520px}.puzzle-side h2{font-size:23px;line-height:1.46;margin:12px 0 9px;max-width:380px}.side-intro{font-size:13px;margin:0 0 20px}.lesson-rule{display:flex;gap:9px;background:#f2f6f2;border-radius:4px;padding:12px 13px;color:#66816d;font-size:11px;line-height:1.6}.lesson-rule svg{flex:none}.hint-box{display:flex;gap:10px;background:#fff7eb;border:1px solid #f3e6ce;border-radius:4px;color:#8a5c33;padding:13px;margin-top:17px;font-size:12px;line-height:1.65}.hint-box svg{flex:none}.feedback{display:flex;gap:10px;border-radius:4px;padding:14px;margin-top:17px;font-size:12px;line-height:1.65}.feedback svg{flex:none;margin-top:1px}.feedback--success{background:#e9f5eb;color:#27643e}.feedback--error{background:#fff0e9;color:#a44930}.feedback--neutral{background:#edf4f5;color:#3c6d76}.puzzle-actions{display:flex;gap:9px;margin-top:auto;padding-top:22px}.puzzle-footer-note{color:#9aa99d;font-size:11px;margin-top:18px}.run-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.run-header__center{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#698373}.run-header__center span{font-weight:800;color:#2c4936;font-size:15px}.run-header__center strong{font-size:11px;margin-top:3px}.run-score{font-size:12px;color:#6b8d73;min-width:86px;text-align:right}.progress-track{height:5px;background:#e3ece5;border-radius:20px;overflow:hidden}.progress-track div{height:100%;background:#3d9a61;transition:width .3s}.next-row{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#edf7ee;border:1px solid #d7ebdc;border-radius:5px;margin-top:13px;padding:13px 17px;color:#2e6e42;font-size:12px;font-weight:700}.next-row span{display:flex;align-items:center;gap:8px}.result-panel{margin:68px auto 80px;text-align:center;max-width:620px;background:#fff;border:1px solid #e1e9e3;border-radius:7px;padding:50px 40px}.result-symbol{height:72px;width:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:#f2e6de;color:#b96842}.result-symbol--passed{background:#e5f3e8;color:#318653}.result-panel h1{margin:7px 0}.result-panel p{font-size:13px}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.empty-state{margin:50px auto 80px;max-width:500px;text-align:center;padding:45px 20px}.empty-state__icon{margin:0 auto 20px;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#e6f2e8;color:#4c8b5a}.empty-state h2{font-size:23px;margin-bottom:6px}.empty-state p{font-size:13px;margin-bottom:22px}@media(max-width:900px){.site-header__inner{gap:15px}.site-nav button{padding:0 8px;font-size:12px}.header-meta{display:none}.main-content{width:min(100% - 36px,1180px)}.dashboard-hero{grid-template-columns:1fr 300px}.dashboard-hero__board{width:250px;margin-right:25px}.puzzle-layout{grid-template-columns:1fr 320px}.puzzle-board-pane{padding:18px}.puzzle-side{padding:27px 24px}.site-footer{padding:25px 18px}}@media(max-width:700px){.site-header{height:61px}.site-header__inner{width:calc(100% - 32px)}.brand{font-size:17px}.brand-mark{width:30px;height:30px}.site-nav{display:none}.mobile-menu{display:grid;place-items:center;margin-left:auto;border:0;background:none;color:#315540;padding:7px}.site-nav--open{display:flex;position:absolute;top:60px;left:0;right:0;height:auto;background:#fff;border-bottom:1px solid #e0e8e2;box-shadow:0 10px 20px #163a2420;padding:11px 16px;flex-direction:column;align-items:stretch;gap:0}.site-nav--open button{height:44px}.mobile-bottom-nav{position:fixed;z-index:45;bottom:0;left:0;right:0;height:64px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e1e8e3;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav button{border:0;background:none;color:#8b9b90;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-bottom-nav button.mobile-bottom-nav__active{color:#1e7444;font-weight:800}.main-content{width:calc(100% - 28px);padding:27px 0 98px}.home-heading h1,.page-title h1,.lesson-intro h1{font-size:27px}.home-heading p{font-size:12px}.date-pill{display:none}.dashboard-hero{grid-template-columns:1fr;min-height:0}.dashboard-hero__copy{padding:27px 27px 25px}.dashboard-hero h2{font-size:27px}.dashboard-hero__board{display:none}.hero-progress{margin-top:23px}.level-overview__item{padding:17px 16px;gap:11px}.level-overview__number{width:27px}.level-overview__main{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.level-overview__main strong{font-size:15px}.level-overview__main small{font-size:11px}.home-bottom{grid-template-columns:1fr;gap:25px;margin-top:32px}.section-heading{margin-top:30px}.section-heading h2{font-size:20px}.path-level__head{gap:10px}.path-level__head h2{display:block;font-size:18px}.path-level__head h2 span{display:block;margin-top:3px}.rule-pill{padding:5px 7px;font-size:10px}.unit-row{padding:13px 12px;gap:9px}.unit-row__meta{display:none}.unit-row__body strong{font-size:13px}.unit-row__body small{font-size:10px}.exam-row{padding:13px 11px;gap:9px}.exam-row__status{display:none}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-item{min-height:159px;padding:14px}.practice-item strong{font-size:13px}.practice-item small{font-size:11px}.practice-item>svg{right:14px;top:14px}.mistake-summary{flex-wrap:wrap;padding:13px}.mistake-summary .button{margin-left:0;width:100%}.puzzle-layout{grid-template-columns:1fr}.puzzle-board-pane{border-right:0;border-bottom:1px solid #e6ece7;padding:15px}.board-topline{margin-bottom:10px}.board-wrap{padding:9px;max-width:530px}.puzzle-side{padding:22px;min-height:0}.puzzle-side h2{font-size:19px;margin-top:8px}.puzzle-actions{margin-top:9px}.puzzle-footer-note{margin-top:12px}.run-header__center span{font-size:12px}.run-score{font-size:10px;min-width:63px}.next-row{flex-wrap:wrap}.next-row .button{width:100%}.lesson-intro{margin-top:9px;padding-bottom:16px}.concept-block{padding:15px}.site-footer{display:none}.result-panel{margin:40px auto;padding:38px 20px}.result-panel h1{font-size:24px}.result-actions{flex-direction:column}.result-actions .button{width:100%}}@media(max-width:390px){.practice-grid{grid-template-columns:1fr}.practice-item{min-height:140px}.puzzle-side{padding:18px}.board-wrap{padding:6px}.unit-row__body small{display:none}.brand{font-size:16px}.home-heading h1,.page-title h1,.lesson-intro h1{font-size:25px}}@media(max-width:700px){.puzzle-layout{grid-template-columns:minmax(0,1fr)}.puzzle-board-pane,.board-wrap,.board{min-width:0}.board-wrap{width:100%}}.board-scroller{width:100%;display:flex;justify-content:center}.board-topline__tools{display:flex;align-items:center;gap:8px}.board-zoom-button{width:25px;height:25px;border:0;border-radius:4px;display:grid;place-items:center;color:#507761;background:transparent}.board-zoom-button:hover{background:#e6f0e8}@media(min-width:701px){.board-zoom-button{display:none}}@media(max-width:700px){.board-scroller{display:block;overflow-x:auto;scrollbar-width:thin}.board-scroller .board-wrap{margin:0 auto}.board-scroller--zoomed .board-wrap{width:520px;max-width:none;margin:0}}.match-settings{display:flex;align-items:end;flex-wrap:wrap;gap:16px;border-top:1px solid #dce5df;border-bottom:1px solid #dce5df;padding:18px 0}.match-settings label{display:grid;gap:7px;font-size:12px;color:#53685b;font-weight:700}.match-settings select{min-height:43px;min-width:140px;max-width:100%;border:1px solid #cddbd1;border-radius:5px;background:#fff;padding:8px 30px 8px 12px;font:inherit;color:#243c2d}.match-theme-caption{font-size:13px;margin:12px 0 24px}.match-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:36px;align-items:start}.match-board-pane{min-width:0}.match-board-pane .board-wrap{max-width:620px;margin:auto}.match-status{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:48px;margin-bottom:12px}.match-status strong{font-size:16px}.match-status span{color:#758276;font-size:11px}.match-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.match-hint{font-size:13px;background:#edf3f8;border-left:3px solid #4b7f9e;padding:12px;color:#31536d}.match-coach{border-top:3px solid #407356;padding-top:20px;min-width:0}.match-coach-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.match-coach h2{font-size:21px;margin:0}.match-coach h3{font-size:13px;margin:24px 0 10px;color:#667b6d}.match-coach-heading label{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.match-coach-heading input{accent-color:#285f3d;width:17px;height:17px}.match-note{padding:14px 0 17px;border-bottom:1px solid #dce6de}.match-note strong{font-size:16px;color:#25563a}.match-note p,.match-coach>p{font-size:13px;margin:9px 0 12px}.match-note--warning strong{color:#ab5539}.match-note a,.match-related a{display:flex;align-items:center;gap:7px;font-size:12px;color:#356b4a;font-weight:650}.match-note a:hover,.match-related a:hover{text-decoration:underline}.match-related{margin-top:28px}.match-related a{padding:12px 0;border-bottom:1px solid #dfe6e1}.match-related a span{flex:1}.match-error{display:flex;align-items:center;gap:8px;color:#a4432e;font-size:13px}.match-replay{border-top:1px solid #dce5df;padding-top:18px;margin-top:20px}.match-replay-controls{display:flex;align-items:center;gap:14px;margin-top:15px}.match-replay-controls label{flex:1;font-size:12px;color:#5c7363}.match-replay-controls input{width:100%;accent-color:#286043;display:block;margin-top:8px}.match-moments{max-height:380px;overflow:auto}.match-moments button{width:100%;border:0;border-bottom:1px solid #dfe6e1;background:transparent;display:grid;grid-template-columns:1fr 20px;text-align:left;padding:13px 0;gap:4px;color:#31573e}.match-moments button:hover{background:#edf4ee}.match-moments button span{font-size:11px;color:#718475}.match-moments button strong{font-size:13px;grid-row:2}.match-moments button svg{grid-column:2;grid-row:1/3;align-self:center}.match-board-pane .intersection:focus-visible{outline:2px solid #1763ad;outline-offset:-2px;z-index:3}.home-match{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 0 4px}.home-match h2{font-size:20px;margin:5px 0}.home-match p{font-size:13px;margin:0}@media(max-width:700px){.home-match{flex-wrap:wrap;gap:12px}}.match-board-pane .move-marker{border-radius:1px;background:#256e4c}.match-board-stage{position:relative}.match-engine-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffdb;z-index:5;padding:18px}.match-engine-message{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;width:100%;max-width:350px;color:#243c2d}.match-engine-message strong{font-size:20px}.match-engine-message p{font-size:14px;margin:0}.match-engine-message span{font-size:13px;color:#53685b}.match-engine-message progress{width:100%;height:12px;accent-color:#286043}.match-engine-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.engine-spinner{flex-shrink:0;animation:engine-spin 1s linear infinite}.match-status strong{display:flex;align-items:center;gap:8px}.match-status--thinking{background:#edf3f8;border-left:3px solid #4b7f9e;padding:10px 12px}.match-engine-state{font-size:12px;color:#587184;margin:0 0 12px}@keyframes engine-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.engine-spinner{animation:none}}.match-settings label{max-width:100%;min-width:0}.match-settings select{max-width:260px}.match-current-scene{font-size:12px;color:#536f60;margin:0 0 12px}.match-search-detail{font-size:12px;color:#587184;margin:10px 0}.match-variation{margin:14px 0}.match-status,.match-error{flex-wrap:wrap}@media(max-width:700px){.match-settings select{max-width:100%}}.match-setup summary{cursor:pointer;padding:13px 0;border-top:1px solid #dce5df;color:#3d6650;font-size:13px;font-weight:700}.match-setup:not([open]) summary{border-bottom:1px solid #dce5df}.match-setup .match-settings{border-top:0;padding-top:6px}.match-license{display:flex;gap:18px;font-size:11px;color:#76867b;margin:30px 0 0}.match-license a:hover{text-decoration:underline}@media(max-width:1100px)and (min-width:701px){.site-header__inner{gap:14px}.site-nav button{padding:0 8px;font-size:12px}.header-meta{display:none}}@media(max-width:700px){.mobile-bottom-nav{grid-template-columns:repeat(5,1fr)}.match-layout{grid-template-columns:minmax(0,1fr);gap:26px}.match-settings{gap:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.match-settings select{min-width:0;width:100%;font-size:12px}.match-settings .button{padding:0 10px;font-size:12px}.match-status{flex-wrap:wrap;gap:5px}.match-status strong{font-size:15px}.match-status span{font-size:11px}.match-toolbar{gap:8px}.match-toolbar .button{font-size:12px;padding:0 12px}.match-coach{padding-top:17px}.match-moments{max-height:none}}