html,body{color:#ddd;background:#000;height:100%;margin:0;font-family:Verdana,Tahoma,sans-serif;overflow:hidden}#view{width:100%;height:100%;display:block}#crosshair{pointer-events:none;background:url(/data/crosshairs/1.png) 50% no-repeat;width:24px;height:24px;margin:-12px 0 0 -12px;position:fixed;top:50%;left:50%}#crosshair.hidden{display:none}#scope-overlay{pointer-events:none;background:50%/contain no-repeat;display:none;position:fixed;inset:0}#scope-overlay.visible{display:block}#hud{color:#9c9;text-shadow:1px 1px #000;pointer-events:none;white-space:pre;font-size:12px;position:fixed;bottom:10px;left:12px}#game-hud{transform-origin:0 0;pointer-events:none;width:800px;height:600px;position:fixed;top:0}.hud-el{background-repeat:no-repeat;width:83px;height:104px;position:absolute}.hud-value{text-align:center;color:#fff;text-shadow:1px 1px #000;width:40px;font:700 13px Verdana,sans-serif;position:absolute}.hud-compass{background-image:url(/data/hud/compass.png);background-repeat:repeat-x;width:41px;height:24px;position:absolute}#damage-flash{opacity:0;pointer-events:none;background:#c00;position:fixed;inset:0}#story-layer{z-index:20;background:#000;display:none;position:fixed;inset:0}#story-layer.visible{display:block}.story-frame{transform-origin:50%;background-size:800px 600px;width:800px;height:600px;position:absolute;top:50%;left:50%}.story-speak,.story-replies{color:#fff;text-shadow:2px 2px #000,-1px -1px #000;font-family:Verdana,Tahoma,sans-serif;font-weight:700;line-height:1.35;position:absolute;overflow:hidden}.story-reply{color:#e9d27a;cursor:pointer;margin-bottom:6px}.story-reply:hover{color:#fff}#story-message{transform-origin:0 0;color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,2px 2px 2px #000;pointer-events:none;opacity:0;background:#0000008c;border-radius:4px;max-width:600px;padding:6px 10px;font-family:Verdana,Tahoma,sans-serif;font-weight:700;line-height:1.35;transition:opacity 1s;position:fixed;top:0;left:0}#story-message.visible{opacity:1}#cutscene{object-fit:contain;z-index:30;background:#000;width:100%;height:100%;display:none;position:fixed;inset:0}#cutscene.visible{display:block}#message{text-align:center;color:#e22;text-shadow:2px 2px #000;pointer-events:none;opacity:0;padding:0 16px;font-size:clamp(22px,5vw,40px);font-weight:700;transition:opacity .3s;position:fixed;top:38%;left:0;right:0}#message.visible{opacity:1}#menu{text-align:center;z-index:10;background:#000 url(/data/menu/background.png) 50%/contain no-repeat;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;padding:16px 16px 4vh;display:flex;position:fixed;inset:0}#menu.hidden{display:none}#menu h1{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}#menu .menu-buttons{flex-wrap:wrap;justify-content:center;flex-direction:row!important}#menu button.sprite{width:var(--w);height:var(--h);background:url(/data/menu/images.png) var(--x) var(--y) no-repeat;color:#0000;border:0;min-width:0;padding:0;font-size:0}#menu button.sprite:hover:not(:disabled){background:url(/data/menu/images.png) var(--x) var(--hy) no-repeat}#loading-screen,#credits-screen{z-index:25;background:#000 50%/contain no-repeat;display:none;position:fixed;inset:0}#loading-screen{background-image:url(/data/menu/loading.png)}#credits-screen{cursor:pointer;background-image:url(/data/menu/credit.png)}#loading-screen.visible,#credits-screen.visible{display:block}#menu .sub{color:#aaa;margin:0}#menu select,#menu button{font:inherit;color:#eee;background:#222;border:1px solid #844;padding:6px 12px}#menu button{cursor:pointer;background:#611;min-width:140px}#menu button:hover{background:#922}#menu .menu-buttons{gap:8px;display:flex}#menu button:disabled{opacity:.4;cursor:default}#menu .level-select{color:#aaa;font-size:13px}#menu .level-select summary{cursor:pointer}#menu .level-select[open]{flex-direction:column;align-items:center;gap:8px;display:flex}#menu .help{color:#999;font-size:13px;line-height:1.7}#status{color:#e88;min-height:1.2em;font-size:13px}