:root{--fjord: #0b1622;--fjord-elev: #16232f;--fjord-elev-2: #1e2f3d;--border: #2b3d4e;--frost: #e9f0f7;--stone: #8ca0b3;--blood: #c1352e;--blood-bright: #e0473f;--gold: #e4b34a;--gold-soft: #f0c974;--good: #46b98a;--special: #a78bfa;--ice: #5ec8e0;--ice-deep: #2f9fc4;--radius: 12px;--radius-lg: 18px;--shadow: 0 10px 34px rgba(0, 0, 0, .45);--font-display: "Oswald", "Arial Narrow", system-ui, sans-serif;--font-jersey: "Anton", "Oswald", Impact, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--fjord)}body{color:var(--frost);font-family:var(--font-body);min-height:100dvh;-webkit-font-smoothing:antialiased;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 520px at 50% -12%,#1a2c3f,#1a2c3f00 62%),linear-gradient(180deg,#0d1a27 0%,var(--fjord) 55%)}h1,h2,h3,.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-weight:600;line-height:1.05;margin:0 0 .4em}h1{font-size:2rem;letter-spacing:.02em}.jersey{font-family:var(--font-jersey);font-weight:400;letter-spacing:.01em;font-variant-numeric:tabular-nums;line-height:.9}a{color:var(--gold);text-decoration:none}.app{max-width:560px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(104px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));min-height:100dvh}.app:before,.app:after{content:"";position:fixed;left:0;right:0;z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateZ(0);will-change:transform}.app:before{top:0;height:calc(env(safe-area-inset-top)*1.7);background:linear-gradient(to bottom,#0d1a27 40%,#0d1a2700);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}.app:after{bottom:0;height:calc(env(safe-area-inset-bottom)*1.8);background:linear-gradient(to top,var(--fjord) 40%,rgba(11,22,34,0));-webkit-mask-image:linear-gradient(to top,#000 55%,transparent);mask-image:linear-gradient(to top,#000 55%,transparent)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 16px}.brand{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:1rem;font-weight:600;color:var(--gold)}.close-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--fjord-elev);color:var(--stone);font-size:1rem;line-height:1;flex-shrink:0;transition:color .15s,border-color .15s}.close-btn:hover{color:var(--frost);border-color:var(--gold)}.rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5;margin:14px 0}.card{position:relative;background:linear-gradient(180deg,var(--fjord-elev),#12202c);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.muted{color:var(--stone)}.small{font-size:.85rem}.center{text-align:center}label{display:block;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:var(--stone);margin:14px 0 6px}input[type=text],input[type=password],input[type=number],select{width:100%;padding:12px 14px;font-size:1rem;background:#0e1b27;border:1px solid var(--border);border-radius:10px;color:var(--frost);font-family:var(--font-body)}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #0e1b27 inset;box-shadow:0 0 0 1000px #0e1b27 inset;-webkit-text-fill-color:var(--frost);caret-color:var(--frost)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;font-size:1rem;font-weight:600;border-radius:11px;border:1px solid var(--border);background:var(--fjord-elev-2);color:var(--frost);cursor:pointer;width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;transition:transform .05s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(255,255,255,.5),rgba(255,255,255,.08) 22%,transparent 44%),linear-gradient(180deg,rgba(255,255,255,.32),transparent 32%),linear-gradient(180deg,#96e2f47a,#42b0d47a);-webkit-backdrop-filter:blur(7px) saturate(155%);backdrop-filter:blur(7px) saturate(155%);color:#f3fbff;font-size:1.1rem;letter-spacing:.06em;box-shadow:0 8px 22px #2f9fc452,inset 0 1px #ffffffd9,inset 0 -14px 24px #78cdeb38;transition:transform .18s ease,box-shadow .25s ease,filter .25s ease,border-color .25s ease}.btn-primary:after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55) 50%,transparent);transform:translate(-220%) skew(-18deg);pointer-events:none}@media(hover:hover){.btn-primary:hover{transform:translateY(-2px);border-color:#beebffb3;box-shadow:0 14px 34px #2f9fc480,inset 0 1px #fffffff2,inset 0 -14px 26px #96def559;filter:saturate(1.12) brightness(1.06)}.btn-primary:hover:after{transform:translate(320%) skew(-18deg);transition:transform .85s cubic-bezier(.22,.61,.36,1)}.btn-primary:active{transform:translateY(0)}}.btn-primary.is-gleaming:after{animation:ice-gleam .7s cubic-bezier(.22,.61,.36,1)}@keyframes ice-gleam{0%{transform:translate(-220%) skew(-18deg)}to{transform:translate(320%) skew(-18deg)}}.btn-gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#2a1e05;border-color:transparent;box-shadow:0 6px 18px #e4b34a47}.btn-ghost{background:transparent}.btn-sm{width:auto;padding:8px 12px;font-size:.85rem;letter-spacing:.03em}.btn-danger{color:var(--blood-bright)}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:25;padding:14px max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(11,22,34,0),var(--fjord) 42%);display:flex;justify-content:center;pointer-events:none}.actionbar>*{pointer-events:auto;max-width:560px;width:100%}.avatar{width:44px;height:44px;flex:none;display:inline-block}.avatar-lg{width:64px;height:64px}.avatar-xl{width:92px;height:92px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid-avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.list-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--fjord-elev-2);border:1px solid var(--border);margin-bottom:8px;width:100%;color:var(--frost);cursor:pointer;font-size:1rem;text-align:left;font-family:var(--font-body)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;background:#0e1b27;border:1px solid var(--border);color:var(--stone)}.pill-guest{color:var(--gold);border-color:#e4b34a80}.pill-note{color:var(--blood-bright);border-color:#e0473f80}.hero{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 80% 0%,rgba(228,179,74,.12),transparent 60%),linear-gradient(180deg,var(--fjord-elev),#12202c);border:1px solid rgba(228,179,74,.35)}.hero-eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--gold)}.hero-name{font-family:var(--font-jersey);font-size:2.6rem;line-height:.92;margin:4px 0}.hero-score{font-family:var(--font-jersey);font-size:3.2rem;line-height:.9;color:var(--gold)}.banner-live{background:linear-gradient(90deg,rgba(193,53,46,.22),transparent);border:1px solid rgba(224,71,63,.55);border-radius:var(--radius);padding:13px 15px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dot-live{width:9px;height:9px;border-radius:50%;background:var(--blood-bright);display:inline-block;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #e0473f99}to{box-shadow:0 0 0 12px #e0473f00}}table.score{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}table.score th{font-family:var(--font-display);text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;color:var(--stone);font-weight:600}table.score th,table.score td{padding:9px 6px;border-bottom:1px solid var(--border);text-align:center}table.score th:first-child,table.score td:first-child{text-align:left}.total-cell{font-family:var(--font-jersey);font-size:1.25rem;color:var(--gold)}.error{color:var(--blood-bright);font-size:.9rem;margin-top:8px}.notice{background:#e4b34a1f;border:1px solid rgba(228,179,74,.5);color:var(--gold-soft);border-radius:10px;padding:10px 12px;font-size:.9rem;margin:8px 0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}