:root{--bg:#0b1020;--bg-soft:#121933;--card:#18203f;--card-2:#1f294e;--line:#2b3766;--text:#eef1ff;--muted:#9aa6d6;--primary:#6366f1;--primary-2:#818cf8;--accent:#22d3ee;--gold:#fbbf24;--danger:#f43f5e;--radius:18px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 700px at 80% -10%, #1b2550 0%, transparent 55%), radial-gradient(900px 600px at -10% 110%, #16204a 0%, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Pretendard,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.wrap{max-width:1080px;margin:0 auto;padding:28px 20px 64px}.center{place-items:center;min-height:100dvh;padding:24px;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;display:flex}.brand .dot{background:radial-gradient(circle at 30% 30%, #fff, var(--accent) 60%, #0891b2);border-radius:50%;width:14px;height:14px;box-shadow:0 0 18px #22d3eeb3}.card{background:linear-gradient(180deg, var(--card) 0%, var(--bg-soft) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 24px 60px #00000059}h1{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(28px,4vw,44px);line-height:1.1}.muted{color:var(--muted)}.btn{color:#fff;background:linear-gradient(180deg, var(--primary-2), var(--primary));border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:16px;font-weight:700;transition:transform 80ms,filter .15s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.lg{border-radius:16px;padding:18px 28px;font-size:18px}.btn.ghost{border-color:var(--line);color:var(--text);background:0 0}.btn.danger{background:linear-gradient(180deg, #fb7185, var(--danger))}.btn.gold{background:linear-gradient(180deg, #fcd34d, var(--gold));color:#3a2a05}.input{border:1px solid var(--line);width:100%;color:var(--text);background:#0e1530;border-radius:14px;outline:none;padding:16px;font-size:18px}.input:focus{border-color:var(--primary-2);box-shadow:0 0 0 3px #6366f140}.row{flex-wrap:wrap;gap:12px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.host-grid{grid-template-columns:340px 1fr;align-items:start;gap:22px;display:grid}@media (max-width:820px){.host-grid{grid-template-columns:1fr}}.qr-box{background:#fff;border-radius:16px;place-items:center;padding:16px;display:grid}.qr-box img{width:100%;height:auto;display:block}.code{font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;color:var(--accent);padding-left:.35em;font-size:clamp(30px,5vw,44px);font-weight:800}.players{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.chip{background:var(--card-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;animation:.25s pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.marble{border-radius:50%;flex:none;width:18px;height:18px;box-shadow:inset -3px -3px 5px #00000059,inset 3px 3px 5px #ffffff73}.name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.count-pill{background:var(--card-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:inline-flex}.map-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.map-chip{border:1px solid var(--line);background:var(--card-2);color:var(--muted);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .12s}.map-chip:hover{color:var(--text)}.map-chip.active{background:linear-gradient(180deg, var(--primary-2), var(--primary));color:#fff;border-color:#0000}.stage{border:1px solid var(--line);background:radial-gradient(600px 300px at 50% 0,#1c2a5e,#0000),#0c1230;border-radius:16px;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.dropping{gap:14px;display:flex}.dropping .marble{width:26px;height:26px;animation:1.1s ease-in-out infinite drop}.dropping .marble:nth-child(2){animation-delay:.15s}.dropping .marble:nth-child(3){animation-delay:.3s}.dropping .marble:nth-child(4){animation-delay:.45s}.dropping .marble:nth-child(5){animation-delay:.6s}@keyframes drop{0%{transform:translateY(-90px)}50%{transform:translateY(90px)}to{transform:translateY(-90px)}}.winner{text-align:center;animation:.4s pop}.winner .crown{font-size:56px}.winner .who{letter-spacing:-.03em;background:linear-gradient(180deg, #fff, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,7vw,64px);font-weight:900}.divider{background:var(--line);border:0;height:1px;margin:18px 0}.small{font-size:14px}.banner{border-radius:12px;padding:12px 14px;font-weight:600}.banner.ok{color:#86efac;background:#22c55e1f;border:1px solid #22c55e66}.banner.err{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e66}