:root{--bg:#080b09;--panel:#121915e0;--panel-2:#1b241feb;--accent:#4f8;--green:var(--accent);--accent-soft:color-mix(in srgb, var(--accent) 18%, transparent);--red:#ff4757;--gold:#f7c948;--text:#f4fff8;--muted:#aab8af;--line:#ffffff1f;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}a{color:var(--accent);font-weight:800;text-decoration:none}button,.primary-button,.ghost-button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:14px;padding:12px 16px;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:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.danger{background:#ff475729;border-color:#ff475773}.site-shell{width:min(1520px,100% - 32px);margin:0 auto;padding:32px 0;position:relative}.dashboard-shell:before{content:"";background:radial-gradient(circle at top, color-mix(in srgb, var(--accent) 18%, #101912), transparent 55%);pointer-events:none;z-index:-1;position:fixed;inset:0}.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-size:12px;font-weight:950}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{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.primary-button{background:var(--accent);color:#041108}.ghost-button{background:0 0}.tool-grid,.stats-grid,.mode-grid,.two-col{gap:16px;margin-top:18px;display:grid}.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);transition:all .15s;display:block}.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{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.top-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.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{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.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;place-items:center;min-height:72px;font-size:clamp(18px,2vw,24px);display:grid}.mode-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 28px var(--accent-soft)}.top-stats{grid-template-columns:repeat(7,minmax(100px,1fr));margin-top:18px}.hero-dashboard-grid{grid-template-columns:1fr;gap:18px;margin-top:18px;display:grid}.current-survivor-card{text-align:center;place-items:center;gap:16px;min-height:420px;margin-top:0;display:grid;position:relative;overflow:hidden}.current-survivor-card:before{content:"";background:radial-gradient(circle, var(--accent-soft), transparent 50%);opacity:.45;pointer-events:none;position:absolute;inset:-50%}.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{text-wrap:balance;margin-top:8px;font-size:clamp(28px,3vw,44px);line-height:1;display:block}.current-survivor-card.rolling .current-portrait-wrap{animation:.18s linear infinite alternate pulseRoll}.current-portrait-wrap{border:2px solid color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 34px var(--accent-soft);background:#00000059;border-radius:30px;width:100%;min-height:320px;overflow:hidden}.current-survivor-portrait{object-fit:cover;object-position:top center;width:100%;height:390px;display:block}.current-survivor-nameplate{width:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.survivor-layout{grid-template-columns:minmax(300px,.78fr) minmax(0,1.6fr);align-items:start;gap:18px;margin-top:18px;display:grid}.survivor-layout>.panel,.survivor-layout>.current-survivor-card{margin-top:0}.current-column{gap:12px;display:grid}.current-actions,.action-row{gap:10px;display:grid}.two-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.current-actions button{width:100%}.small-stats{margin-top:0}.stat-card{border-radius:18px;min-width:0;padding:10px 12px}.stat-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.stat-card strong{overflow-wrap:anywhere;margin-top:4px;font-size:clamp(18px,2.4vw,28px);line-height:1;display:block}.action-panel{background:0 0;padding:0}.build-panel,.two-col,.event-panel,.mode-panel{margin-top:18px}.perk-row{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.perk-slot{border:1px solid var(--line);text-align:center;background:#00000040;border-radius:18px;place-items:center;gap:8px;min-height:150px;padding:12px;font-weight:950;display:grid;position:relative}.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:.18s linear infinite alternate buildSlotRoll}.perk-slot.unavailable{filter:grayscale();opacity:.45}.perk-slot.filled{background:radial-gradient(circle at top,#ffffff14,#00000047)}.perk-icon{object-fit:contain;filter:drop-shadow(0 6px 12px #00000073);width:74px;height:74px}.perk-name{overflow-wrap:anywhere;font-size:15px;display:block}.clear-slot{width:24px;height:24px;color:var(--text);background:#ffffff1f;border-radius:999px;place-items:center;font-size:18px;display:grid;position:absolute;top:8px;right:10px}.perk-tooltip{pointer-events:none;opacity:0;border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);width:min(320px,90vw);color:var(--muted);text-align:left;z-index:30;background:#050806f7;border-radius:18px;grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:12px;transition:all .15s;display:grid;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 20px 60px #00000080}.perk-tooltip strong{color:var(--text);margin-bottom:4px;display:block}.tooltip-icon{object-fit:contain;width:54px;height:54px}.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{flex-wrap:wrap;gap:8px;display:flex}.scrollable-perks{align-content:start;height:100%;min-height:0;padding-right:6px;overflow-y:auto}.perk-picker-list.scrollable-perks{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:start;align-items:start;display:grid}.scrollable-perks .perk-pill{flex:none;width:100%;min-height:42px}.perk-picker-list.large{max-height:420px;padding-right:4px;overflow:auto}.perk-pill{background:color-mix(in srgb, var(--accent) 14%, #ffffff0a);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:999px;flex:190px;justify-content:flex-start;align-items:center;gap:8px;margin:0;padding:8px 10px;display:inline-flex}.mini-perk-icon{object-fit:contain;width:26px;height:26px}.survivor-grid{grid-template-columns:repeat(auto-fit,minmax(106px,1fr));gap:8px;padding-right:0;display:grid}.survivor-card{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:156px;padding:10px;display:flex;position:relative;overflow:hidden}.survivor-card:before{content:"";z-index:-1;background:linear-gradient(#0000 30%,#000000eb);position:absolute;inset:0}.survivor-card:after{content:"";filter:drop-shadow(0 0 10px);border-top:48px solid #0000;border-left:48px solid #0000;width:0;height:0;position:absolute;top:0;right:0}.survivor-card.blooded:after{border-top-color:var(--green)}.survivor-card.consumed:after{border-top-color:var(--red)}.survivor-card strong{text-shadow:0 2px 10px #000000e6;font-size:13px;line-height:1.1;display:block}.survivor-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.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{object-fit:cover;object-position:top center;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.image-fallback{color:var(--muted);text-transform:uppercase;background:#ffffff14;place-items:center;font-weight:950;display:grid}.event-row{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.event-row strong{color:var(--text);text-transform:capitalize}.modal-backdrop{z-index:50;background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:min(760px,100%);max-height:min(760px,100vh - 40px);overflow:auto}.option-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:900;display:flex}.option-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}.option-row input[type=color]{border:1px solid var(--line);background:0 0;border-radius:10px;width:58px;height:42px}.rules-copy{color:var(--muted);gap:12px;font-size:17px;line-height:1.55;display:grid}.rules-copy p{margin:0}.rules-copy strong{color:var(--text)}.floating-picker{z-index:40;width:min(560px,100vw - 40px);position:fixed;bottom:20px;right:20px}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.site-footer p{max-width:760px;margin:0}.footer-links{flex-wrap:wrap;gap:10px;display:flex}.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{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.mode-heading{margin-bottom:8px}.overlay-root{background:0 0;place-items:center;width:100vw;height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.obs-card{border:2px solid color-mix(in srgb, var(--accent) 55%, transparent);color:#fff;background:#050806e0;border-radius:28px;width:680px;padding:22px;box-shadow:0 14px 26px #00000052}.obs-headline{grid-template-columns:128px 1fr;align-items:center;gap:16px;display:grid}.obs-survivor-portrait{object-fit:cover;object-position:top center;border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);background:#00000059;border-radius:18px;width:128px;height:128px}.obs-title{color:var(--accent);letter-spacing:.18em;font-size:16px;font-weight:1000}.obs-survivor{margin:4px 0 0;font-size:42px;font-weight:1000;line-height:.95}.obs-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.obs-stats span,.obs-perk{text-align:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;padding:10px}.obs-stats strong{color:var(--accent);font-size:26px;display:block}.obs-build{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.obs-perk{align-content:center;justify-items:center;gap:6px;min-height:116px;display:grid}.obs-perk.unavailable{opacity:.42;filter:grayscale()}.obs-perk-icon{object-fit:contain;width:54px;height:54px}.obs-perk strong{overflow-wrap:anywhere;font-size:13px}.obs-footer{color:var(--muted);text-align:center;margin-top:14px}@keyframes pulseRoll{0%{filter:brightness(.92);transform:scale(.985)}to{filter:brightness(1.2);transform:scale(1.015)}}@keyframes buildSlotRoll{0%{filter:brightness(.95);transform:translateY(1px)}to{filter:brightness(1.2);transform:translateY(-1px)}}@media (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 (width<=800px){.top-nav,.panel-heading-row{flex-direction:column;align-items:stretch}.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 (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{flex-direction:column;height:620px;min-height:0;display:flex}.bottom-two-col>.panel>div{flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=1180px){.survivor-layout,.bottom-two-col{grid-template-columns:1fr}.bottom-two-col>.panel,.bottom-two-col>.history-panel{height:560px}}@media (width<=520px){.two-buttons{grid-template-columns:1fr}}.start-mode-grid{margin-top:16px}.start-mode-grid .mode-card{text-align:left;justify-items:start;min-height:120px}.start-mode-grid .mode-card span{color:var(--muted);margin-top:8px;font-size:14px;font-weight:700;line-height:1.35;display:block}.rules-expanded{font-size:16px}.mode-rules-list{gap:10px;margin-top:6px;display:grid}.mode-rule-line{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;grid-template-columns:minmax(150px,.35fr) 1fr;gap:12px;padding:12px;display:grid}.mode-rule-line strong{color:var(--accent)}.history-panel{min-height:0;margin-top:0}.history-panel .panel-heading-row{flex-shrink:0}.history-list{flex:1;align-content:start;gap:10px;min-height:0;padding-right:6px;display:grid;overflow-y:auto}.history-row{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:16px;grid-template-columns:16px 1fr;gap:12px;padding:12px;display:grid}.history-dot{background:var(--muted);border-radius:999px;width:12px;height:12px;margin-top:5px;box-shadow:0 0 14px #ffffff1f}.history-row.escaped .history-dot{background:var(--accent);box-shadow:0 0 14px var(--accent-soft)}.history-row.died .history-dot{background:var(--red);box-shadow:0 0 14px #ff475740}.history-row.randomised_build .history-dot,.history-row.randomised_survivor .history-dot{background:var(--gold);box-shadow:0 0 14px #f7c94840}.history-topline{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.history-topline strong{color:var(--text);text-transform:capitalize}.history-topline time{color:var(--muted);white-space:nowrap;font-size:12px}.history-row p{margin:6px 0 0;line-height:1.35}.history-row code{border:1px solid var(--line);color:var(--accent);white-space:normal;background:#00000040;border-radius:10px;margin-top:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.obs-card.compact{width:520px;padding:16px}.obs-card.compact .obs-headline{grid-template-columns:82px 1fr;gap:12px}.obs-card.compact .obs-survivor-portrait{border-radius:14px;width:82px;height:82px}.obs-card.compact .obs-title{letter-spacing:.14em;font-size:13px}.obs-card.compact .obs-survivor{font-size:30px}.obs-card.compact .obs-stats span,.obs-card.compact .obs-perk{border-radius:10px;padding:7px}.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 (width<=760px){.mode-rule-line{grid-template-columns:1fr}.history-topline{flex-direction:column;gap:4px}}.sync-status{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:16px auto 0;font-size:13px;font-weight:800}