/* Shared app shell: the page stays within the visible viewport. */
:root{--navy:#08295a;--screen-height:100dvh;--shell-gap:10px}
body.app-shell{height:var(--screen-height,100dvh);min-height:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(150deg,#163f78,#77a9dc 70%,#244e85);color:#092a60;font-family:Inter,'Segoe UI',Arial,sans-serif;padding:env(safe-area-inset-top) max(0px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(0px,env(safe-area-inset-left));}
.app-shell [hidden]{display:none!important}.app-shell .icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.app-shell .sr-only{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
body.app-shell header.top{width:100%;max-width:none;margin:0;flex:none;height:88px;min-height:88px;padding:12px max(24px,calc((100vw - 1440px)/2));border:0;box-shadow:none;background:linear-gradient(90deg,#06254be6,#082d5d33),url('images/mountain-knight.webp') center 47%/cover;gap:12px;z-index:2;}
body.app-shell .top .brand{color:white;gap:12px;min-width:0;text-shadow:0 2px 8px #001a39a0}body.app-shell .top .brand>span{font-size:clamp(21px,2.3vw,32px);letter-spacing:-.035em;font-weight:750;line-height:1.2;white-space:nowrap}body.app-shell .top .brand-caption{font-size:10px!important;letter-spacing:.23em!important;color:#dfedff;margin-top:5px;line-height:1.3}body.app-shell .top .brand-logo{width:59px;height:59px;border-radius:10px;object-fit:contain}body.app-shell .site-menu-toggle{min-height:44px;background:#072953c9;color:#fff;border:1px solid #a8cefa80;box-shadow:inset 0 1px 1px #ffffff33;border-radius:11px;padding:10px 17px;font-size:16px}
.app-shell button:focus-visible,.app-shell a:focus-visible{outline:3px solid #ffd568;outline-offset:2px}.app-shell button:disabled{cursor:default;opacity:.5}.app-shell dialog{max-height:calc(var(--screen-height,100dvh) - 28px);overflow:auto;overscroll-behavior:contain}.app-shell dialog::backdrop{background:#001a3f9e;backdrop-filter:blur(5px)}
/* Home dashboard */
body.home-screen{background:linear-gradient(#123d7f10,#548fce 60%,#1f4c88),url('images/mountain-knight.webp') center top/cover}body.home-screen header.top{background:linear-gradient(90deg,#092e6460,#072a5320)}
.home-screen .home-dashboard{padding:10px 24px 18px;margin:0 auto;max-width:1440px;width:100%;flex:1;min-height:0;display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:.95fr 1.2fr 1fr .78fr;grid-template-areas:'scene play' 'scene topics' 'scene extras' 'motto quote';gap:14px;}
.home-scene{grid-area:scene;min-height:0;border-radius:18px;position:relative;background:linear-gradient(90deg,#04264eb0,transparent 75%),url('images/mountain-knight.webp') 60% center/cover;overflow:hidden;padding:32px;display:flex;align-items:flex-start;border:1px solid #abd1f74d}.home-scene h1{font:clamp(28px,3.5vw,48px)/1.15 Georgia,serif;color:#eef6ff;letter-spacing:-.035em;text-shadow:0 2px 16px #00112b}.home-scene h1 em{font-weight:400}.scene-quote{position:absolute;bottom:24px;left:32px;font:italic clamp(18px,2vw,24px)/1.3 Georgia,serif;color:#e7f1ff;text-shadow:0 2px 10px #00142e;margin:0}
.home-play-card,.home-tile,.home-quote{background:linear-gradient(135deg,#f4fafff5,#d9eafff5);border:1px solid #c3dcf5;border-radius:16px;box-shadow:0 5px 14px #082b6520;color:#09265f;text-decoration:none;min-height:0;}
.home-play-card{grid-area:play;display:flex;align-items:center;gap:16px;padding:16px}.home-play-card h2{margin:0 0 5px;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.045em;line-height:1.08}.home-play-card p{font-size:14px;line-height:1.3;margin:0}.mini-checker{width:64px;aspect-ratio:1;border:5px solid #194f99;border-radius:7px;flex:none;background:conic-gradient(#fafcff 25%,#459ce5 0 50%,#fafcff 0 75%,#459ce5 0) 0 0/50% 50%;box-shadow:0 2px 5px #06275533}.start-playing{background:linear-gradient(135deg,#0871ff,#0045e8);color:#fff;border-radius:12px;padding:14px 16px;margin-left:auto;white-space:nowrap;font-size:14px;box-shadow:0 3px 5px #0868ff24}.start-playing span{margin-left:7px;font-size:22px;vertical-align:middle}
.home-topics{grid-area:topics;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0}.home-tile{padding:16px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative;gap:8px}.home-tile h2{font-size:clamp(16px,1.7vw,21px);margin:0;line-height:1.1;letter-spacing:-.04em}.home-tile p{margin:0;font-size:13px;line-height:1.25}.home-icon{width:42px;height:42px;fill:none;stroke:#06245e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.tile-arrow{position:absolute;right:10px;bottom:12px;font-size:24px;line-height:1;color:#10316a}.home-extras{grid-area:extras;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.home-extras .home-tile{flex-direction:row;text-align:left;gap:16px;padding:16px}.home-extras .home-icon{width:44px;height:44px}.home-extras p{margin-top:6px;padding-right:10px}.home-motto{grid-area:motto;min-height:0;background:linear-gradient(115deg,#071b36,#071e3ee0);color:#fff;border:1px solid #0c2f55;border-radius:16px;display:flex;align-items:center;gap:20px;padding:10px 24px;overflow:hidden}.gold-king{font-family:Georgia,serif;font-size:86px;line-height:1;background:linear-gradient(115deg,#a6652e,#ffdf9a,#a26928,#ffe7b6);color:transparent;background-clip:text;text-shadow:0 6px 12px #0008;flex:none}.home-motto h2{font-size:clamp(20px,2vw,28px);font-weight:600;line-height:1.12;margin:0}.home-motto p{font-size:9px;letter-spacing:.06em;color:#c7d8ee;margin:10px 0 0}.home-quote{grid-area:quote;display:flex;align-items:center;gap:16px;padding:16px 24px;margin:0}.home-quote>span{font:bold 66px/.7 Georgia,serif;align-self:center}.home-quote p{font:italic clamp(18px,1.9vw,25px)/1.16 Georgia,serif;margin:0 0 8px}.home-quote cite{font-size:13px;font-style:normal}
@media(hover:hover){.home-play-card:hover,.home-tile:hover{background:#fff;box-shadow:0 8px 24px #07295c4d}.app-shell .site-menu-toggle:hover{background:#0c3e7f}}
/* Board screen */
body.play-screen>main{flex:1;min-height:0;width:100%;max-width:1440px;margin:0 auto;padding:12px 24px 18px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.screen-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:none;height:65px}.screen-stats .stat{border:1px solid #c4dcf6;background:linear-gradient(130deg,#f1f8fff7,#d7e9fff7);border-radius:12px;padding:9px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1.25;position:relative;color:#09285e;box-shadow:0 3px 8px #0a2f5715}.stat strong{font-size:15px;font-weight:750;white-space:nowrap}.stat span,.stat p{font-size:12px;line-height:1.2;margin:2px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.engine-stat{padding-left:36px!important}.engine-light{position:absolute;left:12px;top:17px;width:12px;height:12px;border-radius:50%;background:#e8b740;box-shadow:0 0 0 4px #edc44125}.engine-ready .engine-light{background:#27c65a;box-shadow:0 0 0 4px #2bc85625}.evaluation-meter{height:4px;width:100%;margin-top:5px;background:#94b4d5;border-radius:8px;overflow:hidden}.evaluation-meter i{display:block;width:50%;height:100%;background:#173f77}
.screen-game-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.85fr);gap:20px;overflow:hidden}.screen-board-zone{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px;container-type:size}.play-screen .board-frame{margin:0 auto;flex:none;display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 20px;width:min(100%,calc(100cqh - 62px));aspect-ratio:1;min-height:0}.play-screen.show-best-moves .board-frame{width:min(100%,calc(100cqh - 108px))}.play-screen .board{grid-column:2;grid-row:1;width:100%;height:100%;min-height:0;aspect-ratio:1;border:1px solid #6091c5;border-radius:6px;box-shadow:0 5px 15px #123c6d40;grid-template-rows:repeat(8,minmax(0,1fr))}.play-screen .square{background:#f2f8fd}.play-screen .square.dark{background:#62a7e9}.play-screen .square img{width:87%;height:87%}.play-screen .board-ranks{grid-column:1;grid-row:1;display:grid;grid-template-rows:repeat(8,1fr);align-items:center;text-align:center}.play-screen .board-files{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(8,1fr);align-items:center;text-align:center}.play-screen .board-ranks span,.play-screen .board-files span{font-size:12px;color:#f2f8ff;line-height:1;font-weight:500}.screen-actions{display:grid;grid-template-columns:1fr .75fr 1fr 1.15fr 44px;gap:7px;width:100%;flex:none}.play-screen .screen-actions button{font-size:12px!important;padding:8px 5px!important;min-height:42px;border-radius:10px;white-space:nowrap;background:linear-gradient(135deg,#fff,#e6f1ff);color:#103f7f;border:1px solid #c6ddf6;line-height:1}.play-screen #best-moves-toggle{font-size:0!important}.play-screen #best-moves-toggle::after{content:'Best moves';font-size:12px}.play-screen #best-moves-toggle[aria-pressed=true]::after{content:'Hide moves'}.play-screen #best-moves-panel{width:100%;min-height:38px;flex:none;order:0;background:#eaf4ff;border-radius:9px;padding:4px}.play-screen #best-moves-panel[hidden]{display:none!important}
.screen-coach-zone{display:flex;min-width:0;min-height:0}.play-screen #tutor-panel{width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:16px;display:flex;flex-direction:column;gap:8px;overflow:hidden;border:1px solid #c4dbf0;border-radius:16px;background:linear-gradient(130deg,#e5f2ff,#d8e9fa);box-shadow:0 5px 16px #163d7c18}.screen-coach-heading{display:flex;align-items:center;gap:8px;flex:none}.screen-coach-heading h2{font-size:20px;color:#072c70;line-height:1.15;margin:0;margin-right:auto;white-space:nowrap}.coach-symbol{width:40px;height:40px;display:grid;place-items:center;background:#bed8f5;border-radius:11px;font:32px/1 Georgia,serif;color:#073775;flex:none}.play-screen .screen-coach-heading button{font-size:12px;padding:5px 8px;min-height:36px;min-width:36px;background:#f4faff;border:1px solid #bfd6ee;white-space:nowrap}.play-screen .screen-coach-heading #voice-interrupt{color:#134782;background:#eaf5ff;order:1;padding:3px;min-width:32px;font-size:15px}.screen-coach-body{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:hidden}.play-screen #tutor-status{font-size:12px;line-height:1.2;margin:0;color:#284d7a;flex:none;max-height:30px;overflow:hidden}.play-screen #tutor-signin{font-size:13px;background:#1058df;border-radius:8px;color:white;padding:8px 12px;text-decoration:none;align-self:flex-start;flex:none}.play-screen #inline-trial{font-size:12px;padding:6px;flex:none}.play-screen #inline-trial p{margin:0 0 5px}.play-screen #inline-trial button{font-size:12px;padding:5px;min-height:34px}.play-screen #chat-log{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;margin:0;padding:0 3px 0 0;scrollbar-width:thin}.play-screen .chat-message{font-size:14px;line-height:1.45;background:#f5faff;border:1px solid #c9ddf1;padding:10px 12px;border-radius:12px;margin:0 0 8px}.play-screen .chat-message strong{display:block;font-size:10px;line-height:1.2;margin-bottom:3px}.play-screen #chat-form{display:flex;gap:5px;align-items:center;flex:none;margin:0}.play-screen #chat-input{flex:1;min-width:0;width:100%;height:44px;min-height:44px;max-height:44px;resize:none;font-size:16px;padding:10px;border:1px solid #b6cfe9;border-radius:10px;background:#fff;margin:0;line-height:22px}.play-screen #chat-form>.board-tools{flex:none;display:block;margin:0}.play-screen #chat-send,.play-screen #screen-dictate{width:38px;height:44px;min-height:44px;padding:0;margin:0;display:grid;place-items:center;font-size:20px}.play-screen #chat-send{background:#1260e6;color:white}.play-screen.screen-voice #chat-form{display:none}.play-screen #connection-notice{font-size:11px;padding:5px;margin:0;flex:none}.play-screen .screen-retained{display:none!important}
.screen-options{width:min(600px,calc(100vw - 24px));border:1px solid #c4d8f2;border-radius:18px;background:#f0f6ff;padding:20px;color:#17385f}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-heading h2{margin:0;font-size:22px}.screen-coach-options .section-head{display:none}.screen-coach-options .coach-help{display:none}.screen-original-modes{display:flex;flex-wrap:wrap;gap:7px}.screen-original-modes p,.screen-original-modes span{flex-basis:100%;font-size:12px;margin:0}.screen-original-modes p:empty{display:none}.screen-options .panel{margin-top:14px}.screen-extra-actions{display:flex;flex-wrap:wrap;gap:8px}.screen-options .welcome-intro{display:block}.screen-options #setup{display:block!important}.screen-options .training-menu{display:none}.screen-options #lesson-guide{display:block}.screen-options #lesson-guide[hidden]{display:none!important}.screen-options #membership-access{margin:10px 0}.screen-options #lesson-menu-open{display:block;width:100%}.screen-options .voice-playback-controls{display:block}.screen-options #review-panel{scroll-margin-top:20px}
/* The old full-page text mode is superseded by this same fixed workspace. */
.app-shell.text-workspace #tutor-panel>.screen-coach-heading{display:flex!important}.app-shell.text-workspace #tutor-panel>.screen-coach-body{display:flex!important}.app-shell.text-workspace .screen-retained .layout{display:none!important}.app-shell.text-workspace .screen-coach-body #chat-form{display:flex!important}.app-shell.text-workspace.screen-voice .screen-coach-body #chat-form{display:none!important}
@media(max-width:760px){
 body.app-shell header.top{height:72px;min-height:72px;padding:8px 14px;gap:8px}.app-shell .top .brand{gap:8px!important}body.app-shell .top .brand>span{font-size:21px}body.app-shell .top .brand-logo{width:43px;height:43px}body.app-shell .top .brand-caption{font-size:7px!important;letter-spacing:.16em!important;margin-top:4px}body.app-shell .site-menu-toggle{font-size:13px;padding:8px 11px;min-height:40px}
 .home-screen .home-dashboard{padding:0 12px 12px;grid-template-columns:minmax(0,1fr);grid-template-rows:1.45fr .85fr 1.2fr .95fr .85fr .8fr;grid-template-areas:'scene' 'play' 'topics' 'extras' 'motto' 'quote';gap:8px;}
 .home-scene{border:0;padding:12px 14px;border-radius:10px;background:linear-gradient(90deg,#052e6650,transparent),url('images/mountain-knight.webp') center 57%/cover}.home-scene h1{font-size:26px}.scene-quote{font-size:15px;left:auto;right:12px;bottom:9px;text-align:right;line-height:1.15}.home-play-card{padding:10px;gap:10px;border-radius:12px}.mini-checker{width:46px;border-width:4px}.home-play-card h2{font-size:18px;margin-bottom:4px}.home-play-card p{font-size:11px}.start-playing{font-size:12px;padding:10px;border-radius:9px}.start-playing span{font-size:19px;margin-left:3px}.desktop-only{display:none}.home-topics,.home-extras{gap:7px}.home-tile{padding:9px 6px;gap:6px;border-radius:12px}.home-tile h2{font-size:16px}.home-tile p{font-size:11px;line-height:1.22;padding:0 5px}.home-icon{width:32px;height:32px}.tile-arrow{font-size:20px;right:5px;bottom:7px}.home-extras .home-tile{padding:8px;gap:8px}.home-extras .home-icon{width:31px;height:31px}.home-extras p{padding:0;font-size:11px;line-height:1.2;margin-top:4px}.home-motto{padding:7px 15px;gap:15px;border-radius:12px}.gold-king{font-size:64px}.home-motto h2{font-size:19px}.home-motto p{font-size:7px;letter-spacing:.015em;margin-top:7px}.home-quote{border-radius:12px;padding:10px 16px;gap:14px}.home-quote>span{font-size:48px}.home-quote p{font-size:17px;line-height:1.1;margin:0 0 5px}.home-quote cite{font-size:11px}
 body.play-screen>main{padding:0 10px 10px;gap:7px}.screen-stats{height:51px;gap:5px}.screen-stats .stat{border-radius:9px;padding:6px;line-height:1.1}.stat strong{font-size:11px}.stat span,.stat p{font-size:9px;line-height:1.15}.engine-stat{padding-left:17px!important}.engine-light{width:7px;height:7px;left:5px;top:10px;box-shadow:0 0 0 2px #edc44125}.engine-ready .engine-light{box-shadow:0 0 0 2px #2bc85625}.evaluation-meter{margin-top:4px;height:3px}
 .screen-game-layout{display:flex;flex-direction:column;gap:8px;overflow:hidden}.screen-board-zone{container-type:normal;flex:none;gap:6px;align-items:center}.play-screen .board-frame{width:min(100%,calc(var(--screen-height,100dvh) - 330px));aspect-ratio:1;grid-template-columns:16px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 16px}.play-screen.show-best-moves .board-frame{width:min(100%,calc(var(--screen-height,100dvh) - 373px))}.play-screen .board-ranks span,.play-screen .board-files span{font-size:11px}.screen-actions{gap:5px;grid-template-columns:1fr .7fr 1fr 1fr 36px}.play-screen .screen-actions button{font-size:11px!important;min-height:36px;border-radius:8px;padding:5px 3px!important}.play-screen #best-moves-toggle{font-size:0!important}.play-screen #best-moves-toggle::after{font-size:11px}.screen-coach-zone{flex:1;min-height:0}.play-screen #tutor-panel{padding:9px;gap:5px;border-radius:12px}.screen-coach-heading{gap:6px}.screen-coach-heading h2{font-size:17px}.coach-symbol{width:30px;height:30px;font-size:24px;border-radius:8px}.play-screen .screen-coach-heading button{font-size:11px;min-height:30px;min-width:28px;padding:4px 6px;border-radius:8px}.play-screen .screen-coach-heading #voice-interrupt{min-width:27px;font-size:13px}.play-screen #tutor-status{font-size:10px;line-height:1.15;max-height:23px}.play-screen .chat-message{font-size:13px;line-height:1.35;padding:8px 10px;margin-bottom:5px}.play-screen .chat-message strong{font-size:9px}.play-screen #chat-input{height:38px;min-height:38px;max-height:38px;padding:8px;line-height:20px}.play-screen #chat-send,.play-screen #screen-dictate{height:38px;min-height:38px;width:33px;font-size:18px}.play-screen #tutor-signin{font-size:11px;padding:5px 9px}.play-screen #inline-trial{font-size:10px;padding:2px}.play-screen #inline-trial p{margin:0}.play-screen #inline-trial button{font-size:10px;min-height:28px;padding:4px}.screen-options{padding:15px}
}
@media(max-width:390px){body.app-shell .top .brand>span{font-size:18px}body.app-shell .top .brand-logo{width:37px;height:37px}.home-play-card{gap:7px}.mini-checker{width:37px}.home-play-card h2{font-size:16px}.home-play-card p{font-size:10px}.start-playing{font-size:11px;padding:8px}.home-tile h2{font-size:14px}.home-tile p{font-size:10px}.home-quote p{font-size:15px}.screen-coach-heading h2{font-size:15px}}
@media(max-height:700px) and (max-width:760px){body.app-shell header.top{height:58px;min-height:58px}.home-screen .home-dashboard{gap:6px;grid-template-rows:1.1fr .85fr 1.2fr .9fr .75fr .75fr}.home-scene h1{font-size:22px}.scene-quote{font-size:12px}.home-icon{width:26px;height:26px}.home-tile{gap:4px}.home-tile h2{font-size:14px}.home-tile p{font-size:10px}.home-motto h2{font-size:17px}.gold-king{font-size:47px}.home-quote p{font-size:15px}.home-quote{padding:8px 12px}.home-quote cite{font-size:10px}.play-screen .board-frame{width:min(100%,calc(var(--screen-height,100dvh) - 360px))}.play-screen.show-best-moves .board-frame{width:min(100%,calc(var(--screen-height,100dvh) - 404px))}}
/* Landscape phones and short computer windows use a board beside the coach. */
@media(max-height:560px) and (min-width:600px){body.app-shell header.top{height:54px;min-height:54px;padding:5px 16px}.app-shell .top .brand-logo{height:38px!important;width:38px!important}.screen-stats{height:43px}body.play-screen>main{padding:5px 12px 8px;gap:6px}.screen-game-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.screen-board-zone{container-type:size}.play-screen .board-frame{width:min(100%,calc(100cqh - 45px))}.play-screen.show-best-moves .board-frame{width:min(100%,calc(100cqh - 88px))}.screen-actions{grid-template-columns:1fr .7fr 1fr 1fr 30px;gap:4px}.play-screen .screen-actions button{font-size:10px!important;min-height:29px}.play-screen #best-moves-toggle{font-size:0!important}.home-screen .home-dashboard{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1.2fr .85fr;grid-template-areas:'scene play' 'scene topics' 'motto extras';padding:5px 14px 10px;gap:7px}.home-quote{display:none}.home-tile p{display:none}.home-motto h2{font-size:18px}.home-motto p{font-size:7px}.home-scene h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.app-shell *{scroll-behavior:auto!important}}

.play-screen #screen-dictate{font-size:11px;font-weight:700}

/* Keep account access visible beside Menu without expanding the screen. */
.app-shell .screen-signin{display:inline-flex;align-items:center;justify-content:center;flex:none;white-space:nowrap;margin-left:auto;min-height:40px;padding:8px 12px;border:1px solid #bddbff99;border-radius:10px;background:#edf6ff;color:#123969;text-decoration:none;font-size:13px;font-weight:650}
body.app-shell .screen-signin+.site-menu-toggle{margin-left:0;flex:none}
@media(max-width:480px){body.app-shell header.top{gap:6px;padding-left:10px;padding-right:10px}body.app-shell .top .brand{gap:6px!important}body.app-shell .top .brand-logo{width:32px;height:32px}body.app-shell .top .brand>span{font-size:16px}body.app-shell .top .brand-caption{font-size:6px!important;letter-spacing:.1em!important}.app-shell .screen-signin{font-size:11px;padding:7px 8px;min-height:36px}body.app-shell .site-menu-toggle{font-size:12px;padding:7px 8px;min-height:36px}}
@media(max-width:350px){body.app-shell .top .brand-logo{display:none}}

.play-screen .screen-coach-body>.welcome-intro{flex:none;margin:0;padding:6px 8px;border-radius:8px;background:#edf5ff;font-size:11px}.play-screen .welcome-intro>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.play-screen .welcome-intro button{padding:5px 8px;min-height:30px;font-size:11px}.play-screen .welcome-intro details{display:none}

@media(max-width:600px){.home-play-card .start-playing{max-width:91px;white-space:normal;text-align:center;line-height:1.2;flex-shrink:0}.home-play-card>span:nth-child(2){min-width:0}}


.game-review{margin:12px 0;padding:12px;border:1px solid #b4cdeb;border-radius:12px;background:#eff6ff;color:#16365e}.game-review[hidden]{display:none}.game-review p{font-size:13px;margin:4px 0 10px}.game-review label{display:block;font-size:13px;margin-bottom:5px}.game-review select{width:100%;min-height:44px;padding:8px;margin-bottom:8px}.game-review .board-tools{display:flex;flex-wrap:wrap;gap:8px}.game-review button{min-height:44px}.game-review button:disabled{opacity:.5}
.home-reminders{display:block;flex:none;padding:10px 14px;background:#fff3d6;color:#173b62;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none}
#analytics-choice{flex:none;width:calc(100% - 24px)}

/* Keep review navigation reachable when the board and consent choices share a phone screen. */
.play-screen.review-active .screen-board-zone{container-type:normal;overflow-y:auto}
.play-screen.review-active .board-frame{width:min(100%,420px)}
.play-screen .game-review{flex:none;width:100%;margin:0}
@media(max-width:760px){
 .play-screen .screen-game-layout{overflow-y:auto}
 .play-screen .screen-coach-zone{min-height:210px;flex-shrink:0}
 .play-screen.review-active .screen-board-zone{overflow:visible}
 .play-screen.review-active .screen-coach-zone{flex:none;height:320px}
}


.home-intro-card{padding:14px 18px;border-radius:18px;background:#e7f2ff;color:#14345c}.home-intro-card p{font-size:14px;line-height:1.45;margin:8px 0}.home-intro-card button{padding:9px 14px;border-radius:10px}.home-intro-card summary{cursor:pointer}