/* The approved top draft: game list and four round shortcuts on the left,
   original gecko/title artwork on the right, then the three main entrances. */
[hidden]{display:none!important}
body.home-visible{background:#f5f2eb;color:#29251f}
#home-main{max-width:1136px;padding:16px;margin:auto}
.home-layout{display:grid;grid-template-columns:minmax(155px,20%) minmax(0,1fr);gap:16px;align-items:start}
.home-side{min-width:0}.home-games{display:grid;gap:3px;margin:56px 0 42px}
.home-games button{min-height:44px;text-align:left;background:transparent;border:0;border-radius:0;box-shadow:none;color:#201d19;font-size:clamp(14px,2.5vw,29px);font-weight:400;line-height:1.15;padding:5px 12px;overflow-wrap:anywhere}
.home-games button:hover,.home-games button:focus-visible{background:#735038;color:white}
.home-shortcuts{display:grid;gap:14px;justify-items:center}
.home-shortcut{display:grid;justify-items:center;gap:4px;background:none;border:0;box-shadow:none;color:#684a35;font-size:16px;padding:0;min-width:80px;min-height:70px}
.home-round{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:#705039;color:#fff9ee}
.home-round svg{width:47px;height:47px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-art{position:relative;aspect-ratio:864/1186;overflow:hidden;background:#d1bbab}
.home-art img{position:absolute;width:131.481482%;height:auto;max-width:none;left:-29.398149%;top:-1.517707%;display:block}
.home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.home-actions button,.home-actions a{display:grid;place-content:center;gap:5px;min-height:86px;border:0;border-radius:0;padding:12px 6px;background:#735039;color:#fff8ed;text-align:center;text-decoration:none;box-shadow:none;font-size:clamp(14px,2.3vw,27px);font-weight:400}
.home-actions small{font-size:12px;line-height:1.4}
.home-note{font-size:13px;line-height:1.6;color:#635d55;margin:14px 0 0}
.home-status{min-height:1.5em;color:#8c3528}.home-modal h2{font-size:23px}.home-modal h3{font-size:18px}.home-modal p,.home-modal dd{line-height:1.7}.home-modal dt{font-weight:700;margin-top:12px}.home-modal dd{margin:3px 0 12px}.home-modal button,.home-modal a{min-height:44px}.home-modal-actions{display:grid;gap:12px;margin-top:20px}.home-modal .availability{background:#f5ead9;padding:12px;border-left:4px solid #977046}.home-modal a{display:grid;place-content:center}.home-only-heading{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-visible dialog button.primary{background:#735039;border-color:#735039}.home-visible dialog button:focus-visible,#home-main button:focus-visible,#home-main a:focus-visible{outline:3px solid #bf8c44;outline-offset:3px}
/* Compact Game Lobby: mobile-only refinement from the owner's iPhone image.
   Desktop retains the original left rail / vertical shortcuts / right-side entries.
   Native sheet controls are NOT recreated here. svh is the app's small viewport. */
.home-mobile-copy{display:none}
@media(max-width:680px){
 #home-main{--home-viewport:100vh;--home-safe-block:calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px));--home-rail:106px;--home-pad:10px;--home-column-gap:10px;--home-row-gap:clamp(12px,calc((var(--home-viewport) - var(--home-safe-block) - 620px)/6),24px);width:100%;min-height:var(--home-viewport);display:flex;flex-direction:column;justify-content:center;padding:calc(var(--home-pad) + env(safe-area-inset-top,0px)) calc(var(--home-pad) + env(safe-area-inset-right,0px)) calc(var(--home-pad) + env(safe-area-inset-bottom,0px)) calc(var(--home-pad) + env(safe-area-inset-left,0px))}
 .home-layout{display:grid;grid-template-columns:var(--home-rail) minmax(0,1fr);column-gap:var(--home-column-gap);row-gap:var(--home-row-gap);align-items:start}
 .home-side,.home-content{display:contents}
 .home-games{grid-column:1;grid-row:1;margin:0;gap:0;align-self:stretch;grid-template-rows:repeat(13,minmax(26px,1fr))}
 .home-games button{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:20px;padding:3px;min-height:26px;overflow-wrap:normal}
 .home-games button::after{content:"›";flex:none;margin-left:4px;font-size:16px;line-height:1;color:#a28a72}
 .home-art{grid-column:2;grid-row:1;min-width:0;width:100%;max-width:none;justify-self:center;align-self:start;border-radius:10px;box-shadow:0 8px 22px #73503912}
 .home-shortcuts{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:start}
 .home-shortcut{font-size:12px;font-weight:400;line-height:16px;min-width:0;width:100%;min-height:74px;gap:5px;align-content:center}
 .home-round{width:48px;height:48px}
 .home-round svg{width:28px;height:28px}
 .home-actions{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
 .home-actions button,.home-actions a{min-width:0;min-height:84px;font-size:14px;font-weight:600;line-height:18px;padding:8px;gap:5px;border-radius:10px;overflow-wrap:normal}
 .home-action-label{min-height:36px;display:grid;place-content:center}
 #home-main .home-action-break{display:block}
 .home-actions small{font-size:12px;font-weight:400;line-height:16px}
 .home-note{grid-column:1/-1;grid-row:4;font-size:12px;font-weight:400;line-height:18px;text-align:center;margin:0;color:#716454}
 .home-status{grid-column:1/-1;grid-row:5;font-size:12px;line-height:16px;text-align:center;margin:0}
 .home-desktop-copy{display:none}.home-mobile-copy{display:block}
}
@media(max-width:350px){#home-main .home-action-break{display:block}}
@media(min-width:360px) and (max-width:680px){#home-main{--home-rail:108px;--home-pad:12px;--home-column-gap:12px}}
@media(min-width:410px) and (max-width:680px){#home-main{--home-rail:112px;--home-pad:14px;--home-column-gap:14px}}
/* On short sheets preserve every label and target. Only spacing and poster size
   compact. The 486px + safe-area floor scrolls naturally if less room is available. */
@media(max-width:680px) and (max-height:700px){
 #home-main{--home-pad:4px;--home-column-gap:6px;--home-row-gap:4px}
 .home-art{width:min(100%,calc(max(312px,calc(var(--home-viewport) - var(--home-safe-block) - 174px))*.728499))}
 .home-games{grid-template-rows:repeat(13,minmax(24px,1fr))}
 .home-games button{font-size:13px;padding:2px 3px;min-height:24px}
 .home-shortcut{min-height:64px;gap:4px;line-height:14px}.home-round{width:44px;height:44px}.home-round svg{width:28px;height:28px}
 .home-actions button,.home-actions a{min-height:64px;font-size:13px;line-height:16px;padding:5px 6px;gap:4px}
 .home-action-label{min-height:32px}
 .home-note{line-height:13px}
}
@supports(height:100svh){@media(max-width:680px){#home-main{--home-viewport:100svh}}}
.home-status:empty{display:none}


/* Override the legacy app's explicit !important palette only inside the top. */
#home-main .home-games button,#home-main .home-shortcut{background:transparent!important;border-color:transparent!important;color:#684a35!important}
#home-main .home-games button:hover,#home-main .home-games button:focus-visible{background:#735038!important;color:#fff8ed!important}
#home-main .home-actions button,#home-main .home-actions a{background:#735039!important;color:#fff8ed!important;border-color:#735039!important}
#home-main .home-actions button:hover,#home-main .home-actions a:hover{background:#61412d!important}
.home-modal .availability{color:#29251f!important}
#practice-home-mobile{display:none}
@media(max-width:600px){#practice-home{display:none}#practice-home-mobile{display:block;min-height:44px}}
/* Preserve natural scrolling for zoom, error text and unusually short viewports. */
html:has(body.home-visible),body.home-visible{height:auto!important;overflow:auto!important;overscroll-behavior:auto}

/* Mobile entry hierarchy stays inside the established cream/brown palette. */
@media(max-width:680px){
 #home-main .home-actions #home-settings,#home-main .home-actions #home-friend{background:#eee4d8!important;color:#684a35!important;border:1px solid #c3ad96!important}
 #home-main .home-actions #home-solo{background:#6e4b32!important;color:#fff8ed!important;border:1px solid #6e4b32!important}
 #home-main .home-actions #home-settings:hover,#home-main .home-actions #home-friend:hover{background:#e3d5c4!important}
 #home-main .home-actions #home-solo:hover{background:#583923!important}
}

/* Start choice stays compact, readable and scrollable on short phone sheets. */
#home-start{max-width:480px}
.start-preset-summary{padding:10px 12px;background:#f5ead9;color:#684a35;border-radius:8px}
.start-preset-summary p{font-size:14px;line-height:1.5;margin:3px 0;overflow-wrap:normal}
#home-start h3{margin:12px 0 8px}
#home-start .home-modal-actions{gap:8px;margin-top:12px}
#home-start .muted{font-size:12px;line-height:1.5;margin-bottom:0}
#settings[data-start-draft="true"] #dialog-clock,#settings[data-start-draft="true"] .time-resume-summary{display:none}

@media(max-width:680px){
 #home-main .home-games button{border-radius:6px}
 #home-main .home-games button[aria-current="true"]{background:#e9decf!important;color:#684a35!important}
 #home-main .home-games button:hover,#home-main .home-games button:active,#home-main .home-games button:focus-visible{background:#735039!important;color:#fff8ed!important}
 #home-main .home-games button:hover::after,#home-main .home-games button:active::after,#home-main .home-games button:focus-visible::after{color:inherit}
}