:root{--bg: #14110d;--bg-elev: #1f1a14;--bg-elev-2: #2a231a;--border: #3a3024;--text: #ece3d2;--text-muted: #9b8f78;--accent: #c49a3c;--accent-2: #b84c65;--danger: #b84c65;--radius: 10px;--maxw: 1100px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;flex-direction:column;min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:linear-gradient(180deg,#211a12,#181410);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header-left{display:flex;align-items:center;gap:.75rem}.site-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;color:var(--text);letter-spacing:.02em}.site-title:hover{text-decoration:none;color:var(--accent)}.site-logo{width:34px;height:34px;border-radius:6px;object-fit:cover}.hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;cursor:pointer}.hamburger span{display:block;height:2px;background:var(--text);border-radius:2px}.social-links{display:flex;gap:.5rem}.social-links a{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.85rem}.social-links a:hover{color:var(--text);border-color:var(--accent);text-decoration:none}.social-label{display:none}@media(min-width:640px){.social-label{display:inline}}.nav-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:30}.nav-drawer-inner{width:min(280px,80vw);height:100%;background:var(--bg-elev);border-right:1px solid var(--border);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.nav-drawer-inner a{padding:.65rem .5rem;color:var(--text);border-radius:8px;font-weight:600}.nav-drawer-inner a:hover{background:var(--bg-elev-2);text-decoration:none}.nav-drawer-section{margin-top:.75rem;padding:.5rem .5rem .35rem;border-top:1px solid var(--border);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.nav-drawer-section:first-child{margin-top:0;border-top:none}.site-main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:1.5rem 1.25rem 3rem}.site-footer{border-top:1px solid var(--border);padding:1rem 1.25rem;color:var(--text-muted);font-size:.85rem;text-align:center}.muted{color:var(--text-muted)}.error{color:var(--danger)}.cta{display:inline-block;margin-top:1rem;padding:.6rem 1.1rem;background:var(--accent);color:#1a1305;border-radius:var(--radius);font-weight:700}.cta:hover{text-decoration:none;filter:brightness(1.08)}.lede{max-width:60ch;color:var(--text);font-size:1.05rem}.home{text-align:center}.home .lede{margin-left:auto;margin-right:auto}.home-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.25rem}.home-btn{display:inline-flex;align-items:center;gap:.55rem;padding:1rem 1.9rem;border-radius:var(--radius);font-weight:800;font-size:1.15rem;color:#fff;border:none;transition:filter .12s ease,transform .12s ease}.home-btn:hover{text-decoration:none;filter:brightness(1.1);transform:translateY(-2px)}.btn-youtube{background:red}.btn-discord{background:#5865f2}.btn-amazon{background:#f90;color:#14110d}.btn-instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743,#cc2366 75%,#bc1888)}.btn-shop{background:#1f9d55}.spinner{display:inline-block;width:.9em;height:.9em;margin-right:.45em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.12em;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.race-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.6rem}.race-link{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name badge" "meta meta";gap:.25rem .75rem;padding:.9rem 1.1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.race-link:hover{border-color:var(--accent);text-decoration:none}.race-name{grid-area:name;font-weight:700;font-size:1.05rem}.race-meta{grid-area:meta;color:var(--text-muted);font-size:.85rem}.badge{grid-area:badge;align-self:start;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-pending{background:#2f2a1c;color:#d8c690}.badge-active{background:#1f3a2a;color:#7fe0a0}.badge-finished{background:#3a2330;color:#e7a9c0}.race-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.back-link{font-size:.85rem;color:var(--text-muted)}.winner-banner{margin:.75rem 0;padding:.75rem 1rem;background:linear-gradient(90deg,#3a2e12,#221a0c);border:1px solid var(--accent);border-radius:var(--radius);font-weight:700;color:var(--accent)}.participant-select{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;font-size:.9rem}.chip-swatch{width:12px;height:12px;border-radius:50%;background:var(--chip-color)}.chip-off{opacity:.45}.chip-on{border-color:var(--chip-color)}.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.standings{width:100%;min-width:max-content;border-collapse:collapse;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.standings th,.standings td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.standings th{background:var(--bg-elev-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.standings tr:last-child td{border-bottom:none}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem;vertical-align:middle}.bar-track{position:relative;height:18px;min-width:140px;background:var(--bg);border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px 0 0 6px}.bar-pct{position:absolute;right:6px;top:0;line-height:18px;font-size:.72rem;color:var(--text)}.chart-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1rem .75rem;margin-bottom:1.5rem}.chart-card h2{margin:0 0 .75rem;font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.chart-tip{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font-size:.85rem;box-shadow:0 6px 18px #0006;max-width:min(280px,80vw);overflow-wrap:anywhere}.tip-row{display:flex;align-items:center;gap:.4rem}.tip-progress{font-weight:600;margin-bottom:.35rem}.tip-block{margin-top:.4rem}.tip-name{display:flex;align-items:center;gap:.4rem;font-weight:600}.tip-sub{font-size:.78rem;margin-left:1rem}.scalars{display:grid;grid-template-columns:auto 1fr;gap:.15rem .9rem;margin:.5rem 0 0}.scalar-row{display:contents}.scalar-row dt{color:var(--text-muted);font-size:.8rem}.scalar-row dd{margin:0;font-size:.85rem;text-align:right}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40;display:flex;align-items:center;justify-content:center;padding:1rem}.detail-panel{width:min(440px,100%);max-height:90vh;overflow-y:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem 1.25rem;box-shadow:0 12px 40px #00000080}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.6rem;line-height:1;cursor:pointer}.close-btn:hover{color:var(--text)}.sparks{display:grid;gap:.75rem;margin:.9rem 0}.spark-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.spark-empty{height:56px;display:flex;align-items:center;font-size:.8rem}.spark-wrap{position:relative}.spark-nodata{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;border-left:1px dashed var(--border);background:repeating-linear-gradient(-45deg,rgba(155,143,120,.06),rgba(155,143,120,.06) 6px,transparent 6px,transparent 12px);pointer-events:none}.spark-nodata span{font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);opacity:.75}.death-detail h4{margin:.5rem 0 .4rem;font-size:.9rem}.death-detail ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.death-detail li{font-size:.85rem;border-left:2px solid var(--danger);padding-left:.6rem}.death-when{display:block;color:var(--text-muted);font-size:.75rem}.chart-hint{font-size:.75rem;margin:.25rem 0 0}.day-summary .muted{font-size:.8rem}.day-rows{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.4rem}.day-row{width:100%;display:flex;align-items:center;gap:.6rem;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;color:var(--text);cursor:pointer;text-align:left;font:inherit}.day-row:hover{border-color:var(--accent)}.day-row-name{display:flex;align-items:center;gap:.45rem;font-weight:600;flex:1;min-width:0}.day-row-stats{display:flex;align-items:center;gap:.7rem;font-size:.8rem;white-space:nowrap}.day-row-pct{font-weight:600;color:var(--accent)}.day-row-chevron{color:var(--text-muted);font-size:1.2rem;line-height:1}@media(max-width:560px){.sheet-backdrop{align-items:flex-end;padding:0}.detail-panel{width:100%;max-width:100%;height:70vh;max-height:70vh;overflow-y:auto;overflow-x:hidden;border-radius:var(--radius) var(--radius) 0 0}.day-row-stats{gap:.5rem}.site-main{padding-left:.5rem;padding-right:.5rem}.chart-card{padding-left:.4rem;padding-right:.4rem}.chart-card h2{padding-left:.6rem}}.delta-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin-top:1rem;margin-bottom:1.5rem}.delta-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.delta-head h2{margin:0;font-size:1rem}.delta-clear{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.35rem .7rem;cursor:pointer;font-size:.82rem}.delta-clear:hover{border-color:var(--accent)}.delta-table{width:100%;min-width:max-content;border-collapse:collapse;margin-top:.75rem}.delta-table th,.delta-table td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--border);font-size:.86rem;white-space:nowrap}.delta-table th{color:var(--text-muted, #9b8f78);font-weight:600}.delta.pos{color:#5fae6a}.delta.neg{color:#e7a9c0}.admin-gate .cta{margin-top:1rem}.admin-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.admin-actions{display:flex;gap:.5rem}.admin-notice{margin:.75rem 0;padding:.6rem .9rem;background:var(--bg-elev-2);border:1px solid var(--accent);border-radius:8px;font-size:.88rem}.admin button{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .75rem;cursor:pointer;font-size:.85rem}.admin button:hover:not(:disabled){border-color:var(--accent)}.admin button:disabled{opacity:.5;cursor:default}.admin button.danger{border-color:#5a2230;color:#e7a9c0}.admin input,.admin select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;font-size:.85rem}.admin input.mini{width:90px}.admin-form{margin:1rem 0 1.5rem}.field-row{display:flex;gap:.5rem;flex-wrap:wrap}.admin-race-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.admin-race-list li{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem}.admin-race-list li.sel{border-color:var(--accent)}.admin-race-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.race-row-main{display:flex;align-items:center;gap:.6rem;cursor:pointer;flex-wrap:wrap}.race-row-actions{display:flex;gap:.4rem;align-items:center}.edit-panel{grid-column:1 / -1;display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.participant-manager{margin-top:.85rem;border-top:1px solid var(--border);padding-top:.75rem}.admin-participants{width:100%;border-collapse:collapse;margin-bottom:.75rem}.admin-participants th,.admin-participants td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--border);font-size:.85rem}.add-participant{display:flex;gap:.5rem;flex-wrap:wrap}.participant-row-actions{display:flex;gap:.4rem}.backfill-row>td{background:#ffffff05}.backfill-panel{display:flex;flex-direction:column;gap:.55rem;padding:.5rem .25rem}.backfill-text{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;resize:vertical}.backfill-opt{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.backfill-actions{display:flex;gap:.5rem}.backfill-result{font-size:.85rem;color:var(--accent, #7fd17f)}