body{margin:0;overflow:hidden;background:#0b0b10;font-family:Inter,system-ui,sans-serif}#bunker-root{position:fixed;inset:0}#bunker-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#b-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%),linear-gradient(to bottom,rgba(20,10,4,.25),transparent 30%,transparent 70%,rgba(20,10,4,.35));mix-blend-mode:multiply}#b-crosshair,#b-prompt{position:absolute;left:50%;color:#ffb27a;text-shadow:0 0 8px rgba(255,145,60,.6);pointer-events:none;transition:opacity .15s}#b-crosshair{top:50%;transform:translate(-50%,-50%);font:700 20px/1 monospace;opacity:.55}#b-prompt{top:58%;transform:translate(-50%);font:700 13px/1.6 system-ui;letter-spacing:.08em;text-transform:uppercase;opacity:0}#b-hud{position:absolute;top:18px;right:18px;display:flex;gap:10px;align-items:center}#b-hud a{display:inline-block;padding:10px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0c0c128c;backdrop-filter:blur(8px);color:#e8e6ea;font:700 11px/1 system-ui;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}#b-hud a:hover{color:#ff8b3d;border-color:#ff8b3d80}#b-hint{color:#e8e6ea66;font:600 10px/1 system-ui;letter-spacing:.12em;text-transform:uppercase}#b-panel{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:20px}#b-panel.open{display:flex}#b-panel-card{display:flex;max-width:680px;max-height:86vh;overflow:auto;background:#100f16eb;border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 30px 90px #0009;backdrop-filter:blur(14px)}#b-panel-img{width:280px;-o-object-fit:cover;object-fit:cover;-o-object-position:left center;object-position:left center}.b-panel-body{padding:28px}#b-panel-cat{color:#ff8b3d;font:700 11px/1 system-ui;letter-spacing:.2em;text-transform:uppercase}#b-panel-title{color:#f4f2f6;margin:10px 0;font-size:28px;line-height:1.15}#b-panel-desc{color:#e8e6eabf;font-size:15px;line-height:1.6}#b-panel-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}#b-panel-tags span{padding:5px 12px;border-radius:999px;background:#ff8b3d1a;border:1px solid rgba(255,139,61,.3);color:#ffb27a;font:700 11px/1 system-ui;letter-spacing:.06em}.b-panel-actions{display:flex;gap:12px;margin-top:6px}#b-panel-link{padding:12px 22px;border-radius:16px;background:#ff8b3d;color:#191512;font:800 12px/1 system-ui;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}#b-panel-close{padding:12px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#e8e6ea;font:800 12px/1 system-ui;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}#b-panel-close:hover{border-color:#ff8b3d;color:#ffb27a}@media(max-width:680px){#b-panel-card{flex-direction:column}#b-panel-img{width:100%;height:180px}}#b-tracker{position:absolute;top:18px;left:18px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,139,61,.35);background:#0c0c1299;backdrop-filter:blur(8px);color:#ffb27a;font:700 11px/1.6 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;display:none}#b-toast{position:absolute;left:50%;top:13%;transform:translate(-50%);padding:12px 18px;border-radius:14px;border:1px solid rgba(255,139,61,.45);background:#0c0c12cc;backdrop-filter:blur(10px);color:#ffd2a0;font:700 13px/1.4 system-ui;letter-spacing:.05em;opacity:0;pointer-events:none;transition:opacity .25s;max-width:70vw;text-align:center}#b-keypad{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#08080c8c}#b-keypad.open{display:flex}#b-keypad-card{width:300px;padding:22px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:#100f16f0;backdrop-filter:blur(14px)}#b-keypad-screen{height:58px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0d1410;border:1px solid rgba(68,255,136,.25);color:#4f8;font:800 30px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.3em;text-shadow:0 0 14px rgba(68,255,136,.6)}#b-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}#b-keypad-grid button{height:46px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#e8e6ea;font:800 17px/1 system-ui;cursor:pointer}#b-keypad-grid button:hover{border-color:#ff8b3d;color:#ff8b3d}#b-keypad-actions{display:flex;gap:8px}#b-keypad-actions button{flex:1;padding:12px 0;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#e8e6ea;font:800 11px/1 system-ui;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}#b-keypad-ok{background:#ff8b3d!important;color:#191512!important;border-color:#ff8b3d!important}#b-keypad-shake{animation:b-shake .35s}@keyframes b-shake{25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}#b-joystick{position:absolute;left:26px;bottom:26px;width:118px;height:118px;border-radius:50%;border:2px solid rgba(255,255,255,.16);background:#0c0c1259;touch-action:none;display:none}#b-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;transform:translate(-50%,-50%);background:#ff8b3d59;border:2px solid rgba(255,139,61,.6)}#b-lookpad{position:absolute;right:0;top:0;width:55%;height:100%;touch-action:none;display:none}#b-enter,#b-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:#08080cd1;z-index:5}#b-enter{cursor:pointer}#b-enter h1{color:#f4f2f6;font-size:clamp(22px,4.5vw,34px);margin:0}#b-enter p{color:#e8e6ea99;font-size:13px;letter-spacing:.06em;max-width:520px;padding:0 18px;line-height:1.7}#b-loading{color:#ffb27a;font:700 13px/1 system-ui;letter-spacing:.3em;text-transform:uppercase;animation:b-pulse 1.2s ease-in-out infinite}@keyframes b-pulse{50%{opacity:.35}}
