@font-face{font-family:Anton;src:url(/fonts/anton-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/barlow-semi-condensed-500.woff2) format("woff2");font-weight:500;font-display:block}@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/barlow-semi-condensed-600.woff2) format("woff2");font-weight:600;font-display:block}@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/barlow-semi-condensed-700.woff2) format("woff2");font-weight:700;font-display:block}:root{--ink-900: #12171A;--ink-850: #171E21;--ink-800: #1C2529;--ink-700: #232E33;--ink-600: #2C383E;--ink-500: #3B4A51;--gold-100: #F4E7B8;--gold-200: #EBD777;--gold-400: #C9A362;--gold-600: #9D6A4C;--champagne: #DBC29B;--gold-band: linear-gradient(97deg, var(--gold-200) 0%, var(--gold-400) 46%, var(--gold-600) 100%);--text-bright: #EAF3F7;--text: #C8D9DF;--text-dim: #84969E;--text-faint: #5B6C74;--green: #5FB56E;--alert: #E0574A;--slant: -22deg;--stroke: 2px;--overhang: 28px;--grain: url(/img/grain.svg);--specks: url(/img/specks.svg);--font-display: "Anton", "Arial Narrow", Impact, sans-serif;--font-ui: "Barlow Semi Condensed", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--ink-900)}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%,rgba(201,163,98,.09),transparent 70%),var(--ink-900);color:var(--text);font-family:var(--font-ui);font-weight:500;font-size:16px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:.03em;text-transform:uppercase;margin:0;color:var(--text-bright)}.input{width:100%;min-height:46px;padding:0 12px;background:var(--ink-800);border:1px solid rgba(219,194,155,.22);color:var(--text-bright);font-family:var(--font-ui);font-size:16px;font-weight:600}.input:focus-visible{outline:2px solid var(--gold-400);outline-offset:1px}.input--num{width:74px;text-align:center;font-family:var(--font-display);font-size:22px;padding:0 4px}.field{display:block}.field__label{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.btn{min-height:46px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink-700);color:var(--text-bright);border:1px solid rgba(219,194,155,.24);font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform 90ms ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--ink-600);border-color:#dbc29b73}.btn:active{transform:translateY(1px)}.btn:disabled,.pcard__tool:disabled{opacity:.42;filter:grayscale(.5);cursor:not-allowed}.btn:disabled:hover{background:var(--ink-700);border-color:#dbc29b3d}.btn:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}.btn--primary{background:var(--gold-band);color:var(--ink-900);border-color:var(--champagne)}.btn--primary:hover{filter:brightness(1.08);background:var(--gold-band)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn--ghost:hover{background:var(--ink-800);color:var(--text-bright)}.btn--lg{min-height:58px;font-size:17px;flex:1}.btn--sm{min-height:32px;font-size:12px;padding:0 10px}.btn--block{width:100%}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate[hidden]{display:none}.gate__card{width:100%;max-width:360px;background:var(--ink-850);border:1px solid rgba(219,194,155,.2);padding:28px 24px 24px;display:grid;gap:18px;position:relative;overflow:hidden}.gate__card:before{content:"";position:absolute;top:0;left:-10%;width:120%;height:6px;background:var(--gold-band);transform:skew(var(--slant))}.gate__mark{width:30px;height:30px;color:var(--green)}.gate__mark svg{width:100%;height:100%;display:block}.gate__title{font-size:24px}.gate__error{margin:0;min-height:20px;color:var(--alert);font-size:14px;font-weight:600}.app{max-width:1180px;margin:0 auto;padding:18px 16px 56px;display:grid;gap:16px}.app[hidden]{display:none}.topbar{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(219,194,155,.14)}.topbar__brand{font-family:var(--font-display);font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-right:auto}.topbar__brand strong{color:var(--gold-200);font-weight:400}.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.status__dot{width:9px;height:9px;border-radius:50%;background:var(--text-faint);box-shadow:0 0 #5fb56e80}.status.is-live .status__dot{background:var(--green);animation:breathe 2.4s ease-in-out infinite}.status.is-waiting .status__dot{background:var(--gold-400)}.status.is-down .status__dot{background:var(--alert)}@keyframes breathe{0%,to{box-shadow:0 0 #5fb56e73}50%{box-shadow:0 0 0 6px #5fb56e00}}.card{background:var(--ink-850);border:1px solid rgba(219,194,155,.16);padding:18px}.card__title{font-size:17px;margin-bottom:4px}.card__hint{margin:0;font-size:13px;color:var(--text-faint);max-width:46ch}.card--timer{display:grid;grid-template-columns:auto minmax(240px,400px) 1fr;gap:22px;align-items:center}.timer{text-align:center}.timer__clock{font-family:var(--font-display);font-size:66px;line-height:.92;color:var(--text-bright);font-variant-numeric:tabular-nums}.timer__clock.is-low{color:var(--gold-200)}.timer__clock.is-expired{color:var(--alert)}.timer__state{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-top:4px}.timer__actions{display:flex;gap:10px}.timer__duration{display:grid;gap:8px;justify-items:start}.duration{display:flex;align-items:center;gap:6px}.duration__colon{font-family:var(--font-display);font-size:22px;color:var(--text-faint)}.teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.team{--team: var(--gold-400);background:var(--ink-850);border:1px solid rgba(219,194,155,.16);border-top:3px solid var(--team);padding:16px;display:grid;gap:14px}.team__head{display:flex;align-items:center;gap:10px}.team__name{flex:1;font-family:var(--font-display);font-size:20px;letter-spacing:.04em;text-transform:uppercase;min-height:44px}.team__color{width:46px;height:44px;padding:2px;background:var(--ink-800);border:1px solid rgba(219,194,155,.22);cursor:pointer}.score{display:flex;align-items:center;gap:12px}.score__value{flex:1;text-align:center;font-family:var(--font-display);font-size:54px;line-height:1;color:var(--team);font-variant-numeric:tabular-nums}.score__btn{width:72px;min-height:54px;font-size:18px;letter-spacing:.04em}.players{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pcard{display:grid;gap:6px}.pcard__photo{position:relative;width:100%;aspect-ratio:1;padding:0;border:2px solid rgba(219,194,155,.4);background:var(--ink-800);cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}.pcard__photo:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}.pcard__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:filter .2s ease}.pcard__badge{position:absolute;left:0;right:0;bottom:0;padding:3px 0;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:center;background:color-mix(in srgb,var(--team) 82%,black);color:var(--ink-900)}.pcard__skull{position:absolute;inset:0;display:grid;place-items:center;color:var(--champagne);opacity:0;transition:opacity .2s ease}.pcard__skull svg{width:40%;height:40%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.pcard.is-dead .pcard__img{filter:grayscale(1) brightness(.42)}.pcard.is-dead .pcard__skull{opacity:.95}.pcard.is-dead .pcard__badge{background:var(--alert);color:var(--ink-900)}.pcard.is-dead .pcard__photo{border-color:#dbc29b2e}.pcard__name{min-height:36px;font-size:13px;padding:0 6px;text-align:center}.pcard__tools{display:flex;gap:4px}.pcard__tool{flex:1;min-height:32px;padding:0 4px;font-size:11px;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(219,194,155,.2);color:var(--text-dim);font-family:var(--font-ui);font-weight:700;text-transform:uppercase;cursor:pointer}.pcard__tool:hover{color:var(--gold-200);border-color:var(--gold-400)}.pcard__photo.is-dropping{border-color:var(--gold-200);box-shadow:inset 0 0 0 3px #ebd77759}.card--players{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.players__actions{display:flex;gap:10px}.footnote{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--text-faint);letter-spacing:.04em}.footnote code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold-200);background:var(--ink-800);padding:4px 8px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);background:var(--ink-700);border:1px solid rgba(219,194,155,.3);color:var(--text-bright);padding:10px 16px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10;max-width:calc(100vw - 32px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast.is-error{border-color:var(--alert);color:var(--alert)}@media(max-width:860px){.card--timer{grid-template-columns:1fr;justify-items:stretch;gap:16px}.timer__duration{justify-items:stretch}.teams{grid-template-columns:1fr}.players{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.app{padding:12px 10px 40px}.timer__clock{font-size:56px}}