:root{
  --blood:#8b1a1a;
  --blood-bright:#c41e1e;
  --blood-hot:#ff2a2a;
  --dark:#050508;
  --panel:rgba(14,14,20,.78);
  --panel-strong:rgba(28,14,15,.84);
  --text:#f0ebe3;
  --soft:#c8bfce;
  --muted:#8f8799;
  --gold:#c9a84c;
  --gold-light:#f5e6a3;
  --border:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:#050508;color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}
button,a{font-family:Inter,sans-serif}
.blood-page{position:relative;min-height:100vh;padding:104px clamp(18px,4vw,58px) 80px;isolation:isolate}
.blood-page::before{content:"";position:fixed;inset:0;z-index:-4;background:url('/assets/blood/blood-guide-obscura.webp') center top/cover no-repeat;filter:saturate(1.05) contrast(1.08);transform:scale(1.01)}
.blood-page::after{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(5,5,8,.9),rgba(5,5,8,.55) 42%,rgba(5,5,8,.84)),linear-gradient(180deg,rgba(5,5,8,.42),rgba(5,5,8,.96) 72%,#050508);pointer-events:none}
.blood-grid{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,#000 0 72%,transparent);pointer-events:none}
.blood-aura{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 24% 20%,rgba(255,42,42,.16),transparent 28rem),radial-gradient(circle at 78% 26%,rgba(245,230,163,.14),transparent 31rem),radial-gradient(circle at 48% 92%,rgba(139,26,26,.22),transparent 30rem);pointer-events:none}
.blood-wrap{width:min(1440px,100%);min-width:0;margin:0 auto}
.blood-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,430px);gap:28px;align-items:end;min-height:430px;padding:clamp(20px,4vw,44px) 0 30px}
.blood-kicker{display:inline-flex;align-items:center;gap:14px;color:var(--gold-light);font:900 10px/1 Inter,sans-serif;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 22px rgba(201,168,76,.2)}
.blood-kicker::before{content:"";width:48px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-light))}
.blood-title{max-width:880px;margin:16px 0;color:#fff8ee;font-family:Cinzel,serif;font-size:clamp(44px,6.4vw,82px);line-height:.94;text-transform:uppercase;text-shadow:0 18px 58px rgba(0,0,0,.82),0 0 36px rgba(245,230,163,.1);overflow-wrap:anywhere}
.blood-title span{color:var(--blood-hot);text-shadow:0 0 34px rgba(255,42,42,.32)}
.blood-intro{max-width:790px;margin:0;color:#d9d1dd;font:700 15px/1.78 Inter,sans-serif;overflow-wrap:anywhere}
.blood-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.blood-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.035);color:#e7dfeb;text-decoration:none;font:900 10px/1 Inter,sans-serif;letter-spacing:1.7px;text-transform:uppercase;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.blood-btn:hover{transform:translateY(-2px);border-color:rgba(245,230,163,.34);background:rgba(255,255,255,.055);box-shadow:0 0 26px rgba(201,168,76,.08)}
.blood-btn.is-primary{border-color:rgba(255,42,42,.38);background:linear-gradient(135deg,rgba(107,16,16,.9),rgba(196,30,30,.38));color:#fff;box-shadow:0 16px 42px rgba(196,30,30,.16)}
.blood-hero>*{min-width:0}
.blood-stat-panel{display:grid;gap:10px;align-self:stretch;align-content:end;min-width:0}
.blood-stat{position:relative;padding:15px 16px;border:1px solid rgba(245,230,163,.14);border-radius:9px;background:linear-gradient(145deg,rgba(15,15,22,.82),rgba(43,16,17,.62));box-shadow:0 18px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.blood-stat::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.055),transparent);opacity:.5;pointer-events:none}
.blood-stat strong{position:relative;display:block;color:var(--gold-light);font-family:Cinzel,serif;font-size:31px;line-height:1;text-shadow:0 0 18px rgba(201,168,76,.18)}
.blood-stat span{position:relative;display:block;margin-top:7px;color:#b9b0c1;font:900 9px/1.25 Inter,sans-serif;letter-spacing:1.8px;text-transform:uppercase}
.blood-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:8px 0 26px}
.blood-principle{min-width:0;padding:18px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(145deg,rgba(13,13,19,.78),rgba(30,12,14,.62));backdrop-filter:blur(16px);box-shadow:0 18px 54px rgba(0,0,0,.36)}
.blood-principle small{display:block;color:var(--gold);font:900 9px/1 Inter,sans-serif;letter-spacing:2.5px;text-transform:uppercase}
.blood-principle h2{margin:8px 0 7px;color:#fff8ee;font-family:Cinzel,serif;font-size:24px;line-height:1;text-transform:uppercase;overflow-wrap:anywhere}
.blood-principle p{margin:0;color:#cfc6d7;font:700 13px/1.65 Inter,sans-serif;overflow-wrap:anywhere}
.blood-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:30px 0 16px}
.blood-section-head small{display:block;color:var(--gold-light);font:900 10px/1 Inter,sans-serif;letter-spacing:3.8px;text-transform:uppercase}
.blood-section-head h2{margin:8px 0 0;color:#fff8ee;font-family:Cinzel,serif;font-size:clamp(30px,4vw,52px);line-height:.98;text-transform:uppercase}
.blood-section-head p{max-width:560px;margin:0;color:#aea5b8;font:800 12px/1.65 Inter,sans-serif;overflow-wrap:anywhere}
.blood-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.blood-route{--route-accent:#c9a84c;position:relative;display:grid;gap:14px;min-width:0;padding:17px;border:1px solid color-mix(in srgb,var(--route-accent) 28%,rgba(255,255,255,.08));border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--route-accent) 10%,rgba(15,15,22,.82)),rgba(8,8,12,.76));box-shadow:0 18px 52px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.blood-route[data-tone="blood"]{--route-accent:#ff2a2a}.blood-route[data-tone="red"]{--route-accent:#c41e1e}.blood-route[data-tone="silver"]{--route-accent:#dfe3ea}.blood-route[data-tone="gold"]{--route-accent:#f5d36d}.blood-route[data-tone="dark"]{--route-accent:#8f8799}
.blood-route::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--route-accent) 18%,transparent),transparent 16rem);pointer-events:none}
.blood-route-head{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start}
.blood-glyph{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--route-accent) 48%,rgba(255,255,255,.14));background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--route-accent) 24%,transparent),rgba(0,0,0,.22));color:#fff8ee;font:900 12px/1 Inter,sans-serif;letter-spacing:.7px;box-shadow:0 0 22px color-mix(in srgb,var(--route-accent) 16%,transparent)}
.blood-route h3{margin:0;color:#fff8ee;font-family:Cinzel,serif;font-size:21px;line-height:1;text-transform:uppercase;overflow-wrap:anywhere}
.blood-route-summary{margin:5px 0 0;color:#bdb4c7;font:800 12px/1.45 Inter,sans-serif;overflow-wrap:anywhere}
.blood-route-link{min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--route-accent) 42%,rgba(255,255,255,.1));border-radius:7px;background:rgba(0,0,0,.18);color:#fff8ee;text-decoration:none;font:900 8px/1 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase;white-space:nowrap}
.blood-route-link:hover{border-color:#fff0bc;color:#fff}
.blood-items{position:relative;display:grid;gap:8px}
.blood-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}
.blood-item:first-child{padding-top:0;border-top:0}
.blood-item strong{display:block;color:#f4efe8;font:900 13px/1.25 Inter,sans-serif;overflow-wrap:anywhere}
.blood-item span{display:block;margin-top:4px;color:#958c9f;font:700 11px/1.4 Inter,sans-serif;overflow-wrap:anywhere}
.blood-reward{display:grid;gap:3px;justify-items:end;white-space:nowrap}
.blood-reward b{display:inline-flex;align-items:center;gap:5px;color:var(--gold-light);font-family:Cinzel,serif;font-size:18px;line-height:1;text-shadow:0 0 12px rgba(201,168,76,.18)}
.blood-reward img{width:14px;height:17px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,42,42,.58))}
.blood-reward small{color:#8f8799;font:900 8px/1 Inter,sans-serif;letter-spacing:1px;text-transform:uppercase}
.blood-note{margin-top:18px;padding:16px 18px;border:1px solid rgba(245,230,163,.16);border-radius:10px;background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(139,26,26,.08),rgba(255,255,255,.025));color:#d9d1dd;font:800 12px/1.6 Inter,sans-serif}
.blood-note strong{display:block;margin-bottom:5px;color:var(--gold-light);font:900 10px/1 Inter,sans-serif;letter-spacing:2.4px;text-transform:uppercase}
.blood-empty{padding:26px;border:1px dashed rgba(245,230,163,.22);border-radius:10px;background:rgba(0,0,0,.28);color:#cfc6d7}
@media(max-width:1180px){.blood-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.blood-hero{grid-template-columns:1fr;min-height:0}.blood-stat-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.blood-page{padding:96px 20px 58px}.blood-page::before{background-position:center top}.blood-hero{padding-top:18px}.blood-title{font-size:38px}.blood-title span{display:block}.blood-intro{font-size:13px;line-height:1.65}.blood-stat-panel,.blood-principles,.blood-routes{grid-template-columns:1fr}.blood-principle{overflow:hidden}.blood-principle h2{font-size:20px;line-height:1.08}.blood-principle p{font-size:12px}.blood-section-head{display:block}.blood-section-head p{margin-top:10px;font-size:11.5px}.blood-route{overflow:hidden}.blood-route-head{grid-template-columns:38px minmax(0,1fr)}.blood-route h3{font-size:19px;line-height:1.05}.blood-route-summary{font-size:11.5px}.blood-route-link{grid-column:2;justify-self:start}.blood-item{grid-template-columns:1fr}.blood-reward{justify-items:start;white-space:normal}.blood-actions .blood-btn{width:100%}}