:root{--ink:#07080c;--panel:#10131a;--line:#2a2e3a;--text:#eef0f4;--muted:#9aa0ad;--blood:#a3142a;--gold:#c9a65b;--violet:#7754b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:Inter,Segoe UI,"Noto Sans KR",sans-serif}.skip-link{position:fixed;z-index:2000;background:#fff;color:#000;padding:.7rem}.glass-nav{background:linear-gradient(180deg,rgba(5,6,9,.98),rgba(5,6,9,.72));border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}.navbar-brand{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em}.navbar-brand small{color:var(--blood)}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--blood);color:#fff;margin-right:.5rem;transform:rotate(45deg);font-size:.75rem}.brand-mark::first-line{transform:rotate(-45deg)}.hero{min-height:760px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,5,8,.97) 0%,rgba(4,5,8,.7) 48%,rgba(4,5,8,.2)),radial-gradient(circle at 75% 25%,rgba(163,20,42,.3),transparent 25%),url('/assets/images/hero/home-darkeden.svg') center/cover}.hero-copy{padding-top:5rem}.eyebrow,.section-title p{color:var(--blood);letter-spacing:.24em;font-size:.74rem;font-weight:800}.hero h1,.section-title h2{font-family:Georgia,serif;text-transform:uppercase}.hero h1{font-size:clamp(3.4rem,8vw,7.5rem);line-height:.88;max-width:900px}.hero h1 span{color:transparent;-webkit-text-stroke:1px #d2d4d9}.hero .lead{max-width:620px;color:#c0c3ca;margin:2rem 0}.btn-crimson{background:var(--blood);border-color:var(--blood);color:#fff}.btn-crimson:hover{background:#c11a35;border-color:#c11a35}.status-strip{border-block:1px solid var(--line);background:#0d0f14;padding:1rem 0;color:#c8cbd2}.online-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#50d890;box-shadow:0 0 12px #50d890;margin-right:.5rem}.section{padding:7rem 0}.section-title{margin-bottom:2.5rem}.section-title h2{font-size:clamp(2.2rem,5vw,4rem)}.race-card{position:relative;height:560px;overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:.3s}.race-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .7s,filter .4s}.race-card>div{position:absolute;inset:auto 0 0;padding:2rem;background:linear-gradient(transparent,rgba(4,5,8,.98) 40%)}.race-card h3{font-family:Georgia,serif;font-size:2.3rem;text-transform:uppercase}.race-card span{color:var(--muted)}.race-card:hover{border-color:var(--race)}.race-card:hover img{transform:scale(1.04);filter:saturate(1.1)}.vampire{--race:#b51d38}.slayer{--race:#8093a7}.ouster{--race:#77c5a3}.btn-race{border:1px solid var(--race);color:#fff}.store-section{background:#0c0e13;border-block:1px solid var(--line)}.btn-filter{border:1px solid #343844;color:#b7bbc4}.btn-filter:hover,.btn-filter.active{background:#292e39;color:#fff;border-color:#626a78}.product-card{height:100%;background:linear-gradient(145deg,#151923,#0d0f14);border:1px solid var(--line);padding:1.3rem;transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:#626a78}.product-art{height:190px;display:grid;place-items:center;background:radial-gradient(circle,rgba(163,20,42,.22),transparent 60%);font-size:4rem}.product-race{font-size:.7rem;letter-spacing:.15em;color:var(--gold);text-transform:uppercase}.price{color:var(--gold);font-weight:800}.ranking-panel,.gothic-panel{background:#10131a;border:1px solid var(--line);box-shadow:0 25px 70px rgba(0,0,0,.4)}.table{--bs-table-bg:transparent}.table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.rank-number{font-family:Georgia,serif;color:var(--gold);font-size:1.4rem}footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.85rem}.form-control{background:#090b10;border-color:#343844;color:#fff}.form-control:focus{background:#090b10;color:#fff;border-color:var(--blood);box-shadow:0 0 0 .2rem rgba(163,20,42,.2)}@media(max-width:768px){.hero{min-height:680px}.hero h1{font-size:3.5rem}.section{padding:5rem 0}.race-card{height:480px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}