.pp-lobby-card.ui-panel{gap:16px;box-shadow:0 18px 60px #00000080}.pp-lobby-card.ui-panel>*{z-index:1;position:relative}@media (max-width:700px){.pp-lobby-card.ui-panel>.pp-lobby-actions{z-index:3;padding:16px 22px calc(14px + var(--safe-b));background:linear-gradient(#060a1800,#060a18f7 16px);margin:0 -16px -20px;position:sticky;bottom:0}}.lb-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.lb-logo{width:158px;height:39px;image-rendering:pixelated;display:block}.lb-room{align-items:flex-end;gap:18px;display:flex}.lb-code{letter-spacing:.12em;color:var(--text);text-shadow:0 0 22px #7fe3ff59;line-height:1}.lb-qr{width:132px;height:132px;image-rendering:pixelated;border:2px solid var(--line);border-radius:var(--radius);background:#070b1c;flex:none;padding:4px}.pp-lobby-card.big .lb-qr{width:156px;height:156px}.lb-label{margin-bottom:10px}.lb-label:after{content:"";border-top:1px dashed var(--line-soft);flex:1;order:5}.lb-label .fathom-depth{order:3}.pp-shout-head.lb-label:after{order:2}.pp-shout-head.lb-label>:last-child{order:6}.lb-invite{margin-top:10px}.lb-alone{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);align-self:center;font-size:11.5px;animation:2.4s ease-in-out infinite lb-blink}@keyframes lb-blink{0%,to{opacity:.5}50%{opacity:1}}.lb-colour-btn{cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:2px 0;display:inline-flex}.lb-colour-btn:hover .pp-more{color:var(--ice)}.lb-swatches{justify-content:flex-start;margin-top:12px;animation:.2s ease-out pp-fade}.lb-extras{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 18px;display:flex}.lb-extras>.pp-warm{flex:100%}.pp-lobby-card .pp-code.lb-code{font-size:clamp(60px,15vw,104px)}.pp-lobby-card .pp-namechip{background:#070b1c99;box-shadow:0 0 0 1px #7fe3ff24}.pp-lobby-card .pp-namechip.me{box-shadow:0 0 0 1px #ffd1668c}.lb-wins{color:var(--gold);letter-spacing:.08em;opacity:.85;font-size:11px}.lb-rules{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:11.5px;line-height:1.6}.lb-18{color:var(--alert)}.lb-shout-btn{all:unset;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}.lb-shout-btn:hover{color:var(--ice)}.lb-shout-btn:focus-visible{outline:1px solid var(--ice);outline-offset:2px}.pp-lobby-card .pp-shouts button{background:#070b1c80;box-shadow:0 0 0 1px #7fe3ff24}.lb-wait{justify-content:center;align-items:center;gap:12px;padding:8px 0 4px;display:flex}.lb-wait i{background:var(--ice);border-radius:50%;width:9px;height:9px;animation:2s ease-out infinite lb-ping;box-shadow:0 0 #7fe3ff99}@keyframes lb-ping{0%{box-shadow:0 0 #7fe3ff8c}70%,to{box-shadow:0 0 0 12px #7fe3ff00}}@media (max-width:700px){.lb-qr{display:none}.lb-logo{width:126px;height:31.2px}}.lz{z-index:13;pointer-events:none;position:absolute;inset:0;overflow:hidden}.lz-one{opacity:0;pointer-events:auto;cursor:pointer;will-change:transform;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.lz-sprite{will-change:transform;filter:drop-shadow(0 0 10px #7fe3ff2e);display:block}.lz-one.me .lz-sprite{filter:drop-shadow(0 0 12px #ffd1664d)}.lz-name{letter-spacing:.06em;color:#eef1ffd1;text-shadow:0 1px #000,0 0 8px #05060f;white-space:nowrap;margin-top:2px;font-size:12px}.lz-one.me .lz-name{color:var(--gold)}.lz-puff{left:calc(50% + var(--jx,0px));top:var(--jy,38%);z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle,#eef1ffe6,#7fe3ff59 45%,#0000 70%);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.lz-puff.show{animation:.7s ease-out lz-puff}@keyframes lz-puff{0%{opacity:.95;transform:scale(.6)}to{opacity:0;transform:scale(7)}}.lz-word{color:var(--gold);text-shadow:0 0 9px #ffd166b3;opacity:0;pointer-events:none;white-space:nowrap;font-size:14px;position:absolute;top:-16px;left:72%}.lz-word.show{animation:1.1s ease-out lz-word}@keyframes lz-word{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.lz-say{white-space:nowrap;letter-spacing:.06em;color:var(--ice);background:var(--scan), var(--fill-solid);border:1px solid var(--line-hi);border-radius:var(--radius);pointer-events:none;padding:4px 9px 3px;font-size:13px;animation:3.2s cubic-bezier(.2,1.4,.4,1) forwards lz-say;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 0 14px #7fe3ff40}.lz-say:after{content:"";background:var(--fill-solid);border-right:1px solid var(--line-hi);border-bottom:1px solid var(--line-hi);width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-5px;left:50%;transform:rotate(45deg)}.lz-say.spicy{color:var(--alert);border-color:#ff7a6bb3;box-shadow:0 0 14px #ff7a6b4d}.lz-say.spicy:after{border-color:#ff7a6bb3}@keyframes lz-say{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.7)}10%{opacity:1;transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-12px)}}:root[data-lz-port] .lz .lz-one:not(.me) .lz-name{display:none}:root[data-lz-port] .lz-sprite>.av{width:48px!important;height:48px!important}.lz-port{border:var(--bw) solid var(--line);border-radius:var(--radius);background:radial-gradient(120% 60% at 50% 135%,#5fcbe847,#1b5f7a1f 45%,#0000 70%),linear-gradient(#03040b,#070d22 70%,#0a1633);height:132px;margin:-2px 0;display:none;position:relative;overflow:hidden}.lz-port:after{content:"";inset:var(--inset);border:1px dashed var(--line-soft);border-radius:var(--radius-in);pointer-events:none;position:absolute}.lz-port:before,.lz-port i{content:"";pointer-events:none;background-image:radial-gradient(1px 1px at 12px 18px,#eef1ffcc,#0000),radial-gradient(1px 1px at 64px 92px,#eef1ff99,#0000),radial-gradient(1px 1px at 131px 41px,#b5f1ffaa,#0000),radial-gradient(1px 1px at 170px 110px,#eef1ff88,#0000),radial-gradient(1px 1px at 38px 66px,#eef1ff66,#0000),radial-gradient(1.5px 1.5px at 100px 14px,#ffe7a8aa,#0000);background-size:200px 132px;animation:90s linear infinite lz-stars;position:absolute;inset:0 -200px 0 0}.lz-port i{opacity:.55;background-size:140px 90px;animation-duration:160s;display:block}@keyframes lz-stars{to{transform:translate(-200px)}}:root[data-lz-port] .lz-port{display:block}@media (prefers-reduced-motion:reduce){.lz-port:before,.lz-port i,.lb-alone,.lb-wait i{animation:none}}.jn-wrap{z-index:20;padding:88px 16px calc(24px + var(--safe-b));justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.jn-card{flex-direction:column;gap:18px;width:min(460px,100%);padding:22px 22px 24px;animation:.6s cubic-bezier(.2,1.4,.4,1) backwards ds-card-in;display:flex;box-shadow:0 18px 60px #00000080}.jn-card>*{z-index:1;position:relative}.jn-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.jn-code{letter-spacing:.22em;color:var(--ice);text-shadow:var(--text-glow-ice);font-size:30px;line-height:1}.jn-card .pp-swatches{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.jn-card .pp-swatch{width:auto;height:44px}.jn-pick{grid-template-columns:auto 1fr;align-items:end;gap:16px;display:grid}.jn-pick .ui-field{min-width:0}.jn-pick .ds-input{width:100%}.jn-float{padding-bottom:2px;animation:3.4s ease-in-out infinite jn-drift;display:block}.jn-card .ds-begin-btn{width:100%}.jn-watch{align-self:center}.jn-note{color:var(--text-2);font-size:13px;line-height:1.45}@media (max-width:700px){.jn-wrap{align-items:flex-start;padding-top:72px}.jn-card{padding:18px 16px 20px}}.jn-boot{background:radial-gradient(120% 80% at 50% 120%,#0a1633,#05060f 70%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.jn-boot-card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);padding:28px 22px 26px;display:flex}.jn-boot-card>*{z-index:1;position:relative}.jn-boot-mark{width:64px;height:64px;image-rendering:pixelated}.jn-boot-mark.spin{animation:3.2s ease-in-out infinite jn-drift}@keyframes jn-drift{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-6px)rotate(4deg)}}.jn-boot-title{letter-spacing:.2em;text-transform:uppercase;color:var(--text);font-size:22px}.jn-boot-msg{color:var(--text-2);font-size:13.5px;line-height:1.5}.jn-boot-label{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--dim);font-size:12px}.hs-wrap{z-index:20;padding:24px 16px 0;position:absolute;inset:0;overflow-y:auto}.hs-page{flex-direction:column;gap:16px;width:min(760px,100%);margin:0 auto;display:flex}.hs-top{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:4px 56px 4px 2px;display:flex}.hs-back{gap:7px;text-decoration:none}.hs-back .ui-icon{width:16px;height:16px}.hs-title{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--dim);font-size:12px}.hs-panel{padding:18px 20px 20px}.hs-panel>*{z-index:1;position:relative}.hs-you{grid-template-columns:auto 1fr;align-items:end;gap:12px 18px;display:grid}.hs-you .ui-field{min-width:0}.hs-you .ds-input{width:100%}.hs-you .ds-input.bad{border-color:#ff7a6bcc}.hs-you .pp-swatches{grid-column:1/-1;grid-template-columns:repeat(12,1fr);gap:6px;display:grid}.hs-you .pp-swatch{width:auto;height:40px}.hs-opts{border-top:1px dashed var(--line-soft);margin-top:18px;padding-top:18px}.hs-you .pp-swatch,.jn-card .pp-swatch{box-shadow:none;background:0 0;border-radius:3px}.hs-you .pp-swatch:hover,.jn-card .pp-swatch:hover:not(:disabled){background:#7fe3ff0f}.hs-you .pp-swatch.on,.jn-card .pp-swatch.on{box-shadow:0 0 0 1px var(--ice);background:#7fe3ff14}.hs-go{padding:18px 0 calc(16px + var(--safe-b));z-index:3;background:linear-gradient(#05060f00,#05060f 16px);position:sticky;bottom:0}.hs-go .ds-begin-btn{width:100%}@media (min-width:701px) and (min-height:760px){.hs-go{background:0 0}}.hs-err{color:var(--alert);letter-spacing:.06em;text-align:center;margin-bottom:8px;font-size:13px}@media (max-width:700px){.hs-wrap{padding-top:10px}.hs-panel{padding:16px 14px 18px}.hs-you .pp-swatches{grid-template-columns:repeat(6,1fr);gap:8px}.hs-you .pp-swatch{height:44px}}.ui-iconbtn.pl-corner.lb-top{top:calc(12px + var(--safe-t));right:12px}.pp-steps{min-width:0}.pp-steps .pp-cells{flex-wrap:nowrap;flex:auto;gap:4px;min-width:0}.pp-steps .pp-cells i{flex:1 1 0;min-width:5px;max-width:12px}.pp-judge-btns button span{letter-spacing:.1em;font-size:12px}.pp-judge-yn button span:not(.pp-missdot){letter-spacing:.14em;font-size:14px}.pp-judge-pad .pp-judge-btns button{justify-content:center;gap:8px;min-height:92px}.pp-rate-btns button{font-size:10.5px}@media (max-width:520px){.pp-judge-btns button span{letter-spacing:.04em;font-size:11px}.pp-rate-btns button{letter-spacing:.02em;font-size:10px}}.lb-mlogo{width:105px;height:26px;image-rendering:pixelated;margin-bottom:6px;display:block}.pp-mx .ui-icon{image-rendering:pixelated;display:block}.pp-mx{place-items:center;display:grid}.pp-rate-wrap{padding-top:calc(122px + var(--safe-t))}.pp-rate-wrap .pp-rate{max-height:calc(100dvh / var(--uiz,1) - 140px - var(--safe-t))}@media (min-width:700px){.pp-rate-wrap{padding-top:calc(142px + var(--safe-t))}.pp-rate-wrap .pp-rate{max-height:calc(100dvh / var(--uiz,1) - 160px - var(--safe-t))}}@media (min-width:1000px){.pp-rate-wrap{padding-top:calc(100px + var(--safe-t))}.pp-rate-wrap .pp-rate{max-height:calc(100dvh / var(--uiz,1) - 118px - var(--safe-t))}}.lz-port.crowd{height:176px}.opts-grid .orow>div{min-width:0}.pp-hostnote{border-radius:var(--radius);margin:0 auto;left:0;right:0;transform:none}.pp-hostnote.away{color:var(--alert);background:var(--scan), var(--fill-solid);box-shadow:none;border:2px solid #ff7a6b8c}@media (max-width:700px){.pp-hostnote{max-width:calc(100vw - 124px);top:calc(70px + var(--safe-t))}}.pp-hostnote.ctl{top:calc(10px + var(--safe-t));width:auto;max-width:none;margin:0;left:12px;right:110px}.pp-bcast{border-radius:var(--radius);background:var(--scan), var(--fill-solid);border:2px solid #ffd16680;margin:0 auto;animation:.45s cubic-bezier(.2,1.4,.4,1) lb-drop;left:0;right:0;transform:none;box-shadow:0 12px 30px #0009,0 0 22px #ffd16626}.pp-bcast:after{content:"";inset:var(--inset);border-radius:var(--radius-in);pointer-events:none;border:1px dashed #ffd16633;position:absolute}.pp-bcast .who{letter-spacing:var(--track-label)}@media (max-width:700px){.pp-bcast{top:calc(118px + var(--safe-t))}}@keyframes lb-drop{0%{opacity:0;transform:translateY(-14px)}}@media (pointer:coarse){.lb-shout-btn,.lb-colour-btn,.zg-btn{position:relative}.lb-shout-btn:before,.lb-colour-btn:before,.zg-btn:before{content:"";position:absolute}.lb-shout-btn:before{inset:-15px -10px}.lb-colour-btn:before{inset:-7px -4px}.zg-btn:before{inset:-11px -4px}.zg-btn:active{background:#7fe3ff33}.hs-you .pp-swatch,.jn-card .pp-swatch{height:44px}}@media (orientation:landscape) and (max-height:519px){.ui-iconbtn.pl-corner.lb-top{right:calc(12px + var(--safe-r))}}.jn-wrap{align-items:flex-start}.jn-card{margin:auto 0}@media (orientation:landscape) and (max-height:519px){.jn-wrap,div.pp-lobby-wrap{padding-top:calc(14px + var(--safe-t))}}