/* Tour-only styles. The signed-in scoreboard and navigation are unchanged. */
.welcome-wordmark{display:flex;flex-direction:column;gap:4px;line-height:1}.welcome-brand-subtitle{display:block;font-size:.48em;font-weight:650;letter-spacing:.25em;color:#a8b4c4}
.welcome{max-width:1250px}.welcome-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:40px;align-items:stretch}.welcome-card{position:sticky;top:24px}.welcome-intro h1{font-size:clamp(38px,5vw,60px)}
.welcome-brand .welcome-quick-signin{margin-left:4px;font-size:13px;letter-spacing:0;border:1px solid #4c5c70;border-radius:10px;padding:9px 14px;min-height:40px}
.welcome-tour{margin-top:26px;border:1px solid #344150;background:#121b27;border-radius:22px;overflow:hidden;color:#edf3fb;font-size:14px;line-height:1.5;text-align:left}
.welcome-tour button{font-size:12px;min-height:38px;line-height:1.35;white-space:normal;touch-action:manipulation}.welcome-tour button:focus-visible{outline:2px solid #dafa69;outline-offset:-3px}
.tour-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 18px 6px}.tour-demo-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#a9b7c9}.tour-topline button{color:#dafa69;padding:4px 0}
.tour-tabs{display:flex;overflow-x:auto;gap:6px;padding:6px 14px 14px;scrollbar-width:thin;scrollbar-color:#415066 transparent}.tour-tabs button{flex:0 0 auto;white-space:nowrap;padding:8px 12px;border-radius:24px;background:#202e40;color:#b9c7d9}.tour-tabs button[aria-current=step]{background:#dafa69;color:#14200a;font-weight:750}
.tour-scene{margin:0 14px;border-radius:16px;background:radial-gradient(ellipse at top,#293954,#0b131e 75%);padding:20px;min-height:245px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;touch-action:pan-y}
.tour-copy{padding:20px 22px 12px;min-height:220px}.tour-page-count{color:#95a6bb;float:right;letter-spacing:.12em;font-size:11px;margin:7px 0 0 12px}.tour-copy h2{font-size:24px;line-height:1.15;letter-spacing:-.035em;margin:0 0 14px;color:#f4f8fc}.tour-description{font-size:14px;line-height:1.7;color:#bcc9d9;margin:0 0 12px}.tour-tip{border-left:2px solid #dafa69;padding-left:12px;color:#d5ddbc;font-size:12px;line-height:1.65;margin:0}
.tour-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px 16px}.tour-navigation button{padding:9px 14px;border:1px solid #435369;border-radius:11px;color:#e7edf5}.tour-navigation button:last-child{background:#dafa69;border-color:#dafa69;color:#14200a;font-weight:800}.tour-dots{display:flex;gap:6px}.tour-dots i{width:5px;height:5px;border-radius:9px;background:#516078}.tour-dots i.active{background:#dafa69;width:18px}
.tour-sport{font-size:11px;font-weight:800;letter-spacing:.08em;margin:0 0 14px;display:flex;justify-content:space-between;gap:12px}.tour-sport span{font-size:9px;color:#a5b7ce}.tour-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tour-score-team{background:#2465de;border-radius:14px;padding:16px 8px;text-align:center;display:grid;color:white}.tour-score-team:last-child{background:#c83c4b}.tour-score-team>span{font-size:11px;letter-spacing:.1em;font-weight:750}.tour-score-team strong{font-size:68px;line-height:1.15;letter-spacing:-.05em}.tour-score-team small{font-size:9px}.tour-score-team[data-tour-action]:active{transform:scale(.98)}.tour-demo-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:#b0bfd2;margin-top:9px}.tour-demo-tools button{color:#dafa69;font-size:11px;padding:4px 0}
.tour-style-stage{width:100%;max-width:560px;margin:auto;min-height:0}.tour-style-stage .tour-scoreboard{gap:10px}.tour-style-stage .tour-style-team{min-height:0;padding:14px 8px;align-items:center;justify-content:center;gap:10px}.tour-style-team .team-name{font-size:16px;letter-spacing:.07em;text-align:center}.tour-style-score{font-size:clamp(32px,26cqh,82px);line-height:1.1;white-space:nowrap}.tour-style-team small{font-size:9px;letter-spacing:.04em}.tour-style-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:12px}.tour-style-picker button{padding:6px 9px;color:#b3c2d8;border-radius:8px;font-size:10px}.tour-style-picker button[aria-pressed=true]{color:#dafa69;background:#263443}
.tour-board{position:relative;background:#f8fafc;border-radius:10px;border:5px solid #758898;margin:4px auto 0;width:100%;max-width:380px;padding:10px 0 0;--tour-board-line:#8395a5;--tour-player:#1660a8;--tour-route:#304f73;--tour-defender:#b53636}.tour-board[data-board=black]{background:#0b1117;--tour-board-line:#879394;--tour-player:#edff4a;--tour-route:#edff4a;--tour-defender:#ff78ac}.tour-board[data-board=green]{background:#123d31;--tour-board-line:#bacb9e;--tour-player:#f1f9ca;--tour-route:#f1f9ca;--tour-defender:#ffb26b}.tour-clipboard-clip{position:absolute;top:-10px;left:calc(50% - 35px);width:70px;height:16px;background:linear-gradient(#bdc8cf,#82959f);border:2px solid #d8e3ea;border-radius:5px}.tour-court{width:100%;height:auto;display:block;fill:none;stroke:var(--tour-board-line);stroke-width:2}.tour-court .tour-route{stroke:var(--tour-route);stroke-width:3;stroke-dasharray:7 5;stroke-dashoffset:0;animation:tour-routes 6s linear infinite}.tour-court .tour-pass{stroke:var(--tour-route);stroke-width:2;stroke-dasharray:4 6;opacity:.5}.tour-player{stroke:none;fill:var(--tour-player)}.tour-player text{fill:#fff;font:800 17px system-ui;text-anchor:middle}.tour-board:not([data-board=white]) .tour-player text{fill:#16200e}.tour-defender{fill:var(--tour-defender);stroke:none;font:700 32px system-ui}.tour-ball{fill:#ed983c;stroke:#8e4b12;stroke-width:1.6;animation:tour-ball 6s ease-in-out infinite}.tour-player-one{animation:tour-cut-one 6s ease-in-out infinite}.tour-player-two{animation:tour-cut-two 6s ease-in-out infinite}
@keyframes tour-cut-one{0%,15%,95%,100%{transform:translate(0,0)}45%,80%{transform:translate(75px,-112px)}}@keyframes tour-cut-two{0%,40%,95%,100%{transform:translate(0,0)}65%,80%{transform:translate(-40px,-94px)}}@keyframes tour-ball{0%,12%,95%,100%{transform:translate(0,0)}28%,42%{transform:translate(165px,-5px)}65%,80%{transform:translate(130px,-98px)}}@keyframes tour-routes{to{stroke-dashoffset:-72}}
.tour-cast-scene{display:flex;align-items:center;flex-direction:column}.tour-television{position:relative;border:6px solid #566375;border-radius:10px;background:#090f18;max-width:360px;width:100%;padding:15px 24px 10px;box-shadow:0 6px 0 #233246}.tour-tv-brand{font-size:9px;letter-spacing:.13em;text-align:center;color:#bbce9b}.tour-tv-score{display:flex;gap:30px;align-items:center;justify-content:center;font-size:54px;font-weight:850;line-height:1.15;color:#dafa69}.tour-tv-score small{font-size:10px;color:#8294a9}.tour-tv-clock{text-align:center;font-size:20px;margin-top:7px}.tour-cast-link{display:flex;align-items:center;gap:5px;margin:13px 0;font-size:9px;letter-spacing:.08em;color:#a8c4df}.tour-cast-link i{height:5px;width:5px;background:#dafa69;border-radius:50%;animation:tour-pulse 1.6s ease-in-out infinite}.tour-cast-link i:nth-child(2){animation-delay:.2s}.tour-cast-link i:nth-child(3){animation-delay:.4s}.tour-cast-link span{margin-left:8px}.tour-phone{padding:7px 20px;border:3px solid #516276;background:#152134;border-radius:12px;width:185px;text-align:center}.tour-phone>span{font-size:7px;letter-spacing:.12em}.tour-phone>div{display:flex;gap:5px}.tour-phone b{background:#2465de;border-radius:5px;flex:1;padding:4px;font-size:21px}.tour-phone b:last-child{background:#c83c4b}.tour-phone small{font-size:7px}
.tour-chat,.tour-plan{max-width:365px;margin:auto;width:100%}.tour-chat-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.tour-avatar{height:31px;width:31px;display:grid;place-items:center;background:#a9c9f8;border-radius:50%;color:#10233e;font-weight:800}.tour-chat-header strong{font-size:13px}.tour-chat-header small{display:block;font-size:9px;color:#99adc7}.tour-bubble{padding:12px 14px;font-size:13px;line-height:1.5;max-width:88%;background:#2b3b53;border-radius:14px 14px 14px 3px;margin:10px 0;color:#edf3fc}.tour-bubble.tour-sent{margin-left:auto;background:#dafa69;color:#182509;border-radius:14px 14px 3px 14px}.tour-bubble small{display:block;text-align:right;font-size:9px;margin-top:4px}.tour-chat-typing{font-size:10px;color:#adbed4;height:23px;display:flex;align-items:center;gap:8px}.tour-typing{display:flex;gap:3px}.tour-typing i{width:4px;height:4px;border-radius:50%;background:#a9c9f8;animation:tour-pulse 1.3s ease-in-out infinite}.tour-typing i:nth-child(2){animation-delay:.18s}.tour-typing i:nth-child(3){animation-delay:.36s}.tour-reply{animation:tour-appear .4s ease-out}.tour-attachment-sample{display:flex;justify-content:space-around;gap:8px;border-top:1px solid #3e5067;padding-top:13px;margin-top:17px;font-size:10px;color:#aec0d7}.tour-plan-summary{border:1px solid #5a7251;border-radius:12px;padding:14px;text-align:center;margin-top:16px;background:#bce97910;animation:tour-plan-confirm 6s ease-in-out infinite}.tour-plan-summary span{font-size:9px;letter-spacing:.12em;color:#dafa69}.tour-plan-summary strong{display:block;font-size:21px;margin:5px 0}.tour-plan-summary small{font-size:11px;color:#b1c5db}.tour-plan>p{font-size:9px;text-align:center;color:#9fb3c9;margin-bottom:0}.tour-plan-reply{animation:tour-appear .8s ease-out}
.tour-audio{text-align:center;max-width:380px;width:100%;margin:auto}.tour-sound-bars{height:44px;display:flex;justify-content:center;gap:5px;align-items:center;margin-bottom:15px}.tour-sound-bars i{width:5px;height:28px;border-radius:8px;background:#dafa69;animation:tour-wave 1s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.11s)}.tour-audio blockquote{font-size:21px;letter-spacing:-.02em;line-height:1.4;margin:0 0 20px;color:#e6effa}.tour-audio .primary{padding:12px 20px;font-size:13px}.tour-audio [data-tour-audio-status]{font-size:10px;color:#a8bbd3;min-height:30px;line-height:1.4;margin:10px 0}.tour-memory-strip{display:flex;justify-content:center;gap:16px;padding-top:12px;border-top:1px solid #384a60;font-size:11px;color:#bacbde}
@keyframes tour-wave{from{transform:scaleY(.3)}to{transform:scaleY(1.5)}}@keyframes tour-pulse{0%,100%{opacity:.2;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}@keyframes tour-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes tour-plan-confirm{0%,30%,100%{border-color:#3c5043}55%,80%{border-color:#dafa69}}
.welcome-tour[data-running=false] *{animation-play-state:paused!important}.guide-sheet{max-width:740px}.guide-content{max-height:70dvh}.guide-content .welcome-tour{margin:0 0 20px}.guide-written{padding-top:10px}.guide-written>summary{cursor:pointer;font-weight:700;padding:12px 0;color:#dafa69}.guide-content .tour-clock{font-size:64px}
@media(max-width:700px){.welcome-layout{grid-template-columns:1fr;gap:22px}.welcome-card{position:static}.welcome-brand{gap:8px;font-size:15px;letter-spacing:.07em}.welcome-beta{font-size:8px;padding:5px 7px}.welcome-brand .welcome-quick-signin{font-size:11px;padding:7px 10px}.welcome{padding:16px 14px 30px}.welcome-intro h1{font-size:40px;margin-bottom:12px}.welcome-description{font-size:15px;line-height:1.5}.welcome-tour{margin-top:20px}.tour-copy{padding:18px 18px 10px;min-height:0}.tour-copy h2{font-size:22px}.tour-description{font-size:13px}.tour-scene{padding:16px 12px;margin:0 10px;min-height:240px}.tour-topline{padding:10px 14px 4px}.tour-demo-eyebrow{font-size:9px}.tour-topline button{font-size:10px}.tour-sport{font-size:9px}.tour-sport span{font-size:8px}.tour-score-team strong{font-size:58px}.tour-clock,.guide-content .tour-clock{font-size:48px}.tour-dots{gap:5px}.tour-navigation{padding:8px 14px 14px}.guide-content{padding:14px}.tour-tv-score{font-size:45px}.tour-tabs{padding-left:10px;padding-right:10px}.tour-tabs button{font-size:11px}.tour-memory-strip{gap:9px;font-size:10px}.welcome-brand .brandmark{width:34px;height:34px;font-size:27px}}
@media(max-width:360px){.tour-clock,.guide-content .tour-clock{font-size:39px}.welcome-brand{font-size:13px;gap:6px}.welcome-beta{display:none}.welcome-brand .welcome-quick-signin{margin-left:auto}.tour-navigation{gap:7px}.tour-navigation button{padding:7px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.welcome-tour *{animation:none!important;transition:none!important}}

/* Each tour is a bounded slideshow. Long instructions live in the written guide. */
.welcome,.welcome-layout,.welcome-intro,.welcome-card,.welcome-tour,.tour-slide,.tour-copy,.tour-scene{min-width:0;min-height:0}
.welcome{width:100%;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;padding:16px 24px;overflow:hidden;touch-action:pan-x pan-y}
/* The size-contained demo needs a stretched grid item and a definite row.
   Content-sized alignment collapses the scene to its padding on desktop. */
.welcome-brand{flex:0 0 42px;margin:0 0 12px}.welcome-layout{flex:1;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr);gap:24px;height:auto;overflow:hidden}
.welcome-intro{display:flex;flex-direction:column;overflow:hidden}.welcome-intro>.eyebrow{display:none}.welcome-intro h1{font-size:30px;line-height:1.1;margin:0 0 8px}.welcome-intro h1 br{display:none}.welcome-intro h1 br:after{content:' '}.welcome-description{font-size:15px;line-height:1.4;margin:0 0 8px;max-width:none}
.welcome-card{position:static;padding:22px;overflow:auto;align-self:center;max-height:100%;box-shadow:none}.welcome-card h2{font-size:23px}.welcome-card>p{font-size:14px}
.welcome-tour{display:grid;grid-template-rows:30px 46px minmax(0,1fr) 50px;flex:1;margin:0;width:100%;overflow:hidden;border-radius:18px;contain:inline-size;touch-action:pan-y}
.tour-topline{padding:3px 14px;min-width:0}.tour-topline button{min-height:28px;white-space:nowrap}.tour-demo-eyebrow{font-size:9px;letter-spacing:.06em}
.tour-tabs{min-width:0;width:100%;padding:3px 10px 5px;gap:5px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}.tour-tabs button{min-height:36px;font-size:12px;padding:6px 12px}
.tour-slide{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;outline-offset:-3px}
.tour-scene{min-height:0;margin:0 12px;padding:14px;overflow:hidden;container-type:size}
.tour-copy{padding:12px 18px 6px;min-height:0;overflow:auto;overscroll-behavior:contain}.tour-copy h2{font-size:24px;margin:0 0 8px;line-height:1.15}.tour-description{font-size:16px;line-height:1.4;margin:0}.tour-tip{display:none}.tour-page-count{font-size:11px;margin-top:4px}.tour-navigation{padding:4px 14px 8px}.tour-navigation button{min-height:38px;padding:6px 13px}
.tour-score-team strong{font-size:clamp(42px,38cqh,90px)}.tour-score-team{padding:10px 8px}.tour-sport{margin:0 0 8px}.tour-demo-tools{margin-top:4px}
.tour-clock-stage{flex:1;min-height:0;gap:8px;padding:8px 4px}.tour-clock,.guide-content .tour-clock{font-size:clamp(30px,22cqh,65px)}.tour-style-picker{flex:0 0 auto;gap:3px}.tour-style-picker button{min-height:30px;padding:4px 7px;font-size:11px}
.tour-board{height:calc(100% - 30px);min-height:0;max-width:380px;margin:0 auto;width:100%}.tour-court{height:100%;max-height:100%;width:100%}.tour-clipboard-clip{display:none}
.tour-cast-scene{height:100%;justify-content:center;gap:5px}.tour-television{padding:7px 18px;border-width:4px;max-width:300px}.tour-tv-score{font-size:clamp(30px,22cqh,60px)}.tour-tv-clock{margin-top:3px}.tour-cast-link{margin:4px 0}.tour-phone{padding:3px 15px}.tour-phone>div b{font-size:18px}.tour-phone small{font-size:9px}
.tour-chat-header{margin-bottom:6px}.tour-bubble{padding:9px 12px;font-size:14px;margin:6px 0}.tour-chat-typing{height:20px}.tour-attachment-sample{padding-top:5px;margin-top:7px}.tour-plan-summary{padding:8px;margin-top:8px}.tour-plan-summary strong{font-size:20px;margin:3px 0}.tour-plan>p{display:none}
.tour-audio blockquote{font-size:22px;margin:0 0 12px}.tour-sound-bars{height:32px;margin-bottom:10px}.tour-audio [data-tour-audio-status]{min-height:0;margin:5px 0}.tour-memory-strip{padding-top:6px}
#guide-dialog{width:min(960px,100vw);max-width:100vw;height:min(880px,100dvh);max-height:100dvh;overflow:hidden;padding:0}
#guide-dialog[open]{display:flex;flex-direction:column}#guide-dialog>.sheet-header,#guide-dialog>.sheet-footer{flex:0 0 auto;padding:12px 20px}#guide-dialog>.sheet-header h1{font-size:23px}#guide-dialog>.sheet-footer{display:flex;gap:10px}#guide-done{flex:1}#guide-overview{min-width:90px}
#guide-dialog .guide-content{flex:1;min-height:0;max-height:none;padding:18px;overflow:auto}#guide-dialog[data-view=tour] .guide-content{display:flex;overflow:hidden;padding:0 12px}#guide-dialog .welcome-tour{margin:0;min-height:0}#guide-dialog .about-intro{font-size:16px;line-height:1.6}#guide-dialog .guide-written{font-size:15px}
@media(max-width:700px){
 .welcome{padding:max(8px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom))}.welcome-brand{flex-basis:36px;margin-bottom:6px;font-size:16px;gap:8px}.welcome-brand .brandmark{width:30px;height:30px;font-size:25px}.welcome-brand .welcome-quick-signin{min-height:32px;padding:5px 9px}
 .welcome-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px}.welcome-intro h1{font-size:23px;margin:0 0 6px}.welcome-description{display:none}
 .welcome-card{width:100%;padding:8px 12px;display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;border-radius:14px;overflow:hidden}
 .welcome-card>.eyebrow,.welcome-card>h2,.welcome-card>.welcome-methods,.welcome-card>.welcome-testing,#welcome-guide,#welcome-version{display:none}
 .welcome-card>p:not([class]){grid-column:1/-1;font-size:12px;margin:0;line-height:1.3}
 .welcome-card>button{margin:0;min-height:40px;padding:7px 10px;font-size:14px}.welcome-card #welcome-status{grid-column:1/-1;font-size:11px;line-height:1.3;margin:0}.welcome-card #welcome-retry{grid-column:1/-1}
 .tour-copy{padding:10px 14px 5px}.tour-copy h2{font-size:22px}.tour-description{font-size:15px;line-height:1.4}.tour-scene{padding:12px;margin:0 8px}.tour-tabs button{font-size:12px}
 #guide-dialog{height:100dvh;border-radius:0}#guide-dialog>.sheet-header,#guide-dialog>.sheet-footer{padding:10px 14px}#guide-dialog[data-view=tour] .guide-content{padding:0 8px}
}
@media(orientation:landscape) and (max-height:600px){
 .welcome{padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))}.welcome-brand{flex-basis:32px;margin-bottom:5px;font-size:16px}.welcome-brand .brandmark{width:28px;height:28px;font-size:23px}.welcome-brand .welcome-quick-signin{min-height:30px;padding:4px 10px}
 .welcome-layout{grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:minmax(0,1fr);gap:12px}.welcome-intro h1,.welcome-description{display:none}
 .welcome-card{display:flex;flex-direction:column;align-self:center;padding:14px;gap:4px}.welcome-card>.eyebrow,.welcome-card>.welcome-methods,.welcome-card>.welcome-testing,#welcome-guide,#welcome-version{display:none}.welcome-card h2{font-size:20px;margin:0 0 5px}.welcome-card>p:not([class]){font-size:12px;line-height:1.4;margin:0 0 4px}.welcome-card>button{margin:0;min-height:36px;padding:6px;font-size:13px}.welcome-card #welcome-status{font-size:11px;margin:4px 0 0;line-height:1.3}
 .welcome-tour{grid-template-rows:26px 38px minmax(0,1fr) 42px;border-radius:12px}.tour-tabs{padding:0 8px 3px}.tour-tabs button{font-size:11px;min-height:32px;padding:4px 9px}.tour-topline{padding:0 10px}.tour-topline button{min-height:26px;font-size:11px}
 .tour-slide{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch}.tour-scene{padding:8px;margin:0 0 0 8px;border-radius:10px}.tour-copy{padding:8px 12px;align-self:center;max-height:100%}.tour-copy h2{font-size:19px;margin:0 0 7px}.tour-description{font-size:14px;line-height:1.4}.tour-page-count{float:none;display:block;font-size:10px;margin:0 0 5px}.tour-navigation{padding:3px 10px}.tour-navigation button{min-height:34px;padding:4px 12px}
 .tour-score-team strong{font-size:clamp(30px,36cqh,72px)}.tour-score-team small,.tour-demo-tools>span,.tour-clock-caption,.tour-sport>span,.tour-chat-header,.tour-attachment-sample,.tour-plan-summary small,.tour-memory-strip,.tour-phone small{display:none}.tour-score-team{padding:6px}.tour-sport{font-size:10px;margin-bottom:4px}.tour-demo-tools button{min-height:25px;font-size:10px;padding:1px}.tour-bubble{font-size:11px;line-height:1.3;padding:6px 8px;margin:4px 0}.tour-chat-typing{font-size:9px;height:17px}.tour-plan-summary{padding:5px;margin-top:5px}.tour-plan-summary strong{font-size:14px}.tour-demo-eyebrow{font-size:8px}
 .tour-clock-stage>.tour-demo-eyebrow{display:none}.tour-style-picker{gap:0}.tour-style-picker button{font-size:9px;min-height:25px;padding:2px 4px}.tour-clock,.guide-content .tour-clock{font-size:clamp(25px,25cqh,50px)}.tour-tv-brand{font-size:8px}.tour-tv-score{font-size:30px}.tour-phone{width:140px}.tour-phone>span{display:none}.tour-phone>div b{font-size:15px}.tour-tv-clock{font-size:16px}.tour-cast-link{font-size:8px;margin:2px}
 .tour-audio blockquote{font-size:16px;margin-bottom:7px}.tour-sound-bars{height:23px;margin-bottom:5px}.tour-audio .primary{min-height:32px;font-size:12px;padding:6px}.tour-audio [data-tour-audio-status]{font-size:9px;margin-top:4px}
 #guide-dialog{height:100dvh;width:min(960px,100vw);border-radius:0}#guide-dialog>.sheet-header,#guide-dialog>.sheet-footer{padding:5px 14px}#guide-dialog>.sheet-header h1{font-size:19px}#guide-dialog>.sheet-header button{height:30px}#guide-dialog>.sheet-footer button{min-height:32px;padding:5px}#guide-dialog[data-view=tour] .guide-content{padding:0 8px}
}
/* Desktop previews have a bounded presentation height, independent of a tall
   monitor. Keep the full-height layout above for narrow and short screens. */
@media(min-width:701px) and (min-height:601px){
 .welcome{overflow-y:auto}
 .welcome-layout{flex:0 0 auto;grid-template-rows:auto;align-items:center;overflow:visible}
 .welcome-intro{overflow:visible}
 #welcome-tour-root{flex:none;height:clamp(420px,calc(100dvh - 190px),540px)}
 .welcome-card{max-height:none;overflow:visible}
}
@media(orientation:landscape) and (max-height:600px){
 .tour-style-stage .tour-style-team{padding:6px 4px;gap:4px}
 .tour-style-team .team-name{font-size:11px}
 .tour-style-score{font-size:clamp(24px,26cqh,60px)}
 .tour-style-team small{display:none}
 .tour-style-stage .tour-sport{margin-bottom:4px}
 .tour-style-picker{margin-top:5px}
}
/* The TV preview shows the receiver and its remote together. */
.tour-cast-scene{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:8px;min-height:0;width:100%;max-width:560px;margin:auto}
.tour-cast-demo{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:18px;align-items:center;min-height:0;width:100%}
.tour-cast-demo .tour-television{max-width:none;padding:10px 12px}
.tour-cast-demo .tour-tv-score{font-size:clamp(26px,13cqw,54px);gap:12px}
.tour-phone-away{display:block;text-align:center;font-size:10px;line-height:1.3;color:#b6c7d9;margin-top:8px}
.tour-remote{background:linear-gradient(135deg,#eeeae1,#c8c5bc);color:#28323c;border:1px solid #f4f2e9;border-radius:32px;box-shadow:0 6px 12px #0006;padding:12px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;max-height:100%;min-height:0}
.tour-remote>span{font-size:8px;font-weight:800;letter-spacing:.09em}.tour-remote>small{font-size:9px}.tour-remote>i{display:inline-block;width:22px;height:7px;background:#87919a;border-radius:10px}
.tour-remote-pad{display:grid;grid-template-columns:repeat(3,24px);grid-template-rows:repeat(3,24px);border-radius:50%;background:#b2b5b3;padding:2px}
.tour-remote-pad button{min-height:24px;padding:0;font-size:13px;color:#202a33;border-radius:50%;white-space:nowrap}
.tour-remote-pad [data-tour-remote=up]{grid-area:1/2}.tour-remote-pad [data-tour-remote=left]{grid-area:2/1}.tour-remote-pad [data-tour-remote=ok]{grid-area:2/2;font-size:9px;font-weight:800;background:#8e9696}.tour-remote-pad [data-tour-remote=right]{grid-area:2/3}.tour-remote-pad [data-tour-remote=down]{grid-area:3/2}
.tour-remote-pad button[data-pressed=true],.tour-remote-pad button:active{background:#dafa69;box-shadow:0 0 0 3px #dafa6940}
.tour-remote-modes{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.tour-remote-modes button{min-height:30px;padding:5px 8px;font-size:10px;border-radius:9px;background:#263443;color:#b3c2d8}.tour-remote-modes button[aria-pressed=true]{background:#dafa69;color:#14200a;font-weight:750}
.tour-remote-status{font-size:12px;line-height:1.35;text-align:center;color:#bcc9d9;margin:0;min-height:33px}
.tour-tv-score [data-selected=true]{outline:2px solid #dafa69;outline-offset:5px;border-radius:3px}
@media(max-width:700px){.tour-cast-demo{gap:10px;grid-template-columns:minmax(0,1fr) 88px}.tour-remote{padding:8px 5px;gap:6px}.tour-remote>i{display:none}.tour-phone-away{font-size:9px}.tour-remote-status{font-size:11px}}
@media(orientation:landscape) and (max-height:600px){.tour-cast-scene{gap:4px}.tour-cast-demo{gap:8px;grid-template-columns:minmax(0,1fr) 80px}.tour-cast-demo .tour-television{padding:5px}.tour-remote{padding:6px 2px;gap:4px;border-radius:20px}.tour-remote>i,.tour-remote>small,.tour-phone-away{display:none}.tour-remote-modes button{font-size:9px;min-height:25px;padding:3px 5px}.tour-remote-status{font-size:10px;min-height:27px}}
/* Preserve normal document zoom for the written guide; the slideshow is a touch control. */
html:has(body[data-access=locked]){overflow:hidden}body[data-access=locked]{width:100%;overflow:hidden}body[data-access=locked] #account-dialog{touch-action:pan-y}
@media(max-height:700px) and (orientation:portrait){.tour-chat-header,.tour-attachment-sample,.tour-demo-tools>span,.tour-clock-caption,.tour-memory-strip,.tour-plan>p{display:none}.tour-bubble{font-size:12px;padding:7px 10px}.tour-plan-summary{padding:5px}.tour-plan-summary strong{font-size:17px}.tour-copy h2{font-size:20px}.tour-copy{padding-top:7px}.tour-cast-link{margin:2px}.tour-phone small{display:none}.tour-audio blockquote{font-size:18px}}

/* Current verified captures replace the obsolete first-slide score blocks only. */
.tour-current-ui{flex:1;min-height:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:5px;overflow:hidden}.tour-current-ui img{min-height:0;max-height:calc(100% - 18px);max-width:100%;object-fit:contain;display:block;border-radius:6px}.tour-current-ui figcaption{font-size:9px;color:#b6c4d3;text-align:center}.tour-current-picker{display:flex;justify-content:center;gap:8px;flex:0 0 auto;margin-top:6px}.tour-current-picker button{min-height:30px;padding:5px 12px;border-radius:7px;border:1px solid #425262;color:#bccad9}.tour-current-picker button[aria-pressed=true]{background:#dafa69;color:#14200a;border-color:#dafa69}