#dhLevels[hidden],#dhLvOpts[hidden]{display:none!important}#dhLevels{position:fixed;inset:0;z-index:150;overflow:auto;background:radial-gradient(ellipse at 35% 10%,#411016,#060809 65%,#000);padding:22px;color:#f5eeee;font-family:Georgia,serif}#dhLevels .dh-l-wrap{max-width:1460px;margin:auto}#dhLevels header{display:flex;align-items:center;justify-content:space-between;gap:18px}#dhLevels header small{letter-spacing:.3em;color:#c8b8b8}#dhLevels header h1{font-size:clamp(40px,6vw,86px);margin:8px 0;line-height:1}#dhLevels header h1 span{color:#e72231;text-shadow:0 0 25px #bf111c}#dhLevels button{cursor:pointer}#dhLevels header button,#dhLvPlay,#dhResetProgress{padding:13px 20px;background:#210c10;border:1px solid #b32a35;color:white;font:700 13px Arial,sans-serif;letter-spacing:.1em;margin:4px}#dhLvPlay{background:#a61524}#dhLevels button:focus-visible{outline:2px solid white;outline-offset:2px}#dhLevels .dh-l-wrap>p{font:11px Arial,sans-serif;letter-spacing:.18em;color:#c4babb;margin:24px 0}.dh-l-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dh-l-card{position:relative;text-align:left;padding:0;background:#080c0e;border:2px solid #526267;border-radius:9px;color:white;overflow:hidden;min-height:320px}.dh-l-card.chosen,.dh-l-card:hover:not(:disabled){border-color:#ef2636;box-shadow:0 0 20px #aa1425aa}.dh-l-card:disabled{opacity:.52;cursor:not-allowed;filter:grayscale(.8)}.dh-l-art{height:177px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#2f4445,#070a0b 72%)}.dh-l-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 20%,#1b2828 21% 22%,transparent 23% 40%),linear-gradient(170deg,transparent,#24020888)}.dh-l-art:after{content:"";position:absolute;top:11%;left:42%;width:17%;height:6px;background:#ff3e44;box-shadow:0 0 30px 15px #d719288a}.dh-l-door{position:absolute;top:26%;left:33%;height:78%;width:34%;background:linear-gradient(90deg,#263638,#070909,#293a3c);border:9px solid #090e0f;box-shadow:0 0 35px #000}.art-2{filter:hue-rotate(160deg)}.art-3{filter:grayscale(.7)}.art-4{filter:hue-rotate(320deg)}.art-5{filter:hue-rotate(190deg)}.art-6{filter:hue-rotate(345deg)}.art-7{filter:brightness(.65)}.art-8{filter:hue-rotate(210deg)}.dh-l-copy{padding:14px;background:linear-gradient(#13191b,#060809)}.dh-l-copy small{color:#f62b3c;font:700 12px Arial,sans-serif}.dh-l-copy h2{font-size:25px;margin:7px 0}.dh-l-copy p{font:14px/1.4 Georgia,serif;min-height:44px;color:#ded9d5;margin:0 0 12px}.dh-l-difficulty{font:10px Arial,sans-serif;letter-spacing:.06em;color:#a7a9a9}.dh-l-difficulty span{color:#f33;font-size:19px;margin-left:6px}.dh-l-difficulty i{color:#576367;font-style:normal}.dh-l-lock{position:absolute;top:56px;left:calc(50% - 20px);font-size:38px}#dhLvOpts{margin:20px 0;padding:18px;background:#091013;border:1px solid #82323c}#dhLvOpts h2{font-size:21px}.dh-l-options{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.dh-l-options label{font:700 12px Arial,sans-serif;letter-spacing:.1em}.dh-l-options input[type=range]{display:block;width:100%;margin:12px 0;accent-color:#de2839}.dh-l-options output{float:right;color:#ff5c69}#dhLevels footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0;color:#dedede;font:13px Arial,sans-serif}@media(max-width:1100px){.dh-l-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){#dhLevels{padding:12px}#dhLevels header{display:block}.dh-l-grid,.dh-l-options{grid-template-columns:1fr}.dh-l-art{height:165px}#dhLevels footer{flex-direction:column;align-items:stretch}}
/* Level starts directly when its card is clicked; cinematic identifier is click-through. */
#dhLevelIntro[hidden]{display:none!important}
#dhLevelIntro{position:fixed;z-index:18;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#090a0b99,transparent 68%);animation:dhLvlIntro 2.5s ease-out both}
.dh-intro-inner{max-width:min(90vw,800px);padding:25px 35px;border-top:1px solid #c9313db0;border-bottom:1px solid #c9313db0;text-shadow:0 5px 20px #000}
.dh-intro-inner small{font:bold 12px Arial,sans-serif;letter-spacing:.4em;color:#ff747a}
.dh-intro-inner h2{font:900 clamp(45px,8vw,110px)/1.1 Georgia,serif;letter-spacing:.08em;color:#eee8e7;margin:10px 0;text-shadow:0 0 35px #b71a28}
.dh-intro-inner p{font:15px/1.5 Arial,sans-serif;color:#e5dad9;margin:0 0 20px}
.dh-intro-inner span{font:bold 10px Arial,sans-serif;color:#e53d4a;letter-spacing:.32em}
@keyframes dhLvlIntro{0%{opacity:0;transform:scale(1.04)}16%{opacity:1;transform:scale(1)}74%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#dhLevelIntro{animation:none;background:#0007}}

/* Extra pause/death action; no change to the existing retry/resume button. */
#screen #panel #dhChangeLevel{display:inline-block;background:#101518;color:#e8dddd;border:1px solid #a5404b;box-shadow:none;margin-left:12px}
#screen #panel #dhChangeLevel:hover,#screen #panel #dhChangeLevel:focus-visible{background:#5a1822}
@media(max-width:700px){#screen #panel #dhChangeLevel{margin-left:0}}

/* Distinct drawn room scenes rather than the same door graphic */
#dhLevels .dh-l-art{background:#071013}
#dhLevels .dh-l-art::before,#dhLevels .dh-l-art::after{display:none!important}
#dhLevels .dh-l-art svg{width:100%;height:100%;display:block;object-fit:cover}
#dhLevels .dh-l-art .dh-l-door{display:none!important}
#dhLevels .dh-l-art.art-1,#dhLevels .dh-l-art.art-2,#dhLevels .dh-l-art.art-3,#dhLevels .dh-l-art.art-4,#dhLevels .dh-l-art.art-5,#dhLevels .dh-l-art.art-6,#dhLevels .dh-l-art.art-7,#dhLevels .dh-l-art.art-8{filter:none}
#dhLevels .dh-l-card:hover:not(:disabled) .dh-l-art svg{transform:scale(1.035);transition:transform .35s ease}