/* home-scene.css owns these live component selectors; session classes are rendered state. */
body.menu-open { background:#14241f }
body.menu-open[data-menu=home] #town-home { display:flex;flex-direction:column;justify-content:center;position:fixed;inset:0 auto 0 0;transform:none;width:clamp(220px,30vw,380px);height:100%;max-height:none;box-sizing:border-box;padding:clamp(20px,3vw,44px);border:0;border-right:1px solid #ddbd7f40;border-radius:0;box-shadow:18px 0 48px #0d1b1838;background:#14241f;color:#eadfc6;text-align:left }
#town-home h1 { font-size:clamp(34px,4.5vw,60px);letter-spacing:5px;margin:12px 0 20px }
#town-home>p { font-size:13px;line-height:1.9;max-width:240px;margin:0 }
#town-home nav { display:grid;grid-template-columns:1fr!important;gap:10px;margin:32px 0 0 }
#town-home nav button { width:100%;min-height:50px;padding:12px 16px;border-radius:5px;border:1px solid #ddbd7f40;background:#23382e;color:#eadfc6;font-size:16px;transition:background .15s,border-color .15s }
#town-home nav button:first-child { background:#ddbd7f;color:#14241f }
#town-home nav button:hover { border-color:#e9cd8c;background:#304a3b }
#town-home nav button:first-child:hover { background:#ecd298 }
#town-home nav button:focus-visible { outline:2px solid #f6e4b3;outline-offset:4px }
#town-home nav button span { display:inline;font-size:11px }
#town-home footer { font-size:9px;line-height:1.8;letter-spacing:1px;margin-top:28px }
body.menu-open #focus-recapture { display:none!important;pointer-events:none!important }
body.menu-open #combat-death { display:none!important;pointer-events:none!important }
body.menu-open #combat-shop { display:none!important;pointer-events:none!important }
body.menu-open #round-result { display:none!important;pointer-events:none!important }
@media(max-height:550px) {
#town-home h1 { font-size:34px;margin:6px 0 10px }
}
@media(max-height:550px) {
#town-home>p { font-size:11px }
}
@media(max-height:550px) {
#town-home nav { gap:7px;margin-top:18px }
}
@media(max-height:550px) {
#town-home nav button { min-height:40px;padding:8px 12px;font-size:14px }
}
@media(max-height:550px) {
#town-home footer { margin-top:16px }
}
@media(max-height:550px) {
#town-home>small { font-size:8px;letter-spacing:2px }
}
@media(max-width:599px) {
body.menu-open[data-menu=home] #town-home { width:40%;min-width:0;padding:18px 12px }
}
@media(max-width:599px) {
#town-home h1 { font-size:30px;letter-spacing:2px }
}
@media(max-width:599px) {
#town-home>small { font-size:8px;letter-spacing:1px }
}
@media(max-width:599px) {
#town-home nav button { font-size:13px;padding:10px 8px }
}
@media(max-width:599px) {
#town-home nav button span { display:none }
}
@media(max-width:599px) {
#town-home footer { font-size:8px }
}