:root{--party-ink:#172338;--party-muted:#687689;--party-paper:#fffdf7;--party-aqua:#46d0c4;--party-coral:#ff746d;--party-sun:#ffd45c;--party-blue:#428fe3}.party-page,.party-page body{background:#e9f9f7;min-height:100%}.party-page body{overflow-x:hidden}.party-shell{min-height:100dvh;color:var(--party-ink);background:radial-gradient(circle at 8% 12%,#ffffffe0 0 70px,#0000 72px),radial-gradient(circle at 92% 24%,#ffd45c3d 0 90px,#0000 92px),linear-gradient(#dff7f5 0,#f7fcf9 58%,#edf7ff 100%);padding:24px 18px 38px;position:relative;overflow-x:clip}.party-header{grid-template-columns:1fr auto;align-items:center;gap:14px;width:min(1080px,100%);margin:0 auto;display:grid}.party-header-badge{border:2px solid var(--party-ink);min-height:30px;color:var(--party-ink);letter-spacing:.08em;background:#fffc;border-radius:999px;align-items:center;padding:0 12px;font-size:10px;font-weight:900;display:inline-flex;box-shadow:2px 3px #172338bf}.party-intro{text-align:center;width:min(820px,100%);margin:28px auto 18px}.party-intro>span{color:#126f76;letter-spacing:.12em;background:#46d0c433;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:9px;font-weight:900;display:inline-flex}.party-intro h1{letter-spacing:-.055em;margin:10px 0 0;font-size:clamp(31px,5vw,48px);font-weight:900;line-height:1.05}.party-intro p{color:var(--party-muted);margin:10px 0 0;font-size:13px;font-weight:600;line-height:1.55}.party-card{border:3px solid var(--party-ink);background:var(--party-paper);border-radius:24px;width:min(820px,100%);margin:0 auto;overflow:hidden;box-shadow:8px 10px #17233829}.party-card-bar{border-bottom:3px solid var(--party-ink);background:#fffffff0;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 16px;display:flex}.party-connection{color:#31606a;background:#e6f5f3;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex}.party-connection:before{content:"";background:#31b777;border-radius:50%;width:7px;height:7px}.party-connection.offline:before{background:#df5865}.party-connection.connecting:before{background:#e9a52f;animation:.7s infinite alternate party-pulse}.party-room-mini{align-items:center;gap:8px;display:flex}.party-room-mini[hidden]{display:none}.party-room-mini strong{letter-spacing:.13em;font-size:14px}.party-room-mini button,.party-quiet-button{min-height:32px;color:var(--party-muted);cursor:pointer;background:#fff;border:1px solid #1723382e;border-radius:9px;padding:0 10px;font-size:9px;font-weight:800}.party-surface{min-height:500px;padding:24px;position:relative}.party-panel{background:#ffffffeb;border:2px solid #17233824;border-radius:20px;width:min(520px,100%);margin:0 auto;padding:24px;box-shadow:0 18px 50px #274c5d17}.party-panel.center{text-align:center}.party-eyebrow{color:#168d8a;letter-spacing:.13em;margin-bottom:7px;font-size:9px;font-weight:900;display:block}.party-panel h2{letter-spacing:-.04em;margin:0;font-size:clamp(25px,4vw,34px);line-height:1.12}.party-panel>p{color:var(--party-muted);margin:10px 0 18px;font-size:11px;font-weight:600;line-height:1.55}.party-field{text-align:left;gap:7px;margin-top:13px;display:grid}.party-field>span{color:var(--party-muted);font-size:9px;font-weight:800}.party-field input{width:100%;min-width:0;height:46px;color:var(--party-ink);font:inherit;background:#fff;border:2px solid #17233833;border-radius:12px;padding:0 14px;font-size:13px;font-weight:700}.party-field input:focus{border-color:var(--party-blue);outline:3px solid #428fe326}.party-entry-tabs{background:#edf2f4;border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;margin-top:16px;padding:4px;display:grid}.party-entry-tabs button{color:#778391;cursor:pointer;min-height:42px;font:inherit;background:0 0;border:0;border-radius:10px;font-size:10px;font-weight:900}.party-entry-tabs button.active{color:var(--party-ink);background:#fff;box-shadow:0 3px 10px #1723381a}.party-entry-tabs small{color:#fff;background:var(--party-coral);vertical-align:2px;border-radius:999px;margin-left:3px;padding:2px 4px;font-size:6px}.party-entry-section[hidden]{display:none}.party-public-section{padding-top:1px}.party-quick-join{flex-direction:column;gap:2px}.party-quick-join small{opacity:.84;font-size:8px;font-weight:700}.party-public-create{color:#647385;cursor:pointer;min-height:38px;font:inherit;text-underline-offset:3px;background:0 0;border:0;margin-top:9px;font-size:9px;font-weight:800;text-decoration:underline}.party-public-create:disabled{cursor:not-allowed;opacity:.55}.party-public-list-heading{border-top:1px solid #1723381c;justify-content:space-between;align-items:center;margin-top:11px;padding-top:13px;display:flex}.party-public-list-heading strong{font-size:10px}.party-public-list-heading button{color:#397ca8;cursor:pointer;min-height:30px;font:inherit;background:0 0;border:0;font-size:8px;font-weight:900}.party-public-room-list{overscroll-behavior:contain;gap:7px;max-height:224px;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.party-public-room{text-align:left;background:#f8fbfb;border:1px solid #1723381c;border-radius:12px;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:58px;padding:8px 9px;display:grid}.party-public-room-icon{color:var(--party-aqua);text-shadow:1px 1px 0 var(--party-ink);font-size:16px}.party-public-room-copy{gap:3px;min-width:0;display:grid}.party-public-room-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.party-public-room-copy small{color:#7a8795;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:700;overflow:hidden}.party-public-room-count{color:#2a7482;font-size:9px;font-weight:900}.party-public-room .party-quiet-button{color:#fff;background:var(--party-blue);min-width:48px}.party-public-room .party-quiet-button:disabled{cursor:not-allowed;opacity:.55}.party-public-empty{color:#778595;background:#fbfdfd;border:1px dashed #17233829;border-radius:12px;place-content:center;gap:5px;min-height:92px;margin-top:8px;display:grid}.party-public-empty strong{color:#536376;font-size:10px}.party-public-empty span{font-size:8px;font-weight:700}.party-public-empty.loading{animation:1s ease-in-out infinite alternate party-pulse}.party-primary{border:3px solid var(--party-ink);min-height:48px;color:var(--party-ink);background:var(--party-aqua);box-shadow:4px 5px 0 var(--party-ink);cursor:pointer;font:inherit;border-radius:13px;justify-content:center;align-items:center;padding:0 20px;font-size:12px;font-weight:900;display:inline-flex}.party-primary:hover{box-shadow:4px 7px 0 var(--party-ink);transform:translateY(-2px)}.party-primary:active{box-shadow:1px 2px 0 var(--party-ink);transform:translate(3px,3px)}.party-primary:disabled{cursor:not-allowed;opacity:.55;box-shadow:2px 3px 0 var(--party-ink);transform:none}.party-primary.coral{color:#fff;background:var(--party-coral)}.party-primary.sun{background:var(--party-sun)}.party-primary.blue{color:#fff;background:var(--party-blue)}.party-primary.full{width:100%;margin-top:14px}.party-divider{color:#9aa5b1;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0;font-size:9px;font-weight:800;display:grid}.party-divider:before,.party-divider:after{content:"";background:#1723381f;height:1px}.party-join-row{grid-template-columns:1fr auto;gap:8px;display:grid}.party-join-row .party-primary{min-width:90px;padding-inline:12px}.party-code-field{margin-top:0}.party-code-field input{text-transform:uppercase;letter-spacing:.16em}.party-notice{color:#c94558;text-align:center;min-height:18px;margin:12px 0 0;font-size:10px;font-weight:700}.party-room-code{border:3px solid var(--party-ink);color:#236c9f;min-height:48px;box-shadow:4px 4px 0 var(--party-ink);letter-spacing:.16em;background:#e7f7ff;border-radius:13px;align-items:center;padding:0 18px;font-size:24px;font-weight:900;display:inline-flex}.party-invite-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.party-player-list{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.party-player{background:#f9fbfb;border:1px solid #1723381a;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:48px;padding:8px 10px;display:grid}.party-player.disconnected{opacity:.55}.party-player-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:800;display:flex;overflow:hidden}.party-player-name small,.party-player-role{color:#316a72;background:#e2f4f2;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:900}.party-player-state{color:#8c98a5;font-size:8px;font-weight:800}.party-player.ready .party-player-state{color:#188563}.party-lobby-panel{width:min(580px,100%)}.party-lobby-panel .party-player-list{overscroll-behavior:contain;max-height:360px;overflow-y:auto}.party-auto-start{color:#397079;background:#e7f5f3;border-radius:11px;min-height:38px;margin-top:12px;padding:10px 12px;font-size:9px;font-weight:900}.party-auto-start.counting{color:#934321;background:#fff0d8}.party-leave-button{color:#7c8895;cursor:pointer;min-height:42px;font:inherit;text-underline-offset:3px;background:0 0;border:0;margin-top:14px;font-size:10px;font-weight:800;text-decoration:underline}.party-bean-avatar{border:2px solid var(--party-ink);background:var(--party-player-color);border-radius:52% 48% 46% 54%/58% 49% 51% 42%;width:30px;height:29px;display:block;position:relative;transform:rotate(-3deg)}.party-bean-avatar:before{border:2px solid var(--party-ink);background:var(--party-player-color);content:"";border-bottom:0;border-radius:70% 30% 0 0;width:9px;height:12px;position:absolute;top:-7px;left:12px;transform:rotate(24deg)}.party-bean-avatar:after{background:var(--party-ink);width:3px;height:4px;box-shadow:9px 0 var(--party-ink);content:"";border-radius:50%;position:absolute;top:10px;left:8px}.party-bean-avatar i{border-bottom:2px solid var(--party-ink);border-radius:50%;width:8px;height:4px;position:absolute;top:18px;left:11px}.party-bean-avatar.patterned{background-image:repeating-linear-gradient(45deg,#0000 0 4px,#ffffff4d 4px 7px)}.party-progress-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.party-progress-row strong{font-size:12px}.party-timer{border:2px solid var(--party-ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:62px;min-height:32px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.party-timer.danger{color:#c83c4e;background:#fff0f1}.party-waiting{text-align:center;align-content:center;place-items:center;min-height:390px;display:grid}.party-waiting-beans{justify-content:center;align-items:flex-end;gap:8px;height:58px;display:flex}.party-waiting-beans .party-bean-avatar{animation:.75s ease-in-out infinite alternate party-hop}.party-waiting-beans .party-bean-avatar:nth-child(2){animation-delay:-.25s}.party-waiting-beans .party-bean-avatar:nth-child(3){animation-delay:-.5s}.party-waiting h2{margin:12px 0 0;font-size:26px}.party-waiting p{color:var(--party-muted);margin:8px 0 0;font-size:11px}.party-help{grid-template-columns:repeat(3,1fr);gap:10px;width:min(820px,100%);margin:20px auto 0;display:grid}.party-help article{background:#ffffffb8;border:2px solid #1723381f;border-radius:16px;min-height:90px;padding:16px}.party-help strong{font-size:11px;display:block}.party-help p{color:var(--party-muted);margin:6px 0 0;font-size:9px;line-height:1.5}.party-footer{color:#1723388f;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:18px;font-size:9px;display:flex}.party-footer a{text-decoration:none}@keyframes party-hop{to{transform:translateY(-12px)rotate(3deg)}}@keyframes party-pulse{to{opacity:.3}}@media (max-width:720px){.party-shell{padding:18px 10px calc(26px + env(safe-area-inset-bottom))}.party-header-badge{display:none}.party-intro{margin-top:20px}.party-intro h1{font-size:31px}.party-card{border-radius:20px;box-shadow:5px 7px #17233824}.party-card-bar{min-height:54px;padding:9px 11px}.party-surface{min-height:470px;padding:13px}.party-panel{padding:18px 15px}.party-help{grid-template-columns:1fr;gap:8px;margin-top:14px}.party-help article{min-height:0}}@media (max-width:390px){.party-shell{padding-inline:7px}.party-intro p{padding-inline:12px}.party-surface{padding-inline:9px}.party-player{grid-template-columns:32px minmax(0,1fr) auto}.party-player-state{grid-column:2}.party-room-mini button{padding-inline:7px}.party-join-row{grid-template-columns:1fr}.party-join-row .party-primary{width:100%}.party-public-room{grid-template-columns:minmax(0,1fr) auto auto}.party-public-room-icon{display:none}.party-public-room-copy small{max-width:112px}}@media (prefers-reduced-motion:reduce){.party-page *,.party-page :before,.party-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}