:root{--bg: #080808;--bg-card: #111111;--bg-hover: #1a1a1a;--border: #222222;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #444444;--accent: #f43f5e;--accent-dim: rgba(244, 63, 94, .1);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 0px;--radius-lg: 0px;--max-width: 1000px;--tool-width: 660px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--bg)}hr{border:none;border-top:1px solid var(--border);width:100%}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-nav{width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 40px}.wordmark{color:var(--accent);font-size:18px;font-weight:800;letter-spacing:-1px}.page-wrap{flex:1;max-width:var(--max-width);margin:0 auto;width:100%;padding:64px 40px}.site-footer{padding:40px;text-align:center}.site-footer-wordmark{display:block;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase}.site-footer-copy{display:block;color:var(--text-muted);font-size:11px;margin-top:4px}.home-heading{font-size:clamp(72px,12vw,140px);font-weight:800;color:var(--accent);letter-spacing:-5px;line-height:.9;margin-bottom:24px}.home-tagline{font-size:15px;color:var(--text-secondary);letter-spacing:.5px;font-weight:400}.home-divider{margin:56px 0}.tool-list{list-style:none}.tool-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;padding:28px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.tool-row:first-child{border-top:1px solid var(--border)}.tool-row:hover .tool-row__name{color:var(--accent)}.tool-row:hover .tool-row__arrow{transform:translate(5px)}.tool-row__number{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;align-self:center}.tool-row__body{display:flex;flex-direction:column;gap:6px}.tool-row__name{font-size:22px;font-weight:600;color:var(--text-primary);transition:color .15s ease}.tool-row__description{font-size:13px;color:var(--text-secondary)}.tool-row__arrow{color:var(--accent);font-size:20px;align-self:center;transition:transform .15s ease}.home-divider-bottom{margin-top:0}.tool-back{display:block;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);margin-bottom:56px;transition:color .15s ease}.tool-back:hover{color:var(--accent)}.tool-number{display:block;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.tool-hero-title{font-size:clamp(40px,7vw,80px);font-weight:800;color:var(--text-primary);letter-spacing:-2px;line-height:1;margin-bottom:20px}.tool-hero-desc{font-size:16px;color:var(--text-secondary);max-width:480px;line-height:1.6}.tool-divider{margin:48px 0}.tool-status-label{display:block;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.tool-status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.4;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}}.back{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--text-secondary);font-family:var(--font-mono);font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;transition:color .15s ease}.back:hover{color:var(--accent)}.next-tool{display:inline-flex;margin:2rem 0 4rem;color:var(--accent);font-weight:600}.bloodsport-game{width:min(100%,920px);padding:2rem 0 0}.bloodsport-game--error{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.bloodsport-loading{color:var(--text-muted);font-family:var(--font-mono);font-size:.95rem;letter-spacing:.06em}.bloodsport-stage{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem;align-items:stretch}.bloodsport-stage--result{margin-bottom:1.5rem}.bloodsport-card{display:flex;min-height:240px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.bloodsport-card:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover);transform:translateY(-2px)}.bloodsport-card:disabled{cursor:default}.bloodsport-card--winner{border-color:var(--accent);box-shadow:0 0 0 1px #f43f5e8c}.bloodsport-song{font-size:clamp(2rem,4vw,3.4rem);line-height:.98;letter-spacing:-.05em}.bloodsport-artist{color:var(--text-secondary);font-size:1.02rem}.bloodsport-percentage{color:var(--accent);font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.08em}.bloodsport-vs{align-self:center;color:var(--accent);font-family:var(--font-mono);font-size:1.25rem;letter-spacing:.24em}.bloodsport-inline-error{margin-top:1rem;color:var(--text-secondary)}.bloodsport-result{width:min(100%,var(--tool-width))}.bloodsport-bars{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.bloodsport-bars--static{width:min(100%,var(--tool-width));margin:1.5rem 0}.bloodsport-bar-row{display:grid;gap:.5rem}.bloodsport-bar-track{height:14px;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:var(--bg-card)}.bloodsport-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(244,63,94,.74) 0%,var(--accent) 100%)}.bloodsport-bar-label{color:var(--text-secondary);font-size:.94rem}.bloodsport-bar-label--winner{color:var(--accent)}.bloodsport-winner-copy{margin:0 0 .9rem;color:var(--text-secondary)}.bloodsport-winner-copy__accent{color:var(--accent)}.bloodsport-note{margin:0 0 1rem;color:var(--text-muted);font-family:var(--font-mono);font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}.bloodsport-essay{margin-top:1rem}.bloodsport-essay--static{width:min(100%,var(--tool-width));margin-bottom:2rem}.bloodsport-essay p{margin:0 0 1rem;color:var(--text-secondary);font-size:1rem}.bloodsport-secondary-button,.bloodsport-next-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.bloodsport-secondary-button:hover,.bloodsport-next-button:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-1px)}.bloodsport-next-button{margin-top:1.5rem;color:var(--accent)}.ad-slot{margin-top:1.5rem}.bloodsport-ad-placeholder{display:flex;height:90px;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-card)}.bloodsport-ad-placeholder span{color:var(--text-muted);font-size:.75rem}.bloodsport-detail{width:min(100%,var(--tool-width));padding:2rem 0 .5rem}.bloodsport-kicker{margin:0 0 .8rem;color:var(--accent);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.bloodsport-detail-title{margin:0;font-size:clamp(2.2rem,6vw,4.4rem);line-height:.96;letter-spacing:-.05em}@media(max-width:640px){.site-nav{padding:20px 24px}.page-wrap{padding:32px 24px}.home-heading{letter-spacing:-3px}.tool-row__number{display:none}.tool-row{grid-template-columns:1fr auto}.tool-hero-title{letter-spacing:-1px}}@media(max-width:780px){.bloodsport-stage{grid-template-columns:1fr}.bloodsport-vs{justify-self:center}.bloodsport-card{min-height:200px}.bloodsport-result,.bloodsport-detail,.bloodsport-bars--static,.bloodsport-essay--static{width:100%}}.bs-game{max-width:var(--tool-width)}.bs-lens{display:flex;flex-direction:column;gap:4px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.bs-lens-name{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:2px;text-transform:uppercase}.bs-lens-desc{font-size:13px;color:var(--text-secondary)}.bs-progress{display:flex;gap:8px;margin-bottom:32px}.bs-progress-dot{width:24px;height:3px;background:var(--border);transition:background .2s}.bs-progress-dot.done{background:var(--text-muted)}.bs-progress-dot.active{background:var(--accent)}.bs-matchup{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.bs-song-card{all:unset;display:flex;flex-direction:column;gap:8px;padding:32px;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:border-color .15s,background .15s;min-height:180px;justify-content:center;box-sizing:border-box}.bs-song-card:hover{border-color:var(--accent);background:var(--bg-hover)}.bs-song-card.disabled{opacity:.5;cursor:not-allowed}.bs-song-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2}.bs-song-artist{font-size:14px;color:var(--text-secondary)}.bs-song-meta{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:1px}.bs-vs{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px}.bs-bars{margin-bottom:40px}.bs-bar-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.bs-bar-label{font-size:14px;font-weight:600;color:var(--text-primary)}.bs-bar-pct{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.bs-bar-track{width:100%;height:3px;background:var(--border)}.bs-bar-fill{height:100%;background:var(--accent);transition:width .6s ease}.bs-total-votes{margin-top:12px;font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.bs-previews{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin:40px 0}.bs-preview{background:var(--bg-card)}.bs-essay{border-left:2px solid var(--accent);padding-left:20px;margin:40px 0;display:flex;flex-direction:column;gap:16px}.bs-essay p{font-size:15px;color:var(--text-secondary);line-height:1.7}.bs-ad-slot{margin:32px 0}.bs-ad-placeholder{height:90px;background:var(--bg-card);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.bs-actions{display:flex;gap:12px;align-items:center}.bs-btn-accent{all:unset;padding:12px 24px;background:var(--accent);color:var(--bg);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;box-sizing:border-box}.bs-btn-accent:hover{opacity:.85}.bs-btn-ghost{all:unset;padding:12px 24px;border:1px solid var(--border);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:border-color .15s,color .15s;box-sizing:border-box}.bs-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.bs-complete{display:flex;flex-direction:column;gap:16px;padding:48px 0}.bs-status{padding:48px 0}.bs-mono{font-family:var(--font-mono);font-size:12px;letter-spacing:1px}.bs-muted{color:var(--text-muted)}.bs-secondary{color:var(--text-secondary);font-size:14px}@media(max-width:640px){.bs-matchup{grid-template-columns:1fr;grid-template-rows:auto auto auto}.bs-vs{text-align:center}.bs-previews{grid-template-columns:1fr}.bs-actions{flex-direction:column}.bs-btn-accent,.bs-btn-ghost{text-align:center;width:100%}}