/* Local study: selected mark, clear content groups, functional boundaries only. */
:root{--page-gutter:clamp(20px,4.5vw,56px)}
main,.site-header{max-width:1240px}
.site-header{min-height:88px;padding:22px var(--page-gutter);border:0;gap:22px}
.brand{gap:11px;font-size:33px;min-height:44px}
.brand img{width:40px;height:40px}
.site-header nav{gap:24px}
.site-header .text-link{min-height:44px;display:inline-flex;align-items:center}
.theme-control{width:44px;height:44px;min-width:44px;border:0}
.theme-control:hover{background:var(--surface)}
.primary,.secondary{border-radius:4px;min-height:48px;gap:18px}
.home-opening{margin:0;padding:45px var(--page-gutter) 0}
.home-opening h1{font-size:34px;line-height:1.3;letter-spacing:-.025em;max-width:900px}
.home-opening .banned.large{justify-content:flex-start;font-size:clamp(60px,7.8vw,98px);line-height:1.2;gap:clamp(25px,4vw,48px);margin:10px 0 22px}
.home-opening .banned.large s:after{height:3px;top:55%;transform:rotate(-5deg)}
.opening-description{font-size:21px;line-height:1.55;color:var(--muted)}
.host-action{margin-top:30px}
.host-action .primary{min-width:168px;font-size:14px;padding-inline:28px}
.host-meta{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:11px}
.host-action p{font-size:12px;color:var(--muted);margin:0}
.host-action .sharing-note{color:var(--ink);font-weight:500}
.how-section{display:block;margin:0;padding:64px var(--page-gutter) 0;border:0}
.how-section h2{font-size:32px;margin:0}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:28px}
.steps li,.steps li:first-child{display:block;padding:0;border:0}
.steps li>span{display:block;font-size:11px;color:var(--clay);padding:0;margin-bottom:9px}
.steps h3{font-size:25px;margin-bottom:10px}
.steps p{font-size:14px;line-height:1.8;color:var(--muted)}
.prompt-disclosure{border:0;margin-top:27px}
.guide-intro{max-width:620px;margin:12px 0 18px;font:14px/1.8 var(--sans);color:var(--muted)}
.prompt-disclosure summary,.origin summary,.help-questions summary{display:inline-flex;justify-content:flex-start;gap:12px;min-height:44px;padding:10px 0;font:14px/1.6 var(--sans);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line)}
.prompt-disclosure summary:after,.origin summary:after,.help-questions summary:after{font:18px/1 var(--sans)}
.prompt-disclosure .home-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 12px}
.prompt-disclosure .home-prompts article{padding:22px;margin:0;border-radius:4px}
.prompt-disclosure .home-prompts h3{font-size:25px;margin-top:10px}
.prompt-disclosure .note{font:12px/1.7 var(--sans);margin:0 0 6px;color:var(--muted)}
.origin{margin:0;padding:66px var(--page-gutter) 0;border:0}
.origin blockquote{font-size:32px;line-height:1.45;max-width:860px;margin:0;color:var(--teal)}
.origin .attribution{font:12px/1.6 var(--sans);margin:16px 0 13px;color:var(--muted)}
.origin details p{font-size:14px;line-height:1.85;color:var(--muted);max-width:790px;margin:15px 0}
.site-footer{margin:0;padding:44px var(--page-gutter) 28px;border:0}
.setup-panel{border:0;padding:28px}
.setup-copy .consent,.name-details,.play-top,.play-bottom,.help-questions{border:0}
.setup-copy .consent{padding-top:5px}
.name-details{margin:8px 0}
.cue-setting{padding-top:21px}
.play-top{padding-bottom:20px}
.play-bottom{padding-top:18px}
.play-rule{padding:18px 0}
.play-prompts article{border-radius:4px}
.play-prompts p{font-size:21px;text-wrap:pretty}
.prompt-tail{white-space:nowrap}
@media(min-width:761px) and (max-width:1150px){.play-prompts p{font-size:18px}}
.play-top>div:first-child{min-width:0}
#turn-title,#handover-title{overflow-wrap:anywhere}
#toggle-time{min-height:36px;padding-inline:8px}
.fullscreen-control{min-height:44px}
.game-mode .site-header{min-height:76px}
.game-mode .brand{min-height:44px}
.game-mode .site-header nav{gap:18px}
.play-view.active{min-height:calc(100dvh - 130px)}
:root:fullscreen .play-view{min-height:calc(100dvh - 76px)}
.help-questions{margin-top:20px}
.review-bar{border:0;font-size:10px}
.review-bar button{min-height:32px;padding-inline:11px}
.view.study-view.active{display:block}
.study-view{padding:35px var(--page-gutter) 65px}
.study-view>h1{font-size:clamp(38px,4.8vw,60px);line-height:1.12;max-width:900px;margin:14px 0 22px}
.study-intro{max-width:820px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:34px}
.study-note{font-size:13px;color:var(--muted);line-height:1.85;max-width:850px;margin-top:24px}
.study-section{padding-top:44px;border:0}
.study-section>h2{font-size:31px;line-height:1.2;margin-bottom:23px}
.study-section>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:850px}
.study-section>.primary{margin-top:24px}
.architecture-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:42px}
.architecture-groups article>span{font-size:11px;color:var(--clay)}
.architecture-groups h2{font-size:28px;margin:13px 0}
.architecture-groups p{font-size:14px;color:var(--muted);line-height:1.8}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.8}
th,td{text-align:left;vertical-align:top;padding:16px 20px 16px 0;border-bottom:1px solid var(--line)}
th{font-weight:500;color:var(--teal)}
td{width:33.33%;color:var(--muted)}
.selected-mark{display:flex;align-items:center;gap:85px;max-width:850px;background:#f7f1e5;color:#28372f;padding:24px 36px;border-radius:4px}
.selected-large{flex-shrink:0}
.direction-wordmark{display:flex;align-items:center;gap:11px;font:37px/1 var(--serif);letter-spacing:-.045em}
.direction-sizes{display:flex;align-items:flex-end;gap:34px;margin-top:25px}
.direction-sizes figure{display:flex;flex-direction:column;align-items:center;gap:9px}
.direction-sizes figcaption{font-size:10px;color:#636c60}
.browser-tabs{display:flex;gap:11px;flex-wrap:wrap;margin:23px 0 0}
.browser-tabs>div{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:11px;border-radius:8px 8px 0 0;min-width:145px}
.browser-tabs span{margin-left:auto}
.light-tab{background:#f1f3f4;color:#202124}.dark-tab{background:#202124;color:#f1f3f4}
#identity>.primary{margin-top:25px}
@media(max-width:900px){.steps{gap:26px}.steps h3{font-size:24px}.selected-mark{gap:42px;padding-inline:25px}.architecture-groups{gap:23px}}
@media(max-width:760px){
 .play-prompts{grid-template-columns:1fr}.play-prompts p{font-size:clamp(17px,4.8vw,21px)}
 .site-header{padding-block:19px}.brand{font-size:29px;gap:9px}.brand img{width:34px;height:34px}.site-header nav{gap:18px}
 .home-opening{padding-top:32px}.home-opening h1{font-size:29px}.home-opening .banned.large{font-size:clamp(47px,8.4vw,64px);gap:clamp(22px,4.2vw,34px)}.opening-description{font-size:20px}
 .how-section{padding-top:52px}.how-section h2{font-size:31px}.steps{grid-template-columns:1fr;gap:23px;margin-top:24px}.steps li,.steps li:first-child{display:grid;grid-template-columns:25px minmax(0,1fr);gap:12px}.steps li>span{padding-top:5px;margin:0}.steps h3{font-size:25px;margin-bottom:6px}.steps p{max-width:490px}
 .prompt-disclosure{margin-top:24px}.prompt-disclosure .home-prompts{grid-template-columns:1fr}.prompt-disclosure .home-prompts article{padding:20px}.origin{padding-top:50px}.origin blockquote{font-size:28px}.site-footer{padding-top:36px;align-items:flex-start}
 .architecture-groups{grid-template-columns:1fr;gap:26px;margin-top:30px}.architecture-groups h2{margin:7px 0}.study-intro{font-size:14px}.study-section{padding-top:34px}.study-section>h2{font-size:29px}table{min-width:650px}
 .selected-mark{flex-wrap:wrap;gap:25px;justify-content:center}.selected-mark>div{max-width:100%}.selected-large{width:145px;height:145px}.review-bar button{padding-inline:9px}
}
@media(max-width:520px){
 .site-header{min-height:76px;gap:12px;padding-block:16px}.brand{font-size:27px;gap:8px}.brand img{width:31px;height:31px}.site-header nav{gap:8px}.site-header .home-nav{display:none}.site-header .invite-nav{font-size:11px}.theme-control{width:40px;min-width:40px}
 .home-opening{padding-top:27px}.home-opening h1{font-size:26px}.home-opening .banned.large{font-size:clamp(35px,10.8vw,46px);gap:clamp(16px,5vw,23px);margin:9px 0 20px;line-height:1.25}.home-opening .banned.large s:after{height:2px}.opening-description{font-size:18px;line-height:1.6;max-width:320px}.host-action{margin-top:26px}.host-action .primary{font-size:13px;min-width:155px}.host-action p{font-size:11px}
 .how-section{padding-top:46px}.how-section h2{font-size:29px}.steps{gap:22px}.steps h3{font-size:24px}.steps p{font-size:13px}.prompt-disclosure summary,.origin summary{font-size:13px}.origin{padding-top:44px}.origin blockquote{font-size:26px}.origin details p{font-size:13px}.site-footer{font-size:10px;gap:20px}
 .setup-panel{padding:23px}.game-mode .site-header{min-height:70px}.game-mode .site-header nav{gap:12px}.play-top{gap:10px}.play-top h1{font-size:26px;max-width:160px}.timer-controls{gap:7px}.fullscreen-control{max-width:57px}.play-rule{gap:12px}.play-rule .prompt-label{max-width:65px;font-size:8px;line-height:1.5}.banned{font-size:25px;gap:18px}.play-view.active{min-height:calc(100dvh - 124px)}
 .review-bar button{font-size:9px;padding:7px 8px}.review-bar nav{gap:1px}.study-view>h1{font-size:39px}.study-note{font-size:12px}.selected-mark{padding:15px 0}.direction-wordmark{font-size:34px}.browser-tabs>div{min-width:128px;padding-inline:10px;font-size:10px}
}

/* Live site: no review strip at the bottom. */
body{padding-bottom:0}
@media(max-width:520px){.play-bottom{bottom:0}}