/* Shared preparation language: illustrated choices, quiet surfaces, stable footers. */
@media(max-height:550px){#race-screen[data-screen=setup]:has(.race-scenarios) header p,#race-screen[data-screen=setup]:has(.race-scenarios) header small{display:none}#race-screen[data-screen=setup]:has(.race-scenarios){gap:6px}#race-screen[data-screen=setup]:has(.race-scenarios) .race-scenarios{margin:0 auto;flex:1;min-height:0}#race-screen[data-screen=setup]:has(.race-scenarios) .race-scenarios>button{min-height:100px;padding:6px!important;gap:2px}#race-screen[data-screen=setup]:has(.race-scenarios) .connection-diagram{height:52px;width:90px}#race-screen[data-screen=setup]:has(.race-scenarios) .race-config{padding:6px;margin:0 auto}#race-screen[data-screen=setup]:has(.race-scenarios) footer{position:static;margin:0;padding:2px 0}}
#race-screen .race-item-guide>div{border:0;background:none;box-shadow:none;border-radius:0;justify-content:flex-start;align-items:center;padding:10px;gap:12px}
#race-screen .race-item-guide>div>svg{height:86px;min-height:86px;flex:0 0 86px}
#race-screen .race-item-guide p{width:100%;text-align:left;align-items:stretch}
#race-screen .race-item-guide p b{min-height:28px;display:block}
#race-screen .race-item-guide p span{min-height:66px;display:block}
#race-screen .race-item-guide .item-video-button{display:flex;align-items:center;gap:7px;align-self:flex-start;margin-top:4px;padding:7px 10px;border:1px solid #bdd77966;background:#203526;color:#deefab;font-size:13px;min-height:34px}
#race-screen .race-item-guide .item-video-button svg{width:23px!important;height:23px!important;min-height:0;flex:0 0 23px;fill:none;stroke:currentColor;stroke-width:1.8}
#race-screen .race-item-guide .item-video-button:hover{background:#ddef7b;color:#172b1b}
.item-video{width:min(880px,94vw);max-height:92dvh;padding:20px;border:2px solid #a4ba6d;border-radius:20px;background:#152a1d;color:#edf2d8;box-sizing:border-box}
.item-video::backdrop{background:#041009dd}.item-video header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.item-video h2{margin:0;font-size:23px}.item-video button{background:transparent;border:0;color:inherit;font-size:30px;padding:0 10px;cursor:pointer}.item-video video{display:block;width:100%;max-height:65dvh;background:#102017;border-radius:10px}.item-video p{font-size:14px;line-height:1.5}
#race-screen .race-scenarios{max-width:760px;width:100%;gap:18px;margin:8px auto 12px}
#race-screen .race-scenarios>button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:50%!important;max-width:none;min-height:180px;padding:18px!important;background:#243d29;border:2px solid #91ad61;border-radius:14px;text-align:center}
#race-screen .race-scenarios>button[aria-pressed=true]{background:#344c28;border-color:#ddef7b;box-shadow:inset 0 0 0 1px #ddef7b}
#race-screen .race-scenarios>button:hover,#race-screen .race-scenarios>button:focus-visible{background:#ddef7b;color:#172b1b}
#race-screen .race-scenarios>button:hover small{color:inherit}
.connection-diagram{display:block;width:160px;height:106px;color:#ddef7b;flex-shrink:0}
#race-screen .race-scenarios>button:hover .connection-diagram{color:inherit}
#race-screen .race-config{max-width:760px;width:100%;box-sizing:border-box;margin:0 auto;padding:12px 18px;background:#1d3222;border-radius:12px}
.couch-shell{inset:70px 18px 18px;padding:22px;border:1px solid #7f956955;border-radius:20px;background:#15291ef5;box-shadow:0 20px 70px #06100944}
.couch-shell header{margin-bottom:14px}.couch-shell header small{font-size:10px}.couch-shell h2{font-size:30px}
.couch-shell footer{border-top:1px solid #83956444;padding-top:12px;min-height:42px}
.couch-shell footer [role=status]{flex:1;text-align:center}
.couch-intro{width:min(760px,100%);display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0}
.couch-intro>.connection-diagram{width:210px;height:138px}
.couch-intro .couch-layout-preview{display:none}
.couch-intro h3{margin:0;font-size:21px}.couch-intro .couch-options{width:100%;box-sizing:border-box;background:#1d3222;border:1px solid #83956444;border-radius:12px;padding:16px;margin:8px 0;justify-content:center;gap:30px}
.couch-intro .couch-options label{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:left;min-width:180px}.couch-intro select{margin:0}.couch-intro p{margin:0}
.couch-seat img[hidden]{display:none}.couch-seat:has(.couch-qr:empty) img{width:min(100%,220px);height:clamp(100px,24vh,230px);margin:auto 0 0}.couch-seat:has(.couch-qr:empty) .couch-qr{display:none}.couch-seat:has(.couch-qr:empty) h3{margin:10px 0 auto}
@media(max-height:600px){#race-screen .race-scenarios>button{min-height:120px;padding:9px!important;gap:4px}.connection-diagram{width:110px;height:73px}#race-screen .race-item-guide>div>svg{height:52px;min-height:52px;flex-basis:52px}#race-screen .race-item-guide>div{gap:5px}#race-screen .race-item-guide p span{min-height:48px}#race-screen .race-item-guide p b{min-height:20px}.couch-shell{inset:56px 10px 10px;padding:12px}.couch-shell h2{font-size:23px}.couch-intro>.connection-diagram{height:75px}.couch-intro{gap:5px}.couch-intro .couch-options{padding:8px;margin:3px 0}.couch-intro h3{font-size:17px}.couch-shell header{margin-bottom:5px}.couch-shell footer{padding-top:7px;margin-top:7px}}
@media(max-width:600px){.couch-shell{inset:66px 8px 8px;overflow:auto}.couch-intro .couch-options{flex-direction:row;gap:12px}.couch-intro .couch-options label{min-width:0;flex:1}.couch-intro h3{font-size:18px}#race-screen .race-scenarios>button{padding:10px!important;gap:8px}#race-screen .race-scenarios strong{font-size:17px!important}.connection-diagram{width:120px;height:80px}}
