.home-screen.party-home{background-image:url('../assets/friends-v17/island-party-background.webp')}
.party-home .home-heading{display:none}
.home-party-bar{position:absolute;left:30px;right:43%;top:30px;z-index:2;display:flex;align-items:center;gap:14px;padding:12px 15px;border:2px solid #c4f5ff;border-radius:19px;background:linear-gradient(150deg,#69d8f1ee,#228ec9ee);box-shadow:0 5px 0 #23668c60,inset 0 1px 0 #fff9;color:#faffef}
.home-party-kicker{font:900 10px/1.3 'Nunito Sans',sans-serif;letter-spacing:1.2px;max-width:85px}
.home-party-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex:1;min-width:0}
.home-party-formats button{border:2px solid #b9eeec;border-radius:12px;background:#e8fcf3;color:#236780;box-shadow:0 3px 0 #26769c;font:800 20px/1.2 'Baloo 2',sans-serif;white-space:nowrap;padding:8px 6px}
.home-party-formats button[aria-pressed=true]{background:linear-gradient(#fff8c8,#ffe397);border-color:#fff5c3;color:#6b542a;box-shadow:0 3px 0 #b49347}
.home-party-formats button:focus-visible,.home-party-invite:focus-visible{outline:3px solid #fff8d4;outline-offset:4px}
.home-party-seats{position:absolute;left:30px;right:43%;top:145px;bottom:138px;display:flex;align-items:stretch;justify-content:center;gap:10px;pointer-events:none}
.home-party-seat{position:relative;flex:1;min-width:0;max-width:280px;pointer-events:auto}
.home-party-podium{position:absolute;bottom:52px;left:0;width:100%;height:auto;overflow:visible;pointer-events:none}
.party-home .home-party-self #home-character{left:0;right:0;top:auto;bottom:60px;width:100%;height:min(100%,310px);max-height:calc(100% - 24px);filter:drop-shadow(0 7px 3px #65482635)}
.party-home .home-character-actions{pointer-events:auto}
.party-home .avatar-label{bottom:-40px;min-width:0;width:100%;max-width:190px;left:50%;transform:translateX(-50%)}
.home-party-invite{position:absolute;inset:auto 0 70px;width:100%;display:flex;align-items:center;flex-direction:column;padding:0 3px;background:none;border:0;color:#276d78;text-align:center;text-shadow:0 1px #fff9;cursor:pointer}
.home-party-invite>span{display:grid;place-items:center;width:62px;height:62px;border:3px solid #f9ffe2;border-radius:50%;background:linear-gradient(#e4fbdb,#a9e3d2);box-shadow:0 4px 0 #529e9c55;font:600 44px/1 'Baloo 2',sans-serif;color:#448a8c;margin-bottom:8px}
.home-party-invite strong{font:800 16px/1.1 'Baloo 2',sans-serif}
.home-party-invite small{font:800 9px/1.3 'Nunito Sans',sans-serif;margin-top:4px}
@media(max-width:1100px){.home-party-bar{left:22px;right:42%;gap:8px;padding:10px}.home-party-kicker{font-size:8px;max-width:64px}.home-party-formats button{font-size:17px;padding:7px 4px}.home-party-seats{left:22px;right:42%;gap:5px}.home-party-invite strong{font-size:13px}.home-party-invite small{font-size:8px}.home-party-invite>span{width:48px;height:48px;font-size:35px}}
@media(max-height:520px) and (min-width:601px){
 .home-party-bar{left:13px;right:42%;top:14px;padding:5px 7px;gap:6px;border-radius:12px}.home-party-kicker{font-size:6px;letter-spacing:.7px;max-width:51px}.home-party-formats{gap:5px}.home-party-formats button{font-size:14px;padding:3px;border-radius:8px;min-height:29px}
 .home-party-seats{left:13px;right:42%;top:70px;bottom:66px;gap:3px}.home-party-podium{bottom:39px}.party-home .home-party-self #home-character{bottom:29px;height:calc(100% - 42px);max-height:none}.party-home .avatar-label{bottom:-22px;max-width:135px;padding:3px 4px;min-width:0}.party-home .avatar-label b{font-size:15px}.party-home .avatar-label small{font-size:4px;letter-spacing:.4px}.home-party-invite{bottom:64px;padding:0}.home-party-invite>span{width:31px;height:31px;font-size:25px;border-width:2px;margin-bottom:4px}.home-party-invite strong{font-size:10px}.home-party-invite small{font-size:6px;margin-top:2px}
}
@media(max-width:760px) and (min-height:521px){.home-party-bar{top:85px;left:15px;right:15px}.home-party-seats{top:150px;left:15px;right:15px;bottom:auto;height:240px}.home-party-invite strong{font-size:12px}.home-party-invite small{font-size:7px}.party-home .avatar-label b{font-size:20px}.party-home .avatar-label small{font-size:5px}.home-party-podium{bottom:30px}.party-home .home-party-self #home-character{bottom:54px;max-height:190px}.home-party-invite{bottom:60px}}
@media(prefers-reduced-motion:reduce){.home-party-formats button,.home-party-invite{transition:none}}

/* The entire player card is one profile button beside the brand. */
body:not(.is-playing) .topbar{gap:14px}
.topbar>.topbar-profile{position:static;inset:auto;flex:0 1 225px;min-width:130px;max-width:225px;display:flex;align-items:center;text-align:left;gap:10px;padding:6px 12px 6px 6px;border:2px solid #b8f4ed;border-radius:16px;background:linear-gradient(130deg,#fffbe9,#d8f7f1);color:#245f76;box-shadow:0 3px 0 #174f7560;cursor:pointer}
.topbar-profile .profile-portrait{flex:none;width:42px;height:42px}
.topbar-profile .home-profile-copy{min-width:0}
.topbar-profile strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 15px/1.2 'Baloo 2',sans-serif}
.topbar-profile small{display:block;white-space:nowrap;font:800 7px/1.5 'Nunito Sans',sans-serif;letter-spacing:.6px;margin-top:4px;color:#4c8a92}
.is-playing .topbar>.topbar-profile,.arcade-room .topbar>.topbar-profile{display:none}
@media(max-width:1000px){.topbar>.topbar-profile{flex-basis:185px;gap:7px;padding-right:8px}.topbar-profile small{font-size:6px;letter-spacing:.25px}body:not(.is-playing) .topbar{gap:9px}body:not(.is-playing) .connection-badge{display:none}}
@media(max-height:520px) and (min-width:601px){body:not(.is-playing) .topbar{gap:8px}.topbar>.topbar-profile{min-width:130px;max-width:170px;flex-basis:170px;padding:3px 7px 3px 3px;gap:6px;border-radius:11px}.topbar-profile .profile-portrait{width:31px;height:31px}.topbar-profile strong{font-size:11px}.topbar-profile small{font-size:5px;margin-top:2px}.topbar .music-bar{flex:0 1 224px;min-width:130px}body:not(.is-playing) .topbar .music-bar{margin-right:0}}
@media(max-width:600px){.topbar>.topbar-profile{min-width:110px;max-width:160px}.topbar-profile .profile-portrait{width:30px;height:30px}.topbar-profile strong{font-size:11px}.topbar-profile small{font-size:4px}}

.party-home:is([data-party-size="1"],[data-party-size="2"]) .home-party-podium{width:min(100%,230px);left:50%;transform:translateX(-50%)}
@media(max-height:520px) and (min-width:601px){.party-home:is([data-party-size="1"],[data-party-size="2"]) .home-party-podium{width:min(100%,160px)}}
