.party-host{font-size:clamp(15px,1.46vw,36px)}.party-host.p-setup .g-screen{max-width:min(920px,92vw)}.p-seg{display:flex;gap:10px}.p-seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-height:56px;border-radius:999px;border:1px solid var(--g-line);background:#ffffff0d;color:var(--g-text);font:inherit;font-family:Clash Display,system-ui,sans-serif;font-size:1.2rem;font-weight:600;cursor:pointer;transition:background .3s var(--g-out),transform .4s var(--g-spring)}.p-seg-btn.is-on{background:linear-gradient(100deg,var(--g-cyan),#5ee7ff);color:#031418;border-color:transparent}.p-seg-btn:active{transform:scale(.95)}.p-room{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.p-wait{flex:1;display:grid;place-items:center}.p-conn{position:fixed;top:.8em;left:50%;transform:translate(-50%);z-index:40;display:inline-flex;align-items:center;gap:.6em;padding:.5em 1.1em;border-radius:999px;background:#3a1c24;border:1px solid var(--g-bad);color:#fff;font-size:.8em}.p-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;min-height:2.4em;padding:0 1.4em;font-family:Clash Display,system-ui,sans-serif;font-weight:600;font-size:1em;color:#031418;background:linear-gradient(100deg,var(--g-cyan),#5ee7ff);box-shadow:0 10px 30px -8px #00d4ff8c,inset 0 1px #ffffff73;cursor:pointer;transition:transform .45s var(--g-spring),filter .3s,opacity .3s}.p-btn:hover{filter:brightness(1.07)}.p-btn:active{transform:scale(.96)}.p-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.p-btn:focus-visible,.p-kick:focus-visible,.p-slot:focus-visible{outline:3px solid var(--g-cyan);outline-offset:3px}.p-btn-ghost{color:var(--g-text);background:#ffffff14;border:1px solid var(--g-line);box-shadow:none}.p-btn-violet{color:#fff;background:linear-gradient(100deg,var(--g-violet),var(--g-pink));box-shadow:0 10px 30px -8px #8b5cf699,inset 0 1px #ffffff4d}.p-btn-danger{color:#fff;background:linear-gradient(100deg,#ff5a6e,#ff3d81);box-shadow:none}.p-btn-small{min-height:2em;padding:0 1em;font-size:.75em}.p-btn-big{min-height:2.8em;padding:0 2.2em;font-size:1.2em}.p-label{display:block;font-size:.7em;letter-spacing:.14em;text-transform:uppercase;color:var(--g-dim);font-weight:600}.p-note{color:var(--g-dim);font-size:.8em;margin:0}.p-pip{display:inline-block;flex:none;width:.65em;height:.65em;margin-right:.45em;border-radius:50%;background:var(--pc, var(--g-cyan));vertical-align:middle}.p-dot{flex:none;width:.7em;height:.7em;border-radius:50%;background:var(--pc, var(--g-cyan));box-shadow:0 0 .6em var(--pc, var(--g-cyan))}.p-pill{display:inline-flex;align-items:center;gap:.5em;padding:.3em .9em .3em .6em;border-radius:999px;border:1px solid var(--g-line);background:#ffffff0f;font-size:.8em}.p-pill b{font-family:Clash Display,system-ui,sans-serif;letter-spacing:.25em;font-size:1.15em}.p-logo{display:inline-flex;align-items:center;gap:.5em;font-family:Clash Display,system-ui,sans-serif;font-weight:600;font-size:1.1em}.p-lobby{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:1em 1.6em 1.4em;gap:1em}.p-lobby-top{display:flex;align-items:center;justify-content:space-between;gap:1em}.p-lobby-deck{color:var(--g-dim);font-size:.9em;text-align:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-lobby-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr) minmax(0,1fr);gap:1.6em;align-items:center}.p-join{display:flex;flex-direction:column;align-items:center;gap:.8em}.p-qr{width:min(100%,52vh,22em);aspect-ratio:1;background:#fff;border-radius:1em;padding:.6em;display:grid;place-items:center;box-shadow:0 0 0 .25em #00d4ff59,0 30px 80px -20px #00d4ff73}.p-qr img{width:100%;height:100%;image-rendering:pixelated;display:block}.p-join-hint{color:var(--g-dim);text-align:center;font-size:.85em}.p-code-block{display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center}.p-code{display:flex;gap:.12em;font-family:Clash Display,system-ui,sans-serif;font-weight:700;font-size:clamp(2.5em,5.4vw,9em);line-height:1}.p-code span{display:inline-block;padding:.04em .1em;border-radius:.14em;background:#ffffff0f;border:1px solid var(--g-line);background-image:linear-gradient(180deg,#fff,#7fe6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.p-url{font-size:.95em;color:var(--g-text)}.p-summary{color:var(--g-cyan);font-size:.85em}.p-players{display:flex;flex-direction:column;gap:.8em;min-height:0;max-height:100%}.p-players-title{font-size:1.3em}.p-waiting{color:var(--g-dim);animation:p-pulse 1.8s ease-in-out infinite}.p-player-list{list-style:none;margin:0;padding:0;display:grid;gap:.45em;overflow:hidden}.p-player{display:flex;align-items:center;gap:.7em;padding:.45em .6em .45em .9em;border-radius:1em;background:#ffffff0f;border:1px solid var(--g-line);animation:p-pop .5s var(--g-spring) both}.p-player.is-away{opacity:.55}.p-player-name{flex:1;min-width:0;font-size:1.05em;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-tag{font-size:.6em;color:var(--g-dim);text-transform:uppercase;letter-spacing:.1em}.p-kick{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:1.8em;height:1.8em;border-radius:50%;background:#ffffff14;color:var(--g-dim);font-size:1em;line-height:1;cursor:pointer}.p-kick:hover{background:var(--g-bad);color:#fff}.p-live{height:100vh;height:100dvh;width:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.7em;padding:.8em 1.4em 1em;overflow:hidden}.p-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1em}.p-top-title{display:inline-flex;align-items:center;gap:.5em;font-size:1.7em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw;padding:.7em;margin:-.7em}.p-top-actions{display:flex;justify-content:flex-end}.p-top .p-pill{justify-self:start}.p-tl-main{min-height:0;display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,1fr);gap:1.2em}.p-stage{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7em;text-align:center;padding:1em;border-radius:1.4em;background:#ffffff0a;border:1px solid var(--g-line)}.p-stage-text{font-size:1.1em;font-weight:600;line-height:1.25}.p-stage-actions{display:flex;flex-direction:column;align-items:center;gap:.5em}.p-big-count{font-family:Clash Display,system-ui,sans-serif;font-size:3.2em;font-weight:700;line-height:1;color:var(--g-pink);font-variant-numeric:tabular-nums}.p-disc{width:min(7em,22vh);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 0deg,#10202a,#1c3a47,#10202a,#2a1c47,#10202a);border:1px solid var(--g-line);animation:p-spin 6s linear infinite;animation-play-state:paused}.p-disc.is-live{animation-play-state:running;box-shadow:0 0 3em -.5em #00d4ff8c}.p-disc-label{width:34%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#050505 12%,var(--g-cyan) 14%,var(--g-violet) 100%)}.p-reveal{display:flex;flex-direction:column;align-items:center;gap:.3em;animation:p-pop .6s var(--g-spring) both}.p-reveal-year,.p-answer-year{font-family:Clash Display,system-ui,sans-serif;font-weight:700;font-size:3.4em;line-height:1;background:linear-gradient(100deg,var(--g-cyan),var(--g-violet),var(--g-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.p-answer-year{font-size:clamp(2.6em,5.6vw,8em)}.p-reveal-title{font-family:Clash Display,system-ui,sans-serif;font-size:1.35em;font-weight:600;line-height:1.15;overflow-wrap:anywhere}.p-reveal-artist{color:var(--g-dim);font-size:1em}.p-reveal-result{font-weight:700;font-size:1.05em;margin-top:.3em}.p-reveal-result.is-good{color:var(--g-good)}.p-reveal-result.is-steal{color:#ffb020}.p-reveal-result.is-bad{color:var(--g-bad)}.p-tl-row{min-height:0;display:flex;align-items:center;padding:.6em .4em;border-radius:1.4em;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid color-mix(in srgb,var(--pc) 45%,transparent)}.p-tl-track{width:100%;display:flex;align-items:stretch;justify-content:center;min-width:0}.p-tl-cell{display:flex;align-items:stretch;min-width:0;flex:0 1 auto}.p-tl-cell:last-child,.p-tl-cell:first-child{min-width:0}.p-slot{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;width:.5em;min-width:.5em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;position:relative;cursor:default}.p-slot:before{content:"";width:2px;height:70%;border-radius:2px;background:#ffffff1f}.p-slot.is-held{width:auto;min-width:3.4em;max-width:6.5em;padding:0 .2em}.p-slot.is-held:before{display:none}.p-slot.is-click{width:1.3em;cursor:pointer}.p-slot.is-click:before{background:var(--g-cyan);width:.35em;animation:p-pulse 1.2s ease-in-out infinite}.p-held{width:2.2em;aspect-ratio:3 / 4;border-radius:.4em;display:grid;place-items:center;font-family:Clash Display,system-ui,sans-serif;font-weight:700;font-size:1.3em;color:#031418;background:var(--pc);box-shadow:0 0 1em -.1em var(--pc);animation:p-pop .5s var(--g-spring) both}.p-suggesters{display:flex;flex-direction:column;gap:.2em;align-items:center;max-width:100%}.p-suggester{max-width:100%;padding:.1em .5em;border-radius:999px;font-size:.55em;font-weight:700;color:#031418;background:var(--pc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-card{width:clamp(5.4em,11.5vw,14em);min-width:0;flex:0 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2em;text-align:center;padding:.6em .4em;border-radius:.8em;background:linear-gradient(180deg,#17202a,#0d1218);border:1px solid var(--g-line);border-top:.25em solid var(--pc);aspect-ratio:3 / 4;overflow:hidden}.p-card.is-new{animation:p-flip .8s var(--g-spring) both;box-shadow:0 0 2em -.2em var(--g-good);border-color:var(--g-good)}.p-card-year{font-family:Clash Display,system-ui,sans-serif;font-weight:700;font-size:1.8em;line-height:1}.p-card-title{font-size:.72em;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.p-card-artist{font-size:.62em;color:var(--g-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.p-chips{list-style:none;margin:0;padding:0;display:flex;gap:.6em}.p-chip{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.15em;padding:.5em .8em;border-radius:1em;background:#ffffff0d;border:1px solid var(--g-line);transition:transform .5s var(--g-spring),box-shadow .4s var(--g-out),background .3s}.p-chip.is-active{background:color-mix(in srgb,var(--pc) 22%,transparent);box-shadow:0 0 0 2px var(--pc),0 0 2em -.4em var(--pc);transform:translateY(-.2em)}.p-chip.is-away{opacity:.5}.p-chip-name{font-weight:700;font-size:.95em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-chip-stats{display:flex;align-items:center;justify-content:space-between;gap:.5em;font-size:.7em;color:var(--g-dim);white-space:nowrap}.p-chip-score{color:var(--g-text);font-weight:700}.p-coins{display:inline-flex;align-items:center;gap:.25em;color:#ffd166;font-weight:700}.p-coin{display:inline-block;width:.9em;height:.9em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffb020 70%);box-shadow:0 0 .5em #ffb02099}.p-lock{color:var(--g-dim)}.p-lock.is-on{color:var(--g-good);font-weight:700}.p-rush-main{min-height:0;display:grid;place-items:center}.p-rush-clock{display:flex;align-items:center;justify-content:center;gap:4em;height:100%;min-height:0}.p-ring{position:relative;height:min(100%,60vh);aspect-ratio:1}.p-ring svg{width:100%;height:100%}.p-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:12}.p-ring-fg{fill:none;stroke:var(--g-cyan);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .25s linear;filter:drop-shadow(0 0 8px rgba(0,212,255,.6))}.p-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.p-ring-num{font-family:Clash Display,system-ui,sans-serif;font-weight:700;font-size:clamp(5em,14vh,12em);line-height:1;font-variant-numeric:tabular-nums}.p-ring-sub{color:var(--g-dim);font-size:1.2em}.p-rush-reveal{min-height:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) minmax(0,.9fr);gap:1.2em}.p-answer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;text-align:center;padding:.8em;border-radius:1.4em;background:#ffffff0a;border:1px solid var(--g-line);animation:p-pop .6s var(--g-spring) both}.p-results,.p-board{min-height:0;display:flex;flex-direction:column;gap:.5em;padding:.7em;border-radius:1.4em;background:#ffffff0a;border:1px solid var(--g-line)}.p-result-list,.p-board-list{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:flex;flex-direction:column;gap:.25em}.p-result,.p-board-list li{flex:1 1 0;min-height:0;max-height:2.8em;display:grid;align-items:center;gap:.6em;padding:0 .6em;border-radius:.7em;background:#ffffff0d;font-size:.8em;animation:p-pop .5s var(--g-spring) both}.p-result{grid-template-columns:1.4em minmax(0,1.3fr) minmax(4.5em,auto) minmax(5em,auto) minmax(4em,auto) 3.4em}.p-board-list li{grid-template-columns:1.4em minmax(0,1fr) minmax(0,1fr) 3.4em}.p-result-name,.p-board-name,.p-rank-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-result-guess,.p-result-diff{white-space:nowrap}.p-result-guess{font-family:Clash Display,system-ui,sans-serif;font-weight:700;font-size:1.1em}.p-result-diff{color:var(--g-dim)}.p-result-diff.is-exact{color:var(--g-good);font-weight:700}.p-result-parts{color:var(--g-dim);font-size:.85em}.p-result-total,.p-board-list b{text-align:right;font-variant-numeric:tabular-nums}.p-rank-n{font-family:Clash Display,system-ui,sans-serif;font-weight:700;text-align:center;color:var(--g-dim)}.p-board-bar{height:.6em;border-radius:999px;background:#ffffff14;overflow:hidden}.p-board-bar i{display:block;height:100%;border-radius:999px;background:var(--pc);transition:width .8s var(--g-out)}.p-finish{position:relative;grid-template-rows:minmax(0,1fr);place-items:center}.p-confetti-origin{position:absolute;left:0;right:0;top:32%;height:0;pointer-events:none}.p-finish-body{position:relative;z-index:1;width:min(100%,44em);max-height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:.7em;text-align:center}.p-finish-title{font-size:3em;line-height:1.05;background:linear-gradient(100deg,var(--g-cyan),var(--g-violet),var(--g-pink));-webkit-background-clip:text;background-clip:text;color:transparent;animation:p-pop .7s var(--g-spring) both}.p-rank{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:.35em}.p-rank li{display:grid;grid-template-columns:1.6em .8em minmax(0,1fr) auto auto;align-items:center;gap:.7em;padding:.4em .9em;border-radius:.9em;background:#ffffff0f;text-align:left}.p-rank li.is-win{background:color-mix(in srgb,var(--pc) 25%,transparent);font-size:1.1em}.p-rank-val{color:var(--g-dim);font-size:.85em}.p-rank-compact{font-size:.8em;max-height:22vh;overflow:hidden}.p-podium{display:flex;align-items:flex-end;justify-content:center;gap:.6em;width:100%}.p-step{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.2em}.p-step-name{font-weight:700;font-size:1.1em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-step-score{color:var(--g-dim);font-size:.8em}.p-step-block{width:100%;display:grid;place-items:center;font-family:Clash Display,system-ui,sans-serif;font-weight:700;font-size:2.2em;color:#031418;background:linear-gradient(180deg,var(--pc),color-mix(in srgb,var(--pc) 45%,#000));border-radius:.6em .6em 0 0;animation:p-rise .9s var(--g-out) both}.p-step-1 .p-step-block{height:5.5em}.p-step-2 .p-step-block{height:4em}.p-step-3 .p-step-block{height:3em}.p-sound{position:fixed;inset:0;z-index:50;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;background:#050505d1;color:var(--g-text);font:inherit;font-family:Clash Display,system-ui,sans-serif;font-size:2em;font-weight:600;cursor:pointer;backdrop-filter:blur(6px)}.p-sound svg{color:var(--g-cyan);width:3em;height:3em;animation:p-pulse 1.4s ease-in-out infinite}.p-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#050505bf}.p-modal-card{width:min(92vw,26em);padding:1.4em;border-radius:1.4em;background:var(--g-card);border:1px solid var(--g-line);display:flex;flex-direction:column;gap:1em;text-align:center}.p-modal-text{font-size:1.2em;font-weight:600}.p-modal-actions{display:flex;gap:.6em;justify-content:center}@keyframes p-spin{to{transform:rotate(360deg)}}@keyframes p-pulse{50%{opacity:.45}}@keyframes p-pop{0%{opacity:0;transform:scale(.85) translateY(.5em)}to{opacity:1;transform:none}}@keyframes p-flip{0%{opacity:0;transform:rotateY(90deg) scale(.9)}to{opacity:1;transform:none}}@keyframes p-rise{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@media(max-width:900px),(max-aspect-ratio:1/1){.p-lobby-main{grid-template-columns:1fr 1fr;align-items:start}.p-players{grid-column:1 / -1}.p-tl-main{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.p-rush-reveal{grid-template-columns:1fr 1fr}.p-board{display:none}}