html[data-game=dbd]{--bg:#080b10;--panel:rgba(8,10,14,.88);--line:rgba(197,207,214,.18);--text:#e4e6e7;--muted:#9da5aa;--accent:#bd1f27}
html[data-game=dbd] body{background:#080b10 url("/static/dbd-lobby.7f503578a092.png") center/cover fixed no-repeat}
html[data-game=dbd] body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,5,8,.58),rgba(6,10,15,.08) 55%,rgba(4,7,10,.18)),linear-gradient(0deg,rgba(3,5,8,.72),transparent 24%)}
html[data-game=dbd] .site-header{height:60px;background:linear-gradient(90deg,rgba(4,6,9,.92),rgba(7,10,14,.66));border-color:rgba(255,255,255,.09)}
html[data-game=dbd] .game-bar{height:42px;background:rgba(5,7,10,.78);border-color:rgba(255,255,255,.08)}
html[data-game=dbd] main{min-height:calc(100vh - 102px)}
html[data-game=dbd] body>footer{background:rgba(4,6,9,.92)}
.dbd-lobby{min-height:calc(100vh - 102px);position:relative;padding:4.5vh 0 84px 4.2vw;overflow:hidden}
.dbd-lobby:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px);mix-blend-mode:screen}
.dbd-status{position:absolute;z-index:2;right:3vw;top:3vh;display:flex;align-items:center;gap:18px;text-shadow:0 2px 5px #000}
.dbd-currencies{display:flex;gap:20px;font-weight:900}.dbd-currencies span{display:flex;align-items:center;gap:7px}.dbd-currencies i{width:18px;height:18px;display:inline-block;transform:rotate(45deg);border:2px solid #b4bbc0;background:#10151b}.dbd-currencies .currency-shard{border-radius:50%;border-color:#dec83a;background:#6f6011}.dbd-currencies .currency-cell{border-color:#aa68c7;background:#4f2861}.dbd-currencies .currency-blood{border-color:#d3444c;background:#68141b}
.dbd-player{text-align:right;line-height:1.15}.dbd-player span{display:block;font-weight:800}.dbd-player small{color:#adb4b8;font-size:9px;letter-spacing:.12em}.dbd-rank{width:54px;height:54px;display:grid;place-items:center;border:2px solid #aeb5bb;background:linear-gradient(145deg,#68252c,#171a1f);clip-path:polygon(15% 0,85% 0,100% 22%,100% 78%,85% 100%,15% 100%,0 78%,0 22%);font-weight:900}
.dbd-menu{position:relative;z-index:2;width:min(390px,88vw);margin-top:2vh}.dbd-menu header{display:flex;align-items:center;gap:17px;margin:0 0 16px 8px;text-shadow:0 2px 4px #000}.dbd-menu header small{display:block;color:#aeb5ba;font-size:9px;letter-spacing:.18em}.dbd-menu header strong{font-size:22px;font-weight:500}
.dbd-tally{display:flex;height:46px;transform:skew(-9deg)}.dbd-tally i{display:block;width:5px;height:45px;margin-right:5px;background:#d9ddde;box-shadow:0 0 6px #fff}.dbd-tally i:last-child{height:56px;transform:rotate(64deg) translate(-15px,4px)}
.dbd-menu nav{display:grid;gap:7px}.dbd-menu nav a{position:relative;min-height:76px;padding:11px 18px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:15px;background:linear-gradient(90deg,rgba(5,7,10,.95),rgba(9,12,16,.83));border:1px solid rgba(178,190,198,.13);box-shadow:0 5px 12px rgba(0,0,0,.35);transition:transform .18s,background .18s,filter .18s}.dbd-menu nav a:before{content:"";position:absolute;left:-3px;top:8px;bottom:8px;width:3px;background:transparent}.dbd-menu nav a:hover,.dbd-menu nav a:focus-visible{transform:translateX(10px);background:linear-gradient(90deg,rgba(38,42,46,.96),rgba(14,17,21,.9));filter:brightness(1.2);outline:none}.dbd-menu nav a:hover:before,.dbd-menu nav a:focus-visible:before,.dbd-menu nav a.is-active:before{background:#c82028;box-shadow:0 0 12px #df202a}
.dbd-menu nav strong{display:block;font-size:17px;font-weight:500}.dbd-menu nav small{display:block;color:#8f989d;font-size:10px}.dbd-menu nav>a>i{font-style:normal;font-size:27px;color:#8f969a}.dbd-menu-icon{width:50px;height:50px;display:grid;place-items:center;border:2px solid #8e969a;transform:rotate(45deg);font-size:24px;opacity:.86}.dbd-menu-icon::first-letter{transform:rotate(-45deg)}
.dbd-lobby-footer{position:absolute;z-index:2;left:4.2vw;right:3vw;bottom:24px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.dbd-lobby-footer a{padding:8px 13px;border-left:3px solid #b51d25;background:rgba(4,6,9,.8)}.dbd-lobby-footer kbd{margin-right:8px;color:#fff;background:none;border:0;font-weight:900}.dbd-lobby-footer p{letter-spacing:.16em}.live-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#b92027;box-shadow:0 0 9px #dc2832}
html[data-game=dbd] .page-heading,html[data-game=dbd] .archive-layout,html[data-game=dbd] .board,html[data-game=dbd] .dbd-filter,html[data-game=dbd] .dbd-entry-grid,html[data-game=dbd] .dbd-entry{position:relative;z-index:1;background:rgba(7,9,13,.88);backdrop-filter:blur(10px)}
html[data-game=dbd] .page-heading{margin:4vh 5vw 0;padding:48px 4vw;border:1px solid rgba(255,255,255,.11);border-left:3px solid var(--accent)}html[data-game=dbd] .page-heading h1{font-size:clamp(45px,7vw,88px);text-shadow:0 3px 12px #000}
html[data-game=dbd] .dbd-groups{margin:0 5vw 8vh;padding:1px;background:rgba(190,200,207,.15)}html[data-game=dbd] .dbd-groups>a{background:rgba(7,9,13,.91);transition:.2s}html[data-game=dbd] .dbd-groups>a:hover{background:rgba(36,40,44,.94);transform:translateY(-3px)}
html[data-game=dbd] .dbd-filter{margin:0 5vw;padding:24px 2vw;border-inline:1px solid rgba(255,255,255,.11)}html[data-game=dbd] .dbd-entry-grid{margin:0 5vw 8vh;padding:10px 2vw 45px;border:1px solid rgba(255,255,255,.11);border-top:0}html[data-game=dbd] .dbd-entry-grid>a{background:rgba(11,14,18,.93);box-shadow:0 8px 22px rgba(0,0,0,.3);transition:.2s}html[data-game=dbd] .dbd-entry-grid>a:hover{transform:translateY(-4px);border-color:rgba(189,31,39,.75)}
@media(max-width:850px){.dbd-lobby{padding-top:110px}.dbd-status{left:5vw;right:auto;top:24px}.dbd-currencies{display:none}.dbd-player{text-align:left}.dbd-menu{margin-top:0}.dbd-menu nav a{min-height:68px;grid-template-columns:47px 1fr auto}.dbd-menu-icon{width:39px;height:39px}.dbd-menu nav small{display:none}.dbd-lobby-footer p{display:none}html[data-game=dbd] .page-heading,html[data-game=dbd] .dbd-groups,html[data-game=dbd] .dbd-filter,html[data-game=dbd] .dbd-entry-grid{margin-left:3vw;margin-right:3vw}}

/* In-game inspired killer roster */
.killer-screen{min-height:calc(100vh - 102px);position:relative;display:grid;grid-template-columns:92px minmax(460px,680px) 1fr;overflow:hidden;background:linear-gradient(90deg,rgba(174,185,191,.72),rgba(104,119,129,.58) 38%,rgba(6,10,15,.12) 62%)}
.killer-rail{z-index:3;padding-top:24px;background:rgba(10,14,18,.42);border-right:2px solid rgba(11,15,18,.72);display:flex;align-items:center;flex-direction:column;gap:14px}.killer-rail a{width:66px;height:66px;display:grid;place-items:center;background:rgba(5,7,9,.9);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 9px #0005;transition:.2s}.killer-rail a:hover,.killer-rail a.active{background:rgba(226,231,233,.18);transform:translateX(4px)}.killer-rail span{font-size:32px;color:#d8dddf}
.killer-panel{z-index:2;padding:25px 38px 100px;background:linear-gradient(90deg,rgba(125,141,151,.56),rgba(118,133,143,.34) 80%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.killer-heading{display:flex;align-items:center;gap:15px;height:72px;border-bottom:1px solid rgba(222,229,232,.22)}.killer-heading h1{margin:0;font:26px/1.1 "Arial Narrow","Pretendard",sans-serif}.killer-heading p{margin:2px 0;color:#bec6ca;font-size:12px}.killer-level{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:4px solid #9c6129;outline:2px solid #20252a;background:#161b20;box-shadow:0 0 0 4px #34291f}.killer-level strong{font-size:20px}
.killer-tabs{height:60px;display:flex;align-items:end;gap:5px;border-bottom:1px solid rgba(229,234,236,.55)}.killer-tabs a{padding:13px 17px 9px;color:#d0d6d9}.killer-tabs a.active,.killer-tabs a:hover{background:linear-gradient(0deg,rgba(236,221,229,.42),transparent);color:#fff}
.killer-search{margin:18px 0 12px;display:flex;width:74%;border:2px solid rgba(210,218,222,.8);background:rgba(6,9,12,.83)}.killer-search input{min-width:0;flex:1;padding:8px 12px;color:#eee;border:0;background:none}.killer-search button{width:43px;border:0;color:#eee;background:none;font-size:25px}
.killer-roster{max-height:58vh;padding:3px 16px 25px 3px;display:grid;grid-template-columns:repeat(4,minmax(85px,1fr));gap:10px;overflow:auto;scrollbar-color:#b51d25 rgba(0,0,0,.25)}.killer-roster>a{aspect-ratio:1;position:relative;border:4px solid #11171b;background:linear-gradient(145deg,#4a1722,#181d22);box-shadow:0 3px 7px #0008;overflow:hidden;transition:.18s}.killer-roster>a:hover,.killer-roster>a.selected{border-color:#e7ecee;transform:scale(1.035)}.killer-roster>a.selected:after{content:"";position:absolute;inset:0;border-left:5px solid #c31f28}.killer-roster img{width:100%;height:100%;object-fit:cover}.killer-roster strong{position:absolute;left:0;right:0;bottom:0;padding:16px 5px 5px;background:linear-gradient(transparent,rgba(0,0,0,.9));font-size:10px;text-align:center}.killer-placeholder{height:100%;display:grid;place-items:center;font-size:42px;color:#aab1b4}
.killer-preview{z-index:1;position:relative;min-width:0}.killer-preview>img{position:absolute;right:4vw;bottom:0;width:min(45vw,650px);height:90%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 25px #000)}.killer-silhouette{position:absolute;right:9vw;bottom:10%;font-size:min(28vw,430px);line-height:1;color:rgba(18,24,29,.8);filter:drop-shadow(0 0 30px #0e141a)}
.killer-preview-copy{position:absolute;right:3vw;bottom:80px;width:min(340px,38vw);padding:18px 20px;background:linear-gradient(90deg,rgba(4,7,10,.86),rgba(7,10,13,.6));border-left:3px solid #b71f27;text-shadow:0 2px 5px #000}.killer-preview-copy p{margin:0;color:#aab3b8;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.killer-preview-copy h2{margin:4px 0;font:36px/1 var(--display)}.killer-preview-copy span{display:block;color:#b9c0c4;font-size:11px}.killer-preview-copy a{display:inline-flex;gap:18px;margin-top:14px;padding:8px 12px;background:rgba(7,9,11,.88);font-size:12px}.killer-preview-copy b{color:#d12b34}
.killer-bottom{position:absolute;z-index:4;left:112px;right:30px;bottom:21px;display:flex;justify-content:space-between;font-size:11px}.killer-bottom a{padding:8px 13px;border-left:3px solid #b51d25;background:rgba(4,6,9,.8)}.killer-bottom kbd{margin-right:8px;background:none;border:0;color:#fff;font-weight:900}
@media(max-width:1050px){.killer-screen{grid-template-columns:72px minmax(390px,58vw) 1fr}.killer-rail a{width:52px;height:52px}.killer-panel{padding-inline:22px}.killer-roster{grid-template-columns:repeat(3,1fr)}.killer-preview-copy{right:2vw}}
@media(max-width:760px){.killer-screen{display:block;overflow:auto}.killer-rail{height:62px;padding:5px 10px;position:sticky;top:0;flex-direction:row;justify-content:center;border-right:0}.killer-rail a{width:48px;height:48px}.killer-panel{padding:18px 4vw 100px;mask-image:none;background:rgba(104,119,129,.62)}.killer-roster{max-height:none;grid-template-columns:repeat(3,1fr)}.killer-preview{display:none}.killer-bottom{left:4vw}.killer-search{width:100%}}