:root{--bg-dark: #0a0a0c;--accent-red: #8b0000;--accent-gold: #d4af37;--text-light: #e0e0e0;--fog-color: rgba(200, 200, 220, .15)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-dark);color:var(--text-light);font-family:Courier New,Courier,monospace;overflow:hidden}.screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.start-screen,.gameover-screen{background:radial-gradient(circle at center,#1a1a24,#000)}.cloud-badge{position:absolute;top:20px;right:20px;font-size:12px;color:#888;background:#ffffff1a;padding:4px 10px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.title-box{text-align:center;margin-bottom:40px}.title-box h1{font-size:48px;color:var(--accent-red);text-shadow:0 0 20px rgba(139,0,0,.8);letter-spacing:8px;margin-bottom:10px}.subtitle{color:#aaa;font-size:18px;letter-spacing:2px}.hero-images{display:flex;gap:40px;margin-bottom:30px;align-items:center}.hero-img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.hero-emoji{font-size:80px}.ghost-float{animation:float 3s ease-in-out infinite}.stats-board{background:#00000080;border:1px solid #333;padding:15px 30px;border-radius:8px;margin-bottom:30px;display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:var(--accent-gold)}.instructions{text-align:left;color:#888;line-height:1.8;margin-bottom:40px;background:#ffffff0d;padding:20px;border-radius:8px;border-left:4px solid var(--accent-red)}.btn-primary{background:linear-gradient(45deg,#4a0000,#8b0000);color:#fff;border:2px solid #ff4444;padding:15px 40px;font-size:24px;border-radius:30px;cursor:pointer;transition:all .3s;font-family:inherit;font-weight:700;box-shadow:0 0 15px #8b000080}.btn-primary:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 25px #f00c}.btn-primary:disabled{filter:grayscale(1);cursor:not-allowed;opacity:.7}.gameover-title{font-size:64px;color:red;text-shadow:0 0 30px #ff0000;margin-bottom:20px;letter-spacing:10px}.final-stats{font-size:24px;margin-bottom:40px;text-align:center;line-height:2}.highlight{color:var(--accent-gold);font-size:32px;font-weight:700}.new-record{color:#0f0;font-size:18px;margin-top:10px;animation:pulse 1s infinite}.playing-screen{background:#000}.hit-flash{box-shadow:inset 0 0 100px 20px #f00c;transition:box-shadow .1s}.hud{position:absolute;top:0;left:0;width:100%;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.hud-left{display:flex;gap:20px;align-items:center}.hud-item{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;text-shadow:1px 1px 2px #000}.cloud-tiny{font-size:14px;opacity:.7}.level-badge{background:var(--accent-red);padding:4px 12px;border-radius:15px;font-size:16px;border:1px solid #ff8888}.progress-bar-container{display:flex;align-items:center;gap:10px;background:#0009;padding:8px 15px;border-radius:20px;border:1px solid #444}.progress-bar{width:150px;height:10px;background:#222;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#d4af37,#fff);transition:width .3s ease}.game-viewport{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.game-world{position:relative;background-color:#111;box-shadow:0 0 50px #000 inset;overflow:hidden;border:2px solid #333}.floor-texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#333 1px,transparent 1px);background-size:40px 40px;opacity:.2}.player,.ghost,.clue-item,.hide-spot,.exit-portal{position:absolute;display:flex;justify-content:center;align-items:center}.fallback-emoji{font-size:30px}.player{width:50px;height:50px;z-index:20;transition:opacity .3s}.player img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.player.hidden{opacity:.4;filter:grayscale(.8)}.hidden-indicator{position:absolute;top:-25px;background:#000000b3;padding:2px 6px;border-radius:4px;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:4px;border:1px solid #666}.light-aura{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,220,150,.15) 0%,transparent 70%);pointer-events:none;z-index:-1}.ghost{width:50px;height:50px;z-index:15}.ghost img{width:100%;height:100%;object-fit:contain}.ghost.wandering img{filter:drop-shadow(0 0 10px rgba(255,0,0,.6));animation:float 2s infinite alternate}.ghost.patrol img{filter:drop-shadow(0 0 10px rgba(0,255,0,.4))}.alert-icon{position:absolute;top:-20px;animation:pulse .5s infinite}.clue-item{width:30px;height:30px;z-index:10;filter:drop-shadow(0 0 8px var(--accent-gold))}.clue-item img{width:100%;height:100%;object-fit:contain}.hide-spot{z-index:5;background:#321e0a4d;border:1px dashed #553;border-radius:8px}.hide-spot img{width:100%;height:100%;object-fit:cover;opacity:.8}.exit-portal{width:80px;height:80px;z-index:10}.portal-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#fff 0%,#00f 50%,transparent 100%);opacity:.6;animation:pulse 1s infinite}.exit-portal span{position:relative;z-index:2;font-weight:700;color:#fff;text-shadow:0 0 5px #000}.fog-layer{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.01" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" opacity="0.15"/></svg>');pointer-events:none;z-index:30;animation:fogMove 60s linear infinite;mix-blend-mode:screen}.minimap{position:absolute;bottom:20px;right:20px;width:150px;height:112.5px;background:#000000b3;border:2px solid #444;border-radius:8px;overflow:hidden;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.minimap-icon{position:absolute;top:5px;left:5px;color:#888;opacity:.5}.minimap-inner{position:relative;width:100%;height:100%}.mini-player{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #fff}.mini-ghost{position:absolute;width:6px;height:6px;background:red;border-radius:50%;transform:translate(-50%,-50%)}.mini-exit{position:absolute;width:8px;height:8px;background:#08f;border-radius:50%;transform:translate(-50%,-50%);animation:pulse 1s infinite}.mobile-controls{display:none;position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:100}.action-btn{background:#ffffff1a;border:2px solid #fff;color:#fff;padding:15px 30px;border-radius:30px;font-size:18px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.action-btn:active{background:#ffffff4d}@media (max-width: 768px){.mobile-controls{display:flex}.instructions{display:none}.game-world{transform:scale(.5);transform-origin:center center}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes fogMove{0%{transform:translate(0)}to{transform:translate(10%,10%)}}