.sp{min-height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding:0 16px calc(16px + env(safe-area-inset-bottom))}.sp-join{justify-content:center;gap:28px;padding-top:64px}.sp-join h1{font-family:var(--s-cond);font-weight:900;font-size:3.4rem;line-height:.88;text-transform:uppercase}.sp-join h1 em{font-style:normal;color:var(--accent)}.sp-field{display:flex;flex-direction:column;gap:8px}.sp-field input{width:100%;padding:14px 16px;background:none;border:2px solid var(--border2);border-radius:3px;color:var(--text);font:inherit;font-size:1.1rem;outline:none}.sp-field input:focus{border-color:var(--text)}.sp-field input.sp-code-input{font-family:var(--s-mono);font-size:1.8rem;font-weight:600;letter-spacing:.35em;text-align:center;text-transform:uppercase}.sp-error{color:var(--danger);font-size:.9rem}.sp-head{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 0 14px;border-bottom:1px solid var(--border)}.sp-av{display:grid;place-items:center;width:38px;height:38px;border-radius:3px;background:hsl(var(--h) 70% 60%);color:#111;font-family:var(--s-cond);font-weight:900;font-size:1.2rem}.sp-name{font-weight:700}.sp-salon{font-family:var(--s-mono);font-size:.7rem;color:var(--mid)}.sp-score{margin-left:auto;text-align:right;font-family:var(--s-mono);font-weight:600;font-size:1.4rem}.sp-score small{display:block;font-size:.62rem;font-weight:400;color:var(--mid)}.sp-body{flex:1;display:flex;flex-direction:column;gap:18px;padding-top:22px}.sp-center{margin:auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.sp-center p{color:var(--mid)}.sp-big{font-family:var(--s-cond);font-weight:900;font-size:2.2rem;line-height:1;text-transform:uppercase}.sp-timer-row{display:flex;align-items:baseline;justify-content:space-between}.sp-timer{font-family:var(--s-cond);font-weight:900;font-size:4.2rem;line-height:.85;font-variant-numeric:tabular-nums}.sp-timer.warn{color:var(--warn)}.sp-timer.danger{color:var(--danger)}.sp-bar{height:4px;background:var(--surface2)}.sp-bar i{display:block;height:100%;background:var(--accent);transition:width 1s linear}.sp-chips{display:flex;flex-wrap:wrap;gap:6px}.sp-chip{padding:6px 12px;border:1px solid var(--border2);border-radius:2px;font-size:.85rem;color:var(--mid)}.sp-chip.found{background:var(--success);border-color:var(--success);color:#000;font-weight:700}.sp-guess{display:flex;gap:8px}.sp-guess input{flex:1;min-width:0;padding:15px 16px;background:none;border:2px solid var(--border2);border-radius:3px;color:var(--text);font:inherit;font-size:1.05rem;outline:none}.sp-guess input:focus{border-color:var(--text)}.sp-guess .sx-btn{padding:0 18px}.sp-done{padding:22px;border:2px solid var(--success);border-radius:3px;text-align:center}.sp-done .sp-big{color:var(--success)}.sp-done p{margin-top:6px;color:var(--mid)}.sp-locked{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--mid);font-size:.9rem}.sp-rank{margin-top:auto;text-align:center;font-size:.9rem;color:var(--mid)}.sp-rank b{font-family:var(--s-mono);color:var(--text)}