.pj-main{display:flex;flex:1;flex-direction:column;align-items:center;padding-block:1.5rem 3rem}@media (min-width:640px){.pj-main{justify-content:center;padding-block:3rem 4rem}}.pj-panel{position:relative;overflow:hidden;width:100%;max-width:26rem;padding:1.75rem 1.25rem 1.5rem;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--ink-raised) 94%,transparent);box-shadow:0 30px 80px -32px rgb(0 0 0/.8)}.pj-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--opt-a) 0 16.66%,var(--opt-b) 0 33.33%,var(--opt-c) 0 50%,var(--opt-d) 0 66.66%,var(--opt-e) 0 83.33%,var(--opt-f) 0)}.pj-title{font-family:var(--font-display);font-weight:500;font-size:1.5rem;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.pj-lead{margin-top:.6rem;color:var(--text-muted)}.pj-form{display:grid;gap:1.1rem;margin-top:1.5rem}.pj-code{min-height:4rem;font-family:var(--font-display);font-size:1.85rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.32em;padding-left:calc(1rem + .32em);text-align:center}.pj-code::placeholder{color:var(--line-strong)}.pj-err-icon{flex:none;width:1.1rem;height:1.1rem;margin-top:.1rem;color:var(--bad)}.pj-submit{width:100%;min-height:3.5rem;font-size:1.0625rem}.p-root{position:fixed;inset:0;z-index:60;display:grid;grid-template-rows:auto minmax(0,1fr);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden;background:radial-gradient(90vw 40vh at 100% -5%,color-mix(in srgb,var(--stain-hematoxylin) 28%,transparent),transparent 70%),var(--ink);color:var(--text);font-family:var(--font-body);line-height:1.4;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.p-root :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.p-top{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:0 .25rem 0 1rem;border-bottom:1px solid var(--line)}.p-top-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.p-top-score-n{font-family:var(--font-display);font-weight:500;font-size:1.125rem;font-variant-numeric:tabular-nums}.p-banner-slot{position:absolute;top:calc(env(safe-area-inset-top) + .4rem);left:0;right:0;z-index:5;display:flex;justify-content:center;pointer-events:none}.p-banner{display:inline-flex;align-items:center;gap:.55rem;max-width:calc(100% - 1.5rem);padding:.55rem 1rem;border-radius:999px;background:var(--bad);color:var(--accent-ink);font-weight:800;font-size:.9375rem;box-shadow:0 10px 30px -10px rgb(0 0 0/.8)}.p-main{position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:1rem 1rem 1.25rem}.p-status{margin:auto;max-width:22rem;display:grid;justify-items:center;gap:.9rem;text-align:center}.p-status-title{font-family:var(--font-display);font-weight:500;font-size:1.375rem;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.p-status-body{color:var(--text-muted)}.p-status-spinner{width:1.75rem;height:1.75rem;color:var(--accent)}.p-lobby{margin:auto 0;display:grid;gap:.75rem;padding-block:1rem}.p-lobby-title{color:var(--accent);font-weight:800;font-size:1.0625rem}.p-lobby-name{font-family:var(--font-display);font-weight:500;font-size:clamp(1.75rem,9vw,2.75rem);line-height:1.1;letter-spacing:-.02em;overflow-wrap:anywhere}.p-lobby-wait{display:flex;align-items:center;gap:.6rem;margin-top:.75rem;font-weight:700}.p-pulse{flex:none;width:.65rem;height:.65rem;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:p-pulse 1.8s ease-out infinite}@keyframes p-pulse{to{box-shadow:0 0 0 .7rem transparent}}.p-lobby-count,.p-lobby-hint{color:var(--text-muted)}.p-q{flex:1;display:flex;flex-direction:column;gap:.9rem}.p-timer{display:flex;align-items:center;gap:.75rem}.p-timer-scale{flex:1;display:flex;align-items:flex-end;justify-content:space-between;height:1.1rem}.p-tick{width:2px;height:55%;border-radius:1px;background:var(--accent);transition:background-color .2s linear}.p-tick[data-major=true]{height:100%}.p-tick[data-off=true]{background:var(--line-strong)}.p-timer[data-urgent=true] .p-tick:not([data-off=true]){background:var(--bad)}.p-timer-sec{min-width:2ch;font-family:var(--font-display);font-weight:500;font-size:1.375rem;line-height:1;font-variant-numeric:tabular-nums;text-align:right}.p-timer[data-urgent=true] .p-timer-sec{color:var(--bad)}.p-q-head{display:grid;gap:.35rem}.p-q-progress{color:var(--text-faint);font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums}.p-q-text{font-size:1.125rem;font-weight:700;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}.p-q-flag{color:var(--accent);font-size:.9375rem;font-weight:700}.p-pad{margin-top:auto;display:grid;gap:.75rem}.p-opts{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;list-style:none}.p-opts[data-layout=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}.p-opt,.p-opts>li{display:flex}.p-opt{--c:var(--opt-a);position:relative;flex:1;align-items:center;gap:.65rem;min-height:3.5rem;padding:.6rem .85rem;border:0;border-radius:var(--radius-md);background:var(--c);color:var(--opt-ink);font:inherit;font-weight:800;font-size:1.0625rem;line-height:1.25;text-align:left;cursor:pointer;user-select:none;-webkit-user-select:none;box-shadow:inset 0 -4px 0 rgb(6 10 20/.22);transition:opacity .2s ease,transform .12s ease}.p-opt:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -2px 0 rgb(6 10 20/.22)}.p-opts[data-layout=grid] .p-opt{flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:6.25rem}.p-opts[data-layout=grid][data-count="2"] .p-opt{min-height:8.5rem}.p-opt[data-key=b]{--c:var(--opt-b)}.p-opt[data-key=c]{--c:var(--opt-c)}.p-opt[data-key=d]{--c:var(--opt-d)}.p-opt[data-key=e]{--c:var(--opt-e)}.p-opt[data-key=f]{--c:var(--opt-f)}.p-opt-badge{display:inline-flex;align-items:center;gap:.3rem;flex:none;font-size:.95em}.p-opt-badge .opt-shape{width:1.3em;height:1.3em}.p-opt-text{flex:1;min-width:0;overflow-wrap:anywhere}.p-opts[data-layout=grid] .p-opt-text{flex:none}.p-opt-sel{position:absolute;top:.5rem;right:.5rem;width:1.6rem;height:1.6rem;color:var(--opt-ink)}.p-opts:not([data-layout=grid]) .p-opt[data-on=true]{padding-right:2.75rem}.p-opts:not([data-layout=grid]) .p-opt-sel{top:50%;transform:translateY(-50%)}.p-opt[data-on=true]{box-shadow:inset 0 0 0 4px var(--opt-ink)}.p-opt:disabled{cursor:default}.p-opts[data-locked=true] .p-opt:not([data-on=true]){opacity:.3}.p-multi{display:flex;align-items:center;gap:.75rem}.p-multi-count{flex:1;color:var(--text-muted);font-size:.9375rem;font-weight:700}.p-multi-submit{min-width:9rem;min-height:3.5rem}.p-q-note{min-height:3rem}.p-note{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .9rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--ink-raised);font-size:.9375rem}.p-note strong{font-weight:800}.p-note-icon{flex:none;width:1.25rem;height:1.25rem;margin-top:.05rem}.p-note[data-tone=ok] .p-note-icon{color:var(--accent)}.p-note[data-tone=muted]{color:var(--text-muted)}.p-note[data-tone=bad]{border-color:color-mix(in srgb,var(--bad) 55%,transparent)}.p-note[data-tone=bad] .p-note-icon{color:var(--bad)}.p-reveal{--tone:var(--line-strong);--tone-ink:var(--text);flex:1;margin:-1rem -1rem -1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2rem 1.25rem;background:radial-gradient(120% 70% at 50% 0,rgb(255 255 255/.18),transparent 60%),var(--tone);color:var(--tone-ink);text-align:center;animation:p-flood .42s cubic-bezier(.2,.7,.2,1) both}.p-reveal[data-tone=ok]{--tone:var(--ok);--tone-ink:var(--accent-ink)}.p-reveal[data-tone=bad]{--tone:var(--bad);--tone-ink:var(--accent-ink)}.p-reveal[data-tone=none]{background:var(--ink-raised)}@keyframes p-flood{0%{clip-path:circle(0 at 50% 40%)}to{clip-path:circle(150% at 50% 40%)}}.p-reveal-mark{display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:50%;border:3px solid}.p-reveal-mark svg{width:3rem;height:3rem;stroke-width:2.6}.p-reveal-title{font-family:var(--font-display);font-weight:600;font-size:2.25rem;line-height:1.1;letter-spacing:-.02em}.p-reveal-points{display:flex;align-items:baseline;gap:.4rem}.p-reveal-points-n{font-family:var(--font-display);font-weight:600;font-size:3.25rem;line-height:1;font-variant-numeric:tabular-nums}.p-reveal-points-label{font-weight:800}.p-reveal-streak{padding:.35rem .9rem;border-radius:999px;background:var(--accent-ink);color:var(--tone);font-weight:800}.p-reveal-body{max-width:20rem;color:var(--text-muted)}.p-reveal-rank{margin-top:.5rem;font-weight:800;font-size:1.125rem}.p-standing{margin:auto;display:grid;justify-items:center;gap:.4rem;text-align:center}.p-standing-label{color:var(--text-muted);font-weight:700}.p-standing-rank{font-family:var(--font-display);font-weight:500;font-size:5.5rem;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.p-standing-score{font-weight:800;font-size:1.25rem}.p-standing-last{color:var(--accent);font-weight:700}.p-final{--medal:var(--line-strong);position:relative;margin:auto;display:grid;justify-items:center;gap:.6rem;width:100%;max-width:24rem;padding-block:1rem;text-align:center}.p-final[data-medal=gold]{--medal:#f7d038}.p-final[data-medal=silver]{--medal:#c9d3e6}.p-final[data-medal=bronze]{--medal:#e09a5b}.p-final-label{color:var(--text-muted);font-weight:700}.p-final-medal{display:grid;place-items:center;width:9rem;height:9rem;margin-block:.5rem;border-radius:50%;border:2px solid var(--line-strong);background:var(--ink-raised)}.p-final[data-medal] .p-final-medal{border:0;background:radial-gradient(circle at 35% 30%,rgb(255 255 255/.55),transparent 45%),var(--medal);color:var(--accent-ink);box-shadow:0 0 0 6px var(--ink),0 0 0 8px var(--medal),0 24px 60px -18px var(--medal);animation:p-medal .7s cubic-bezier(.2,.9,.3,1.3) both}@keyframes p-medal{0%{transform:scale(.4) rotate(-20deg);opacity:0}}.p-final-rank{font-family:var(--font-display);font-weight:600;font-size:3.75rem;line-height:1;font-variant-numeric:tabular-nums}.p-final-title{font-family:var(--font-display);font-weight:500;font-size:1.625rem;line-height:1.15;letter-spacing:-.02em}.p-final-score{font-weight:800;font-size:1.25rem}.p-final-over,.p-final-thanks{color:var(--text-muted)}.p-final .btn{margin-top:.75rem}.p-confetti{position:absolute;inset:-2rem 0 auto;height:0;pointer-events:none}.p-confetti:after,.p-confetti:before{content:"";position:absolute;top:0;left:50%;width:.5rem;height:.8rem;border-radius:1px;background:#f7d038;box-shadow:-9rem 1rem 0 #ff5c7a,-6.5rem -.5rem 0 #4d8dff,-4rem 2rem 0 #2fd08a,-1.5rem -1rem 0 #b18cff,1.5rem 1.5rem 0 #ff8a3d,4rem -.5rem 0 #ff5c7a,6.5rem 1.5rem 0 #2fd08a,9rem 0 0 #4d8dff;animation:p-fall 2.4s cubic-bezier(.3,.6,.4,1) both}.p-confetti:after{background:#b18cff;transform:rotate(35deg);animation-delay:.25s;animation-duration:2.8s}@keyframes p-fall{0%{transform:translateY(-3rem) rotate(0deg);opacity:1}to{transform:translateY(26rem) rotate(260deg);opacity:0}}@media (prefers-reduced-motion:reduce){.p-final[data-medal] .p-final-medal,.p-pulse,.p-reveal{animation:none}.p-confetti{display:none}.p-opt,.p-tick{transition:none}}@media (min-width:640px){.p-main>*{width:100%;max-width:34rem;margin-inline:auto}.p-reveal{width:auto;max-width:none;margin:-1rem -1rem -1.25rem}}