:root{--bg: #0A0A0F;--bg-2: #111118;--bg-3: #1a1a24;--fg: #f3f3f8;--fg-muted: #8b8ba3;--fg-dim: #5a5a72;--border: rgba(255, 255, 255, .08);--accent: #a78bfa;--accent-2: #f43f5e;--danger: #ef4444;--tier-legendary: #fde047;--tier-diamond: #22d3ee;--tier-gold: #f59e0b;--tier-silver: #cbd5e1;--tier-bronze: #c2785b;--tier-copper: #9a5e3c;--tier-trash: #64748b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.topnav{display:flex;gap:20px;font-size:.9rem;color:var(--fg-muted)}.topnav a{transition:color .12s ease}.topnav a:hover{color:var(--fg)}.main{flex:1;display:flex;justify-content:center;padding:48px 24px}.page{width:100%;max-width:720px}.page.center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:64px}.page.hero{padding-top:48px}.page.prose p{margin-bottom:14px}.page.prose ul{margin:14px 0 18px 18px}.page.prose li{margin-bottom:10px}.page.prose h2{margin-top:32px}.h1{font-size:clamp(2rem,5.5vw,3.4rem);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin-bottom:20px}.h2{font-size:1.25rem;font-weight:700;margin-bottom:12px}.accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.05rem;color:var(--fg-muted);max-width:600px;margin-bottom:32px}.muted{color:var(--fg-muted)}.small{font-size:.85rem}.error{color:var(--danger);background:#ef444414;border:1px solid rgba(239,68,68,.3);padding:10px 14px;border-radius:var(--radius-sm);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--bg-3);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:all .12s ease}.btn:hover:not(:disabled){background:var(--bg-2);border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.12);border-color:transparent}.btn-ghost{background:transparent}.judge-form{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.judge-input{padding:18px 20px;font-size:1.1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);outline:none;transition:border-color .12s ease}.judge-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #a78bfa1f}.judge-input:disabled{opacity:.7}.tone-row{display:flex;gap:8px;flex-wrap:wrap}.tone-pill{padding:8px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;font-family:var(--font-mono);font-size:.85rem;color:var(--fg-muted);transition:all .12s ease}.tone-pill:hover:not(:disabled){border-color:var(--accent);color:var(--fg)}.tone-pill.active{background:linear-gradient(135deg,#a78bfa33,#f43f5e26);border-color:var(--accent);color:var(--fg)}.tone-pill:disabled{opacity:.5;cursor:not-allowed}.clarify-box{margin-top:24px;padding:18px 20px;background:var(--bg-2);border:1px dashed var(--border);border-radius:var(--radius)}.clarify-q{margin-bottom:10px;color:var(--fg)}.clarify-examples{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.clarify-examples li{font-family:var(--font-mono);font-size:.8rem;padding:4px 10px;background:var(--bg-3);border-radius:var(--radius-sm);color:var(--fg-muted)}.judge-form .btn-primary{padding:16px 24px;font-size:1.05rem}.note{border-top:1px dashed var(--border);padding-top:20px;margin-top:32px}.verdict-card{background:linear-gradient(180deg,var(--bg-2),var(--bg));border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:24px;position:relative;overflow:hidden}.verdict-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,currentColor,transparent);opacity:.06;pointer-events:none}.verdict-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.verdict-category{color:var(--fg-muted)}.verdict-tier{padding:4px 10px;border-radius:999px;background:#ffffff0a;font-weight:700}.verdict-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;line-height:1.15;margin-bottom:16px}.verdict-score{display:inline-flex;align-items:baseline;gap:4px;margin-bottom:20px;font-family:var(--font-mono)}.score-value{font-size:2.5rem;font-weight:700}.score-max{color:var(--fg-dim);font-size:1rem}.verdict-quote{font-size:1.1rem;font-style:italic;color:var(--fg);padding:14px 18px;background:#ffffff08;border-left:3px solid currentColor;border-radius:var(--radius-sm);margin-bottom:20px}.verdict-body{font-size:1rem;color:var(--fg);line-height:1.7;margin-bottom:16px}.verdict-tone{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.verdict-actions{display:flex;gap:12px;flex-wrap:wrap}.verdict-meta{font-family:var(--font-mono);margin-top:8px}.tone-switcher{display:flex;gap:8px;align-items:center;margin:24px 0 20px;flex-wrap:wrap}.tone-switcher-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);margin-right:4px}.tier-legendary{color:var(--tier-legendary)}.tier-diamond{color:var(--tier-diamond)}.tier-gold{color:var(--tier-gold)}.tier-silver{color:var(--tier-silver)}.tier-bronze{color:var(--tier-bronze)}.tier-copper{color:var(--tier-copper)}.tier-trash{color:var(--tier-trash)}.tier-pill{display:inline-block;padding:2px 10px;border-radius:999px;background:#ffffff0d;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-right:6px}.footer{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid var(--border);color:var(--fg-muted);font-size:.82rem;flex-wrap:wrap;gap:12px}.small-h1{font-size:clamp(1.5rem,4vw,2.2rem)}.battle-header{margin-bottom:28px;text-align:center}.battle-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin-bottom:24px}.battle-card{display:flex;flex-direction:column;gap:8px;padding:24px 20px;background:linear-gradient(180deg,var(--bg-2),var(--bg));border:1px solid var(--border);border-radius:var(--radius);text-align:left;color:var(--fg);transition:all .16s ease;min-height:180px}.battle-card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #a78bfa26}.battle-card:disabled{cursor:default}.battle-card.chosen{border-color:var(--accent);background:linear-gradient(180deg,rgba(167,139,250,.15),var(--bg));box-shadow:0 0 0 2px var(--accent)}.battle-card.loser{opacity:.35;transform:scale(.97)}.battle-tier{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;align-self:flex-start;padding:3px 10px;border-radius:999px;background:#ffffff0a}.battle-title{font-size:1.25rem;font-weight:700;line-height:1.2}.battle-year{font-family:var(--font-mono);color:var(--fg-muted);font-size:.85rem}.battle-genre{margin-top:auto}.battle-vs{align-self:center;font-family:var(--font-mono);font-weight:700;color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase}.battle-actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.leaderboard-header{margin-bottom:20px}.leaderboard-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.leaderboard-tabs .tone-pill{text-decoration:none;display:inline-flex}.leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.leaderboard-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:14px;align-items:baseline;padding:12px 14px;border-bottom:1px solid var(--border);transition:background .12s ease}.leaderboard-row:hover{background:var(--bg-2)}.leaderboard-rank{font-family:var(--font-mono);font-weight:700;color:var(--fg-dim);font-size:.9rem}.leaderboard-title{text-decoration:none;color:var(--fg);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-title:hover{color:var(--accent)}.leaderboard-tier{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#ffffff0a}.leaderboard-score{font-family:var(--font-mono);font-weight:700;font-size:.95rem;min-width:3ch;text-align:right}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:18px 0 12px}.profile-stat{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius)}.profile-stat-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.profile-stat-value{font-size:1.4rem;font-weight:700;font-family:var(--font-mono)}.auth-page{max-width:420px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim)}.explore-strip{margin:36px 0 12px}.explore-title{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim);margin-bottom:14px;font-weight:500}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.explore-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--fg);transition:all .14s ease;min-height:120px}.explore-card:hover{border-color:var(--accent);transform:translateY(-2px)}.explore-placeholder{color:var(--fg-dim);font-style:italic;justify-content:center;text-align:center}.explore-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim)}.explore-name{font-weight:600;line-height:1.2;font-size:.95rem}.explore-meta{margin-top:auto;display:flex;gap:6px;align-items:center;font-family:var(--font-mono);font-size:.8rem}.explore-score{font-weight:700;color:var(--fg)}.explore-more{margin-top:14px;text-align:right;font-size:.85rem}.explore-more a:hover{color:var(--accent)}@media (max-width: 820px){.topbar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.topnav{gap:14px;font-size:.85rem}.explore-grid{grid-template-columns:repeat(2,1fr)}.leaderboard-row{grid-template-columns:28px 1fr auto auto;gap:10px;padding:10px 12px}.verdict-card{padding:22px 20px}}@media (max-width: 600px){html,body{font-size:15px}.topbar,.footer{padding:12px 16px}.topbar{gap:8px}.topnav{gap:12px;font-size:.82rem;flex-wrap:wrap}.main{padding:24px 16px}.page{max-width:100%}.h1{font-size:clamp(1.75rem,7.5vw,2.4rem);line-height:1.1}.small-h1{font-size:clamp(1.35rem,6vw,1.8rem)}.lead{font-size:1rem;margin-bottom:24px}.judge-input{padding:14px 16px;font-size:1rem}.tone-row{flex-wrap:wrap;gap:6px}.tone-pill{padding:8px 12px;font-size:.8rem}.btn{padding:14px 18px;font-size:.95rem}.btn-primary{padding:16px 20px}.pickers{flex-direction:column}.explore-grid{grid-template-columns:1fr;gap:10px}.explore-card{min-height:96px;padding:14px 16px}.battle-pair{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:10px}.battle-vs{padding:4px 0}.battle-card{min-height:140px;padding:20px 18px}.battle-title{font-size:1.1rem}.leaderboard-row{grid-template-columns:24px 1fr auto;grid-template-rows:auto auto;gap:6px 10px;padding:10px}.leaderboard-tier{grid-column:3;grid-row:1;font-size:.65rem}.leaderboard-score{grid-column:2 / 4;grid-row:2;justify-self:end;font-size:.85rem;color:var(--fg-muted)}.leaderboard-title{grid-column:2;grid-row:1;font-size:.95rem}.verdict-card{padding:18px 16px}.verdict-title{font-size:clamp(1.35rem,6vw,1.9rem)}.verdict-quote{font-size:1rem;padding:12px 14px}.verdict-actions{flex-direction:column}.verdict-actions .btn{width:100%}.profile-stats{grid-template-columns:1fr 1fr;gap:10px}.auth-page{max-width:100%}.footer{flex-direction:column;align-items:flex-start;gap:6px}}.nav-pro{background:linear-gradient(135deg,var(--tier-gold, #d4a84d),var(--tier-diamond, #5fb8ff));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 28px}@media (max-width: 720px){.plans{grid-template-columns:1fr}}.plan-card{position:relative;border:1px solid var(--border, #2a2a33);border-radius:18px;padding:28px 22px;background:#14141cb3;display:flex;flex-direction:column;gap:10px}.plan-card--highlight{border-color:var(--accent, #d4a84d);background:linear-gradient(160deg,#d4a84d14,#14141ccc);box-shadow:0 6px 40px -20px #d4a84d80}.plan-card .badge{position:absolute;top:-10px;right:16px;padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:700;background:var(--accent, #d4a84d);color:#0a0a0f;letter-spacing:.04em;text-transform:uppercase}.plan-title{margin:0;font-size:1.1rem;text-transform:lowercase;color:var(--fg-muted, #9aa);letter-spacing:.02em}.plan-price{display:flex;align-items:baseline;gap:4px}.plan-amount{font-size:2.4rem;font-weight:800;color:var(--fg, #f5f5f8)}.plan-period{color:var(--fg-muted, #9aa);font-size:.95rem}.plan-subline{margin:0;color:var(--fg-muted, #9aa);font-size:.85rem}.btn.full{width:100%;margin-top:8px}.pro-features{margin-top:32px;padding-top:24px;border-top:1px solid var(--border, #2a2a33)}.pro-features ul{line-height:1.7;padding-left:20px}.pro-features .small{font-size:.82rem;margin-top:18px}.pro-nudge{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#d4a84d1a,#5fb8ff0f);border:1px solid rgba(212,168,77,.25);margin:18px 0 8px;flex-wrap:wrap}.pro-nudge p{margin:4px 0 0}.callout{padding:18px 20px;border-radius:14px;border:1px solid var(--border, #2a2a33);background:#14141c99;margin:16px 0}.callout.error{border-color:#d2453d}.row.gap-s{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}