:root{color-scheme:dark;--ink: #d7dccf;--dim: #9aa394;--line: rgba(196, 204, 184, .45);--panel: rgba(6, 8, 10, .42);--amber: #e0b15a;--hp: #c45448;--sp: #d8c48a;font-family:Segoe UI Mono,Roboto Mono,Liberation Mono,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#07080a;overflow:hidden}.app{position:relative;height:100%}.app canvas{display:block;width:100%;height:100%}.rain-screen{pointer-events:none;position:absolute;inset:-30%;background:repeating-linear-gradient(108deg,transparent 0 10px,rgba(190,204,216,.045) 10px 11px);animation:rain .55s linear infinite;mix-blend-mode:screen}.vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.55) 100%),linear-gradient(to top,rgba(0,0,0,.35),transparent 28%)}@keyframes rain{0%{transform:translate3d(-2%,-6%,0)}to{transform:translate3d(2%,6%,0)}}.hud{pointer-events:none;position:absolute;inset:0;color:var(--ink);letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.85)}.top-left{position:absolute;top:22px;left:26px}.title{font-size:22px;font-weight:700;letter-spacing:.22em}.channel{margin-top:6px;color:var(--amber);font-size:13px;letter-spacing:.16em}.sub{margin-top:4px;color:var(--dim);font-size:11px}.top-center{position:absolute;top:16px;left:50%;transform:translate(-50%);width:min(520px,54vw);text-align:center}.compass{position:relative;height:36px;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,rgba(0,0,0,.28),transparent)}.compass-caret{position:absolute;left:50%;bottom:0;width:0;height:0;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--amber)}.tick{position:absolute;top:8px;transform:translate(-50%);color:var(--dim);font-size:10px}.tick.major{color:var(--ink);font-size:13px;top:6px}.heading{margin-top:4px;font-size:12px;color:var(--amber)}.minimap{position:absolute;top:22px;right:22px;width:160px;padding:6px;background:var(--panel);border:1px solid var(--line)}.minimap canvas{display:block;width:148px;height:148px}.minimap-label{margin-top:4px;text-align:center;font-size:11px;letter-spacing:.18em;color:var(--dim)}.bottom-left{position:absolute;left:26px;bottom:28px;width:280px;padding:10px 12px;background:var(--panel);border:1px solid var(--line)}.stat{display:grid;grid-template-columns:28px 1fr 36px;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}.stat em{font-style:normal;text-align:right;color:var(--dim)}.bar{height:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.bar span{display:block;height:100%}.bar.hp span{background:var(--hp)}.bar.sp span{background:var(--sp)}.parts{display:flex;gap:10px;margin:8px 0 6px;color:var(--dim);font-size:10px;font-style:normal}.parts i{font-style:normal;border-bottom:2px solid #8d9a78;padding-bottom:2px}.meta{display:flex;justify-content:space-between;font-size:11px;color:var(--ink)}.bottom-right{position:absolute;right:26px;bottom:28px;width:140px;text-align:right;padding:8px 10px 10px;background:var(--panel);border:1px solid var(--line)}.weapon{font-size:14px;letter-spacing:.18em}.caliber{color:var(--dim);font-size:11px}.mag{font-size:42px;line-height:1;letter-spacing:0;margin-top:4px}.mag.hot{color:#fff4d2}.reserve{color:var(--dim);font-size:16px}.reload{margin-top:4px;color:var(--amber);font-size:11px;letter-spacing:.14em}.hints{position:absolute;left:50%;bottom:14px;transform:translate(-50%);color:#d7dccf8c;font-size:10px;letter-spacing:.12em;white-space:nowrap}@media(max-width:800px){.hints{display:none}.title{font-size:16px}.bottom-left{width:210px}.minimap{transform:scale(.86);transform-origin:top right}}