*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}button{font:inherit}
#game{position:fixed;inset:0;width:100%;height:100%;display:block}
#app{opacity:0;transition:.5s}#app.ready{opacity:1}
#loading{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(150,0,0,.18),transparent 32%),#020202;transition:.5s}
#loading.hide{opacity:0;pointer-events:none}.logo{width:84px;height:84px;border:2px solid #ff1717;border-radius:50%;display:grid;place-items:center;color:#ff1717;font-size:30px;font-weight:1000;box-shadow:0 0 35px rgba(255,0,0,.4)}
#loading h1{font-size:70px;margin:20px 0 6px}#loading p{color:#ff7777;font-weight:900}.bar{width:min(520px,78vw);height:9px;border:1px solid #333;border-radius:999px;overflow:hidden}.bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,#700000,#ff1717)}
.hud.top{position:fixed;left:18px;right:380px;top:18px;height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(5,5,5,.82);backdrop-filter:blur(12px);z-index:20}
.brand{display:flex;gap:11px;align-items:center}.mark{width:40px;height:40px;border:1px solid #ff1717;border-radius:50%;display:grid;place-items:center;color:#ff1717;font-weight:1000}.brand strong,.brand small{display:block}.brand small{font-size:9px;color:#777}.mission{text-align:center}.mission span{display:block;color:#ff1717;font-size:10px;font-weight:1000}.mission strong{font-size:12px}.money{justify-self:end;padding:10px 13px;border:1px solid #222;border-radius:10px;background:#080808}.money strong{color:#ff1717}
.inventory{position:fixed;right:18px;top:18px;bottom:18px;width:340px;padding:16px;border:1px solid #222;border-radius:17px;background:rgba(5,5,5,.94);backdrop-filter:blur(12px);z-index:25;display:flex;flex-direction:column}
.inv-head{display:flex;justify-content:space-between}.inv-head span{display:block;color:#ff1717;font-weight:1000}.inv-head strong{font-size:11px;color:#666}.inv-head button{background:#090909;border:1px solid #2b2b2b;border-radius:8px;color:#fff;padding:8px 10px;font-size:10px;font-weight:900}
.agent{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;margin:14px 0;padding:11px;border:1px solid rgba(255,0,0,.35);border-radius:12px;background:rgba(255,0,0,.04)}.portrait{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#a00000;font-weight:1000}.agent strong,.agent small{display:block}.agent small{color:#666}
.inv-list{display:grid;gap:8px;overflow:auto;min-height:170px}.empty{text-align:center;padding:25px 8px;border:1px dashed #333;border-radius:11px;color:#666}.empty strong,.empty small{display:block}.item{display:grid;grid-template-columns:46px 1fr auto;gap:9px;align-items:center;padding:8px;border:1px solid #242424;border-radius:10px;background:#0a0a0a}.thumb{width:46px;height:40px;border-radius:8px;background:#161616;display:grid;place-items:center;color:#ff1717;font-weight:1000}.item strong,.item small{display:block}.item small{color:#666}.item b{color:#ff1717}
.total{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:16px 0;border-top:1px solid #222}.total strong{color:#ff1717;font-size:28px}.goals{border:1px solid #242424;border-radius:11px;padding:12px}.goals h3{margin:0 0 8px;color:#ff1717;font-size:11px}.goals label{display:flex;gap:8px;align-items:center;margin:7px 0;font-size:11px;color:#aaa}.goals i{width:12px;height:12px;border:1px solid #666;border-radius:50%}.goals i.done{background:#26d679;border-color:#26d679}.checkout{margin-top:10px;min-height:48px;border:0;border-radius:10px;background:#242424;color:#777;font-weight:1000}.checkout.ready{background:linear-gradient(90deg,#ff1717,#970000);color:#fff}
.interact{position:fixed;left:calc(50% - 170px);bottom:58px;transform:translateX(-50%) translateY(16px);display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;min-width:430px;padding:12px 14px;border:1px solid #ff1717;border-radius:12px;background:rgba(5,5,5,.94);z-index:30;opacity:0;pointer-events:none;transition:.2s}.interact.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.interact small{display:block;color:#ff1717;font-weight:1000}.interact b{color:#ff1717;font-size:20px}.interact button{border:0;border-radius:8px;background:#ff1717;color:#fff;padding:10px 13px;font-weight:1000}
.toast{position:fixed;left:calc(50% - 170px);top:100px;transform:translateX(-50%) translateY(-10px);padding:10px 14px;border:1px solid #2c9;border-radius:999px;background:#090909;color:#7fffb3;font-weight:1000;z-index:40;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.controls{position:fixed;left:18px;bottom:18px;display:flex;gap:15px;padding:10px 12px;border:1px solid #222;border-radius:10px;background:rgba(5,5,5,.78);z-index:20;color:#666;font-size:10px}.controls kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-right:2px;border:1px solid #333;border-radius:5px;background:#111;color:#fff;font-weight:1000}
.mobile{display:none}.modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center}.modal.open{display:flex}.backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}.modal section{position:relative;z-index:2;width:min(650px,94vw);padding:28px;border:1px solid rgba(255,0,0,.5);border-radius:20px;background:linear-gradient(#1a0505,#030303);text-align:center}.modal section>span{color:#ff1717;font-weight:1000;letter-spacing:.12em}.modal h2{font-size:40px}.summary{display:grid;gap:7px;text-align:left}.summary div{display:flex;justify-content:space-between;padding:11px;border:1px solid #252525;border-radius:9px}.modal-total{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.modal-total strong{color:#ff1717;font-size:34px}.modal button{width:100%;min-height:48px;border-radius:10px;font-weight:1000}.primary{border:0;background:linear-gradient(90deg,#ff1717,#970000);color:#fff}.secondary{margin-top:8px;border:1px solid #333;background:#090909;color:#fff}
@media(max-width:1000px){.hud.top{right:18px}.inventory{top:auto;left:18px;right:18px;bottom:18px;width:auto;height:42vh;transform:translateY(calc(100% + 20px));transition:.25s}.inventory.open{transform:translateY(0)}.controls{display:none}.interact{left:50%}.toast{left:50%}.mobile{display:block;position:fixed;inset:0;pointer-events:none;z-index:50}.stick{position:absolute;left:20px;bottom:20px;width:120px;height:120px;border:1px solid #444;border-radius:50%;background:rgba(5,5,5,.55);pointer-events:auto}.stick div{position:absolute;left:38px;top:38px;width:44px;height:44px;border-radius:50%;background:rgba(255,0,0,.8);border:1px solid #ff1717}#mobilePick{position:absolute;right:22px;bottom:38px;width:92px;height:92px;border-radius:50%;border:1px solid #ff1717;background:rgba(160,0,0,.82);color:#fff;font-weight:1000;pointer-events:auto}}