@layer reset,base,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p,ul,ol{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{display:block}a{color:inherit}button:disabled{cursor:not-allowed} [hidden]{display:none!important}}
@layer base{:root{--bg:#0d1117;--surface:#151c25;--surface-alt:#1b2430;--line:#303d4a;--text:#f1f4f7;--muted:#b0bdc9;--gold:#f8cd6b;--green:#a3dfb4;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6}a{text-underline-offset:4px}a:hover{color:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(32px,4.2vw,52px);font-weight:800}h2{font-size:28px;font-weight:750}h3{font-size:18px;letter-spacing:-.015em}p{color:var(--muted)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);color:var(--text);font-size:14px;font-weight:650;text-decoration:none;transition:background .15s}button:hover,.button:hover{background:#273444;color:white}button:disabled{opacity:.45}input,select{width:100%;min-height:46px;padding:10px 12px;border-radius:8px;border:1px solid #526172;background:var(--bg);color:var(--text)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23b0bdc9' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}progress{display:block;width:100%;height:9px;appearance:none;border:none;border-radius:10px;overflow:hidden;background:#303b48}progress::-webkit-progress-bar{background:#303b48;border-radius:10px}progress::-webkit-progress-value{background:var(--gold);border-radius:10px}progress::-moz-progress-bar{background:var(--gold)}summary{cursor:pointer;color:var(--muted);font-size:13px;min-height:44px;padding:10px 0}details[open]>summary{color:var(--text)}.shell{width:min(1080px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;padding:10px;background:var(--gold);color:var(--bg);z-index:10}.skip:focus{top:10px}.muted{color:var(--muted)}.accent{color:var(--gold)}.primary{background:var(--gold);color:#18202a;border-color:var(--gold)}.primary:hover{background:#ffe2a1;color:#18202a}.secondary{background:#dce7f0;color:#151c25;border-color:#dce7f0}.secondary:hover{background:white;color:#151c25}}
@layer components{.site-header{border-bottom:1px solid #24303b}.header-inner{display:flex;align-items:center;gap:40px;min-height:80px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.7px;text-decoration:none}.brand svg{width:28px;height:28px;color:var(--gold)}.site-header nav{display:flex;gap:24px;margin-left:auto;font-size:13px;font-weight:600}.site-header nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.header-note{font-size:10px;letter-spacing:1.5px;color:var(--muted);border-left:1px solid var(--line);padding-left:30px}.hero{text-align:center;padding:45px 0 38px;max-width:800px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;color:var(--gold);margin-bottom:12px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:middle}.hero h1{margin-bottom:14px}.intro{max-width:630px;margin:0 auto 28px;font-size:16px;line-height:1.6}.counter-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 28px 13px;max-width:696px;margin:auto}.counter-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.2px;font-weight:650;color:var(--muted);text-align:left}#save-status{letter-spacing:0;font-weight:500}.count{font-size:clamp(72px,11vw,116px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.3;letter-spacing:-5px;overflow-wrap:anywhere;margin:4px 0 10px}.add{font-size:18px;min-height:60px;width:min(340px,100%);font-weight:750;border-radius:9px}.add span{font-weight:400;font-size:26px;line-height:1}.keyboard-hint{font-size:11px;margin:10px 0 15px}kbd{display:inline-block;border:1px solid #536170;border-bottom-width:2px;border-radius:4px;padding:0 7px;color:#d0dbe5;font-family:inherit;font-size:10px;margin:0 3px}.counter-actions{display:flex;justify-content:center;gap:6px;border-top:1px solid var(--line);padding-top:10px;flex-wrap:wrap}.counter-actions button{border:none;background:transparent;font-size:12px;padding:7px 12px;min-height:44px;color:#c3ced8}.counter-actions button:hover{background:var(--surface-alt);color:var(--text)}.notice{font-size:12px;min-height:22px;margin-top:7px;overflow-wrap:anywhere}.notice.error,.warning{color:#ffc1af}.trust{display:flex;gap:24px;justify-content:center;list-style:none;padding:18px 0 0;font-size:11px;color:var(--muted)}.trust span{color:var(--green);margin-right:4px}.panel{padding:30px 34px;margin-bottom:22px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head .eyebrow{margin-bottom:8px}.pill{padding:5px 10px;border:1px solid #5e563c;background:#25251e;color:var(--gold);border-radius:5px;white-space:nowrap;font-size:10px;font-weight:650}.muted-pill{border-color:var(--line);background:var(--surface-alt);color:var(--muted)}.odds-metrics{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0 23px}.label{display:block;font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:650;margin-bottom:7px}.odds-metrics strong{display:block;color:var(--gold);font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin-bottom:8px;font-variant-numeric:tabular-nums}.odds-metrics .muted{display:block;font-size:12px}.odds-metrics .milestone{border-left:1px solid var(--line);padding-left:30px}.milestone strong{font-size:26px;color:var(--text);letter-spacing:-.5px}.milestone small{font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}.source-note{font-size:11px;line-height:1.7;margin-top:16px}.source-note a{color:#c0ccd9}.source-details{margin-top:6px;border-top:1px solid var(--line)}.source-details p,.local-details p{font-size:12px;margin:8px 0}.table-wrap{width:100%;overflow-x:auto;margin-top:15px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}caption{text-align:left;color:var(--muted);font-size:11px;padding-bottom:10px}th,td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}thead th{color:var(--muted);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.7px}tfoot th,tfoot td{font-size:16px;font-weight:750;color:var(--gold);border-bottom:none}td:last-child{text-align:inherit}.goal-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:20px 0}.goal-result{font-size:14px;font-weight:600;color:var(--text);margin-top:12px}.local-details{margin-top:20px;border-top:1px solid var(--line)}.fragments{border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 24px;padding:14px}.fragments legend{font-size:13px;color:var(--muted)}.fragments label{display:flex;align-items:center;gap:8px;min-height:38px;margin:0;font-size:12px}.fragments input{width:17px;min-height:17px;height:17px;accent-color:var(--gold)}#activity-log{padding:10px 0 0 25px;font-size:12px;color:var(--muted)}.room-fields,.join-fields{display:flex;align-items:end;gap:12px;margin-top:20px}.room-fields>div,.join-fields>div{flex:1}.room-fields>button,.join-fields>button{flex:0 0 150px;min-height:46px}.join-fields{border-top:1px solid var(--line);padding-top:18px}.join-fields input{font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:3px}.room-banner{display:flex;align-items:center;gap:12px;margin-top:25px}.room-banner>div{margin-right:auto}.room-banner strong{font-family:ui-monospace,monospace;font-size:28px;letter-spacing:5px;color:var(--gold)}.schedule-table td:nth-child(2){min-width:180px}.schedule-table td:last-child{max-width:380px}.schedule-table td p{font-size:11px;line-height:1.6;margin:5px 0}.schedule-table td a{font-size:11px}.status-text{font-size:10px;font-weight:700;color:var(--gold)}.faq-section{padding:38px 0 32px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 44px;margin:30px 0}.faq-grid p{font-size:13px;line-height:1.8;margin-top:12px}.guides{padding:25px 0}.guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.guide-card{padding:17px;border:1px solid var(--line);border-radius:9px;text-decoration:none;display:flex;flex-direction:column;align-items:start;min-width:0;background:#111821}.guide-card:hover{border-color:#a18b58}.guide-card h3{font-size:15px;line-height:1.4;letter-spacing:-.2px;margin:15px 0 10px;color:var(--text)}.guide-card p{font-size:11px;line-height:1.6;margin-bottom:18px}.guide-number{font-size:10px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between;width:100%}.coming{font-size:10px;color:var(--gold);margin-top:auto}.updated{font-size:11px;padding:25px 0 30px;color:var(--muted)}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0 38px;border-top:1px solid var(--line)}.footer-brand{font-size:16px}.footer-brand svg{width:21px;height:21px}.footer p{font-size:10px;margin-top:9px}.footer nav{display:flex;gap:25px;font-size:12px}.prose{max-width:760px;min-height:65vh;padding:65px 0}.prose h1{margin:24px 0}.prose h2{font-size:24px;margin:30px 0 12px}.prose p{margin:14px 0}.prose .coming{font-size:16px}.prose .button{margin-top:20px}.related{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;margin-top:35px}dialog{color:var(--text);background:var(--surface);border:1px solid #627183;border-radius:12px;width:min(460px,calc(100% - 32px));padding:28px}dialog::backdrop{background:#000b}dialog h2{font-size:24px;margin-bottom:14px}dialog p{font-size:14px}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:25px}.danger{background:#a53726;border-color:#ca6351;color:white}}
@layer responsive{@media(max-width:900px){.header-note{display:none}.guide-grid{grid-template-columns:repeat(3,1fr)}.shell{width:calc(100% - 40px)}}@media(max-width:600px){.shell{width:calc(100% - 32px)}.header-inner{min-height:66px;gap:12px}.brand{font-size:20px;gap:7px}.brand svg{width:24px;height:24px}.site-header nav{gap:14px;font-size:11px}.hero{padding:30px 0 26px}.hero>.eyebrow{font-size:9px;letter-spacing:1.4px}.intro{font-size:13px;line-height:1.7;margin-bottom:20px}.hero h1{font-size:30px;letter-spacing:-1px;margin-bottom:12px}.counter-panel{padding:15px 14px 11px;border-radius:11px}.counter-top{font-size:8px;gap:5px}.count{font-size:88px;letter-spacing:-4px;margin:4px 0 8px;line-height:1.2}.add{min-height:56px;font-size:17px}.keyboard-hint{margin:9px 0 12px}.counter-actions{gap:2px}.counter-actions button{font-size:10px;padding:6px 8px;min-height:44px}.notice{font-size:10px}.trust{gap:12px;font-size:9px;padding-top:15px}.trust span{margin-right:1px}.panel{padding:22px 19px;margin-bottom:16px}.section-head{align-items:start;gap:12px;flex-wrap:wrap;margin-bottom:16px}h2{font-size:23px}.panel>p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.2px}.pill{font-size:9px;padding:4px 8px}.odds-metrics{grid-template-columns:1fr;gap:20px;margin:20px 0}.odds-metrics .milestone{border-left:none;border-top:1px solid var(--line);padding:18px 0 0}.odds-metrics strong{font-size:34px}.milestone strong{font-size:25px}.goal-fields{grid-template-columns:1fr 1fr;gap:14px}.goal-fields>div:first-child{grid-column:1/-1}.fragments{grid-template-columns:1fr 1fr}.room-fields,.join-fields{gap:10px;flex-wrap:wrap}.room-fields>div,.join-fields>div{flex-basis:100%}.room-fields>button,.join-fields>button{flex:1 1 100%}.room-banner{flex-wrap:wrap;gap:10px}.room-banner>div{flex-basis:100%}.room-banner button{flex:1}.schedule-table{min-width:590px}.faq-section{padding:28px 3px}.faq-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.faq-grid h3{font-size:17px}.faq-grid p{font-size:12px;margin-top:9px}.guide-grid{grid-template-columns:1fr 1fr}.guide-card{padding:15px}.guide-card:last-child{grid-column:1/-1}.guide-card:last-child h3{margin-top:10px}.guides{padding-top:15px}.guides .section-head .muted{font-size:11px}.footer{flex-direction:column;align-items:start;gap:20px;padding:25px 0}.footer nav{gap:28px}.prose{padding:35px 0}.prose h1{font-size:34px}.prose p{font-size:14px}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}}

@layer components{.schedule-subheading{margin-top:26px;margin-bottom:14px}}

@layer components{.scroll-hint{display:none}}
@layer responsive{@media(max-width:600px){.scroll-hint{display:block;color:var(--muted);font-size:11px;margin:12px 0 4px}}}

@layer base {
  :root {
    --bg: var(--arcade-bg);
    --surface: var(--arcade-panel);
    --surface-alt: var(--arcade-raised);
    --line: var(--arcade-border);
    --text: var(--arcade-text);
    --muted: var(--arcade-muted);
    --gold: var(--arcade-gold);
    --green: var(--arcade-green);
    --font: var(--arcade-sans);
  }
  body { background-image: radial-gradient(ellipse at 50% 0, #39281780, transparent 700px); }
  h1, h2, h3 { font-family: var(--arcade-display); font-weight: 400; letter-spacing: 0; color: var(--gold); }
  h1, h2 { text-transform: uppercase; }
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline-color: var(--green); }
  button, .button, input, select { border-radius: 2px; }
  button:hover, .button:hover { border-color: var(--arcade-border-bright); background: #3b3022; color: var(--text); }
  input, select { border-color: var(--arcade-border-bright); background-color: var(--arcade-recess); }
  progress, progress::-webkit-progress-bar { border-radius: 0; background: var(--arcade-recess); }
  progress::-webkit-progress-value { border-radius: 0; }
  .primary { color: #21170d; }
  .primary:hover { background: var(--arcade-gold-hover); color: #21170d; }
  .secondary { background: #293526; border-color: #728063; color: var(--green); }
  .secondary:hover { background: #344631; border-color: var(--green); color: var(--green); }
}
@layer responsive {
  .shell { width: min(1120px, calc(100% - 64px)); }
  .hero { max-width: 100%; }
  .hero h1 { font-size: clamp(34px, 5.6vw, 72px); letter-spacing: 0; text-shadow: 0 4px #39291c; }
  .eyebrow, .label, .status-text { font-family: var(--arcade-mono); font-weight: 500; }
  .counter-panel, .panel, dialog { border-radius: 0; box-shadow: var(--arcade-shadow); }
  .counter-panel {
    border-color: var(--arcade-border-bright);
    background-image: radial-gradient(ellipse at center, #9a672728, transparent 70%), var(--arcade-grid);
    background-size: auto, 16px 16px, 16px 16px;
  }
  .counter-actions button { color: var(--muted); }
  .count { color: var(--gold); font: 400 clamp(75px, 11vw, 130px)/1.05 var(--arcade-display); text-shadow: 0 4px #70471f; }
  .add { border-radius: 2px; box-shadow: inset 0 2px #ffeab1, 0 3px #745022; }
  .add:active { translate: 0 2px; box-shadow: none; }
  .odds-metrics strong, .room-banner strong, tfoot :is(th, td) { font-family: var(--arcade-mono); font-weight: 500; }
  .source-note a { color: var(--green); }
  .pill { border-radius: 2px; border-color: var(--arcade-border-bright); background: #352918; }
  .muted-pill { border-color: var(--line); background: var(--surface-alt); }
  .fragments, .guide-card { border-radius: 0; background: var(--surface); }
  .guide-card h3 { font-family: var(--arcade-sans); font-weight: 650; }
  .guide-card:hover, dialog { border-color: var(--arcade-border-bright); }
  kbd { border-color: var(--arcade-border-bright); color: var(--text); }
  .prose > a, .prose p a, .related a { color: var(--green); }
  .prose .primary { color: #21170d; }
  .arcade-footer p { margin-top: 8px; }
  @media (max-width: 720px) { .shell { width: calc(100% - 32px); } }
  @media (max-width: 380px) { .dialog-actions { flex-wrap: wrap; } }
}