.phone{max-width:520px;margin:0 auto;min-height:100vh;padding:12px;display:flex;flex-direction:column;gap:12px}.p-main{flex:1}.p-header{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);border-radius:14px;padding:10px 14px;font-weight:800}.ph-code{color:var(--muted)}.ph-team{padding:4px 12px;border-radius:999px;background:var(--team, #333);color:#fff}.ph-score{font-variant-numeric:tabular-nums;color:var(--gold)}.join-card{background:var(--panel);border-radius:20px;padding:24px;box-shadow:var(--shadow);text-align:center;margin-top:20px}.name-input,.code-input,.num-input{width:100%;padding:16px;border-radius:14px;border:2px solid #39407f;background:#0f1436;color:var(--ink);font-size:1.3rem;text-align:center;font-family:inherit;margin:10px 0}.code-input{letter-spacing:.3em;text-transform:uppercase}.team-pick{display:flex;gap:10px}.team-pick.small{max-width:320px;margin:0 auto}.team-btn{flex:1;border:3px solid transparent;border-radius:16px;padding:18px;font-weight:900;font-size:1.1rem;color:#fff;background:var(--team, #333);opacity:.55}.team-btn.sel{opacity:1;border-color:#fff;transform:scale(1.02)}.host-strip{background:#12173d;border:2px solid #2c3470;border-radius:16px;padding:12px}.hs-title{font-weight:900;color:var(--gold);margin-bottom:8px}.hs-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.hs-mode{background:var(--panel);border:2px solid #39407f;color:var(--ink);border-radius:12px;padding:10px 4px;font-size:.8rem;font-weight:800}.hs-mode.active{border-color:var(--gold);color:var(--gold)}.hs-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hs-flow button{margin:0;padding:12px 4px;font-size:.85rem}.act{display:flex;flex-direction:column;gap:10px;padding-top:8px}.q-mini{color:var(--muted);font-weight:700;text-align:center}.claim{margin-bottom:8px}.buzzer{width:100%;aspect-ratio:1 / 1;max-height:60vh;border:none;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff7a89,var(--teamA-d));color:#fff;font-size:3rem;font-weight:900;box-shadow:0 12px 40px #c627408c}.buzzer:active{transform:scale(.96)}.secret-word{font-size:2.4rem;font-weight:900;text-align:center;color:var(--gold);background:var(--panel);border-radius:16px;padding:24px;margin:10px 0}.report-row{display:flex;gap:10px}.report-row button{margin:0}.pick-panel{display:flex;flex-direction:column;gap:10px}.pick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pick-chip{background:var(--panel);border:2px solid #39407f;color:var(--ink);border-radius:12px;padding:14px 6px;font-weight:800;font-size:1rem}.pick-chip.sel{border-color:var(--gold);color:var(--gold);background:#2a2f5e}.bid-mini{text-align:center;font-weight:800;color:var(--muted)}