@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";:root{--bg: #080b09;--panel: rgba(18, 25, 21, .88);--panel-2: rgba(27, 36, 31, .92);--accent: #44ff88;--green: var(--accent);--accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);--red: #ff4757;--gold: #f7c948;--text: #f4fff8;--muted: #aab8af;--line: rgba(255,255,255,.12);--font-display: "Inter", ui-sans-serif, system-ui, Segoe UI, Arial, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, Segoe UI, Arial, sans-serif;font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none;font-weight:800}button,.primary-button,.ghost-button{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:var(--panel-2);color:var(--text);cursor:pointer;font-weight:900}button:hover,.primary-button:hover,.ghost-button:hover{border-color:var(--accent);box-shadow:0 0 22px var(--accent-soft)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.success{background:#44ff8829;border-color:#44ff887a;color:var(--text)}.danger{background:#ff475729;border-color:#ff47577a;color:var(--text)}.site-shell{width:min(1520px,calc(100% - 32px));margin:0 auto;padding:32px 0;position:relative}.dashboard-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,color-mix(in srgb,var(--accent) 12%,#101912),transparent 55%),radial-gradient(circle at left,color-mix(in srgb,var(--accent) 6%,transparent),transparent 44%);pointer-events:none;z-index:-1}.hero-card,.dashboard-header,.mode-panel,.build-panel,.panel,.event-panel,.current-survivor-card,.modal-card,.floating-picker,.site-footer{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 24px 80px #00000059}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:12px}h1{margin:0;font-size:clamp(42px,8vw,96px);line-height:.9}h2{margin-top:0}.hero-copy{max-width:720px;color:var(--muted);font-size:20px}.button-row,.action-panel{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.primary-button{background:var(--accent);color:#041108}.ghost-button{background:transparent}.tool-grid,.stats-grid,.mode-grid,.two-col{display:grid;gap:16px;margin-top:18px}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tool-card,.stat-card,.mode-card,.survivor-card{background:var(--panel-2);border:1px solid var(--line);border-radius:20px;padding:16px}.single-tool-grid{grid-template-columns:minmax(260px,520px)}.clickable-tool{color:var(--text);display:block;transition:.15s ease}.clickable-tool:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 18px 45px #00000052}.clickable-tool span{color:var(--accent);font-weight:950}.top-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.top-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.top-actions a{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;padding:11px 14px}.dashboard-header{text-align:center;padding-bottom:34px}.dashboard-header .eyebrow{font-size:clamp(13px,1.6vw,18px)}.panel-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.panel-heading-row h2{margin:0}.panel-heading-row span{color:var(--muted);text-align:right}.compact-panel{padding:18px}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.mode-grid.name-only{margin-top:8px}.mode-card{text-align:center;display:grid;place-items:center;min-height:72px;font-size:clamp(18px,2vw,24px)}.mode-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 0 28px var(--accent-soft)}.top-stats{margin-top:18px;grid-template-columns:repeat(7,minmax(100px,1fr))}.hero-dashboard-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:18px}.current-survivor-card{min-height:420px;display:grid;align-items:center;justify-items:center;gap:16px;overflow:hidden;position:relative;margin-top:0;text-align:center}.current-survivor-card:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle,var(--accent-soft),transparent 50%);opacity:.45;pointer-events:none}.current-survivor-card>*{position:relative}.current-survivor-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.current-survivor-card strong{display:block;font-size:clamp(28px,3vw,44px);line-height:1;margin-top:8px;text-wrap:balance}.current-survivor-card.rolling .current-portrait-wrap{animation:pulseRoll .18s linear infinite alternate}.current-portrait-wrap{border-radius:30px;overflow:hidden;border:2px solid color-mix(in srgb,var(--accent) 60%,transparent);background:#00000059;box-shadow:0 0 34px var(--accent-soft);width:100%;min-height:320px}.current-survivor-portrait{display:block;width:100%;height:390px;object-fit:cover;object-position:top center}.current-survivor-nameplate{width:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.survivor-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.6fr);gap:18px;margin-top:18px;align-items:start}.survivor-layout>.panel,.survivor-layout>.current-survivor-card{margin-top:0}.current-column{display:grid;gap:12px}.current-actions,.action-row{display:grid;gap:10px}.two-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.current-actions button{width:100%}.small-stats{margin-top:0}.stat-card{min-width:0;padding:10px 12px;border-radius:18px}.stat-card span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card strong{display:block;font-size:clamp(18px,2.4vw,28px);margin-top:4px;line-height:1;overflow-wrap:anywhere}.action-panel{background:transparent;padding:0}.build-panel,.two-col,.event-panel,.mode-panel{margin-top:18px}.perk-row{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.perk-slot{border:1px solid var(--line);background:#00000040;min-height:150px;display:grid;place-items:center;border-radius:18px;font-weight:950;text-align:center;padding:12px;position:relative;gap:8px}.perk-slot.locked{border-color:var(--red);opacity:1}.perk-slot.selected{border-color:var(--accent);box-shadow:0 0 28px var(--accent-soft)}.perk-slot.rolling-build-slot{border-color:var(--accent);animation:buildSlotRoll .18s linear infinite alternate}.perk-slot.unavailable{filter:grayscale(1);opacity:.45}.perk-slot.filled{background:radial-gradient(circle at top,#ffffff14,#00000047)}.perk-icon{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.perk-name{display:block;overflow-wrap:anywhere;font-size:15px}.clear-slot{position:absolute;top:8px;right:10px;width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#ffffff1f;color:var(--text);font-size:18px}.perk-tooltip{pointer-events:none;opacity:0;position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%) translateY(8px);width:min(320px,90vw);display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;background:#050806f7;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:18px;padding:12px;color:var(--muted);text-align:left;z-index:30;box-shadow:0 20px 60px #00000080;transition:.15s ease}.perk-tooltip strong{display:block;color:var(--text);margin-bottom:4px}.tooltip-icon{width:54px;height:54px;object-fit:contain}.perk-slot:hover .perk-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.two-col{grid-template-columns:.85fr 1.35fr}.panel p,.muted-copy{color:var(--muted)}.perk-picker-list{display:flex;flex-wrap:wrap;gap:8px}.scrollable-perks{height:100%;min-height:0;overflow-y:auto;padding-right:6px;align-content:start}.perk-picker-list.scrollable-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:start;align-items:start}.scrollable-perks .perk-pill{width:100%;min-height:42px;flex:none}.perk-picker-list.large{max-height:420px;overflow:auto;padding-right:4px}.perk-pill{display:inline-flex;align-items:center;justify-content:flex-start;flex:1 1 190px;gap:8px;background:color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.04));border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);margin:0;padding:8px 10px;border-radius:999px}.mini-perk-icon{width:26px;height:26px;object-fit:contain}.survivor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(106px,1fr));gap:8px;padding-right:0}.survivor-card{position:relative;overflow:hidden;min-height:156px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;padding:10px}.survivor-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.92));z-index:-1}.survivor-card:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:48px solid transparent;border-left:48px solid transparent;filter:drop-shadow(0 0 10px currentColor)}.survivor-card.blooded:after{border-top-color:var(--green)}.survivor-card.consumed:after{border-top-color:var(--red)}.survivor-card strong{display:block;font-size:13px;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.9)}.survivor-card span{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.1em}.survivor-card.current{border-color:var(--accent);box-shadow:0 0 20px var(--accent-soft)}.survivor-card.blooded{border-color:var(--green)}.survivor-card.consumed{border-color:var(--red);opacity:.75}.survivor-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:-2}.image-fallback{display:grid;place-items:center;background:#ffffff14;color:var(--muted);font-weight:950;text-transform:uppercase}.event-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:10px 0;color:var(--muted)}.event-row strong{color:var(--text);text-transform:capitalize}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:50;padding:20px}.modal-card{width:min(760px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto}.option-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:16px 0;font-weight:900}.option-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}.option-row input[type=color]{width:58px;height:42px;border:1px solid var(--line);border-radius:10px;background:transparent}.rules-copy{display:grid;gap:12px;color:var(--muted);line-height:1.55;font-size:17px}.rules-copy p{margin:0}.rules-copy strong{color:var(--text)}.floating-picker{position:fixed;right:20px;bottom:20px;width:min(560px,calc(100vw - 40px));z-index:40}.site-footer{margin-top:18px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--muted);flex-wrap:wrap}.site-footer p{margin:0;max-width:760px}.footer-links{display:flex;gap:10px;flex-wrap:wrap}.footer-links a{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:9px 12px}.rules-links{margin-top:4px}.disclaimer{border-top:1px solid var(--line);padding-top:14px}.option-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.mode-heading{margin-bottom:8px}.overlay-root{width:100vw;height:100vh;background:transparent;display:grid;place-items:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.obs-card{width:680px;background:#050806e0;border:2px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:28px;padding:22px;color:#fff;box-shadow:0 14px 26px #00000052}.obs-headline{display:grid;grid-template-columns:128px 1fr;gap:16px;align-items:center}.obs-survivor-portrait{width:128px;height:128px;border-radius:18px;object-fit:cover;object-position:top center;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:#00000059}.obs-title{color:var(--accent);letter-spacing:.18em;font-weight:1000;font-size:16px}.obs-survivor{font-size:42px;font-weight:1000;margin:4px 0 0;line-height:.95}.obs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.obs-stats span,.obs-perk{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px;text-align:center}.obs-stats strong{display:block;font-size:26px;color:var(--accent)}.obs-build{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.obs-perk{min-height:116px;display:grid;align-content:center;justify-items:center;gap:6px}.obs-perk.unavailable{opacity:.42;filter:grayscale(1)}.obs-perk-icon{width:54px;height:54px;object-fit:contain}.obs-perk strong{font-size:13px;overflow-wrap:anywhere}.obs-footer{margin-top:14px;color:var(--muted);text-align:center}@keyframes pulseRoll{0%{transform:scale(.985);filter:brightness(.92)}to{transform:scale(1.015);filter:brightness(1.2)}}@keyframes buildSlotRoll{0%{transform:translateY(1px);filter:brightness(.95)}to{transform:translateY(-1px);filter:brightness(1.2)}}@media (max-width: 980px){.hero-dashboard-grid,.two-col,.survivor-layout,.bottom-two-col{grid-template-columns:1fr}.top-stats{grid-template-columns:repeat(2,1fr)}.perk-row{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (max-width: 800px){.top-nav,.panel-heading-row{align-items:stretch;flex-direction:column}.panel-heading-row span{text-align:left}.obs-card{width:calc(100vw - 24px)}.obs-headline{grid-template-columns:96px 1fr}.obs-survivor-portrait{width:96px;height:96px}.obs-survivor{font-size:30px}}.top-stats{grid-template-columns:repeat(7,minmax(100px,1fr))}@media (max-width: 980px){.top-stats{grid-template-columns:repeat(2,1fr)}}.bottom-two-col{grid-template-columns:.95fr 1.05fr;align-items:stretch}.bottom-two-col>.panel,.bottom-two-col>.history-panel{height:620px;min-height:0;display:flex;flex-direction:column}.bottom-two-col>.panel>div{flex:1;min-height:0;display:flex;flex-direction:column}@media (max-width: 1180px){.survivor-layout,.bottom-two-col{grid-template-columns:1fr}.bottom-two-col>.panel,.bottom-two-col>.history-panel{height:560px}}@media (max-width: 520px){.two-buttons{grid-template-columns:1fr}}.start-mode-grid{margin-top:16px}.start-mode-grid .mode-card{min-height:120px;text-align:left;justify-items:start}.start-mode-grid .mode-card span{display:block;margin-top:8px;color:var(--muted);font-size:14px;line-height:1.35;font-weight:700}.rules-expanded{font-size:16px}.mode-rules-list{display:grid;gap:10px;margin-top:6px}.mode-rule-line{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;gap:12px;border:1px solid var(--line);background:#ffffff0a;border-radius:16px;padding:12px}.mode-rule-line strong{color:var(--accent)}.history-panel{margin-top:0;min-height:0}.history-panel .panel-heading-row{flex-shrink:0}.history-list{display:grid;gap:10px;flex:1;min-height:0;overflow-y:auto;padding-right:6px;align-content:start}.history-row{display:grid;grid-template-columns:16px 1fr;gap:12px;border:1px solid var(--line);background:#ffffff0a;border-radius:16px;padding:12px;color:var(--muted)}.history-dot{width:12px;height:12px;border-radius:999px;background:#f7c948;margin-top:5px;box-shadow:0 0 14px #f7c94840}.history-row.escaped .history-dot{background:#4f8;box-shadow:0 0 14px #44ff8847}.history-row.died .history-dot{background:#ff4757;box-shadow:0 0 14px #ff475740}.history-row.run_started .history-dot,.history-row.randomised_build .history-dot,.history-row.randomised_survivor .history-dot,.history-row.perk_selected .history-dot,.history-row.perk_cleared .history-dot,.history-row.undo_applied .history-dot,.history-row.run_imported .history-dot,.history-row.new_run .history-dot,.history-row.reset .history-dot,.history-row.imported .history-dot,.history-row.exported .history-dot{background:#f7c948;box-shadow:0 0 14px #f7c94840}.history-row.escaped{border-color:#44ff8838}.history-row.died{border-color:#ff475738}.history-row.run_started,.history-row.randomised_build,.history-row.randomised_survivor,.history-row.perk_selected,.history-row.perk_cleared,.history-row.undo_applied,.history-row.run_imported,.history-row.new_run,.history-row.reset,.history-row.imported,.history-row.exported{border-color:#f7c94833}.history-topline{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.history-topline strong{color:var(--text);text-transform:capitalize}.history-topline time{font-size:12px;color:var(--muted);white-space:nowrap}.history-row p{margin:6px 0 0;line-height:1.35}.history-row code{display:block;margin-top:8px;padding:8px 10px;border-radius:10px;background:#00000040;border:1px solid var(--line);color:var(--accent);white-space:normal;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.obs-card.compact .obs-stats span,.obs-card.compact .obs-perk{padding:7px;border-radius:10px}.obs-card.compact .obs-stats strong{font-size:20px}.obs-card.compact .obs-perk{min-height:78px}.obs-card.compact .obs-perk-icon{width:36px;height:36px}.obs-card.compact .obs-perk strong{font-size:11px}@media (max-width: 760px){.mode-rule-line{grid-template-columns:1fr}.history-topline{flex-direction:column;gap:4px}}.sync-status{color:var(--muted);margin:16px auto 0;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.tool-top-nav{align-items:flex-start}.brand-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.plain-nav-link,.plain-button-link{color:var(--text);font-weight:900}.tool-title-mini{color:var(--text);font-weight:900;letter-spacing:.02em;font-family:var(--font-body);border:0;background:transparent;box-shadow:none}.top-actions button,.top-actions .plain-button-link{min-height:42px;display:inline-flex;align-items:center}.dropdown-panel{position:sticky;top:12px;z-index:35;margin:0 0 18px auto;width:min(720px,100%);background:#0d1410f5;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:24px;padding:18px;box-shadow:0 24px 90px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dropdown-panel .panel-heading-row{margin-bottom:8px}.compact-option-row{padding:12px 0}.stacked-option-row{display:grid;grid-template-columns:1fr;align-items:stretch}.inline-buttons,.option-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.colour-option-row{align-items:center}.colour-picker-wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.colour-picker-wrap input[type=color]{width:70px;height:48px;padding:3px;border-radius:14px}.colour-text{width:110px;border:1px solid var(--line);border-radius:12px;background:#ffffff0f;color:var(--text);padding:10px;font-weight:900;text-transform:uppercase}.preset-row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:8px 0 12px;border-bottom:1px solid var(--line)}.colour-preset{width:34px;height:34px;border-radius:999px;padding:0;background:var(--swatch);border:2px solid rgba(255,255,255,.28);box-shadow:0 0 18px color-mix(in srgb,var(--swatch) 55%,transparent)}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.segmented-control button{padding:10px;border-radius:12px}.segmented-control button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px var(--accent)}.recommendation-box{margin-top:14px;display:grid;gap:5px;color:var(--muted);border:1px solid var(--line);background:#ffffff0a;border-radius:16px;padding:12px}.recommendation-box strong{color:var(--text)}.action-menu-buttons{justify-content:flex-start}.dashboard-header{padding-top:28px}.challenge-mode-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}.current-survivor-card{min-height:340px}.current-portrait-wrap{min-height:250px}.current-survivor-portrait{height:312px}.current-survivor-card strong{font-size:clamp(24px,2.5vw,36px)}.perk-tooltip{bottom:auto;top:calc(100% + 12px);transform:translate(-50%) translateY(-8px)}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-card{background:linear-gradient(145deg,#111915f7,#1e232ff5);border-color:#ffffff24;box-shadow:0 28px 110px #00000094}.wide-modal{width:min(980px,100%)}.pretty-rules{gap:14px}.rule-bubble{display:grid;grid-template-columns:minmax(150px,.28fr) 1fr;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#ffffff0a}.rule-bubble strong{font-size:16px}.rule-core{border-color:#44ff8852}.rule-escape{border-color:#44ff8873;background:#44ff880f}.rule-death{border-color:#ff475773;background:#ff47570f}.rule-grace{border-color:#f7c94873;background:#f7c9480f}.grace-examples{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.grace-examples span{border-radius:14px;padding:10px;background:#00000038;border:1px solid var(--line)}.mode-rule-line.casual{border-color:#44ff8840}.mode-rule-line.standard{border-color:#38bdf840}.mode-rule-line.hardcore{border-color:#f7c94859}.mode-rule-line.entity{border-color:#7c5cff59}.confirm-box{display:grid;gap:12px;color:var(--muted);font-size:17px}.confirm-box p{margin:0}.confirm-box.warning{border-left:4px solid var(--gold);padding-left:14px}.confirm-box.danger{border-left:4px solid var(--red);padding-left:14px}.stats-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stats-bubble{min-height:118px;border:1px solid var(--line);border-radius:20px;padding:16px;background:#ffffff0a;display:grid;align-content:center;gap:8px}.stats-bubble span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:900}.stats-bubble strong{font-size:clamp(28px,4vw,46px);line-height:1}.stats-bubble small{color:var(--muted);font-weight:800}.progress-bubble strong{color:var(--accent)}.matches-bubble{grid-row:span 2}.stats-lines{display:grid;gap:8px}.stats-lines p{display:flex;justify-content:space-between;margin:0;border-bottom:1px solid var(--line);padding-bottom:8px}.positive{color:var(--accent)}.negative{color:var(--red)}.feedback-cards{display:grid;gap:10px}.feedback-cards a{display:block;border:1px solid var(--line);background:#ffffff0d;border-radius:14px;padding:12px;color:var(--text)}.home-shell{width:min(1180px,calc(100% - 32px))}.home-hero-card{min-height:330px;display:grid;align-content:end;gap:14px;padding:34px;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 20%,transparent),transparent 38%),linear-gradient(145deg,#121915e6,#121822e6);box-shadow:0 28px 100px #0000006b}.home-hero-card h1{max-width:760px}.home-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.home-tile{aspect-ratio:1 / 1;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;isolation:isolate;border:1px solid var(--line);border-radius:28px;padding:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,rgba(18,25,21,.94)),#19212df0);color:var(--text);box-shadow:0 18px 60px #00000059}.home-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.22;background:radial-gradient(circle at top,var(--accent),transparent 48%)}.home-tile h2{font-size:clamp(22px,2vw,28px);margin:0 0 8px;line-height:1.05;text-wrap:balance}.home-tile p{color:var(--muted);margin:0;line-height:1.35;font-size:clamp(13px,1.15vw,15px)}.home-tile>span{color:var(--accent);font-weight:950}.broken-tile{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.coming-soon-tile{opacity:.82}.obs-card.minimal{width:420px;padding:12px;border-radius:18px;background:#050806c7}.obs-card.minimal .obs-stats{margin-top:0}.obs-card.minimal .obs-stats span{padding:9px 10px;border-radius:12px}.obs-card.minimal .obs-stats strong{font-size:22px}.obs-card.compact .obs-stats{display:none}.obs-card.compact{width:620px}.obs-card.compact .obs-build{margin-top:12px}.obs-footer{display:none}@media (max-width: 980px){.challenge-mode-grid,.home-tool-grid,.stats-modal-grid,.grace-examples{grid-template-columns:1fr}.brand-line{width:100%;justify-content:space-between}}@media (max-width: 760px){.rule-bubble,.segmented-control{grid-template-columns:1fr}}.start-mode-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.start-mode-grid .mode-card{min-height:150px}.dashboard-shell{padding-top:28px}.tool-top-nav{margin-bottom:18px}.brand-line .plain-nav-link,.top-actions .plain-button-link{color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:12px 16px;font-weight:900;min-height:42px;display:inline-flex;align-items:center}.brand-line .plain-nav-link:hover,.top-actions .plain-button-link:hover{border-color:var(--accent);box-shadow:0 0 22px var(--accent-soft)}.tool-title-mini{color:var(--text);background:#ffffff0d;border:1px solid var(--line);border-radius:14px;padding:12px 16px;min-height:42px;display:inline-flex;align-items:center}.dropdown-panel.embedded-dropdown{position:static;width:100%;margin:12px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.options-accordion-wrap{display:grid;gap:14px}.option-accordion{border:1px solid var(--line);border-radius:20px;background:#ffffff0a;padding:14px}.option-accordion summary{cursor:pointer;font-weight:1000;font-size:18px;color:var(--text)}.option-accordion[open] summary{color:var(--accent);margin-bottom:4px}.current-survivor-card{min-height:340px;padding:18px}.current-portrait-wrap{min-height:250px;border-radius:24px}.current-survivor-portrait{height:300px}.current-survivor-card strong{font-size:clamp(24px,2.4vw,36px)}.current-survivor-card span{font-size:11px}.perk-tooltip{top:calc(100% + 12px);bottom:auto;transform:translate(-50%) translateY(-8px);z-index:100}.perk-slot:hover .perk-tooltip{transform:translate(-50%) translateY(0)}.modal-card.wide-modal{width:min(1060px,calc(100vw - 40px))}.start-run-header{display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);margin-bottom:16px}.start-run-header h3{margin:0;font-size:clamp(24px,3vw,38px);line-height:1}.start-run-header p{margin:0;color:var(--muted)}.start-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.start-mode-grid .mode-card{aspect-ratio:1 / 1;min-height:0;align-content:start;justify-items:start;text-align:left;padding:16px}.start-mode-grid .mode-card strong{font-size:clamp(18px,1.8vw,24px)}.start-mode-grid .mode-card span{font-size:13px;line-height:1.3}.stats-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-bubble.rule-escape{border-color:#44ff886b;background:#44ff8812}.rule-bubble.rule-death{border-color:#ff47576b;background:#ff475712}.rule-bubble.rule-grace{border-color:#f7c9486b;background:#f7c94812}.obs-card.compact{width:520px;padding:16px}.obs-card.compact .obs-stats{display:grid;margin-top:12px}.obs-card.compact .obs-build{display:none}.obs-card.compact .obs-headline{grid-template-columns:82px 1fr;gap:12px}.obs-card.compact .obs-survivor-portrait{width:82px;height:82px;border-radius:14px}.obs-card.compact .obs-title{font-size:13px;letter-spacing:.14em}.obs-card.compact .obs-survivor{font-size:30px}.obs-card.minimal .obs-headline,.obs-card.minimal .obs-build{display:none}.obs-card.minimal .obs-stats{display:grid;margin-top:0}@media (max-width: 980px){.start-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.start-mode-grid{grid-template-columns:1fr}.start-mode-grid .mode-card{aspect-ratio:auto;min-height:150px}}h1,h2,.dashboard-header h1,.home-hero-card h1,.obs-survivor,.mode-card strong,.tool-title-mini{font-family:var(--font-display);letter-spacing:.035em}body,button,input,textarea{font-family:var(--font-body)}.simple-home-hero{min-height:220px;align-content:center;text-align:center}.simple-home-hero h1{max-width:none;white-space:nowrap;font-size:clamp(34px,6vw,82px)}@media (max-width: 760px){.simple-home-hero h1{white-space:normal}}.tool-title-mini{background:transparent;border:0;padding-left:0;padding-right:0;color:var(--text);box-shadow:none}.survivor-layout{grid-template-columns:minmax(280px,.52fr) minmax(0,1.75fr)}.current-column{max-width:300px;width:100%}.current-survivor-card{min-height:auto;padding:14px;justify-items:stretch}.current-portrait-wrap{width:100%;min-height:0;aspect-ratio:106 / 156;border-radius:22px}.current-survivor-portrait{width:100%;height:100%;object-fit:cover;object-position:top center}.current-survivor-card strong{font-size:clamp(22px,2vw,30px)}.current-survivor-card:before{top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.3}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}.theme-preset-card{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 12px;border-radius:14px}.theme-swatch{width:24px;height:24px;flex:0 0 24px;border-radius:999px;background:var(--swatch);box-shadow:0 0 16px color-mix(in srgb,var(--swatch) 65%,transparent);border:2px solid rgba(255,255,255,.28)}.page-theme-dropdown .muted-copy{margin-bottom:0}.build-panel{padding:18px}.build-panel .panel-heading-row{margin-bottom:10px}.build-panel h2{font-size:22px}.build-panel .panel-heading-row span{font-size:13px;line-height:1.35}.build-row{gap:10px}.build-row .perk-slot{min-height:108px;padding:10px;border-radius:16px;gap:5px}.build-row .perk-icon{width:52px;height:52px}.build-row .perk-name{font-size:13px;line-height:1.15}.build-row .clear-slot{top:6px;right:8px;width:20px;height:20px;font-size:15px}.mode-panel.compact-panel{display:none}.tool-top-nav{margin-bottom:12px}.plain-nav-link,.plain-button-link,.tool-title-mini{color:var(--text);font-family:var(--font-body);letter-spacing:.01em}.plain-nav-link:hover,.plain-button-link:hover{color:var(--text)}.survivor-layout{grid-template-columns:minmax(330px,.62fr) minmax(0,1.9fr);gap:14px}.current-column{max-width:350px;width:100%}.current-portrait-wrap{width:min(100%,312px);margin-inline:auto;aspect-ratio:106 / 136;border-radius:22px;min-height:0}.current-survivor-portrait{width:100%;height:100%;object-fit:cover;object-position:center bottom}.current-survivor-nameplate{margin-top:-2px}.current-survivor-card strong{font-size:clamp(20px,1.8vw,28px)}.current-survivor-card span{font-size:10px}.survivor-layout>.panel{width:100%}.survivor-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.hero-card,.dashboard-header,.mode-panel,.build-panel,.panel,.event-panel,.current-survivor-card,.modal-card,.floating-picker,.site-footer,.stat-card,.tool-card,.mode-card,.survivor-card,.home-tile,.home-hero-card{border-color:var(--line);box-shadow:0 22px 72px color-mix(in srgb,var(--accent) 10%,rgba(0,0,0,.38))}button:hover,.primary-button:hover,.ghost-button:hover{box-shadow:0 0 18px color-mix(in srgb,var(--accent) 20%,transparent)}.mode-card.selected,.perk-slot.selected,.survivor-card.current{box-shadow:inset 0 0 0 1px var(--accent),0 0 22px color-mix(in srgb,var(--accent) 20%,transparent)}h1,h2,.dashboard-header h1,.home-hero-card h1,.obs-survivor,.mode-card strong,.tool-title-mini{font-family:var(--font-body);letter-spacing:.015em}.simple-home-hero h1{font-size:clamp(30px,5.1vw,70px)}@media (max-width: 1180px){.survivor-layout{grid-template-columns:1fr}.current-column{max-width:350px}}.home-shell{min-height:100vh;display:grid;align-content:center;gap:24px}.home-tool-grid{margin-top:0;width:min(980px,100%);margin-inline:auto;align-items:stretch}.home-tile h2{font-size:clamp(26px,2.2vw,34px);line-height:1.02;overflow-wrap:anywhere}.home-tile p{font-size:clamp(13px,.95vw,15px);line-height:1.35}.dashboard-shell:before{background:radial-gradient(circle at top,color-mix(in srgb,var(--accent) 10%,#101912),transparent 56%),radial-gradient(circle at left,color-mix(in srgb,var(--accent) 5%,transparent),transparent 44%)}.hero-card,.dashboard-header,.mode-panel,.build-panel,.panel,.event-panel,.current-survivor-card,.modal-card,.floating-picker,.site-footer,.stat-card,.tool-card,.mode-card,.survivor-card,.home-tile,.home-hero-card{background:linear-gradient(145deg,#121915e0,#0b0f0de6);border-color:#ffffff1f;box-shadow:0 24px 80px #00000059,0 0 22px color-mix(in srgb,var(--accent) 7%,transparent)}.stat-card,.tool-card,.mode-card,.survivor-card,.option-accordion,.top-actions a,button,.primary-button,.ghost-button{background:linear-gradient(145deg,#1c241fe0,#121815eb)}.current-actions .success,.action-menu-buttons .success{background:#44ff8829;border-color:#44ff8885;box-shadow:none}.current-actions .success:hover,.action-menu-buttons .success:hover{border-color:#44ff88c7;box-shadow:0 0 18px #4f83}.current-actions .danger,.action-menu-buttons .danger{background:#ff475729;border-color:#ff475785;box-shadow:none}.current-actions .danger:hover,.action-menu-buttons .danger:hover{border-color:#ff4757c7;box-shadow:0 0 18px #ff475733}.option-accordion{background:#ffffff0e;border-color:#ffffff29}.option-accordion[open]{background:#0000002e;border-color:color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.15))}.survivor-layout{grid-template-columns:minmax(355px,.68fr) minmax(0,1.95fr);gap:14px}.current-column{max-width:375px}.current-survivor-card{padding:12px}.current-portrait-wrap{width:min(100%,342px);height:370px;aspect-ratio:auto;display:block;margin-inline:auto;overflow:hidden}.current-survivor-portrait{width:100%;height:calc(100% + 34px);object-fit:cover;object-position:center 74%;transform:translateY(14px) scale(1.035);transform-origin:center bottom}.current-survivor-nameplate{margin-top:-4px}.current-survivor-card:before{opacity:.18}.survivor-layout>.panel{align-self:stretch}@media (max-width: 1180px){.survivor-layout{grid-template-columns:1fr}.current-column{max-width:375px}}.character-pool-dropdown{display:grid;gap:14px}.character-pool-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#ffffff0d}.character-pool-summary div{display:grid;gap:4px}.character-pool-summary strong{font-size:18px}.character-pool-summary span{color:var(--muted);font-size:13px}.character-pool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;max-height:430px;overflow:auto;padding-right:4px}.character-pool-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0000002e}.character-pool-card.disabled{opacity:.72;border-color:#f7c94838}.character-pool-card strong{display:block;line-height:1.1;font-size:14px}.character-pool-card span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.pool-survivor-thumb{width:46px;height:46px;border-radius:12px;object-fit:cover;object-position:top center;background:#0006;border:1px solid rgba(255,255,255,.12)}.toggle-switch{width:52px;height:30px;position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-switch input{position:absolute;opacity:0;pointer-events:none}.toggle-switch span{width:52px;height:30px;border-radius:999px;background:#ff475738;border:1px solid rgba(255,255,255,.14);transition:.18s ease;position:relative}.toggle-switch span:after{content:"";position:absolute;width:22px;height:22px;border-radius:999px;background:#ffffffe0;left:3px;top:3px;transition:.18s ease;box-shadow:0 4px 14px #00000059}.toggle-switch.checked span{background:#44ff883d;border-color:#44ff886b}.toggle-switch.checked span:after{transform:translate(22px);background:#fff}.toggle-switch.disabled{opacity:.45;cursor:not-allowed}.survivor-card.disabled{filter:grayscale(.65);opacity:.55}.survivor-card.wildcard{filter:none;opacity:1;border-color:#f7c94873;background:radial-gradient(circle at center,#f7c94829,#0000006b)}.survivor-card.wildcard:after{border-top-color:#f7c948}.survivor-wildcard-mark,.current-wildcard-mark{display:grid;place-items:center;font-weight:1000;color:#f7c948;text-shadow:0 0 22px rgba(247,201,72,.42);background:radial-gradient(circle,#f7c94829,#000000b8)}.survivor-wildcard-mark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;font-size:74px}.current-wildcard-mark{width:100%;height:100%;border-radius:22px;font-size:140px}.current-survivor-card.wildcard-preview .current-portrait-wrap{border-color:#f7c94880;box-shadow:0 0 34px #f7c9482e}@media (max-width: 760px){.character-pool-grid{grid-template-columns:1fr}.character-pool-summary{align-items:stretch;flex-direction:column}}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title-row h2{margin:0}.small-panel-button{padding:8px 11px;border-radius:12px;font-size:12px;white-space:nowrap}.option-reset-row{margin-top:12px;border-top:1px solid rgba(255,255,255,.12)}.stats-run-actions{margin-top:16px}.stats-run-actions .action-menu-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.sticky-modal-actions{justify-content:flex-end;margin-top:14px}.overlay-dropdown .preset-grid,.page-theme-dropdown .preset-grid{margin-bottom:12px}.character-pool-dropdown{padding-top:2px}@media (max-width: 760px){.panel-title-row{align-items:stretch;flex-direction:column}.small-panel-button{width:100%}.stats-run-actions .action-menu-buttons{grid-template-columns:1fr}}.character-pool-modal-panel{width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.character-pool-card{width:100%;text-align:left;color:var(--text);cursor:pointer;transition:transform .06s ease,background .06s ease,border-color .06s ease,opacity .06s ease}.character-pool-card:hover:not(:disabled){transform:translateY(-1px);background:#ffffff0e}.character-pool-card:disabled{cursor:not-allowed}.pool-status-pill{justify-self:end;min-width:48px;text-align:center;border-radius:999px;padding:7px 9px;border:1px solid rgba(255,255,255,.14);background:#0000003d;color:var(--text);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.character-pool-card.enabled .pool-status-pill{border-color:#44ff886b;background:#44ff881f;color:#b9ffd2}.character-pool-card.disabled .pool-status-pill{border-color:#ff47575c;background:#ff47571c;color:#ffc3c9}.toggle-switch span,.toggle-switch span:after{transition:.06s ease}.difficulty-bubble{align-content:start}.reset-run-inline{margin-top:4px;justify-self:start;padding:9px 13px;min-height:38px;border-radius:12px}.stats-run-actions{overflow:hidden;transition:background .18s ease,border-color .18s ease,padding .18s ease,margin .18s ease}.stats-run-actions[open]{padding-bottom:16px}.stats-run-actions .run-actions-dropdown{animation:runActionsReveal .18s ease both}.stats-run-actions .action-menu-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@keyframes runActionsReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 760px){.stats-run-actions .action-menu-buttons{grid-template-columns:1fr}}.modal-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.stats-modal-card{max-height:none;overflow:visible;transition:min-height .18s ease,height .18s ease,transform .18s ease}.stats-modal-card .stats-run-actions{overflow:visible}.reset-run-header{border-color:#ff475785;background:#ff475729;box-shadow:none}.reset-run-header:hover{border-color:#ff4757c7;box-shadow:0 0 18px #ff475733}.character-pool-modal-card{overflow:auto}.character-pool-modal-card .panel-heading-row{position:sticky;top:0;z-index:2;padding-bottom:14px;background:linear-gradient(145deg,#111915fa,#1e232ff7);border-bottom:1px solid rgba(255,255,255,.1)}.modal-body{min-height:0}.confirm-box.warning,.confirm-box.danger{padding:16px 18px;border-radius:0 14px 14px 0}.confirm-box.warning{border-left:4px solid var(--gold)}.confirm-box.danger{border-left:4px solid var(--red)}.bottom-two-col>.panel>.panel-title-row{flex:0 0 auto;min-height:0;display:flex}.bottom-two-col>.panel>div:not(.panel-title-row){flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.scrollable-perks{height:auto;flex:1 1 auto;justify-content:start;align-content:start;overflow-y:auto}.character-pool-modal-card{max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column}.character-pool-modal-card>.panel-heading-row{position:relative;top:auto;z-index:3;flex:0 0 auto;margin-bottom:12px;padding-bottom:14px;background:linear-gradient(145deg,#111915fa,#1e232ff7);border-bottom:1px solid rgba(255,255,255,.1)}.character-pool-modal-card>.modal-body{overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:4px}.character-pool-modal-card .character-pool-grid{max-height:none;overflow:visible;padding-right:0}.character-pool-modal-card .character-pool-summary{position:relative;z-index:1}.stats-modal-card{max-height:none;overflow:visible}.stats-modal-card>.modal-body{overflow:visible}.stats-extra-panel{border:1px solid rgba(255,255,255,.12);background:#ffffff0e;border-radius:18px;padding:16px;margin-top:14px;box-shadow:inset 0 1px #ffffff0f}.stats-dropdown{display:block}.stats-dropdown-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;list-style:none}.stats-dropdown-summary::-webkit-details-marker{display:none}.stats-dropdown-summary h3{margin:0}.stats-dropdown-summary span{color:var(--muted);text-align:right}.stats-dropdown[open] .stats-dropdown-summary{margin-bottom:12px}.compact-heading-row h3{margin:0;font-size:1rem}.validation-grid,.profile-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.validation-grid span{border:1px solid rgba(255,255,255,.1);background:#00000029;border-radius:14px;padding:10px 12px;color:var(--muted)}.validation-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;border:1px solid rgba(255,255,255,.14);font-size:.78rem;color:var(--muted);white-space:nowrap}.validation-pill.validated{color:var(--accent);border-color:#44ff8847;background:#44ff8814}.validation-pill.unverified{color:var(--gold);border-color:#f7c94847;background:#f7c94814}.validation-pill.progress{color:#38bdf8;border-color:#38bdf847;background:#38bdf814}.archive-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.archive-summary-grid article{border:1px solid rgba(255,255,255,.1);background:#00000029;border-radius:14px;padding:12px}.archive-summary-grid span{display:block;color:var(--muted);font-size:.78rem}.archive-summary-grid strong{display:block;margin-top:4px;font-size:1.2rem}.archive-list{display:grid;gap:10px;margin-top:12px}.archive-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.1);background:#00000029;border-radius:14px;padding:12px 14px}.archive-row strong,.archive-row span{display:block}.archive-row div>span{color:var(--muted);font-size:.84rem;margin-top:3px}.profile-settings-grid .option-row{margin:0}.profile-settings-grid input[type=text],.profile-settings-grid input[type=url]{width:min(100%,260px);border:1px solid rgba(255,255,255,.16);background:#0000003d;border-radius:12px;color:var(--text);padding:10px 12px}.vod-row{grid-column:1 / -1}.vod-row input[type=url]{width:min(100%,460px)}.profile-copy-buttons{margin-top:12px}.public-shell{min-height:100vh}.public-profile-grid{display:grid;gap:18px}.public-hero-panel h1{margin:4px 0 8px;font-size:clamp(2rem,5vw,4rem)}.public-panel{padding:22px}.public-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.leaderboard-tabs{margin:18px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.leaderboard-tabs button{min-height:38px;padding:8px 10px;font-size:13px;white-space:nowrap}.leaderboard-panel{display:grid;gap:8px}.leaderboard-header-row,.leaderboard-row{display:grid;grid-template-columns:70px 1.6fr repeat(4,minmax(90px,1fr));gap:10px;align-items:center}.leaderboard-header-row{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;padding:0 14px 6px}.leaderboard-row{border:1px solid rgba(255,255,255,.1);background:#00000029;border-radius:14px;padding:12px 14px}.leaderboard-row a{color:var(--text);text-decoration:none;font-weight:800}.leaderboard-row a:hover{color:var(--accent)}@media (max-width: 850px){.validation-grid,.profile-settings-grid,.archive-summary-grid,.public-stat-grid{grid-template-columns:1fr}.leaderboard-header-row{display:none}.leaderboard-row{grid-template-columns:1fr 1fr}}.top-actions button,.top-actions .plain-button-link{min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:14px;line-height:1;font-weight:900;letter-spacing:0;color:var(--text)}.sign-in-placeholder{border-color:color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.14))}.stats-modal-card{max-height:calc(100vh - 44px);overflow:hidden;display:flex;flex-direction:column}.stats-modal-card>.panel-heading-row{flex:0 0 auto}.stats-modal-card>.modal-body{overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:6px}.streak-card,.streak-bubble,.obs-streak-stat{--streak-colour: var(--text);position:relative;overflow:hidden;isolation:isolate;border-color:color-mix(in srgb,var(--streak-colour) 28%,rgba(255,255,255,.12))}.streak-card:after,.streak-bubble:after,.obs-streak-stat:after{content:"";position:absolute;top:-80%;right:-30%;bottom:-80%;left:-30%;z-index:-1;background:radial-gradient(circle at center,color-mix(in srgb,var(--streak-colour) 22%,transparent),transparent 58%);opacity:.36;transform:rotate(12deg);pointer-events:none}.streak-card strong,.streak-bubble strong,.obs-streak-stat strong{color:var(--streak-colour);text-shadow:0 0 18px color-mix(in srgb,var(--streak-colour) 38%,transparent)}.streak-label,.obs-streak-label{display:block;margin-top:5px;color:color-mix(in srgb,var(--streak-colour) 72%,var(--muted));font-size:10px;line-height:1.15;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.obs-streak-stat{display:grid;gap:2px}.obs-streak-label{margin-top:0;font-size:8px;line-height:1}.streak-tier-1{--streak-colour: #44ff88}.streak-tier-2{--streak-colour: #38bdf8;animation:streakPulseSlow 2.6s ease-in-out infinite}.streak-tier-3{--streak-colour: #7c5cff;animation:streakPulseSlow 2.25s ease-in-out infinite}.streak-tier-4{--streak-colour: #f7c948;animation:streakPulseMedium 1.8s ease-in-out infinite}.streak-tier-5{--streak-colour: #f97316;animation:streakPulseMedium 1.55s ease-in-out infinite}.streak-tier-6{--streak-colour: #ff7ad9;animation:streakPulseFast 1.25s ease-in-out infinite}.streak-tier-7{--streak-colour: #ff4757;animation:streakPulseFast 1.1s ease-in-out infinite}.streak-tier-8{--streak-colour: #b6ff3b;animation:streakPulseHeavy .95s ease-in-out infinite}.streak-tier-9{--streak-colour: #c084fc;animation:streakPulseHeavy .82s ease-in-out infinite}.streak-tier-10{--streak-colour: #ff2d55;animation:streakPulseChaos .7s ease-in-out infinite,streakShake 3.4s ease-in-out infinite}.streak-tier-8:after,.streak-tier-9:after,.streak-tier-10:after{animation:streakSweep 2.6s linear infinite}@keyframes streakPulseSlow{0%,to{box-shadow:0 22px 72px color-mix(in srgb,var(--streak-colour) 12%,rgba(0,0,0,.38));transform:translateY(0)}50%{box-shadow:0 22px 84px color-mix(in srgb,var(--streak-colour) 26%,rgba(0,0,0,.42));transform:translateY(-1px)}}@keyframes streakPulseMedium{0%,to{box-shadow:0 22px 72px color-mix(in srgb,var(--streak-colour) 16%,rgba(0,0,0,.38));transform:translateY(0) scale(1)}50%{box-shadow:0 24px 96px color-mix(in srgb,var(--streak-colour) 34%,rgba(0,0,0,.42));transform:translateY(-1px) scale(1.015)}}@keyframes streakPulseFast{0%,to{box-shadow:0 22px 72px color-mix(in srgb,var(--streak-colour) 18%,rgba(0,0,0,.38));transform:translateY(0) scale(1)}50%{box-shadow:0 26px 110px color-mix(in srgb,var(--streak-colour) 42%,rgba(0,0,0,.42));transform:translateY(-2px) scale(1.025)}}@keyframes streakPulseHeavy{0%,to{box-shadow:0 22px 72px color-mix(in srgb,var(--streak-colour) 20%,rgba(0,0,0,.38));transform:translateY(0) scale(1)}50%{box-shadow:0 28px 120px color-mix(in srgb,var(--streak-colour) 50%,rgba(0,0,0,.42));transform:translateY(-2px) scale(1.035)}}@keyframes streakPulseChaos{0%,to{box-shadow:0 22px 72px color-mix(in srgb,var(--streak-colour) 22%,rgba(0,0,0,.38));transform:translateY(0) scale(1)}50%{box-shadow:0 30px 130px color-mix(in srgb,var(--streak-colour) 58%,rgba(0,0,0,.42));transform:translateY(-2px) scale(1.045)}}@keyframes streakShake{0%,86%,to{translate:0 0}88%{translate:-2px 0}90%{translate:2px 0}92%{translate:-1px 0}94%{translate:1px 0}}@keyframes streakSweep{0%{transform:translate(-25%) rotate(12deg);opacity:.18}50%{opacity:.5}to{transform:translate(25%) rotate(12deg);opacity:.18}}.streak-motion-off,.streak-motion-off:after{animation:none}@media (prefers-reduced-motion: reduce){.streak-card,.streak-bubble,.obs-streak-stat,.streak-card:after,.streak-bubble:after,.obs-streak-stat:after{animation:none}}.modal-card.options-preview-modal{width:min(1420px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 44px);overflow:hidden;display:flex;flex-direction:column}.options-preview-modal>.panel-heading-row{flex:0 0 auto}.options-preview-modal>.modal-body{overflow-x:hidden;overflow-y:auto;min-width:0;min-height:0;padding-right:6px}.options-preview-group{display:grid;grid-template-columns:minmax(520px,1fr) minmax(560px,600px);gap:22px;align-items:start;justify-content:center;min-width:0}.options-preview-group>*{min-width:0}.options-overlay-preview{position:sticky;top:0;align-self:start;display:grid;gap:12px;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;min-width:0;overflow:visible;z-index:2}.preview-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.preview-label-row strong{color:var(--accent)}.preview-obs-card{width:550px;max-width:100%;margin-inline:auto;transform:scale(.82);transform-origin:top center;margin-bottom:-72px}.preview-obs-card.compact,.preview-obs-card.minimal{width:550px;max-width:100%}.archive-row{display:block}.archive-row summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}.archive-row summary::-webkit-details-marker{display:none}.archive-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.archive-detail-grid span{border:1px solid rgba(255,255,255,.1);background:#0000002e;border-radius:12px;padding:9px 10px;color:var(--muted);font-size:12px}.archive-detail-grid strong{display:block;color:var(--text);margin-top:3px}.archive-row-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;flex-wrap:wrap}.archive-row-actions button,.show-all-runs-button{min-height:36px;padding:8px 12px;border-radius:12px;font-size:12px}.show-all-runs-button{margin-top:12px;width:100%}.hidden-archive-row{opacity:.78;border-color:#38bdf83d}.leaderboard-modal-card{width:min(1280px,calc(100vw - 40px));max-height:calc(100vh - 44px);overflow:hidden;display:flex;flex-direction:column}.leaderboard-modal-card>.modal-body{overflow-y:auto;min-height:0;padding-right:6px}.popup-leaderboard-panel{margin-top:14px}@media (max-width: 1180px){.modal-card.options-preview-modal{width:min(980px,calc(100vw - 28px))}.options-preview-group{grid-template-columns:1fr}.options-overlay-preview{position:relative;top:auto}.preview-obs-card{transform:none;margin-bottom:0;width:550px;max-width:100%}.preview-obs-card.compact,.preview-obs-card.minimal{width:550px;max-width:100%}}@media (max-width: 760px){.modal-card.options-preview-modal{width:min(100%,calc(100vw - 24px))}.archive-detail-grid,.leaderboard-tabs{grid-template-columns:1fr 1fr}.archive-row summary{align-items:stretch;flex-direction:column}.preview-obs-card,.preview-obs-card.compact,.preview-obs-card.minimal{width:100%}}
