/* Focused main menu: existing modes remain available at their original URLs. */
.quack-ui #welcome.focused-hub{--kit-ink:#442715;--kit-ink-soft:#695b46}
.focused-hub [hidden],.focused-hub :is(.kit-board,.kit-welcome,.kit-leaf,.kit-left-sign,.kit-compass,.kit-foliage){display:none!important}
body.kit-menu:has(#welcome.focused-hub:not(.hidden)) .topbar{display:none}
.focused-hub .kit-sky{background-position:center 18%;filter:saturate(.85)}
.focused-hub .kit-stage::before{content:'';position:absolute;left:-20%;right:-20%;bottom:-15%;height:34%;background:repeating-linear-gradient(0deg,transparent 0 68px,#744b3040 69px 72px),repeating-linear-gradient(92deg,#b9854c 0 145px,#805531 147px 150px,#cc9b61 152px 300px);transform:perspective(450px) rotateX(20deg);border-top:8px solid #e5b678;pointer-events:none}
.focused-hub.kit-staged .kit-logo{left:48px;top:12px;width:390px;height:187px;animation:none}
.focused-hub .focus-heading{margin:0;padding:22px 30px;border:4px solid #aa774a;border-radius:24px;background:linear-gradient(#fff9e6,#fce8c3);box-shadow:inset 0 0 0 3px #fff8dd,0 7px 0 #78512d45;color:#4b2a18;font:700 42px/1.2 var(--kit-title);text-align:center}
.focused-hub.kit-staged .focus-heading{left:465px;top:66px;width:610px}
.focused-hub.kit-staged .kit-player{left:1150px;top:54px;width:300px;height:78px}
.focused-hub .kit-player-button{display:flex;align-items:center;gap:14px;background:#fff6de;border:3px solid #e8c996;border-radius:27px;box-shadow:inset 0 2px 0 #fff,0 4px 0 #ad784a66;padding:9px 18px;filter:none;overflow:hidden}
.focused-hub .kit-player-button img{position:static;width:52px;height:52px;object-fit:contain;transform:none;clip-path:none;border-radius:50%;background:#def4ee;border:2px solid #609b99;flex:none}
.focused-hub .kit-player-text{position:static;min-width:0;gap:5px}
.focused-hub .kit-player-text strong{font:700 25px/1.1 var(--kit-title);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-text-stroke:0;color:#442715}
.focused-hub .kit-player-text small{font:400 13px/1.2 var(--kit-body);color:#74624c}
.focused-hub.kit-staged .kit-nav{left:1470px;top:54px;width:78px;height:78px}
.focused-hub .kit-nav-button:not([data-kit-action=settings]){display:none}
.focused-hub .kit-nav-button[data-kit-action=settings]{width:78px;height:78px;aspect-ratio:1;border:3px solid #e8c996;border-radius:24px;background:#fff6de url('/assets/ui/vector/settings.svg') center/40px no-repeat;box-shadow:inset 0 2px 0 #fff,0 4px 0 #ad784a66;filter:none}
.focused-hub .kit-nav-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.focused-hub.kit-staged .kit-modes{left:52px;top:215px;width:1000px;height:628px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.focused-hub .kit-card{--card-edge:#f3c43b;--card-light:#ffef9b;--card-button:#ffd23d;position:relative!important;inset:auto!important;width:auto!important;height:100%!important;display:flex;flex-direction:column;border:5px solid var(--card-edge);border-radius:40px;background:#fff5d9;box-shadow:inset 0 0 0 3px #fff8d7,0 7px 0 #98632265,0 14px 22px #3b321b2b;filter:none;overflow:visible;text-align:center}
.focused-hub .kit-card-homestead{--card-edge:#95c873;--card-light:#e1f5bf;--card-button:#a8dc76}
.focused-hub .focus-art{display:block;flex:1;min-height:0;overflow:hidden;margin:5px 5px 0;border-radius:30px 30px 0 0;background:#7bcbd7}
.focused-hub .focus-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.focused-hub .kit-card-text{position:static;display:flex;flex:none;gap:10px;padding:21px 10px 17px;max-width:100%}
.focused-hub .kit-card-text strong{font:700 37px/1.12 var(--kit-title);white-space:normal;overflow:visible;text-overflow:clip;-webkit-text-stroke:0;color:#442715}
.focused-hub .kit-card-text small{font:400 21px/1.3 var(--kit-body);white-space:normal;overflow:visible;color:#6b624d}
.focused-hub .focus-play{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 18px 20px;padding:13px 18px;min-height:72px;border-radius:999px;border:3px solid var(--card-edge);background:linear-gradient(var(--card-light),var(--card-button));box-shadow:inset 0 3px 0 #ffffffe0,0 4px 0 #9c70262b;font:900 26px/1.15 var(--kit-body);color:#3c2d0f}
.focused-hub .focus-play>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:#fff9e7;font:700 42px/.8 var(--kit-body)}
.focused-hub .kit-card-classic::after{left:14px;top:15px;font-size:22px;padding:12px 18px;border:3px solid #ffb071;border-radius:20px;animation:none}
.focused-hub .kit-card:hover,.focused-hub .kit-card:focus-visible{transform:translateY(-5px);filter:brightness(1.025)}
.quack-ui #welcome.focused-hub .kit-scores{border:4px solid #d6b275;border-radius:36px;box-shadow:inset 0 0 0 4px #fff9e9,0 7px 0 #92653265,0 14px 22px #3b321b2b;padding:24px 23px 20px;background:linear-gradient(#fff9e8,#fff0d1);gap:14px}
.quack-ui #welcome.focused-hub.kit-staged .kit-scores{left:1078px;top:215px;width:470px;height:628px}
.quack-ui #welcome.focused-hub .kit-scores .board-title{display:flex;align-items:center;gap:12px;flex:none}
.quack-ui #welcome.focused-hub .kit-scores .board-title>div{display:flex;flex-direction:column-reverse;gap:5px;flex:1}
.quack-ui #welcome.focused-hub .kit-scores .board-title h2{font-size:35px;line-height:1.12;margin:0;color:#442715}
.quack-ui #welcome.focused-hub .kit-scores .section-icon{width:52px;height:52px}
.quack-ui #welcome.focused-hub .kit-scores .eyebrow{font:400 18px/1.2 var(--kit-body);letter-spacing:0;text-transform:none;color:#76624c}
.focused-hub .community-stats,.focused-hub .board-filter{display:none!important}
.focused-hub .focus-board-tabs{display:flex;border:2px solid #efdab1;border-radius:999px;padding:3px;gap:4px;background:#fff2d5;flex:none}
.focused-hub .focus-board-tabs button{flex:1;padding:11px 6px;border:0;border-radius:999px;background:transparent;color:#573820;font:700 19px/1.2 var(--kit-body);cursor:pointer;min-height:46px}
.focused-hub .focus-board-tabs button[aria-pressed=true]{background:linear-gradient(#ffe977,#ffd342);box-shadow:inset 0 0 0 2px #edbd36}
.quack-ui #welcome.focused-hub .kit-scores .leaderboard-list{flex:1;min-height:0;padding:0;order:2}
.quack-ui #welcome.focused-hub .kit-scores .leader-row{display:grid;grid-template-columns:34px 34px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;padding:8px 3px;border-bottom:1px solid #e9d6b4}
.quack-ui #welcome.focused-hub .kit-scores:not(.focus-expanded) .leader-row:nth-child(n+6){display:none}
.focused-hub .focus-leader-avatar{width:33px;height:33px;object-fit:contain}
.quack-ui #welcome.focused-hub .kit-scores :is(.leader-name,.leader-score){font-size:17px;color:#22383e}
.quack-ui #welcome.focused-hub .kit-scores .leader-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quack-ui #welcome.focused-hub .kit-scores .rank-number{width:32px;height:32px;border-radius:50%;font-size:13px;display:grid;place-items:center}
.quack-ui #welcome.focused-hub .kit-scores .your-rank{order:3;flex:none;margin:0;border:0;border-radius:17px;background:#dceef1;padding:16px;font-size:16px;color:#224550}
.focused-hub #board-error{order:3;margin:0}
.focused-hub .focus-board-more{order:4;flex:none;display:block;width:100%;border:2px solid #ddba84;border-radius:999px;background:linear-gradient(#fffaf0,#f8e6c0);padding:13px 12px;min-height:49px;font:900 17px/1.2 var(--kit-body);color:#573820;cursor:pointer}
.focused-hub .focus-board-more span{float:right;font-size:25px}
.quack-ui #welcome.focused-hub .focus-expanded .board-filter{display:flex!important;flex:none;font-size:13px}
.focused-hub.kit-staged .kit-announcement{left:465px;top:165px;width:610px;font-size:14px;padding:5px 12px}
.focused-hub .kit-player .gift-menu-notice{left:0;top:85px;font-size:13px;max-width:100%;width:max-content}
.focused-hub :is(button,a):focus-visible{outline:4px solid #16797d;outline-offset:4px}
/* Flow layout for phones/tablets. */
.quack-ui #welcome.focused-hub.kit-flow::after{display:none}
.focused-hub.kit-flow .kit-stage{max-width:1000px;padding:20px max(16px,env(safe-area-inset-right)) 36px max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto auto;gap:20px 12px;align-items:center}
.focused-hub.kit-flow .kit-stage::before{position:fixed;bottom:-12%;height:33%;z-index:-1}
.focused-hub.kit-flow .kit-stage>*{position:relative;inset:auto;order:initial}
.focused-hub.kit-flow .kit-logo{grid-column:1;grid-row:1;width:min(280px,100%);height:auto;margin:0;animation:none}
.focused-hub.kit-flow .kit-player{grid-column:2;grid-row:1;width:215px;height:65px;margin:0}
.focused-hub.kit-flow .kit-nav{grid-column:3;grid-row:1;width:60px;height:60px;display:block}
.focused-hub.kit-flow .kit-nav-button[data-kit-action=settings]{width:60px;height:60px;border-radius:19px;background-size:32px}
.focused-hub.kit-flow .kit-player-button{height:65px;padding:7px 10px;gap:8px}
.focused-hub.kit-flow .kit-player-button img{width:40px;height:40px}
.focused-hub.kit-flow .kit-player-text strong{font-size:20px}
.focused-hub.kit-flow .kit-player-text small{font-size:12px}
.focused-hub.kit-flow .focus-heading{grid-column:1/-1;grid-row:2;font-size:32px;padding:14px 10px}
.focused-hub.kit-flow .kit-modes{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;background:none;filter:none;width:100%;align-items:stretch}
.focused-hub.kit-flow .kit-card{max-width:none;min-width:0;aspect-ratio:auto;height:auto!important;border-radius:30px}
.focused-hub.kit-flow .focus-art{flex:none;height:auto;aspect-ratio:1.25;border-radius:21px 21px 0 0}
.focused-hub.kit-flow .kit-card-text{padding:17px 8px 12px;gap:7px;flex:1}
.focused-hub.kit-flow .kit-card-text strong{font-size:clamp(23px,3.5vw,32px)}
.focused-hub.kit-flow .kit-card-text small{font-size:16px}
.focused-hub.kit-flow .focus-play{font-size:18px;gap:8px;margin:0 12px 15px;padding:10px;min-height:54px}
.focused-hub.kit-flow .focus-play>span{width:32px;height:32px;font-size:32px}
.focused-hub.kit-flow .kit-card-classic::after{font-size:15px;padding:8px 12px;left:10px;top:12px}
.quack-ui #welcome.focused-hub.kit-flow .kit-scores{grid-column:1/-1;grid-row:5;width:100%;min-height:540px;max-width:none}
.focused-hub.kit-flow .kit-announcement{grid-column:1/-1;grid-row:4;width:100%;margin:0}
.quack-ui #welcome.focused-hub.kit-flow .kit-scores .leaderboard-list{max-height:360px;min-height:290px}
.focused-hub.kit-flow .kit-player .gift-menu-notice{position:absolute;top:68px;left:auto;right:0;z-index:4}
@media(max-width:580px){
 .focused-hub.kit-flow .kit-stage{gap:16px 8px;padding:12px 12px 28px;grid-template-columns:minmax(0,1fr) 150px 46px}
 .focused-hub.kit-flow .kit-logo{width:100%;min-width:0}
 .focused-hub.kit-flow .kit-player{width:150px;height:49px}
 .focused-hub.kit-flow .kit-player-button{height:49px;border-radius:18px;padding:5px 7px}
 .focused-hub.kit-flow .kit-player-button img{width:30px;height:30px}
 .focused-hub.kit-flow .kit-player-text strong{font-size:16px}
 .focused-hub.kit-flow .kit-player-text small{font-size:10px}
 .focused-hub.kit-flow .kit-nav,.focused-hub.kit-flow .kit-nav-button[data-kit-action=settings]{width:46px;height:46px;border-radius:15px;background-size:26px}
 .focused-hub.kit-flow .focus-heading{font-size:27px;border-radius:19px}
 .focused-hub.kit-flow .kit-modes{grid-template-columns:minmax(0,1fr);gap:22px}
 .focused-hub.kit-flow .focus-art{aspect-ratio:1.55}
 .focused-hub.kit-flow .kit-card-text strong{font-size:30px}
 .focused-hub.kit-flow .kit-card-text small{font-size:16px}
 .focused-hub.kit-flow .focus-play{font-size:21px;min-height:58px}
 .quack-ui #welcome.focused-hub.kit-flow .kit-scores{padding:19px 14px;border-radius:29px}
 .quack-ui #welcome.focused-hub .kit-scores .board-title h2{font-size:29px}
 .quack-ui #welcome.focused-hub .kit-scores .section-icon{width:43px;height:43px}
 .quack-ui #welcome.focused-hub .kit-scores .leader-row{gap:7px;grid-template-columns:30px 27px minmax(0,1fr) auto}
 .focused-hub .focus-leader-avatar{width:27px;height:27px}
 .quack-ui #welcome.focused-hub .kit-scores :is(.leader-name,.leader-score){font-size:15px}
}
html[data-ui-theme=night] .quack-ui #welcome.focused-hub .kit-card{background:#fff5d9;border:5px solid var(--card-edge)}
html[data-ui-theme=night] .quack-ui #welcome.focused-hub .kit-player-button{background:#fff6de;border:3px solid #e8c996}
html[data-ui-theme=night] .quack-ui #welcome.focused-hub .kit-nav-button[data-kit-action=settings]{background:#fff6de url('/assets/ui/vector/settings.svg') center/40px no-repeat;border:3px solid #e8c996}
@media(prefers-reduced-motion:reduce){.focused-hub *{animation:none!important;transition:none!important}}