.qp-shell{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom));color:var(--hud-text,#f6f2ea);background:radial-gradient(120% 70% at 50% -10%,#1f5a63 0%,#123844 45%,#0b1f29 100%);font-size:16px;line-height:1.4;overflow-x:hidden}.qp-shell>*{max-width:560px;margin-left:auto;margin-right:auto}.qp-shell a{color:inherit}.qp-top{align-items:center;gap:12px;min-height:44px;margin-bottom:18px;display:flex}.qp-wordmark{font:800 25px/1 var(--font-display);letter-spacing:-.6px;color:#fff;text-decoration:none}.qp-wordmark b{color:var(--hud-mint,#6dffc6);margin-left:2px;font-weight:800}.qp-back{border:1px solid var(--hud-line);background:#ffffff14;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.qp-me{border:1px solid var(--hud-line);background:var(--hud-bg);color:#fff;border-radius:22px;align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:0 14px 0 10px;font-size:15px;font-weight:700;display:flex}.qp-me small{color:var(--hud-muted);font-size:15px;font-weight:600}.qp-doors{gap:12px;margin-bottom:16px;display:grid}.qp-door{text-align:left;color:#fff;cursor:pointer;border:1px solid #fff2;border-radius:22px;align-items:center;gap:16px;width:100%;min-height:104px;padding:16px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 18px 40px #0005}.qp-door:active{transform:scale(.985)}.qp-door b{font:800 clamp(26px,7vw,32px)/1.05 var(--font-display);letter-spacing:-.6px;display:block}.qp-door small{opacity:.92;margin-top:5px;font-size:16px;display:block}.qp-door>svg{opacity:.8;flex-shrink:0;margin-left:auto}.qp-door img{background:#fff3;border-radius:18px;flex-shrink:0;width:64px;height:64px}.qp-door.is-city{color:#2a1606;background:linear-gradient(135deg,#ffb454 0%,#ff8a5c 100%);border-color:#ffd9a0}.qp-door.is-quick{color:#04212a;background:linear-gradient(135deg,#2bd9a6 0%,#1e8fd6 100%);border-color:#a8ffe3}.qp-door.is-quick.is-open{box-shadow:0 0 0 3px #6dffc666,0 18px 40px #0005}.qp-door-icon{background:#ffffff40;border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.qp-panel{gap:12px;display:grid}.qp-tabs{border:1px solid var(--hud-line);top:max(8px,env(safe-area-inset-top));z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0008;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;display:grid;position:sticky}.qp-tabs button{min-height:44px;color:var(--hud-muted);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:750;display:flex}.qp-tabs button[aria-selected=true]{color:#0b2a33;background:#fff}.qp-card{border:1px solid var(--hud-line);background:#08171fd9;border-radius:20px;padding:18px;box-shadow:0 14px 34px #0004}.qp-card h2{font:800 26px/1.1 var(--font-display);letter-spacing:-.4px;margin:4px 0 8px}.qp-card h3{align-items:center;gap:8px;margin:0 0 6px;font-size:19px;display:flex}.qp-card p{margin:6px 0}.qp-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--hud-amber,#ffb454);font-size:15px;font-weight:800}.qp-muted{color:var(--hud-muted,#bccacf);font-size:15px}.qp-empty{text-align:center;color:var(--hud-muted);padding:18px 4px}.qp-error{color:#ffb3a3;margin:8px 0;font-size:15px;font-weight:750}.qp-row{flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:10px;display:flex}.qp-row>input{flex:140px;min-width:0}.qp-shell input{color:#fff;background:#0e2230;border:1px solid #6d8fa3;border-radius:12px;min-height:48px;padding:10px 14px;font-size:17px}.qp-shell input:focus{outline:2px solid var(--hud-mint);outline-offset:1px}.qp-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 18px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.qp-btn:disabled{opacity:.5;cursor:default}.qp-btn.is-primary{background:var(--hud-mint,#6dffc6);color:#06262d;border-color:#0000}.qp-btn.is-wide{width:100%;margin-top:10px}.qp-btn.is-x{background:#000;border-color:#ffffff40}.qp-icon{border:1px solid var(--hud-line);color:#fff;background:#ffffff0f;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.qp-name label{margin-bottom:-4px;font-size:15px;font-weight:800;display:block}.qp-profile{border:1px solid var(--hud-line);background:#08171fd9;border-radius:20px;align-items:center;gap:12px;padding:14px 16px;display:flex}.qp-profile>div{flex:1;min-width:0}.qp-profile b{font-size:19px;display:block}.qp-profile span{color:var(--hud-muted);font-size:15px}.qp-xp{background:#ffffff1c;border-radius:3px;height:6px;margin-top:7px;display:block;overflow:hidden}.qp-xp>i{background:linear-gradient(90deg,var(--hud-mint),#43e4ff);border-radius:3px;height:100%;display:block}.qp-streak{color:#ffb07a;background:#ff6a2b2e;border-radius:12px;align-items:center;gap:3px;padding:5px 9px;font-size:15px;font-weight:850;display:inline-flex}.qp-modes{gap:10px;display:grid}.qp-mode{border:1px solid var(--hud-line);color:#fff;text-align:left;background:#08171fd9;border-radius:20px;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.qp-mode>svg{background:#ffffff14;border-radius:14px;flex-shrink:0;width:50px;height:50px;padding:10px}.qp-mode>span{flex:1;min-width:0}.qp-mode b{font-size:20px;display:block}.qp-mode small{color:var(--hud-muted);margin:3px 0;font-size:15px;display:block}.qp-mode em{color:var(--hud-amber);font-size:15px;font-style:normal}.qp-mode.is-br>svg{color:#c9a8ff}.qp-mode.is-ffa>svg{color:#ffb454}.qp-mode.is-tdm>svg{color:#59b8ff}.qp-go{background:var(--hud-mint);color:#06262d;border-radius:12px;padding:11px 16px;font-size:16px;font-weight:850;flex:none!important}.qp-mode:disabled{opacity:.6}.qp-seg{background:#ffffff0d;border-radius:14px;gap:6px;margin:8px 0;padding:4px;display:flex;overflow-x:auto}.qp-seg.is-wrap{flex-wrap:wrap}.qp-seg button{min-height:42px;color:var(--hud-muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1 0 auto;padding:0 12px;font-size:15px;font-weight:800}.qp-seg button[aria-checked=true],.qp-seg button[aria-selected=true]{color:#0b2a33;background:#fff}.qp-seg button:disabled{cursor:default}.qp-setup label{color:var(--hud-muted);align-items:center;gap:6px;margin-top:12px;font-size:15px;font-weight:800;display:flex}.qp-tier{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.qp-tier i{width:var(--s);height:var(--s);background:linear-gradient(135deg,#fff8 0%,var(--tier) 38%,var(--tier) 70%,#0005 100%);box-shadow:0 0 0 2px #0006,0 0 10px var(--tier);border-radius:22%;display:block;transform:rotate(45deg)scale(.78)}.qp-tier b{color:var(--tier);font-size:15px}.qp-tier.is-champion i{animation:2.4s ease-in-out infinite qp-glow}@keyframes qp-glow{50%{box-shadow:0 0 0 2px #0006,0 0 18px var(--tier)}}.qp-board{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.qp-board li{background:#ffffff08;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:6px 10px;display:flex}.qp-board li[data-me]{background:#6dffc61f;outline:1px solid #6dffc655}.qp-board b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;overflow:hidden}.qp-board strong{text-align:right;min-width:44px;font-size:18px}.qp-rank{text-align:center;width:26px;color:var(--hud-muted);font-weight:850}.qp-board li:first-child .qp-rank{color:#ffd166}.qp-board-stats{gap:8px;display:flex}.qp-board-stats small{color:var(--hud-muted);font-size:15px}.qp-hot{align-items:center;display:inline-flex;color:#ffb07a!important}@media (max-width:420px){.qp-board-stats small:nth-child(2){display:none}}.qp-tiers{flex-wrap:wrap;gap:6px 14px;margin-top:14px;display:flex}.qp-tiers span{align-items:center;gap:5px;display:inline-flex}.qp-legend{margin-top:2px}.qp-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.qp-item{border:1px solid var(--hud-line);color:#fff;text-align:left;background:#ffffff0a;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-height:92px;padding:12px;font-size:16px;display:flex}.qp-item[aria-pressed=true]{border-color:var(--hud-mint);background:#6dffc61a}.qp-item:disabled{opacity:.62;cursor:default}.qp-item small{color:var(--hud-muted);align-items:center;gap:4px;font-size:15px;display:flex}.qp-item>svg{color:var(--hud-mint)}.qp-swatch{background:var(--c);border-radius:50%;width:34px;height:34px;display:block;box-shadow:inset 0 -6px 10px #0004,0 0 0 2px #fff3}.qp-swatch.is-trail{background:linear-gradient(90deg,transparent,var(--c));border-radius:8px;width:52px}.qp-swatch.is-crown{clip-path:polygon(0 100%,0 25%,25% 55%,50% 0,75% 55%,100% 25%,100% 100%);border-radius:6px 6px 10px 10px}.qp-swatch.is-pose{background:#ffffff26}.qp-swatch.is-none{background:#ffffff14}.qp-room-head{text-align:center}.qp-code{letter-spacing:.18em;color:#fff;margin:6px 0 4px;font:850 54px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.qp-share input{font-size:15px}.qp-members{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.qp-members li{background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:6px 12px;display:flex}.qp-members li[data-me]{outline:1px solid #6dffc655}.qp-members b{flex:1;font-size:17px}.qp-members svg{color:#ffd166}.qp-ready{color:var(--hud-muted);align-items:center;gap:4px;font-size:15px;font-weight:800;display:inline-flex}.qp-ready.is-on,.qp-ready.is-on svg{color:var(--hud-mint)}.qp-ready-bar{bottom:max(10px,env(safe-area-inset-bottom));border:1px solid var(--hud-line);background:#061218f0;border-radius:20px;margin-top:12px;padding:12px;position:sticky;box-shadow:0 -10px 30px #0006}.qp-ready-bar .qp-btn{min-height:56px;margin-top:0;font-size:19px}.qp-block{text-align:center;color:var(--hud-amber);margin:8px 0 0;font-size:15px}.qp-room>section,.qp-room>div{margin-bottom:12px}.qp-loading{place-items:center;display:grid}.qp-chip{z-index:24;top:max(14px,env(safe-area-inset-top));background:var(--hud-bg-strong);border:1px solid var(--hud-line);min-width:180px;max-width:min(440px,100vw - 32px);box-shadow:var(--hud-shadow);color:#fff;pointer-events:none;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:1px;padding:7px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.qp-chip-title{align-items:center;gap:6px;font-size:17px;font-weight:850;display:flex}.qp-chip-line{color:var(--hud-muted);font-variant-numeric:tabular-nums;font-size:15px}.qp-chip.is-zone .qp-chip-title svg{color:#c9a8ff}.qp-chip.is-tdm{flex-direction:row;gap:12px;padding:6px 10px}.qp-team{align-items:center;gap:7px;font-size:15px;font-weight:800;display:flex}.qp-team b{text-align:center;border-radius:9px;min-width:30px;padding:2px 6px;font-size:24px}.qp-team.is-red b{background:#ff4d5e}.qp-team.is-blue b{background:#3d8bff}.qp-team[data-mine]{text-underline-offset:4px;text-decoration:underline}.qp-chip-mid{flex-direction:column;align-items:center;display:flex}.qp-chip-mid small{color:var(--hud-muted);font-size:15px}.qp-chip-mid time{font-variant-numeric:tabular-nums;font-size:17px;font-weight:850}.qp-warn{white-space:nowrap;color:#fff;background:#7a2bd9e6;border-radius:12px;padding:6px 12px;font-size:15px;font-style:normal;font-weight:850;animation:1s ease-in-out infinite qp-pulse;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes qp-pulse{50%{background:#a24dffe6}}.catch-shell .qp-card{z-index:40;color:#fff;position:absolute}.qp-waiting{left:50%;top:calc(max(14px,env(safe-area-inset-top)) + 70px);text-align:center;width:min(420px,100vw - 32px);transform:translate(-50%)}.qp-names{flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0;padding:0;list-style:none;display:flex}.qp-names li{background:#ffffff14;border-radius:12px;padding:6px 11px;font-size:15px;font-weight:750}.qp-names li[data-me]{color:#bfffe8;background:#6dffc633}.qp-names li.is-empty{color:var(--hud-muted);background:0 0;border:1px dashed #fff3;font-weight:600}.qp-elim{left:50%;bottom:max(18px,env(safe-area-inset-bottom));text-align:center;width:min(420px,100vw - 32px);transform:translate(-50%)}.qp-elim h2,.qp-end h2{justify-content:center;align-items:center;gap:10px;margin:6px 0;font-size:42px;display:flex}.qp-place{color:var(--hud-amber);font-weight:850;font-size:20px!important}.qp-end-backdrop{z-index:60;background:radial-gradient(circle at 50% 40%,#0b1f2955,#05101688);place-items:center;padding:16px;animation:.35s ease-out qp-in;display:grid;position:absolute;inset:0}.catch-shell .qp-end{text-align:center;width:min(460px,100%);max-height:calc(100dvh - 32px);animation:.45s cubic-bezier(.2,1.4,.4,1) qp-pop;position:relative;overflow:auto}.qp-end.is-win h2{color:#ffd166;text-shadow:0 0 24px #ffb45488}.qp-end.is-win{border-color:#ffd16677}@keyframes qp-in{0%{opacity:0}}@keyframes qp-pop{0%{opacity:0;transform:scale(.85)}}.qp-stats{justify-content:center;gap:10px;margin:12px 0;display:flex}.qp-stats span{min-width:78px;color:var(--hud-muted);background:#ffffff0d;border-radius:12px;flex-direction:column;padding:8px;font-size:15px;display:flex}.qp-stats b{color:#fff;font-size:24px}.qp-gains{gap:8px;margin:12px 0;display:grid}.qp-gain{background:#ffffff0d;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:16px;display:flex}.qp-gain small{color:var(--hud-muted);font-size:15px}.qp-gain.is-up{color:#7dffa8}.qp-gain.is-down{color:#ffa08f}.qp-gain.is-tier{color:#ffd166;background:#ffd16622}.qp-gain.is-streak{color:#ffb07a}.qp-unlocks{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.qp-unlock{background:#ffffff14;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;font-size:15px;font-weight:800;display:inline-flex}.qp-unlock i{background:var(--c);border-radius:50%;width:16px;height:16px}.qp-unlock small{font-weight:600}.qp-end .qp-row{justify-content:center}.qp-end .qp-btn{flex:160px;min-height:54px;font-size:18px}.qp-board-meta b{margin-right:auto;font-size:15px}.qp-rules-list{gap:6px;margin:10px 0;padding-left:20px;font-size:16px;display:grid}@media (max-width:600px){.qp-chip{top:max(8px,env(safe-area-inset-top));min-width:150px;padding:6px 12px}.qp-chip-title{font-size:16px}}@media (prefers-reduced-motion:reduce){.qp-warn,.qp-tier.is-champion i,.qp-end,.qp-end-backdrop{animation:none}}[data-touch=true]:not(.catch-tv) .qp-chip{top:calc(max(8px,env(safe-area-inset-top)) + 7px);z-index:30;min-width:0;max-width:none;box-shadow:none;text-align:left;background:0 0;border:0;align-items:flex-start;padding:4px 6px;left:18px;right:112px;transform:none}[data-touch=true]:not(.catch-tv) .qp-chip.is-tdm{justify-content:flex-start}[data-touch=true]:not(.catch-tv) .qp-warn{top:calc(100% + 12px);left:0;transform:none}[data-touch=true]:not(.catch-tv) .qp-waiting{top:calc(max(8px,env(safe-area-inset-top)) + 100px)}