/* Lakeside polish — v157. Scoped to the main menu only. */
.quack-ui #welcome.focused-hub{--kit-ink:#3f3024;--kit-ink-soft:#706552}
.focused-hub .kit-sky{background:#91c7ce url('/assets/ui/menu/lakeside-v157.webp') center/cover no-repeat;filter:none}
.focused-hub .kit-sky::after{background:radial-gradient(ellipse at 50% 42%,#fff7e51c 25%,#1d493826 100%),linear-gradient(180deg,#fff7dc18,transparent 55%,#173e2e1a)}
.focused-hub .kit-stage::before{display:none}
.focused-hub.kit-staged .kit-logo{left:55px;top:22px;width:335px;height:165px}
.focused-hub .kit-logo img{filter:drop-shadow(0 6px 0 #fff5dc66) drop-shadow(0 10px 18px #274e3e30)}
.focused-hub .focus-heading{border:0;background:#fff9e8e8;border-radius:22px;box-shadow:0 2px 0 #fff8,0 6px 22px #284e3b14;padding:17px 28px 20px;font-size:39px;line-height:1.1;letter-spacing:-.02em;color:#49351f;backdrop-filter:blur(8px)}
.focused-hub .focus-overline{display:block;font:900 11px/1.3 var(--kit-body);letter-spacing:.23em;color:#7b7e50;margin-bottom:10px}
.focused-hub.kit-staged .focus-heading{left:432px;top:57px;width:626px}
.focused-hub.kit-staged .kit-player{left:1163px;top:62px;width:285px;height:70px}
.focused-hub.kit-staged .kit-nav{left:1465px;top:62px;width:70px;height:70px}
.focused-hub .kit-player-button{border:2px solid #fff6dd;border-radius:23px;background:#fff9eaf2;box-shadow:0 3px 0 #b59b6e55,0 9px 25px #274e3b23;gap:12px;padding:8px 13px}
.focused-hub .kit-player-button img{width:46px;height:46px;background:#e2f1df;border-color:#b5cd9e}
.focused-hub .kit-player-text strong{font-size:23px}
.focused-hub .kit-player-text small{font-size:12px;letter-spacing:.02em}
.focused-hub .kit-nav-button[data-kit-action=settings]{width:70px;height:70px;border:2px solid #fff6dd;border-radius:23px;background-color:#fff9eaf2;box-shadow:0 3px 0 #b59b6e55,0 9px 25px #274e3b23;background-size:34px}
.focused-hub.kit-staged .kit-modes{left:56px;top:210px;width:1010px;height:628px;gap:26px}
.focused-hub .kit-card{border-width:3px;border-radius:34px;background:linear-gradient(160deg,#fffdf1,#fff1d0);box-shadow:inset 0 0 0 4px #fff9e7,0 7px 0 #ad803966,0 20px 35px #233c3338;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}
.focused-hub .kit-card-homestead{box-shadow:inset 0 0 0 4px #fff9e7,0 7px 0 #638e4f66,0 20px 35px #233c3338;--card-edge:#9bc47d;--card-light:#d9edbd;--card-button:#a2cf71}
.focused-hub .focus-art{position:relative;border-radius:26px 26px 0 0;margin:6px 6px 0;isolation:isolate}
.focused-hub .focus-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff8d40d 30%,transparent 65%,#244934a6);z-index:1}
.focused-hub .focus-art img{transition:transform .6s cubic-bezier(.2,.7,.3,1);transform:scale(1.015)}
.focused-hub .focus-art-caption{position:absolute;left:18px;right:18px;bottom:15px;z-index:2;font:700 15px/1.3 var(--kit-body);color:#fffdf1;text-shadow:0 1px 6px #183d39;text-align:left;letter-spacing:.015em}
.focused-hub .kit-card-text{gap:8px;padding:20px 14px 17px}
.focused-hub .kit-card-text strong{font-size:36px;letter-spacing:-.025em;color:#46311f}
.focused-hub .kit-card-text small{font-size:19px;color:#76664e}
.focused-hub .focus-card-tags{display:flex;justify-content:center;gap:8px;margin-top:7px;flex-wrap:wrap}
.focused-hub .focus-card-tags>span{font:700 11px/1.2 var(--kit-body);letter-spacing:.04em;background:#eee2c74d;color:#84744e;border:1px solid #ddcfaa88;border-radius:999px;padding:6px 10px}
.focused-hub .kit-card-homestead .focus-card-tags>span{color:#657b48;background:#e5edda70;border-color:#ccd7b0}
.focused-hub .focus-play{position:relative;overflow:hidden;margin:0 19px 20px;min-height:68px;border-width:2px;font-size:23px;letter-spacing:.035em;box-shadow:inset 0 2px 0 #fffc,0 4px 0 #a4793433;justify-content:space-between;padding:10px 18px 10px 25px;transition:box-shadow .2s,filter .2s}
.focused-hub .focus-play>span{width:42px;height:42px;background:#fffaf0e8;color:#8b6626;box-shadow:0 2px 0 #94703b22}
.focused-hub .kit-card-homestead .focus-play>span{color:#618b40}
.focused-hub .kit-card-classic::after,.focused-hub .kit-card-homestead::after{left:20px;top:21px;right:auto;content:'RANKED';font:900 13px/1 var(--kit-body);letter-spacing:.09em;padding:10px 15px;border:2px solid #fff2c7b3;border-radius:12px;box-shadow:0 3px 8px #30453e30;transform:rotate(-4deg);background:#ed8552;color:#fffdf3}
.focused-hub .kit-card-homestead::after{content:'COZY & ENDLESS';position:absolute;background:#5e9065}
@media(hover:hover){.focused-hub .kit-card:hover{transform:translateY(-9px);box-shadow:inset 0 0 0 4px #fff9e7,0 8px 0 #ad803950,0 28px 40px #233c333d;filter:none}.focused-hub .kit-card:hover .focus-art img{transform:scale(1.065)}.focused-hub .kit-card:hover .focus-play{filter:brightness(1.035);box-shadow:inset 0 2px 0 #fffc,0 5px 0 #a4793444}}
.focused-hub .kit-card:active{transform:translateY(-2px) scale(.992)}
.quack-ui #welcome.focused-hub.kit-staged .kit-scores{left:1094px;top:210px;width:450px;height:628px}
.quack-ui #welcome.focused-hub .kit-scores{border:2px solid #decba6;border-radius:30px;background:linear-gradient(155deg,#fffdf1,#fcf1d9);box-shadow:inset 0 0 0 4px #fffaf1,0 7px 0 #a78a6255,0 20px 35px #233c3333;padding:23px 21px 20px;gap:14px}
.quack-ui #welcome.focused-hub .kit-scores .board-title h2{font-size:33px;color:#493821;letter-spacing:-.025em}
.quack-ui #welcome.focused-hub .kit-scores .eyebrow{font-size:14px;color:#918163;letter-spacing:.035em}
.quack-ui #welcome.focused-hub .kit-scores .section-icon{width:47px;height:47px}
.quack-ui #welcome.focused-hub .kit-scores #refresh-board{border:1px solid #e8dcc0;background:#fffaf1;width:34px;min-width:34px;height:34px;min-height:34px;border-radius:50%;font-size:19px;padding:0;box-shadow:none;cursor:pointer}
.quack-ui #welcome.focused-hub .kit-scores #refresh-board:disabled{opacity:.45}
.focused-hub .focus-board-tabs{padding:4px;border:1px solid #e8dcc0;background:#f1e8d5;border-radius:15px}
.focused-hub .focus-board-tabs button{border-radius:11px;font-size:16px;min-height:43px;padding:10px;transition:background .2s}
.focused-hub .focus-board-tabs button[aria-pressed=true]{background:linear-gradient(#ffec9b,#f9d967);box-shadow:inset 0 0 0 1px #edc85f,0 2px 5px #9a7f2b1c}
.quack-ui #welcome.focused-hub .kit-scores .leader-row{border:0;border-radius:13px;margin-bottom:5px;padding:8px;min-height:54px;gap:9px;grid-template-columns:29px 34px minmax(0,1fr) auto;background:#fffaf080}
.quack-ui #welcome.focused-hub .kit-scores .leader-row:first-child{background:linear-gradient(100deg,#ffe69b80,#fff4d575);box-shadow:inset 3px 0 #e7b54c}
.quack-ui #welcome.focused-hub .kit-scores .leader-row:nth-child(2){background:#e9eef580;box-shadow:inset 3px 0 #afbbc8}
.quack-ui #welcome.focused-hub .kit-scores .leader-row:nth-child(3){background:#f5e3d080;box-shadow:inset 3px 0 #c99467}
.quack-ui #welcome.focused-hub .kit-scores .rank-number{width:28px;height:28px;font-size:11px;border-width:1px;background:#f5edda;color:#826f49}
.focused-hub .focus-leader-avatar{padding:3px;border-radius:50%;background:#ddecdf;border:1px solid #ccdeca}
.quack-ui #welcome.focused-hub .kit-scores .leader-score{font-size:16px;font-variant-numeric:tabular-nums}
.quack-ui #welcome.focused-hub .kit-scores .leader-name{font-size:16px}
.quack-ui #welcome.focused-hub .kit-scores .leader-row.mine{background:#e0eedc;box-shadow:inset 3px 0 #83b07d}
.quack-ui #welcome.focused-hub .kit-scores .your-rank{border-radius:15px;background:#e5eeea;border:1px solid #c7dad1;font-size:15px;padding:14px 15px;line-height:1.5;color:#375d51}
.focused-hub .focus-board-more{border-radius:15px;border:1px solid #dfcea9;background:#faf0d8;min-height:46px;font-size:14px;letter-spacing:.045em;padding:12px}
.focused-hub .leaderboard-list[aria-busy=true]{opacity:.5}
.focused-hub .leaderboard-list{transition:opacity .2s;scrollbar-width:thin;scrollbar-color:#cbb88e transparent}
.focused-hub .focus-utilities{display:flex;gap:9px;z-index:2}
.focused-hub.kit-staged .focus-utilities{right:58px;bottom:4px}
.focused-hub .focus-utilities button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #fff9d6c9;border-radius:50%;background:#fff7dce6;box-shadow:0 3px 9px #1c3e3326;cursor:pointer;position:relative}
.focused-hub .focus-utilities img{width:22px;height:22px;object-fit:contain}
.focused-hub #menu-sound[data-muted=true]::after{content:'';position:absolute;left:10px;right:10px;height:2px;transform:rotate(-45deg);background:#a64b37;box-shadow:0 1px #fff}
.focused-hub:not(.hidden) .kit-modes,.focused-hub:not(.hidden) .kit-scores{animation:menu-arrive .45s ease-out both}
.focused-hub:not(.hidden) .kit-scores{animation-delay:.07s}
@keyframes menu-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
/* A spacious mobile masthead instead of squeezing the logo into one small row. */
.focused-hub.kit-flow .focus-utilities{grid-column:1/-1;grid-row:6;justify-content:center;margin:4px 0 0}
.focused-hub.kit-flow .focus-heading{font-size:31px;padding:15px 12px}
.focused-hub.kit-flow .focus-overline{font-size:9px;letter-spacing:.16em}
.focused-hub.kit-flow .kit-card-text strong{font-size:clamp(25px,3.5vw,34px)}
.focused-hub.kit-flow .kit-card-text small{font-size:16px}
.focused-hub.kit-flow .focus-play{font-size:18px}
.focused-hub.kit-flow .focus-art-caption{font-size:12px;bottom:12px;left:14px;right:12px}
.focused-hub.kit-flow .kit-card-classic::after,.focused-hub.kit-flow .kit-card-homestead::after{font-size:10px;padding:8px 11px;left:16px;top:16px}
@media(max-width:580px){
 .focused-hub.kit-flow .kit-stage{grid-template-columns:minmax(0,1fr) 49px;gap:17px 10px;padding-top:max(18px,env(safe-area-inset-top))}
 .focused-hub.kit-flow .kit-logo{grid-column:1/-1;grid-row:1;width:230px;justify-self:center;margin:0;height:112px}
 .focused-hub.kit-flow .kit-logo img{height:100%;object-fit:contain}
 .focused-hub.kit-flow .kit-player{grid-column:1;grid-row:2;width:100%;height:53px}
 .focused-hub.kit-flow .kit-player-button{height:53px;border-radius:17px;padding:6px 12px}
 .focused-hub.kit-flow .kit-player-button img{width:36px;height:36px}
 .focused-hub.kit-flow .kit-player-text strong{font-size:19px}
 .focused-hub.kit-flow .kit-player-text small{font-size:11px}
 .focused-hub.kit-flow .kit-nav{grid-column:2;grid-row:2;width:49px;height:49px}
 .focused-hub.kit-flow .kit-nav-button[data-kit-action=settings]{width:49px;height:49px;border-radius:16px;background-size:27px}
 .focused-hub.kit-flow .focus-heading{grid-row:3;font-size:27px;background:#fff9e8f0;margin:0;padding:15px 8px;border-radius:19px}
 .focused-hub.kit-flow .kit-modes{grid-row:4;gap:23px}
 .focused-hub.kit-flow .kit-announcement{grid-row:5}
 .quack-ui #welcome.focused-hub.kit-flow .kit-scores{grid-row:6;padding:20px 16px;min-height:540px}
 .focused-hub.kit-flow .focus-utilities{grid-row:7}
 .focused-hub.kit-flow .focus-art{aspect-ratio:1.4}
 .focused-hub.kit-flow .kit-card-text strong{font-size:30px}
 .focused-hub.kit-flow .focus-play{font-size:20px;padding:10px 14px 10px 20px;min-height:60px;margin:0 16px 18px}
 .focused-hub.kit-flow .focus-card-tags{margin-top:5px}
 .focused-hub.kit-flow .focus-art-caption{font-size:13px}
 .focused-hub.kit-flow .kit-player .gift-menu-notice{top:58px}
 .quack-ui #welcome.focused-hub .kit-scores .board-title h2{font-size:30px}
 .quack-ui #welcome.focused-hub .kit-scores .leader-row{grid-template-columns:27px 30px minmax(0,1fr) auto;gap:7px;padding:8px 5px}
 .quack-ui #welcome.focused-hub .kit-scores :is(.leader-name,.leader-score){font-size:14px}
}
html[data-ui-theme=night] .quack-ui #welcome.focused-hub .kit-sky{filter:brightness(.6) saturate(.8)}
html[data-ui-theme=night] .quack-ui #welcome.focused-hub .kit-card{border-width:3px;background:linear-gradient(160deg,#fffdf1,#fff1d0)}
html[data-ui-theme=night] .quack-ui #welcome.focused-hub .kit-player-button{border-width:2px;background:#fff9eaf2}
@media(prefers-reduced-motion:reduce){.focused-hub *{animation:none!important;transition:none!important}}

/* v158: one leaderboard and a focused Classic setup. */
.focused-hub .focus-board-tabs { display:block; padding:0; background:none; border:0; margin:4px 0 16px; }
.focused-hub .focus-board-tabs button { width:100%; cursor:default; box-shadow:none; padding:8px 12px; font-size:14px; }
.focused-hub .board-filter { display:none !important; }
.quack-ui #mode-dialog.simple-classic { width:min(540px,calc(100vw - 24px)); padding:22px; border-radius:26px; }
.quack-ui #mode-dialog.simple-classic .mode-dialog-toolbar { display:flex; justify-content:space-between; gap:12px; margin-bottom:20px; }
#setup-upgrades { display:none; }
.quack-ui #mode-dialog.simple-classic #setup-upgrades { display:inline-flex; align-items:center; background:#fff0ae; border-color:#d3ad44; }
.quack-ui #mode-dialog.simple-classic #classic-format,
.quack-ui #mode-dialog.simple-classic #journey-preview,
.quack-ui #mode-dialog.simple-classic #journey-panel,
.quack-ui #mode-dialog.simple-classic #classic-extras,
.quack-ui #mode-dialog.simple-classic #quick-mode-copy,
.quack-ui #mode-dialog.simple-classic #quick-selection,
.quack-ui #mode-dialog.simple-classic .fair-play-note,
.quack-ui #mode-dialog.simple-classic #lobby-controls,
.quack-ui #mode-dialog.simple-classic #round-options > summary { display:none !important; }
.quack-ui #mode-dialog.simple-classic #classic-quick-start { margin:0 0 20px; padding:0; border:0; background:none; box-shadow:none; }
.quack-ui #mode-dialog.simple-classic .quick-mode-heading h1 { font-size:30px; }
.quack-ui #mode-dialog.simple-classic #round-options { margin:0 0 20px; padding:0; border:0; background:none; box-shadow:none; }
.quack-ui #mode-dialog.simple-classic #round-options .fold-content { padding:0; }
.quack-ui #mode-dialog.simple-classic .choice-field + .choice-field { margin-top:22px; }
.quack-ui #mode-dialog.simple-classic .choice-card .choice-content { border-radius:17px; }
.quack-ui #mode-dialog.simple-classic #play { width:100%; margin:0; min-height:58px; border-radius:16px; }
.quack-ui #mode-dialog.simple-classic.collection-shortcut #classic-extras { display:block !important; margin-top:20px; }
.quack-ui #mode-dialog.simple-classic.collection-shortcut #classic-extras > :not(#closet) { display:none !important; }
@media(max-width:420px){
 .quack-ui #mode-dialog.simple-classic { padding:16px; }
 .quack-ui #mode-dialog.simple-classic .choice-content strong { font-size:13px; }
 .quack-ui #mode-dialog.simple-classic .quick-mode-heading h1 { font-size:26px; }
}