@font-face{font-family:AmazDooM;src:url(/fonts/AmazDooMLeft.ttf) format("truetype");font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Share Tech Mono,Courier New,Courier,monospace;color:#c4a484;-webkit-user-select:none;user-select:none}#app{width:100%;height:100%;position:relative;background:#000}#game-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;z-index:1}#game-wrap.hidden{display:none}#start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;background:#000;transition:opacity .6s ease}#start-screen.hidden{opacity:0;pointer-events:none}.dos-frame{position:relative;width:min(100vw,133.34vh);aspect-ratio:4 / 3;display:flex;flex-direction:column;background:#000;box-shadow:0 0 0 2px #000;overflow:hidden}.dos-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vh;padding:2vh 5vw;overflow:hidden}.doom-header{text-align:center;width:100%}.doom-eyebrow{font-size:clamp(.75rem,2.2vh,1.1rem);letter-spacing:.4em;color:#c8a878;margin-bottom:1vh}.doom-logo{display:flex;flex-direction:column;align-items:center;line-height:.85}.doom-logo .word-main,.doom-logo .word-sub{font-family:AmazDooM,Share Tech Mono,monospace;color:#d4281c;letter-spacing:.14em;text-shadow:.05em .05em 0 #6b1410,.1em .1em 0 #2c0705,0 0 40px rgba(220,40,20,.35)}.doom-logo .word-main{font-size:clamp(4.8rem,24vh,11rem)}.doom-logo .word-sub{font-size:clamp(2.8rem,14vh,6.5rem);margin-top:.05em;letter-spacing:.12em}.tagline{font-size:clamp(.85rem,2.4vh,1.2rem);color:#c0a888;letter-spacing:.08em}.doom-hint{font-size:clamp(.75rem,2vh,1rem);color:#8a7256;letter-spacing:.02em}.doom-hint strong{color:#d8b888}.doom-status-line{font-size:clamp(.9rem,2.6vh,1.3rem);letter-spacing:.06em;text-align:center;text-shadow:.08em .08em 0 rgba(0,0,0,.7)}.doom-status-line.ok{color:#6fdc6f}.doom-status-line.loading{color:#88b8d8}.doom-status-line.warn{color:#e0b048}.doom-menu{display:flex;flex-direction:column;align-items:center;gap:1.8vh;width:min(94%,780px)}.menu-item{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background:none;border:none;cursor:pointer;font-family:Impact,Arial Narrow Bold,Arial Black,sans-serif;color:#c8261a;text-shadow:.045em .045em 0 #4a0d09,.09em .09em 0 #1a0503}.menu-item-label{font-size:clamp(1.8rem,6.5vh,3.5rem);letter-spacing:.04em;text-transform:uppercase;transition:color .1s ease}.menu-item:hover .menu-item-label,.menu-item:focus-within .menu-item-label{color:#ffcf40}.menu-item-volume{cursor:default;gap:1.25rem}.menu-item-volume .menu-item-label{flex:0 0 auto;min-width:7ch;text-align:left}.volume-bar{position:relative;flex:1;height:clamp(14px,2vh,20px);background:#111;border:2px solid;border-color:#222 #444 #444 #222}.volume-bar-fill{height:100%;width:50%;background:#c8261a;pointer-events:none}#volume-slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.menu-item-value{flex:0 0 auto;min-width:4ch;font-size:clamp(1.3rem,4.5vh,2.2rem);text-align:right;color:#c8261a;text-shadow:.045em .045em 0 #4a0d09,.09em .09em 0 #1a0503}#track-info{display:flex;flex-direction:column;align-items:center;gap:.6vh;width:100%}#track-info.hidden{display:none}#track-name.menu-item-value{font-size:clamp(.85rem,2.2vh,1.1rem);color:#a89070;text-shadow:none;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}#play-btn .menu-item-label{color:#ffcf40;text-shadow:.045em .045em 0 #7a3a00,.09em .09em 0 #1a0503}#play-btn:hover .menu-item-label{color:#fff2b0}#hud{position:fixed;top:1rem;left:1rem;z-index:3;pointer-events:none}#hud.hidden{display:none}#stats{display:flex;flex-direction:column;gap:.5rem}#bpm-display{font-size:1.2rem;color:#ff2020;text-shadow:0 0 10px #ff0000}#energy-bar{display:block;width:160px;height:6px;background:#311;border:1px solid #552222}#energy-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ff2020,#f80);transition:width .05s linear}.hud-hint{font-size:.7rem;color:#654}body.drag-over .dos-frame{box-shadow:0 0 0 3px #ffcf40}