*{box-sizing:border-box}:root{--vw: 1vw;--vh: 1vh}html,body{margin:0;height:100%;overflow:hidden;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#111;-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}[hidden]{display:none!important}body[data-style=classic]{--bg: #ececec;--panel: #f4f4f4;--ink: #111;--accent: #111;--accent-ink: #fff;--line: #111;--shadow: 0 6px 24px rgba(0,0,0,.18);--hud: rgba(255,255,255,.88);--radius: 6px;--bd: 1px;--hl: #111;--head: "Segoe Script", "Bradley Hand", "Comic Sans MS", cursive}body[data-style=neo]{--bg: #fef0c8;--panel: #fef0c8;--ink: #111;--accent: #ff4f9a;--accent-ink: #111;--line: #000;--shadow: 6px 6px 0 #000;--hud: #2bc4ff;--radius: 0;--bd: 3px;--hl: #ffd23f;--head: "Arial Black", "Helvetica Neue", Arial, sans-serif}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;z-index:10}body[data-style=classic] .overlay{background:#ffffff8c}body[data-style=neo] .overlay{background:#141e5a40}.panel{background:var(--panel);border:var(--bd) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;max-width:520px}.panel.side{width:240px;padding:18px}.panel.main{width:min(520px,calc(var(--vw) * 92));min-height:260px}.panel.pausebox{width:min(420px,calc(var(--vw) * 92))}h1{font-family:var(--head);font-size:34px;line-height:1;margin:0 0 6px}h2{font-family:var(--head);font-size:30px;margin:0 0 10px}body[data-style=neo] h1,body[data-style=neo] h2{text-transform:uppercase;letter-spacing:-1px}h1{overflow-wrap:anywhere}body[data-style=neo] h1{font-size:24px}body[data-style=realism] h1{font-size:30px}p{line-height:1.5;font-size:13.5px;margin:8px 0}.tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.hint{font-size:12px;opacity:.75}nav{display:flex;flex-direction:column;gap:6px;margin:16px 0}button{font:inherit;cursor:pointer;color:var(--ink)}.nav{text-align:left;padding:9px 11px;background:transparent;border:var(--bd) solid transparent;border-radius:var(--radius);font-size:13px}.nav.on{background:var(--accent);color:var(--accent-ink)}.nav:hover:not(.on){background:#00000012}.foot{font-size:11px;opacity:.7;margin:0}.primary{display:block;width:100%;padding:12px 14px;margin:14px 0 8px;text-align:left;font-weight:700;font-size:14px;background:var(--accent);color:var(--accent-ink);border:var(--bd) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}body[data-style=classic] .primary{box-shadow:none;outline:2px solid #000;outline-offset:2px}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.5;cursor:wait}.link{background:none;border:0;text-decoration:underline;font-size:12px;padding:4px 0}.row{display:flex;justify-content:space-between;margin-top:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:8px;background:var(--panel);border:var(--bd) solid var(--line);border-radius:var(--radius)}.card small{font-size:11px;opacity:.7}.card.on{background:#7dff9b}body[data-style=classic] .card.on{background:#111;color:#fff}.sw{display:block;height:66px;border:1px solid #000}.sw.classic{background:repeating-linear-gradient(135deg,#fff 0,#fff 10px,#e6e6e6 10px,#e6e6e6 11px)}.sw.neo{background:linear-gradient(180deg,#4a90ff 0,#4a90ff 45%,#ffd23f 45%,#ffd23f 70%,#ff4f9a 70%)}.cards.small .sw{height:40px}.sw.realism{background:linear-gradient(180deg,#8fb4d9 0,#8fb4d9 42%,#6f8a52 42%,#6f8a52 68%,#55575a 68%)}.keys{width:100%;border-collapse:collapse;font-size:13px}.keys td{padding:5px 4px;border-bottom:1px solid rgba(0,0,0,.15)}.keys td:first-child{font-weight:700;width:48%}.loading{font-size:12px;opacity:.7}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}#crosshair i{position:absolute;background:#111;box-shadow:0 0 0 1px #ffffffe6}#crosshair i:nth-child(1){width:2px;height:8px;left:-1px;top:-14px}#crosshair i:nth-child(2){width:2px;height:8px;left:-1px;top:6px}#crosshair i:nth-child(3){width:8px;height:2px;left:-14px;top:-1px}#crosshair i:nth-child(4){width:8px;height:2px;left:6px;top:-1px}#hitmarker{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;opacity:0;transition:opacity .12s;background:linear-gradient(45deg,transparent 46%,#fff 46% 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,#fff 46% 54%,transparent 54%);filter:drop-shadow(0 0 2px #000)}#hitmarker.on{opacity:1;transition:none}#hitmarker.kill{filter:drop-shadow(0 0 3px #f00) drop-shadow(0 0 2px #000)}#damage{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px 30px #ff003c00;transition:box-shadow .35s}#damage.on{box-shadow:inset 0 0 120px 40px #ff003ca6;transition:none}#toast{position:absolute;top:14%;left:50%;transform:translate(-50%);padding:7px 14px;background:var(--hud);border:var(--bd) solid var(--line);font-size:13px;font-weight:700;opacity:0;transition:opacity .25s;white-space:nowrap}body[data-style=neo] #toast{background:#ff4f9a;box-shadow:4px 4px #000;text-transform:uppercase}#toast.on{opacity:1}#quest{position:absolute;top:14px;left:14px;width:min(320px,calc(var(--vw) * 60));padding:10px 12px;background:var(--hud);border:var(--bd) solid var(--line);border-radius:var(--radius);font-size:12px}body[data-style=neo] #quest{box-shadow:4px 4px #000;background:#fef0c8}.q-step{font-size:10px;letter-spacing:.15em;text-transform:uppercase;opacity:.65}.q-title{font-weight:800;font-size:15px;margin:2px 0 4px}.q-text{line-height:1.35}.q-dist{margin-top:6px;font-weight:700}#minimap{position:absolute;top:14px;right:14px;width:176px;height:176px;border:var(--bd) solid var(--line);border-radius:50%;background:#fff;box-shadow:var(--shadow)}body[data-style=neo] #minimap{background:#48a6ff}#vitals{position:absolute;left:14px;bottom:16px;width:min(260px,calc(var(--vw) * 40))}.bar{position:relative;height:22px;background:#ffffffbf;border:var(--bd) solid var(--line)}.bar b{position:absolute;inset:0 auto 0 0;width:100%;background:#111;transition:width .15s}body[data-style=neo] .bar b{background:#ff3b6b}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:8px;font-size:12px;font-weight:800;color:#fff;mix-blend-mode:difference}#ammo{position:absolute;right:14px;bottom:16px;padding:8px 14px;background:var(--hud);border:var(--bd) solid var(--line);display:flex;align-items:baseline;gap:8px}body[data-style=neo] #ammo{box-shadow:4px 4px #000}#ammo small{font-size:11px;text-transform:uppercase;letter-spacing:.1em}#ammo strong{font-size:30px;line-height:1}#ammo em{font-style:normal;opacity:.7;font-size:13px}#interact{position:absolute;left:50%;bottom:22%;transform:translate(-50%);font-weight:800;font-size:13px;text-shadow:0 0 4px #fff}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:8}#dialog{position:absolute;left:50%;bottom:16%;transform:translate(-50%);width:min(620px,calc(var(--vw) * 88));padding:10px 16px;background:var(--hud);border:var(--bd) solid var(--line);border-radius:var(--radius);font-size:15px;line-height:1.4;opacity:0;transition:opacity .2s}#dialog b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:2px}body[data-style=neo] #dialog{background:#fff;box-shadow:5px 5px #000}#dialog.on{opacity:1}#title{position:absolute;left:0;right:0;top:30%;text-align:center;opacity:0;transition:opacity .5s}#title strong{display:block;font-family:var(--head);font-size:clamp(38px,calc(var(--vw) * 9),96px);letter-spacing:.04em;text-transform:uppercase;color:#c01030;text-shadow:3px 3px 0 #000,0 0 18px rgba(255,255,255,.7)}#title em{display:block;font-style:normal;font-size:16px;margin-top:8px;text-shadow:0 0 6px #fff}#title.on{opacity:1}#shout{position:absolute;left:50%;top:24%;transform:translate(-50%);font-weight:900;font-size:clamp(22px,calc(var(--vw) * 4),40px);color:#e0103a;text-shadow:2px 2px 0 #000,0 0 10px rgba(255,255,255,.8);opacity:0;white-space:nowrap}#shout.on{animation:shout 1.6s ease-out}@keyframes shout{0%{opacity:0;transform:translate(-50%) scale(.6) rotate(-4deg)}12%{opacity:1;transform:translate(-50%) scale(1.15) rotate(3deg)}80%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1) rotate(0)}}#boss{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(420px,calc(var(--vw) * 50));text-align:center;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px;opacity:0;transition:opacity .3s}#boss.on{opacity:1}.bbar{height:14px;margin-top:4px;border:var(--bd) solid var(--line);background:#ffffffb3}.bbar b{display:block;height:100%;width:100%;background:#e0103a;transition:width .15s}body[data-style=realism]{--bg: #1f2225;--panel: #25292d;--ink: #e9ecef;--accent: #c9a64a;--accent-ink: #141414;--line: #555c63;--shadow: 0 10px 34px rgba(0,0,0,.5);--hud: rgba(22,25,28,.78);--radius: 4px;--bd: 1px;--hl: #c9a64a;--head: Georgia, "Times New Roman", serif;color:#e9ecef}body[data-style=realism] .overlay{background:#0a0c0e8c}body[data-style=realism] .nav:hover:not(.on){background:#ffffff14}body[data-style=realism] .card.on{background:#c9a64a;color:#111}body[data-style=realism] .keys td{border-bottom-color:#ffffff24}body[data-style=realism] .bar{background:#00000073}body[data-style=realism] .bar b{background:#b23a3a}body[data-style=realism] #minimap{background:#2a2f33}body[data-style=realism] #title strong{color:#b23a3a;text-shadow:2px 2px 0 #000}.lb{list-style:none;margin:8px 0;padding:0;font-size:13px;max-height:calc(var(--vh) * 44);overflow:auto}.lb li{display:grid;grid-template-columns:2.2em 1fr auto 7.5em;gap:8px;padding:5px 4px;border-bottom:1px solid rgba(128,128,128,.3);align-items:baseline}.lb li.empty{display:block;opacity:.7}.lb .r{font-weight:800}.lb .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb .p{font-weight:800;text-align:right}.lb .m{font-size:11px;opacity:.7;text-align:right}.lb li.mine{background:var(--hl);color:#111}body[data-style=realism] .lb li.mine{background:#c9a64a}#lb-end{max-height:calc(var(--vh) * 30)}.score{font-size:16px;margin:6px 0}.entry{display:flex;gap:8px;align-items:stretch}.entry input{flex:1;min-width:0;font:inherit;font-size:15px;padding:9px 10px;border:var(--bd) solid var(--line);border-radius:var(--radius);background:#fff;color:#111;user-select:text;-webkit-user-select:text}.entry .primary{width:auto;margin:0;text-align:center}.mob{display:none}body.touch .mob{display:block}body.touch table.mob{display:table}body.touch .desk{display:none}body.touch{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;overscroll-behavior:none}body:not(.touch) #touch{display:none!important}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}body.touch #touch:not([hidden]){display:block}#t-move{position:absolute;left:0;top:0;bottom:0;width:42%;pointer-events:auto;touch-action:none}#t-look{position:absolute;right:0;top:0;bottom:0;width:58%;pointer-events:auto;touch-action:none}#t-stick{position:absolute;width:0;height:0;opacity:0;transition:opacity .15s}#t-stick.on{opacity:1}#t-stick i{position:absolute;left:-58px;top:-58px;width:116px;height:116px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#00000038;box-shadow:0 0 0 1px #0006}#t-knob{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;background:#ffffffd9;border:2px solid #111}.tb{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;border:2px solid rgba(0,0,0,.75);background:#ffffff8c;color:#111;font:800 12px/1 inherit;font-family:inherit;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;padding:0;-webkit-tap-highlight-color:transparent}.tb.on{background:#ffd23fe6;transform:scale(.94)}#b-fire{right:18px;bottom:16px;width:84px;height:84px;background:#e0103a99;color:#fff;font-size:12px}#b-jump{right:114px;bottom:18px;width:54px;height:54px;font-size:10px}#b-weapon{right:114px;bottom:82px;width:50px;height:50px;font-size:10px}#b-reload{right:24px;bottom:112px;width:50px;height:50px;font-size:16px}#b-style,#b-pause{width:36px;height:36px;border-radius:10px;font-size:12px;top:10px}#b-pause{right:124px}#b-style{right:168px}body[data-style=realism] .tb{color:#eee;background:#1e222699;border-color:#ffffff80}body[data-style=neo] .tb{background:#ff4f9abf;border-color:#000}body[data-style=neo] #b-fire{background:#ffd23fd9}body.touch #quest{top:8px;left:8px;width:calc(var(--vw) * 36);padding:6px 8px;font-size:10px}body.touch .q-title{font-size:12px;margin:1px 0 2px}body.touch .q-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.touch #minimap{width:104px;height:104px;top:8px;right:8px}body.touch #boss{top:52px;font-size:11px;width:calc(var(--vw) * 30)}body.touch #title strong{font-size:calc(var(--vw) * 6.5)}body.touch #title em{font-size:12px;margin-top:2px}body.touch #title{top:22%}body.touch #vitals{left:50%;right:auto;bottom:10px;width:150px;transform:translate(-112%)}body.touch #ammo{left:50%;right:auto;bottom:10px;transform:translate(12%);padding:4px 10px}body.touch #ammo strong{font-size:22px}body.touch #dialog{bottom:26%;width:calc(var(--vw) * 62);font-size:12px;padding:7px 11px}body.touch #toast{top:10%;font-size:12px}body.touch #shout{top:18%}body.touch #interact{display:none}@media (max-height: 520px){.overlay{padding:8px;gap:8px}.panel{padding:12px}.panel.side{width:calc(var(--vw) * 26);min-width:150px;padding:12px}.panel.main{width:calc(var(--vw) * 62);max-height:calc(var(--vh) * 100 - 16px);overflow:auto;min-height:0}.panel.pausebox{width:calc(var(--vw) * 62);max-height:calc(var(--vh) * 100 - 16px);overflow:auto}h1{font-size:20px}body[data-style=neo] h1{font-size:17px}body[data-style=realism] h1{font-size:19px}h2{font-size:20px;margin-bottom:6px}p{font-size:12px;margin:5px 0}nav{margin:8px 0;gap:3px}.nav{padding:6px 8px;font-size:12px}.primary{padding:10px 12px;margin:8px 0 4px}.sw{height:34px}.cards{gap:6px}.card{padding:5px}.card small{display:none}.keys{font-size:11px}.keys td{padding:3px 4px}}