.home-dashboard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.85fr);grid-template-rows:minmax(0,1fr) auto;gap:16px;margin:12px 0 0;min-height:0}.dashboard-hero{position:relative;overflow:hidden;border-radius:25px;background:linear-gradient(120deg,#1c4779d9,#24547b50);min-height:0}.dashboard-copy{position:relative;z-index:3;max-width:58%;padding:clamp(24px,3vw,46px)}.dashboard-copy>.eyebrow{font-size:10px}.dashboard-copy h1{font:600 clamp(40px,3.8vw,66px)/1.06 Georgia,serif;letter-spacing:-1.5px;color:#ffebc0;margin:20px 0}.dashboard-copy h1 em{color:#f2ca6a;font-style:normal}.dashboard-copy p{font-size:14px;line-height:1.7;color:#d4e9f4;margin:0 0 25px}.dashboard-start,.dashboard-free{display:flex;width:100%;justify-content:center;min-height:46px;font-size:16px;gap:16px}.dashboard-start>span{margin-left:auto}.dashboard-free{margin-top:11px;font-size:14px}.home-family{position:absolute;right:2%;bottom:4%;width:47%;height:82%;pointer-events:none}.home-family>span{position:absolute;display:block;filter:drop-shadow(0 15px 11px #09254766)}.home-family svg{width:100%;height:100%}.home-king{left:-11%;bottom:8%;width:68%;height:87%;z-index:1}.home-queen{right:-8%;bottom:10%;width:62%;height:84%;z-index:2}.home-kid{left:20%;bottom:-3%;width:54%;height:57%;z-index:3}.home-family>i{position:absolute;top:5%;left:45%;color:#ffe8a9;font-size:37px;filter:drop-shadow(0 0 12px #ffe4a577)}.dashboard-modes{padding:23px;border-radius:23px;display:flex;flex-direction:column;min-height:0;background:linear-gradient(140deg,#173c5be8,#172e51eb)}.dashboard-modes-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.dashboard-modes-heading h2{font:600 25px Georgia,serif;color:#ffe3a2;margin:0}.dashboard-modes-heading>span,.dashboard-modes-heading>button{font-size:11px;color:#b9d8e9}.dashboard-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-mode-grid>button{position:relative;display:grid;grid-template-columns:38px 1fr;gap:7px 9px;align-items:center;padding:17px 13px;border:1px solid #add0e15e;border-radius:15px;background:linear-gradient(140deg,#356c8b99,#1d416580);text-align:left;color:#f6e9ce;cursor:pointer;min-height:95px}.dashboard-mode-grid>button:hover{background:linear-gradient(140deg,#477a9bad,#285579bd);border-color:#e8d49c}.dashboard-mode-grid>button>span{grid-column:1;grid-row:1/3;font-size:37px;color:#f6d485}.dashboard-mode-grid b{font-size:17px}.dashboard-mode-grid small{font-size:10px;color:#c2deea;line-height:1.5}.dashboard-extra{display:flex;gap:10px;margin-top:13px}.dashboard-extra button{flex:1;font-size:12px;min-height:38px;padding:7px}.dashboard-extra small{font-size:9px;display:block;color:#b9d3e0;margin-top:3px}.dashboard-account{margin-top:auto;padding-top:13px}.dashboard-account>button{display:flex;align-items:center;gap:13px;width:100%;padding:12px;border:1px solid #a4c7d54d;border-radius:13px;background:#143951;color:#e9eadc;cursor:pointer;text-align:left}.dashboard-account-mark{font-size:30px;color:#f6d284}.dashboard-account>button>span:nth-child(2){flex:1}.dashboard-account b{display:block;font-size:14px}.dashboard-account small{display:block;font-size:11px;color:#bad9e8;margin-top:4px}.home-presence{font-size:11px;margin-top:12px}.home-presence>*{margin:0!important;padding:0!important;min-height:0}.home-presence .lobby-players{display:none}.dashboard-utilities{grid-column:1/-1;min-height:0}.dashboard-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dashboard-shortcuts>button{display:grid;grid-template-columns:34px 1fr;gap:4px 8px;align-items:center;border-radius:14px;padding:12px 15px;text-align:left;color:#f4e8cc;cursor:pointer;min-width:0}.dashboard-shortcuts>button>span{grid-row:1/3;font-size:27px;color:#f4d58a}.dashboard-shortcuts b{font-size:14px}.dashboard-shortcuts small{font-size:10px;line-height:1.4;color:#bdd9eb;overflow-wrap:anywhere}.dashboard-utilities .coin-free-rewards{margin:12px 0 0;padding:10px 15px;min-height:0;gap:12px}.dashboard-utilities .coin-free-rewards b{font-size:13px}.dashboard-utilities .coin-free-rewards small{font-size:9px}.dashboard-utilities .coin-free-rewards button{font-size:12px;padding:7px 11px;min-height:34px}.home-reward-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.home-reward-cards>div{padding:15px 8px;background:#173651;border:1px solid #a5c7da55;border-radius:12px;text-align:center}.home-reward-cards b{display:block;font-size:23px;color:#ffe1a0}.home-reward-cards span{display:block;font-size:11px;color:#c5dce8;line-height:1.5;margin-top:7px}
@media(min-width:1100px){body:is(.is-home,.is-friend,.is-play) #app{max-width:none;width:100%;padding:0 24px!important;margin:0}body:is(.is-home,.is-friend,.is-play) header{height:64px;margin:0;padding:7px 0;border:0}body:is(.is-home,.is-friend,.is-play) header .brand img{width:43px;height:43px}body:is(.is-home,.is-friend,.is-play) header .brand small{display:none}body:is(.is-home,.is-friend,.is-play) header .brand b{font-size:17px}body:is(.is-home,.is-friend,.is-play) header .player-badge{padding:7px 12px}body:is(.is-home,.is-friend,.is-play) footer{position:fixed;left:24px;bottom:9px;width:calc(100% - 290px);margin:0;padding:0;border:0}body:is(.is-home,.is-friend,.is-play) footer>span{display:none}body:is(.is-home,.is-friend,.is-play) .developer-credit{padding:0;border:0;justify-content:flex-start;gap:12px;font-size:9px}body:is(.is-home,.is-friend,.is-play) .developer-credit small{font-size:9px}body:is(.is-home,.is-friend,.is-play) .developer-credit svg{width:17px;height:17px}body:is(.is-home,.is-friend,.is-play) .bottom-dock{position:fixed;bottom:7px;left:auto;right:24px;transform:none;width:228px;padding:4px 8px;border-radius:16px;margin:0}body:is(.is-home,.is-friend,.is-play) .bottom-dock button{min-width:0;padding:3px 10px;font-size:9px}body:is(.is-home,.is-friend,.is-play) .bottom-dock svg{width:18px;height:18px}}
@media(min-width:1100px) and (max-height:850px){.dashboard-copy{padding:23px}.dashboard-copy h1{font-size:43px;margin:16px 0}.dashboard-copy p{font-size:13px;margin-bottom:18px}.dashboard-modes{padding:18px}.dashboard-modes-heading h2{font-size:22px}.dashboard-modes-heading{margin-bottom:13px}.dashboard-mode-grid>button{min-height:85px;padding:12px 10px}.dashboard-mode-grid b{font-size:16px}.dashboard-extra{margin-top:10px}.dashboard-account{padding-top:10px}.dashboard-account>button{padding:9px}.home-presence{margin-top:8px}.dashboard-shortcuts>button{padding:10px}.dashboard-shortcuts b{font-size:13px}.dashboard-shortcuts small{font-size:9px}}
@media(max-width:1099px){.home-dashboard{grid-template-columns:1fr;height:auto!important}.dashboard-hero{min-height:365px}.dashboard-copy h1{font-size:42px}.dashboard-copy{padding:24px;max-width:62%}.dashboard-modes{padding:18px}.dashboard-utilities{grid-column:1}.dashboard-shortcuts{grid-template-columns:1fr 1fr}.dashboard-shortcuts>button:last-child{grid-column:1/-1}.dashboard-account{margin-top:8px}.home-family{width:44%;height:90%}.dashboard-mode-grid b{font-size:16px}}
.friend-page{max-width:1120px;margin:20px auto 80px}.friend-title{text-align:center;margin-bottom:28px}.friend-title>button{display:flex;margin-bottom:8px}.friend-title h1{font:600 45px Georgia,serif;color:#ffebbd;margin:12px 0}.friend-title p{font-size:14px;color:#d4e5f1}.friend-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.friend-panels>section{padding:28px;border-radius:23px;background:linear-gradient(135deg,#1f4d6fef,#1c3152ed)}.friend-panels h2{font:600 27px Georgia,serif;color:#ffe0a4;margin:12px 0 20px}.friend-crest{font-size:41px;color:#f5d88f}.friend-panels label{display:block;font-size:13px;color:#c5ddeb;margin:16px 0 8px}.friend-panels input,.friend-panels select{display:block;box-sizing:border-box;width:100%;min-height:46px;border:1px solid #b8d3e787;border-radius:10px;background:#11314b;color:#f2e7d1;padding:10px 12px;font:16px system-ui}.friend-panels .primary{display:flex;width:100%;justify-content:center;min-height:46px;font-size:16px;margin-top:20px}.friend-help{font-size:12px;line-height:1.7;color:#bfd8e9;margin:12px 0}.friend-join>small{display:block;font-size:11px;line-height:1.7;color:#b6d1e2;margin-top:20px}.friend-join input{font-size:27px;letter-spacing:7px;font-weight:700;text-transform:uppercase}.friend-variant{display:flex;gap:9px}.friend-variant button{flex:1;border:1px solid #a3c8dd55;border-radius:9px;background:#153953;color:#deebf4;font-size:13px;padding:10px}.friend-variant button[aria-pressed=true]{color:#ffe2a1;border-color:#e8cf91;background:#31576c}.friend-room-ready{display:grid;justify-items:center;padding:10px 0}.friend-room-ready>small{font-size:10px;letter-spacing:2px;color:#bed9e7}.friend-room-code{font-size:44px;letter-spacing:8px;color:#ffe2a0;margin:19px 0 0}.friend-room-ready>p{font-size:13px;color:#c5dcea}.friend-waiting{font-size:14px;color:#c0ecde;border-radius:10px;background:#1e5b5e55;padding:11px 15px;margin-top:9px}@media(max-width:750px){.friend-panels{grid-template-columns:1fr}.friend-page{margin-top:15px}.friend-title h1{font-size:34px}.friend-panels>section{padding:22px}}

.home-presence{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-presence .lobby-names{display:none}@media(min-width:1100px){body.is-friend .friend-page{margin:12px auto 0}body.is-friend .friend-title{margin-bottom:20px}body.is-friend .friend-title h1{margin:9px 0;font-size:40px}body.is-friend .friend-title p{margin:10px 0}body.is-friend .friend-panels>section{padding:23px}}

@media(min-width:1100px){body:is(.is-home,.is-friend,.is-play,.fit-match) .bottom-dock{position:fixed!important;left:50%!important;right:auto!important;bottom:7px!important;transform:translateX(-50%)!important;width:320px!important;padding:5px 10px!important;margin:0!important}body:is(.is-home,.is-friend,.is-play,.fit-match) .bottom-dock button{font-size:11px;padding:5px 15px}body:is(.is-home,.is-friend,.is-play,.fit-match) .bottom-dock svg{width:20px;height:20px}body:is(.is-home,.is-friend,.is-play,.fit-match) footer{width:calc(50% - 190px)}body:is(.is-home,.is-friend,.is-play,.fit-match) .developer-credit{flex-wrap:wrap;gap:5px 10px}}

@media(min-width:1100px) and (max-height:700px){.dashboard-copy{padding:18px}.dashboard-copy h1{font-size:36px;line-height:1.05;margin:12px 0}.dashboard-copy>p{display:none}.dashboard-start{min-height:43px;font-size:16px}.dashboard-free{min-height:32px;margin-top:8px}.dashboard-modes{padding:14px}.dashboard-modes-heading{margin-bottom:10px}.dashboard-mode-grid{gap:9px}.dashboard-mode-grid>button{min-height:68px;padding:9px}.dashboard-mode-grid b{font-size:15px}.dashboard-mode-grid small{font-size:10px}.dashboard-extra{margin-top:8px}.dashboard-extra button{min-height:33px}.dashboard-account{padding-top:8px}.dashboard-account>button{padding:8px}.home-presence{margin-top:6px}.dashboard-shortcuts>button{padding:8px}.dashboard-utilities .coin-free-rewards{margin-top:8px;padding:8px 12px}}

.home-family{transform:translate3d(var(--family-x,0px),var(--family-y,0px),0) rotateY(var(--family-turn,0deg));transition:transform .18s ease-out;transform-style:preserve-3d;will-change:transform}.home-family>.home-king{transform-origin:50% 92%;animation:royal-king-float 4s ease-in-out infinite}.home-family>.home-queen{transform-origin:50% 92%;animation:royal-queen-float 4.6s ease-in-out -1.3s infinite}.home-family>.home-kid{transform-origin:50% 88%;animation:royal-kid-bounce 2.3s ease-in-out -.6s infinite}.home-family>i{animation:royal-family-sparkle 3s ease-in-out infinite}@keyframes royal-king-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes royal-queen-float{0%,100%{transform:translateY(-2px) rotate(.5deg)}50%{transform:translateY(-11px) rotate(-1deg)}}@keyframes royal-kid-bounce{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(2deg)}}@keyframes royal-family-sparkle{0%,100%{opacity:.6;transform:scale(.9) rotate(-8deg)}50%{opacity:1;transform:scale(1.15) rotate(8deg)}}@media(prefers-reduced-motion:reduce){.home-family,.home-family>span,.home-family>i{animation:none!important;transition:none!important;transform:none!important}}body.reduced .home-family,body.reduced .home-family>span,body.reduced .home-family>i{animation:none!important;transition:none!important;transform:none!important}