:root{--ink:#153b31;--ink-soft:#31584b;--deep:#0d2d25;--deep-2:#18493d;--paper:#f5efe3;--paper-deep:#e7dac5;--cream:#fbf7ef;--gold:#cfa257;--gold-light:#edd08c;--coral:#ad5940;--line:#16392f29;--muted:#64756d;--shadow:0 20px 52px #18342b1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 88% -8%, #d8aa5238, transparent 28rem), radial-gradient(circle at -12% 44%, #3766521f, transparent 30rem), var(--paper);min-width:320px;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.46}.app-shell{min-height:100vh;overflow:hidden}.topbar,.home-page,.setup-page,.play-page,.school-page,.voice-panel{width:min(1440px,100% - 54px);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:84px;display:flex}.brand{color:var(--ink);letter-spacing:.13em;background:0 0;border:0;align-items:center;gap:11px;padding:0;font-size:14px;font-weight:900;display:flex}.brand i{color:var(--coral);font-style:normal}.brand-mark{background:var(--deep);width:37px;height:37px;color:var(--gold-light);border-radius:50%;place-items:center;font-size:21px;display:grid;box-shadow:inset 0 0 0 3px #46675b}.topbar nav{align-items:center;gap:22px;margin-left:auto;display:flex}.topbar nav button{color:#536960;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #0000;padding:8px 0;font-size:10px;font-weight:900}.topbar nav button:hover,.topbar nav button.active{border-color:var(--coral);color:var(--ink)}.topbar-status{color:#5a6f65;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.live-dot{background:#6b9b72;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #689a6f24}.eyebrow,.micro-label{color:var(--coral);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;font-size:9px;font-weight:900;display:flex}.eyebrow>span{background:currentColor;width:17px;height:1px}.micro-label{color:#8b6248;font-size:8px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:0;font:500 clamp(47px,5.7vw,82px)/.92 Georgia,Times New Roman,serif}h1 em{color:var(--coral);font-style:normal}.primary-button,.ghost-button,.hint-button,.pause-button,.text-button{border:0;min-height:44px;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{background:var(--deep);color:#f6f0e4;letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;gap:26px;padding:0 18px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #0e30272e}.primary-button span{color:var(--gold-light);font-size:19px;line-height:1}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #0e30273b}.primary-button.wide{width:100%;margin-top:22px}.ghost-button{color:#28483d;letter-spacing:.05em;text-transform:uppercase;background:0 0;border-bottom:1px solid #2a4d41;padding:0 5px;font-size:10px;font-weight:900}.ghost-button span{color:var(--coral);margin-left:8px;font-size:16px}.ghost-button:hover{color:var(--coral)}.back-link{color:#50695e;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;margin:0 0 24px;padding:0;font-size:10px;font-weight:900}.back-link:hover{color:var(--coral)}.home-page{padding:70px 0 48px}.hero{grid-template-columns:minmax(0,1.15fr) minmax(420px,.75fr);align-items:center;gap:clamp(40px,7vw,110px);min-height:570px;display:grid}.hero-copy>p{color:#5d7168;max-width:650px;margin:24px 0 29px;font-size:16px;line-height:1.62}.hero-actions{align-items:center;gap:22px;display:flex}.hero-points{color:#64766e;letter-spacing:.025em;flex-wrap:wrap;gap:8px 16px;margin-top:31px;font-size:9px;font-weight:800;display:flex}.hero-points span:first-letter{color:var(--coral)}.hero-board-wrap{place-items:center;min-height:480px;display:grid;position:relative}.hero-board-wrap .board-frame{z-index:2;width:min(100%,445px);position:relative;transform:rotate(2.4deg);box-shadow:24px 26px #1c433617,0 28px 42px #212a1f38}.board-orbit{border:1px solid #b57d4359;border-radius:50%;position:absolute}.orbit-one{width:510px;height:510px}.orbit-two{opacity:.6;width:610px;height:280px;transform:rotate(-27deg)}.hero-callout{z-index:3;width:220px;box-shadow:var(--shadow);background:#e9dcc5;align-items:center;gap:12px;padding:14px;display:flex;position:absolute;bottom:24px;right:-18px}.callout-number{color:var(--coral);font:32px Georgia,serif}.hero-callout b,.hero-callout small{display:block}.hero-callout b{color:#23463a;text-transform:uppercase;font-size:10px}.hero-callout small{color:#68786f;margin-top:4px;font-size:9px;line-height:1.35}.home-bottom{border-top:1px solid var(--line);grid-template-columns:.9fr 1.1fr;align-items:end;gap:80px;margin-top:15px;padding:35px 0 0;display:grid}.home-bottom h2{margin:8px 0 0;font:32px/1 Georgia,serif}.home-bottom>p{color:#60746a;max-width:570px;margin:0;font-size:13px;line-height:1.56}.setup-page{padding:53px 0 86px}.page-intro{max-width:760px}.page-intro>p{color:#62746b;max-width:605px;margin:21px 0 0;font-size:14px;line-height:1.58}.setup-grid{grid-template-columns:minmax(0,1fr) 348px;align-items:start;gap:44px;margin-top:44px;display:grid}.level-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.level-card{border:1px solid var(--line);min-height:103px;color:var(--ink);text-align:left;background:#ffffff3d;grid-template-columns:35px 1fr 22px;align-items:center;gap:13px;padding:18px;transition:all .18s;display:grid;position:relative}.level-card:before{content:"";background:#73ab80;width:4px;height:100%;position:absolute;top:0;left:0}.level-card.aqua:before{background:#4c9a99}.level-card.blue:before{background:#6389a8}.level-card.violet:before{background:#8d72a8}.level-card.gold:before{background:#cf9d4f}.level-card.coral:before{background:#be6450}.level-card:hover,.level-card.chosen{background:var(--deep);color:#f8f1e4;border-color:#b88b4b;transform:translateY(-2px);box-shadow:0 12px 22px #13372d21}.level-number{color:var(--coral);font:italic 25px Georgia,serif}.level-card.chosen .level-number{color:var(--gold-light)}.level-card strong,.level-card small{display:block}.level-card strong{font:20px/1 Georgia,serif}.level-card small{color:#6c7e75;margin-top:5px;font-size:9px;font-weight:700}.level-card.chosen small{color:#c9d4cb}.level-check{color:var(--gold);font-size:17px}.setup-summary{color:#f4eee2;background:#173f35;padding:27px;position:sticky;top:20px;box-shadow:17px 19px #21483a14}.setup-summary .micro-label{color:#d3aa65}.setup-summary h2{margin:11px 0 9px;font:32px Georgia,serif}.setup-summary>p{color:#c5d2c8;min-height:62px;margin:0;font-size:11px;line-height:1.52}.setup-summary>small{color:#b6c9be;margin-top:10px;font-size:9px;display:block}.setup-summary>small b{color:var(--gold-light)}.strength-meter{gap:5px;margin-top:21px;display:flex}.strength-meter span{background:#f2ebdc30;flex:1;height:5px}.strength-meter span.filled{background:var(--gold)}.color-choice{border-top:1px solid #f6edd829;margin-top:24px;padding-top:18px}.color-choice>span{color:#c8d5cc;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:900;display:block}.color-choice>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.color-choice button{color:#dce4dc;background:0 0;border:1px solid #f4ecda3d;align-items:center;gap:7px;min-height:38px;padding:0 9px;font-size:10px;font-weight:800;display:flex}.color-choice button.selected-color{border-color:var(--gold);color:#fff7e8;background:#ffffff14}.mini-piece{border-radius:50%;width:14px;height:14px}.mini-piece.white{background:#f8f0dc;border:1px solid #cab48c}.mini-piece.black{background:#24483d;border:1px solid #577d70}.board-frame{background:linear-gradient(135deg,#ffe5b040,#0000 22%),linear-gradient(135deg,#8a5b3a,#3f291d 48%,#805337);width:min(100%,610px);margin-inline:auto;padding:13px;position:relative;box-shadow:0 15px 27px #2f241847,inset 0 0 0 2px #fbdaa02e}.board-coordinates{color:#ffedcbb8;letter-spacing:.12em;text-align:center;grid-template-columns:repeat(8,1fr);padding:0 3px;font-size:8px;font-weight:900;display:grid}.board-coordinates.top{padding-bottom:8px}.board-coordinates.bottom{padding-top:8px}.dama-board{aspect-ratio:1;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden;box-shadow:0 0 0 3px #24160e61}.board-square{aspect-ratio:1;border:0;place-items:center;min-width:0;padding:0;display:grid;position:relative;overflow:hidden}.board-square.light{background:#e7cfa4}.board-square.dark{background-color:#416b5d;background-image:linear-gradient(135deg,#ffffff0b 25%,#0000 25% 50%,#ffffff0b 50% 75%,#0000 75%);background-size:12px 12px}.board-square.selectable:hover .checker{transform:translateY(-4%)scale(1.06)}.board-square:focus-visible{z-index:3;outline-offset:-3px;outline:3px solid #f0ca72}.board-square.selected:before,.board-square.recent:before{z-index:0;content:"";position:absolute;inset:0}.board-square.selected:before{background:#e8b4545c}.board-square.recent:before{background:#fff0c42b}.target-dot{z-index:1;background:#12332a6b;border:2px solid #f3cc76;border-radius:50%;width:29%;height:29%;position:absolute}.checker{z-index:2;border-radius:50%;place-items:center;width:71%;height:71%;transition:transform .18s,filter .18s;display:grid;position:relative}.checker:before{border-radius:inherit;content:"";border:1px solid #ffffff73;position:absolute;inset:11%}.checker:after{content:"";opacity:.74;border-radius:50%;height:22%;position:absolute;bottom:-8%;left:10%;right:10%}.checker.white{background:radial-gradient(circle at 34% 25%,#fffef8 0 6%,#ece2cf 38%,#bf9f73 100%);border:2px solid #aa865a;box-shadow:inset 0 -5px 7px #5d3e1c40,0 4px 4px #121b1666}.checker.white:after{background:#74533b}.checker.black{background:radial-gradient(circle at 35% 26%,#6a9082 0 5%,#2d574b 39%,#112d25 100%);border:2px solid #08231b;box-shadow:inset 0 -5px 7px #00000070,0 4px 4px #121b1685}.checker.black:after{background:#071b15}.checker.king{width:77%;height:77%;box-shadow:inset 0 0 0 3px #e1b258f2,inset 0 -5px 7px #00000042,0 4px 4px #121b167a}.checker-inner{z-index:1;color:#e8bc65;text-shadow:0 1px #133126;font-size:clamp(10px,1.7vw,20px);position:relative}.play-page{padding:37px 0 75px}.play-header,.school-header{justify-content:space-between;align-items:end;gap:35px;margin-bottom:31px;display:flex}.play-header h1{font-size:clamp(40px,4.35vw,64px)}.difficulty-chip{background:#e5d8c4;border-left:3px solid #668c72;min-width:180px;padding:15px 17px;box-shadow:0 8px 16px #22463812}.difficulty-chip.aqua{border-color:#4e9594}.difficulty-chip.blue{border-color:#5e83a3}.difficulty-chip.violet{border-color:#866fa0}.difficulty-chip.gold{border-color:#c7974d}.difficulty-chip.coral{border-color:#b9634e}.difficulty-chip span,.difficulty-chip b{display:block}.difficulty-chip span{color:#926447;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:900}.difficulty-chip b{color:#23453b;margin-top:5px;font:21px Georgia,serif}.difficulty-chip button{color:#536b60;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #476458;margin-top:8px;padding:0;font-size:8px;font-weight:900}.game-layout{grid-template-columns:210px minmax(430px,615px) minmax(230px,280px);grid-template-areas:"computer board coach""you board moves";align-items:start;gap:20px 28px;display:grid}.computer-card{grid-area:computer}.you-card{grid-area:you}.board-column{grid-area:board;min-width:0}.coach-card{grid-area:coach}.moves-card{grid-area:moves}.player-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:13px;display:flex}.player-card>div:nth-child(2){flex:1;min-width:0}.player-card small,.player-card strong,.player-card span{display:block}.player-card small{color:#8a684d;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900}.player-card strong{color:#25463b;text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:11px;overflow:hidden}.player-card span{color:#69786f;font-size:9px}.avatar{border-radius:50%;flex:none;place-items:center;width:37px;height:37px;font:17px Georgia,serif;display:grid}.pc-avatar{color:#e8ba64;background:#173e34;box-shadow:inset 0 0 0 3px #4e7165}.you-avatar{color:#285047;background:#fcf4e3;border:2px solid #a8845c}.turn-indicator{background:#aab7af;border-radius:50%;width:7px;height:7px}.turn-indicator.active{background:#d78955;animation:1.8s ease-out infinite pulse;box-shadow:0 0 0 4px #cf7e4c24}.turn-banner{color:#50675d;align-items:center;gap:8px;min-height:35px;padding:0 3px 10px;font-size:10px;display:flex}.turn-banner b{font-weight:800}.white-dot,.black-dot{border-radius:50%;width:11px;height:11px}.white-dot{background:#fdf7e9;border:1px solid #ad8d62}.black-dot{background:#244b40;border:1px solid #102e26}.board-actions,.school-board-tools{justify-content:center;align-items:center;gap:13px;margin-top:15px;display:flex}.hint-button{color:#28483d;letter-spacing:.04em;text-transform:uppercase;background:#f3e7ca;border:1px solid #b98b49;padding:0 12px;font-size:9px;font-weight:900}.hint-button:hover:not(:disabled){background:#e9d3a1;transform:translateY(-1px)}.text-button{color:#587066;letter-spacing:.04em;text-transform:uppercase;background:0 0;border-bottom:1px solid #5d766a;padding:0 3px;font-size:9px;font-weight:900}.coach-card,.moves-card{border:1px solid var(--line);background:#ffffff45;padding:17px}.coach-card{border-top:3px solid var(--gold)}.coach-top{align-items:center;gap:10px;display:flex}.coach-icon{background:var(--deep);width:29px;height:29px;color:var(--gold-light);border-radius:50%;place-items:center;display:grid}.coach-top small,.coach-top strong{display:block}.coach-top small{color:#926548;letter-spacing:.11em;font-size:8px;font-weight:900}.coach-top strong{margin-top:3px;font:17px Georgia,serif}.coach-card>p{color:#2b4b41;margin:17px 0;font:16px/1.42 Georgia,serif}.coach-rule{border-top:1px solid var(--line);padding-top:13px}.coach-rule b,.coach-rule span{display:block}.coach-rule b{color:#926548;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900}.coach-rule span{color:#64756d;margin-top:5px;font-size:9px;line-height:1.43}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:9px;display:flex}.panel-title span{color:#8c6349;letter-spacing:.13em;font-size:8px;font-weight:900}.panel-title b{color:#61746a;font-size:9px}.move-list{max-height:265px;overflow:auto}.move-list>div{color:#586f64;border-bottom:1px solid #173a301a;grid-template-columns:22px 1fr auto;align-items:center;gap:4px;padding:8px 0;font-size:9px;display:grid}.move-list b{color:#23463a;font-size:11px}.move-list small{color:#9a6045;font-size:8px;font-weight:800}.black-move b{color:#42645a}.empty-log{color:#738178;margin:16px 0 3px;font-size:10px;line-height:1.5}.voice-panel{background:#ece3d4;border:1px solid #1b403426;grid-template-columns:minmax(230px,.75fr) minmax(260px,1fr);align-items:center;gap:20px;margin-top:34px;padding:14px 17px;display:grid;box-shadow:0 9px 20px #19392d12}.voice-title{align-items:center;gap:10px;display:flex}.sound-glyph{color:var(--coral);font-weight:900}.voice-title strong,.voice-title small{display:block}.voice-title strong{font:18px Georgia,serif}.voice-title small{color:#67766e;margin-top:3px;font-size:8px}.voice-switch{background:#aebbb2;border:0;border-radius:14px;width:42px;height:22px;margin-left:auto;padding:2px;position:relative}.voice-switch span{background:#fdf6e8;border-radius:50%;width:18px;height:18px;transition:transform .18s;display:block}.voice-switch.on{background:#315e4f}.voice-switch.on span{transform:translate(20px)}.voice-options{grid-template-columns:minmax(130px,1fr) minmax(145px,1fr);gap:17px;display:grid}.voice-options label{color:#5d7067;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:900}.voice-options label b{color:var(--coral)}.voice-options input{accent-color:#b68544;width:100%;margin-top:10px}.voice-options select{border:1px solid var(--line);color:#335549;background:#fdf9f0;width:100%;height:30px;margin-top:6px;padding:0 7px;font-size:9px}.school-page{padding:39px 0 75px}.school-header h1{font-size:clamp(42px,4.7vw,68px)}.school-motto{border-left:2px solid var(--gold);color:#496358;padding:14px 19px;font:17px/1.24 Georgia,serif}.school-layout{grid-template-columns:235px minmax(430px,1fr) 290px;align-items:start;gap:27px;display:grid}.scenario-panel{min-width:0}.scenario-list{gap:8px;margin:12px 0 27px;display:grid}.scenario-card{border:1px solid var(--line);color:#294a3f;text-align:left;background:#ffffff3b;min-height:98px;padding:13px}.scenario-card:hover,.scenario-card.active{background:var(--deep);color:#f7f0e1;border-color:#bc8e4d}.scenario-card span,.scenario-card b,.scenario-card small{display:block}.scenario-card span{color:#a65c41;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900}.scenario-card.active span{color:#dbaf63}.scenario-card b{margin:7px 0 4px;font:17px Georgia,serif}.scenario-card small{color:#71847a;font-size:8px}.scenario-card.active small{color:#c4d1c7}.technique-list>.micro-label{margin-bottom:9px}.technique-list details{border-bottom:1px solid var(--line)}.technique-list summary{cursor:pointer;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:11px 0;list-style:none;display:grid}.technique-list summary::-webkit-details-marker{display:none}.technique-list summary span{color:var(--coral);font:italic 15px Georgia,serif}.technique-list summary b{font-size:10px;line-height:1.2}.technique-list summary i{color:#9a704e;text-transform:uppercase;font-size:7px;font-style:normal;font-weight:900}.technique-list p{color:#64756d;margin:0 0 11px 29px;font-size:9px;line-height:1.48}.school-board-column{min-width:0}.lesson-heading{padding:3px 0 17px}.lesson-tag{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:900}.lesson-heading h2{margin:8px 0 6px;font:31px Georgia,serif}.lesson-heading p{color:#62756b;margin:0;font-size:11px;line-height:1.48}.pause-button{border:1px solid var(--line);color:#4f685e;letter-spacing:.03em;text-transform:uppercase;background:0 0;padding:0 10px;font-size:9px;font-weight:900}.pause-button.paused{color:#704a33;background:#f0e1bf;border-color:#bd8f4d}.teaching-panel{gap:12px;display:grid}.teaching-card{border-left:3px solid var(--gold);background:#e4d7c2;padding:18px;position:relative}.teaching-card:after{content:"";background:#e4d7c2;width:18px;height:18px;position:absolute;bottom:-9px;left:25px;transform:rotate(45deg)}.teaching-label{z-index:1;color:#906247;letter-spacing:.11em;align-items:center;gap:7px;font-size:8px;font-weight:900;display:flex;position:relative}.teaching-card p{z-index:1;color:#214237;min-height:118px;margin:13px 0 0;font:17px/1.4 Georgia,serif;position:relative}.plan-card{background:#ffffff47;border-top:2px solid #bd914d;padding:16px}.plan-card b,.plan-card small{display:block}.plan-card b{color:#27483e;margin:9px 0;font:16px/1.4 Georgia,serif}.plan-card small{color:#6c7b72;font-size:9px;line-height:1.42}.school-controls{background:var(--deep);padding:15px}.school-controls .micro-label{color:#d9ae63;margin-bottom:10px}.school-controls>div{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.role-button{color:#dbe4dc;text-align:left;background:0 0;border:1px solid #f7eedb40;width:100%;min-height:35px;padding:7px;font-size:8px;font-weight:800;line-height:1.25}.role-button.chosen{border-color:var(--gold);color:#fff6df;background:#ffffff14}.school-log{padding:13px 0 0}.school-log>.micro-label{margin-bottom:8px}.school-log p{border-top:1px solid var(--line);grid-template-columns:52px 1fr;gap:8px;margin:0;padding:9px 0;display:grid}.school-log b{color:#a95a40;font-size:10px}.school-log span{color:#697970;font-size:8px;line-height:1.44}.result-overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a231c85;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.result-card{text-align:center;background:#f4ecdf;width:min(100%,480px);padding:35px;box-shadow:0 26px 65px #05171259}.result-card .micro-label{justify-content:center}.result-card h2{margin:12px 0 10px;font:42px Georgia,serif}.result-card p{color:#62736a;margin-bottom:23px;font-size:12px;line-height:1.55}.result-card>div{justify-content:center;align-items:center;gap:18px;display:flex}@keyframes pulse{65%{box-shadow:0 0 0 8px #cf7e4c00}}@media (width<=1180px){.hero{grid-template-columns:1fr .72fr;gap:38px}.game-layout{grid-template-columns:180px minmax(390px,1fr) 240px;gap:18px}.school-layout{grid-template-columns:205px minmax(380px,1fr) 245px;gap:19px}.hero-board-wrap{min-height:410px}.orbit-one{width:440px;height:440px}.orbit-two{width:500px}}@media (width<=950px){.topbar,.home-page,.setup-page,.play-page,.school-page,.voice-panel{width:min(760px,100% - 34px)}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:680px}.hero-board-wrap{min-height:500px;margin-top:6px}.setup-grid{grid-template-columns:1fr}.setup-summary{max-width:520px;position:relative;top:auto}.game-layout{grid-template-columns:minmax(0,1fr) 230px;grid-template-areas:"board coach""board moves""computer you"}.player-card{margin-top:4px}.school-layout{grid-template-columns:minmax(0,1fr) 260px}.scenario-panel{grid-column:1/-1;grid-template-columns:1fr 1.25fr;gap:21px;display:grid}.scenario-panel>.micro-label{display:none}.scenario-list{margin:0}.technique-list{max-height:260px;overflow:auto}}@media (width<=680px){.topbar,.home-page,.setup-page,.play-page,.school-page,.voice-panel{width:calc(100% - 26px)}.topbar{gap:13px;height:67px}.brand{letter-spacing:.1em;font-size:10px}.brand-mark{width:31px;height:31px;font-size:17px}.topbar nav{gap:12px}.topbar nav button{font-size:8px}.topbar-status{display:none}.home-page{padding:45px 0 38px}h1{font-size:clamp(43px,13vw,64px)}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:column;align-items:flex-start;gap:13px}.hero-board-wrap{min-height:min(116vw,450px);margin-top:21px}.hero-board-wrap .board-frame{width:min(100%,390px)}.orbit-one{width:min(122vw,470px);height:min(122vw,470px)}.orbit-two{width:130vw;height:220px}.hero-callout{width:192px;padding:10px;bottom:7px;right:-4px}.home-bottom{grid-template-columns:1fr;gap:16px;margin-top:28px}.home-bottom h2{font-size:28px}.setup-page,.play-page,.school-page{padding-top:31px}.page-intro>p{font-size:12px}.setup-grid{margin-top:29px}.level-selector{grid-template-columns:1fr}.level-card{min-height:83px}.setup-summary{padding:22px}.play-header,.school-header{margin-bottom:23px;display:block}.play-header h1,.school-header h1{font-size:clamp(38px,11.5vw,55px)}.difficulty-chip{width:max-content;margin-top:20px}.school-motto{margin-top:19px}.game-layout{grid-template-columns:1fr;grid-template-areas:"computer""board""you""coach""moves";gap:15px}.computer-card{order:0}.board-column{order:1}.you-card{order:2}.coach-card{order:3}.moves-card{order:4}.player-card{margin:0}.board-frame{padding:9px}.board-coordinates{font-size:6px}.board-coordinates.top{padding-bottom:6px}.board-coordinates.bottom{padding-top:6px}.board-actions,.school-board-tools{gap:8px}.hint-button,.text-button,.pause-button{font-size:8px}.voice-panel{grid-template-columns:1fr;gap:12px;padding:14px}.voice-options{grid-template-columns:1fr 1fr}.school-layout{grid-template-columns:1fr;gap:22px}.scenario-panel{display:block}.scenario-panel>.micro-label{margin-bottom:9px;display:flex}.scenario-list{margin-bottom:25px}.technique-list{max-height:none}.teaching-card p{min-height:0}.result-card{padding:29px 21px}.result-card>div{flex-direction:column;gap:12px}}@media (width<=390px){.topbar nav{gap:8px}.topbar nav button{font-size:7px}.brand{max-width:112px}.hero-points{gap:7px;display:grid}.hero-board-wrap{min-height:360px}.hero-callout{transform-origin:100% 100%;transform:scale(.86)}.color-choice>div{grid-template-columns:1fr}.board-actions,.school-board-tools{flex-direction:column}}