@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,800;0,900;1,600;1,800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');
:root{
  --bg:#07080c;--surface:rgba(17,19,27,.66);--surface-2:rgba(24,27,38,.8);--surface-3:rgba(30,33,46,.94);
  --line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.15);
  --bone:#ece7dc;--ink:#c9cdd8;--muted:#8b90a0;--dim:#5c6170;
  --blood:#ff3b4b;--blood-2:#c21f2f;--ember:#f4a53a;--gold:#e6c273;--moss:#3ad68b;--violet:#8f7bff;--ice:#6db7ff;--ash:#9aa0ad;
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --r:16px;--shadow:0 12px 40px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}
::selection{background:rgba(255,59,75,.35)}
.sky{position:fixed;inset:0;z-index:-2;background:radial-gradient(1100px 600px at 15% -10%,rgba(143,123,255,.20),transparent 60%),radial-gradient(900px 520px at 95% 0%,rgba(255,59,75,.14),transparent 60%),radial-gradient(700px 400px at 50% 110%,rgba(58,214,139,.06),transparent 60%),linear-gradient(180deg,#090a10 0%,#06070b 100%)}
.fog{position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none;will-change:transform}
.fog.a{width:60vw;height:60vw;left:-20vw;top:-20vw;background:radial-gradient(circle,rgba(143,123,255,.35),transparent 65%);animation:drift 38s ease-in-out infinite alternate}
.fog.b{width:50vw;height:50vw;right:-15vw;top:20vh;background:radial-gradient(circle,rgba(255,59,75,.22),transparent 65%);animation:drift 47s ease-in-out infinite alternate-reverse}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(8vw,6vh,0) scale(1.15)}}
.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px 28px;background:linear-gradient(180deg,rgba(7,8,12,.94),rgba(7,8,12,.78));backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:baseline;gap:12px}
.brand .rip{font-family:var(--serif);font-weight:900;font-size:30px;letter-spacing:.02em;color:var(--bone);text-shadow:0 0 30px rgba(255,59,75,.25)}
.brand .rip span{color:var(--blood)}
.brand .sub{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
.nav{display:flex;gap:18px;margin-left:12px;font-size:12.5px;color:var(--muted)}
.nav a:hover{color:var(--bone)}
.search{margin-left:auto;position:relative}
.search input{width:340px;max-width:44vw;background:rgba(255,255,255,.04);border:1px solid var(--line-2);color:var(--bone);padding:9px 40px 9px 14px;border-radius:999px;font-family:var(--mono);font-size:12px;outline:none;transition:.2s}
.search input:focus{border-color:rgba(255,59,75,.6);box-shadow:0 0 0 4px rgba(255,59,75,.12)}
.search kbd{position:absolute;right:12px;top:8px;font-size:10px;color:var(--dim);border:1px solid var(--line);padding:1px 6px;border-radius:5px;font-family:var(--mono)}
.results{position:absolute;top:44px;left:0;right:0;background:var(--surface-3);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:none;backdrop-filter:blur(16px)}
.results.on{display:block}
.results a{display:flex;gap:10px;align-items:baseline;padding:10px 14px;border-bottom:1px solid var(--line);font-size:12.5px}
.results a:last-child{border-bottom:0}
.results a:hover{background:rgba(255,255,255,.05)}
.results .sym{font-family:var(--serif);font-weight:800;color:var(--bone)}
.results .m{margin-left:auto;color:var(--muted);font-size:11px}
.iconbtn{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;width:36px;height:36px;cursor:pointer;display:grid;place-items:center;transition:.2s;font-size:14px}
.iconbtn:hover{color:var(--bone);border-color:var(--line-2)}
.iconbtn.on{color:var(--moss);border-color:rgba(58,214,139,.5)}
.live{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.live .dot{width:8px;height:8px;border-radius:50%;background:var(--dim)}
.live.on .dot{background:var(--moss);animation:ping 1.6s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(58,214,139,.55)}70%{box-shadow:0 0 0 9px rgba(58,214,139,0)}100%{box-shadow:0 0 0 0 rgba(58,214,139,0)}}
.wrap{max-width:1440px;margin:0 auto;padding:0 28px}
.hero{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(0,2fr);gap:28px;align-items:end;padding:38px 0 18px}
.hero h1{font-family:var(--serif);font-weight:900;font-size:clamp(54px,6.6vw,100px);line-height:.9;margin:0;color:var(--bone);letter-spacing:-.01em}
.hero h1 em{font-style:italic;color:var(--blood);text-shadow:0 0 40px rgba(255,59,75,.35)}
.hero .lede{margin:16px 0 0;color:var(--muted);font-size:15px;max-width:46ch}
.hero .lede b{color:var(--bone);font-weight:600}
.monitor{position:relative;background:linear-gradient(180deg,rgba(10,20,16,.8),rgba(6,10,9,.92));border:1px solid rgba(58,214,139,.18);border-radius:var(--r);box-shadow:inset 0 0 60px rgba(58,214,139,.06),var(--shadow);overflow:hidden}
.monitor canvas{display:block;width:100%;height:196px}
.monitor .mgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(58,214,139,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(58,214,139,.07) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.monitor .hud{position:absolute;left:14px;top:10px;font-family:var(--mono);font-size:11px;color:rgba(58,214,139,.85);letter-spacing:.06em;text-transform:uppercase}
.monitor .hud b{color:#bfffdc;font-weight:600}
.monitor .hud2{position:absolute;right:14px;top:10px;font-family:var(--mono);font-size:11px;color:rgba(255,59,75,.9);letter-spacing:.06em;text-transform:uppercase;text-align:right}
.monitor .hud3{position:absolute;left:14px;bottom:10px;font-family:var(--mono);font-size:10.5px;color:rgba(236,231,220,.45);letter-spacing:.05em}
.monitor .flash{position:absolute;inset:0;background:rgba(255,59,75,.22);opacity:0;pointer-events:none;transition:opacity .7s}
.monitor .flash.on{opacity:1;transition:none}
.monitor .tag{position:absolute;bottom:14px;font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.1);color:var(--bone);animation:rise 4.5s ease-out forwards;pointer-events:none;white-space:nowrap}
.monitor .tag.death{color:#ffb3b9;border-color:rgba(255,59,75,.45)}
.monitor .tag.birth{color:#c8f7dd;border-color:rgba(58,214,139,.4)}
.monitor .tag.grad{color:#f5e2b0;border-color:rgba(230,194,115,.5)}
@keyframes rise{0%{transform:translateY(0);opacity:0}10%{opacity:1}100%{transform:translateY(-110px);opacity:0}}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;padding:12px 0 8px}
@media(min-width:1100px){.tiles{grid-template-columns:repeat(6,1fr)}}
.tile{--accent:var(--dim);position:relative;background:var(--surface);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;padding:16px 16px 14px;overflow:hidden;transition:transform .25s,border-color .25s;animation:enter .5s ease both}
.tile:hover{transform:translateY(-2px);border-color:var(--line-2)}
.tile::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--accent);opacity:.85}
.tile .v{font-family:var(--serif);font-weight:800;font-size:31px;line-height:1;color:var(--bone);font-variant-numeric:tabular-nums;white-space:nowrap}
.tile .k{margin-top:8px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tile .k small{display:block;letter-spacing:.02em;text-transform:none;color:var(--dim);margin-top:2px;font-size:10.5px}
.tile.blood{--accent:var(--blood)}.tile.ember{--accent:var(--ember)}.tile.moss{--accent:var(--moss)}.tile.violet{--accent:var(--violet)}.tile.gold{--accent:var(--gold)}
.tile.bump .v{animation:bump .5s ease}
@keyframes bump{0%{transform:scale(1)}30%{transform:scale(1.08);color:#fff}100%{transform:scale(1)}}
.pulse{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px 10px;margin-top:12px;backdrop-filter:blur(12px)}
.pulse canvas{display:block;width:100%;height:120px}
.panel-h{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;flex-wrap:wrap}
.panel-h h2{margin:0;font-family:var(--serif);font-weight:800;font-size:22px;color:var(--bone)}
.panel-h .sub{color:var(--muted);font-size:12px}
.panel-h .right{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.legend{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.legend i{display:inline-block;width:8px;height:8px;border-radius:2px}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;padding:22px 0 40px}
@media(max-width:1100px){.grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.nav{display:none}}
@media(max-width:640px){.top{padding:10px 14px;gap:10px}.wrap{padding:0 14px}.search input{width:150px}.brand .sub{display:none}.hero{padding-top:22px}.monitor .hud2,.monitor .hud3{display:none}.monitor .hud{font-size:10px;right:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor canvas{height:150px}.g-stats{grid-template-columns:repeat(2,1fr)}}
.section{margin-bottom:30px}
.chip{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted);padding:5px 11px;border-radius:999px;font-size:11.5px;cursor:pointer;transition:.15s;user-select:none}
.chip:hover{color:var(--bone);border-color:var(--line-2)}
.chip.on{color:var(--bone);background:rgba(255,255,255,.09);border-color:var(--line-2)}
.chip i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--c,var(--dim))}
.graves{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.grave{--c:var(--ash);position:relative;display:block;background:var(--surface);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;padding:14px 16px 12px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;animation:enter .5s ease both}
.grave::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c);box-shadow:0 0 18px var(--c)}
.grave::after{content:"R.I.P.";position:absolute;right:12px;bottom:-8px;font-family:var(--serif);font-weight:900;font-size:46px;color:rgba(255,255,255,.035);pointer-events:none;letter-spacing:.05em}
.grave:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent)}
.grave.c-dev_dump{--c:var(--blood)}.grave.c-bundle_exit{--c:var(--violet)}.grave.c-sniper_exit{--c:var(--ember)}.grave.c-whale_exit{--c:var(--ice)}.grave.c-bleed_out{--c:var(--ash)}.grave.c-abandoned{--c:#6b7280}.grave.c-stillborn{--c:#4b5563}.grave.c-unknown{--c:#4b5563}
.g-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.g-sym{font-family:var(--serif);font-weight:800;font-size:22px;color:var(--bone);letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-cause{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);padding:3px 8px;border-radius:6px;white-space:nowrap}
.g-name{color:var(--muted);font-size:12.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 10px}
.g-stats b{display:block;font-family:var(--serif);font-size:17px;color:var(--bone);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.g-stats i{display:block;font-style:normal;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-top:2px}
.g-foot{display:flex;gap:10px;align-items:center;font-size:11.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:9px;flex-wrap:wrap}
.g-foot .ago{margin-left:auto;font-variant-numeric:tabular-nums}
.mono{font-family:var(--mono);font-size:11.5px}
.tagm{font-size:9.5px;letter-spacing:.12em;padding:2px 6px;border-radius:5px;border:1px solid var(--line-2);color:var(--muted)}
.tagm.rose{color:var(--moss);border-color:rgba(58,214,139,.4)}
@keyframes enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.icu{display:grid;gap:10px}
.icu-card{position:relative;display:block;background:linear-gradient(180deg,rgba(244,165,58,.07),transparent 60%),var(--surface);border:1px solid rgba(244,165,58,.22);border-radius:14px;padding:12px 14px;transition:.25s;animation:enter .5s ease both;backdrop-filter:blur(12px)}
.icu-card:hover{transform:translateY(-2px);border-color:rgba(244,165,58,.55)}
.icu-card .row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.icu-card .crit{width:8px;height:8px;border-radius:50%;background:var(--blood);box-shadow:0 0 10px var(--blood);animation:ping 1.2s infinite;align-self:center}
.icu-card .dd{margin-left:auto;font-family:var(--serif);font-weight:800;color:var(--ember);font-size:18px}
.vitals{height:5px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin:9px 0 8px}
.vitals i{display:block;height:100%;background:linear-gradient(90deg,var(--ember),var(--blood));box-shadow:0 0 12px rgba(255,59,75,.5);transition:width .8s ease}
.meta{color:var(--muted);font-size:11.5px;display:flex;gap:12px;flex-wrap:wrap}
.wanted{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 14px;transition:.2s;animation:enter .5s ease both;backdrop-filter:blur(12px)}
.wanted:hover{border-color:var(--line-2);transform:translateX(3px)}
.wanted.top{border-color:rgba(230,194,115,.45);background:linear-gradient(180deg,rgba(230,194,115,.09),transparent 60%),var(--surface)}
.wanted .rank{font-family:var(--serif);font-weight:900;font-size:22px;color:var(--gold)}
.wanted .count{font-family:var(--serif);font-weight:800;font-size:26px;color:var(--blood);font-variant-numeric:tabular-nums;text-align:right}
.wanted .count small{display:block;font-family:var(--sans);font-size:9.5px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}
.rules{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--muted);font-size:12.5px;line-height:1.7;backdrop-filter:blur(12px)}
.rules b{color:var(--bone)}
.rules summary{cursor:pointer;color:var(--bone);font-family:var(--serif);font-size:18px;margin-bottom:6px;list-style:none}
.rules summary::-webkit-details-marker{display:none}
.rules .c{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}
.empty{color:var(--dim);font-size:12.5px;padding:16px;border:1px dashed var(--line);border-radius:12px;text-align:center}
.more{width:100%;margin-top:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted);padding:11px;border-radius:12px;cursor:pointer;transition:.2s}
.more:hover{color:var(--bone);border-color:var(--line-2)}
.toast{position:fixed;right:18px;bottom:18px;z-index:60;display:grid;gap:8px;max-width:min(420px,calc(100vw - 36px))}
.toast div{background:var(--surface-3);border:1px solid var(--line-2);border-left:3px solid var(--blood);padding:10px 14px;border-radius:10px;font-size:13px;box-shadow:var(--shadow);animation:enter .3s ease both;backdrop-filter:blur(14px)}
.toast div.rose{border-left-color:var(--moss)}.toast div.grad{border-left-color:var(--gold)}.toast div.birth{border-left-color:var(--ice)}
footer{padding:26px 0 44px;color:var(--dim);font-size:12px;border-top:1px solid var(--line);margin-top:10px;line-height:1.7}
.case{max-width:1040px;margin:0 auto;padding:30px 28px 60px}
.case-h{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
.case-h h1{font-family:var(--serif);font-weight:900;font-size:clamp(40px,6vw,72px);line-height:.95;margin:0;color:var(--bone);word-break:break-word}
.case-h .nm{color:var(--muted);font-size:16px;margin-top:8px}
.case-h .nm .mono{color:var(--dim)}
.stamp{margin-left:auto;align-self:center;font-family:var(--serif);font-weight:900;font-size:18px;letter-spacing:.22em;color:var(--blood);border:3px solid var(--blood);border-radius:6px;padding:8px 14px;transform:rotate(-6deg);opacity:.92;text-shadow:0 0 16px rgba(255,59,75,.4);box-shadow:inset 0 0 0 1px rgba(255,59,75,.35);animation:stamp .6s cubic-bezier(.2,1.4,.4,1) both;white-space:nowrap}
.stamp.alive{color:var(--ember);border-color:var(--ember);text-shadow:0 0 16px rgba(244,165,58,.4);box-shadow:inset 0 0 0 1px rgba(244,165,58,.35)}
.stamp.grad{color:var(--moss);border-color:var(--moss);text-shadow:0 0 16px rgba(58,214,139,.4);box-shadow:inset 0 0 0 1px rgba(58,214,139,.35)}
@keyframes stamp{0%{transform:rotate(-6deg) scale(2.6);opacity:0}60%{opacity:1}100%{transform:rotate(-6deg) scale(1);opacity:.92}}
.file{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:22px;backdrop-filter:blur(12px)}
.file .k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.file .v{font-size:14px;color:var(--bone);margin-top:3px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.file .v.mono{font-size:12px}
.file .v .badge{font-size:10px;font-weight:700;letter-spacing:.14em;padding:3px 8px;border-radius:6px;border:1px solid var(--line-2)}
.b-dev_dump{color:var(--blood);border-color:rgba(255,59,75,.5)!important}.b-bundle_exit{color:var(--violet)}.b-sniper_exit{color:var(--ember)}.b-whale_exit{color:var(--ice)}.b-bleed_out{color:var(--ash)}.b-abandoned{color:#8b909a}.b-stillborn{color:#8b909a}.b-unknown{color:#8b909a}
.copy{cursor:copy}.copy:hover{color:#fff}
.chart{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:16px;backdrop-filter:blur(12px)}
.chart canvas{display:block;width:100%;height:260px;cursor:crosshair}
.chart .tip{position:absolute;pointer-events:none;background:var(--surface-3);border:1px solid var(--line-2);border-radius:8px;padding:6px 9px;font-family:var(--mono);font-size:11px;color:var(--bone);display:none;white-space:nowrap;z-index:2}
.obit{margin-top:16px;background:linear-gradient(180deg,#f3ecdc,#e8dec8);color:#1c1a17;border-radius:16px;padding:26px 30px;font-family:var(--serif);font-size:19px;line-height:1.65;box-shadow:var(--shadow);position:relative;animation:enter .6s ease both}
.obit p{margin:0}
.obit p::first-letter{font-size:64px;font-weight:900;float:left;line-height:.8;margin:6px 10px 0 0;color:var(--blood-2)}
.obit .sig{display:block;margin-top:16px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#7a6f5c;font-family:var(--sans)}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}
.btn{background:rgba(255,255,255,.05);border:1px solid var(--line-2);color:var(--bone);padding:9px 14px;border-radius:999px;cursor:pointer;font-size:12.5px;transition:.2s;display:inline-flex;align-items:center;gap:6px}
.btn:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.btn.x{border-color:rgba(255,59,75,.5)}
.notfound{margin-top:26px}

.spark{display:block;width:100%;height:28px;margin:8px 0 2px;overflow:visible}
.spark polyline{fill:none;stroke:var(--c);stroke-width:1.6;vector-effect:non-scaling-stroke;opacity:.9}
.spark polygon{fill:var(--c);opacity:.12}