/* A quiet scene with one small toolbar. Secondary controls live in Settings. */
:root{--accent:#355c59;--cream:#fafbf7}
#header{padding:26px 30px;gap:16px}
.brand-symbol{font-family:var(--sans);font-size:24px;font-weight:600;letter-spacing:-.08em}
#header nav{gap:12px}
.bottle-count{display:flex;align-items:center;gap:6px;font-size:12px;padding:10px;border-radius:50px;background:#f9fcf395}
.bottle-count>span:first-child{display:flex}
.bottle-count svg{width:17px;height:17px}
.icon-btn{background:#f9fcf395;width:36px;height:36px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#intro{top:50%;left:9%;transform:translateY(-50%)}
#intro h1{font-size:clamp(32px,3.5vw,48px);line-height:1.5;letter-spacing:-.05em;margin:0 0 17px}
#intro p{font-size:13px;line-height:1.8;margin-bottom:25px}
.primary-btn{border-radius:50px;min-width:165px;padding:14px 20px;box-shadow:none;font-weight:500;font-size:12px}
.entry-note{margin-top:14px;font-size:10px;opacity:.8}
.visitor-intro{margin-top:9px;font-size:10px;opacity:.8}
.entered #intro{transform:translateY(calc(-50% - 8px))}
#session-note{top:64px;left:30px;max-width:60%;gap:0}
.visitor-badge{padding:0;border:0}
.visitor-badge strong{font-size:10px;font-weight:400;color:var(--muted);letter-spacing:0}
.visitor-caption,#session-text,#control-hint{display:none!important}
#footer{left:0;right:0;bottom:26px;height:0}
#dock{bottom:0;border:1px solid #fff9;border-radius:50px;padding:6px 12px;gap:4px;box-shadow:0 3px 20px #2348460d;background:#fafcf4df}
#dock button{min-width:65px;padding:9px 7px;border-radius:28px;gap:5px;font-size:10px}
#dock .dock-icon,#dock .dock-icon svg{height:19px;width:19px}
#dock button[aria-pressed=true]{background:#e5eee5}
#modal-settings{width:min(420px,calc(100% - 32px));padding:30px;border-radius:18px}
#modal-settings h2{font-family:var(--sans);font-size:21px;font-weight:500;margin:0 0 22px}
.settings-group{border-bottom:1px solid #dce4dc;padding-bottom:20px;margin-bottom:20px}
.settings-group:last-child{border:0;padding-bottom:0;margin-bottom:0}
.settings-group h3{font-size:11px;font-weight:500;margin:0 0 12px;color:#617773}
#modal-settings #scene-tools{position:static;display:flex;align-items:stretch;gap:12px;transform:none}
#modal-settings .tool-caption{text-align:left;font-size:10px;margin-bottom:8px}
#modal-settings .segmented{background:#edf1e9;border:0;padding:3px;border-radius:9px;backdrop-filter:none}
#modal-settings .segmented button{flex:1;min-width:0;border-radius:7px;padding:9px}
#modal-settings .view-btn{justify-content:space-between;border:1px solid #dce4dc;border-radius:9px;padding:10px 12px;font-size:11px}
.settings-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.settings-actions>button{display:flex;align-items:center;gap:7px;border:1px solid #dce4dc;border-radius:9px;padding:10px 12px;font-size:11px}
.settings-actions .dock-icon{height:17px;display:flex}.settings-actions svg{width:17px;height:17px}
.settings-actions button[aria-pressed=true]{background:#e5eee5}
#modal-settings .footer-actions{display:flex;gap:8px}
#modal-settings .footer-actions button{border:1px solid #dce4dc;border-radius:9px;background:transparent}
#modal-settings .settings-guide{margin-left:auto;border:0;color:#617773}
dialog{border-radius:18px}dialog h2{font-size:25px}.dialog-kicker{display:none}
#cast-bottle,#pickup{bottom:115px;border-radius:30px;font-size:11px}
#toast{bottom:167px;border-radius:14px;font-size:11px}
#touch-move{bottom:115px}
@media(max-width:560px){
 #header{padding:22px;gap:12px}#header nav{gap:8px}.brand-symbol{font-size:23px}
 #intro{top:47%;left:24px;right:24px}#intro h1{font-size:31px;line-height:1.5;margin-bottom:14px}
 #intro p{font-size:12px;margin-bottom:22px}#session-note{top:59px;left:22px;max-width:65%}
 #footer{bottom:22px}#dock{padding:5px 9px;gap:1px}#dock button{min-width:62px;padding:9px 5px;font-size:9px}
 #modal-settings{padding:26px}#touch-move{left:15px;bottom:120px}
}
@media(max-width:560px) and (max-height:680px){
 #intro{top:49%}#intro h1{font-size:27px;line-height:1.4}#intro p{margin-bottom:18px}
 #intro .primary-btn{padding:12px 18px}#session-note{top:59px}
}