:root{--bg: #14110d;--bg-elev: #1e1a14;--bg-elev-2: #262019;--line: #3a3125;--text: #ece5d8;--muted: #9b9282;--accent: #e0821f;--accent-2: #c9611a;--danger: #c94b3b;--success: #5bbd5b;--radius: 12px;--safe-top: calc( var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)) + var(--tg-content-safe-area-inset-top, 0px) );--safe-bottom: calc( var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) + var(--tg-content-safe-area-inset-bottom, 0px) )}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + var(--safe-top)) 16px 10px;background:linear-gradient(180deg,var(--bg-elev),rgba(20,17,13,.9));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.02em;padding:6px 12px 6px 8px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--line)}.brand-home{width:18px;height:18px;display:block}.brand-mark{color:var(--accent);font-size:18px}.dev-user{display:flex;align-items:center;gap:6px}.dev-user select,.select,.search,input[type=number]{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:14px;outline:none}.dev-user select:focus,.select:focus,.search:focus,input:focus{border-color:var(--accent)}main{flex:1}.page{padding:12px 16px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:12px}.deposit-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.deposit-figs{display:flex;gap:16px;flex-wrap:wrap}.deposit-figs b{color:var(--accent)}.deposit-actions{display:flex;gap:6px}.toolbar{display:flex;gap:8px;align-items:center}.toolbar .search{flex:1}.seg{display:inline-flex;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:9px;padding:2px;gap:2px}.seg-btn{border:0;background:transparent;color:var(--muted);padding:6px 12px;border-radius:7px;font-size:14px;cursor:pointer}.seg-btn.active{background:var(--accent);color:#1a1206;font-weight:600}.grid{display:flex;flex-direction:column;gap:10px}.card{text-align:left;width:100%;cursor:pointer;display:flex;flex-direction:column;gap:8px;background:var(--bg-elev);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--radius);padding:12px 14px;color:var(--text);transition:transform .05s ease,border-color .15s ease}.card:active{transform:scale(.99)}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card-name{font-weight:600;font-size:16px}.card-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-bottom{display:flex;justify-content:space-between;align-items:baseline}.badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:6px;padding:1px 6px}.tag{font-size:11px;font-weight:600;border-radius:6px;padding:1px 6px;color:#cfe}.tag-pve{background:#4a90d92e;color:#7db8f0}.tag-pvp{background:#c94b3b2e;color:#e58a7d}.countdown{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.countdown.urgent{color:var(--danger);font-weight:700}.price{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.price.big{font-size:26px;display:block}.price.small{font-size:14px}.price-fiat{color:var(--muted);font-weight:400;font-size:12px}.price.big .price-fiat{display:block;margin-top:2px}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center;padding:24px 0}.link-back{align-self:flex-start;background:transparent;border:0;color:var(--muted);cursor:pointer;padding:4px 0;font-size:14px}.detail-head{background:var(--bg-elev);border:1px solid var(--line);border-top:3px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.detail-head h1{margin:0;font-size:22px}.detail-figs{display:flex;justify-content:space-between;align-items:flex-end;margin-top:4px}.detail-figs .right{text-align:right;display:flex;flex-direction:column;gap:2px}.detail-figs .muted{display:block}.panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input,.field .item-picker,.field .seg{width:100%}.field input{font-size:16px;color:var(--text)}.btn{border:1px solid transparent;border-radius:9px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer;color:var(--text);background:var(--bg-elev-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{padding:6px 10px;font-size:13px}.btn.block{width:100%}.btn-primary{background:var(--accent);color:#1a1206}.btn-primary:active{background:var(--accent-2)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.dev-btn{align-self:flex-start;opacity:.6}.history{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px}.history h3{margin:0 0 8px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.history ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.history li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}.history li:last-child{border-bottom:0}.pill{display:inline-block;font-size:12px;font-weight:700;border-radius:6px;padding:2px 8px}.pill-settled{background:#5bbd5b33;color:var(--success)}.pill-unsold,.pill-cancelled{background:var(--bg-elev-2);color:var(--muted)}.pill-settling{background:#e0821f33;color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{background:var(--bg-elev);border:1px solid var(--line);border-radius:16px 16px 0 0;width:100%;max-width:640px;padding:18px 16px calc(20px + var(--safe-bottom));display:flex;flex-direction:column;gap:12px}.modal h2{margin:0;font-size:18px}.item-picker{display:flex;flex-direction:column;gap:6px}.item-opt{display:flex;justify-content:space-between;align-items:center;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--text);cursor:pointer}.item-opt.selected{border-width:1px}.field-note{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:0;font-size:12px;line-height:1.4;color:var(--muted)}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.history-list{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.history-row{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.history-row-main{display:flex;justify-content:space-between;align-items:center;color:var(--text)}.history-row-sub{margin-top:2px}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + var(--safe-bottom));display:flex;flex-direction:column;gap:8px;z-index:30;width:calc(100% - 32px);max-width:480px}.toast{padding:11px 14px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--line);background:var(--bg-elev-2);animation:toast-in .15s ease}.toast-error{border-color:var(--danger);color:#f0a99e}.toast-success{border-color:var(--success);color:#a7e0a7}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.orientation-gate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:#0a0806db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text)}@media (orientation: portrait){.orientation-gate{display:flex}}.orientation-gate-icon{color:var(--accent);margin-bottom:6px}.orientation-gate-phone{transform-origin:60px 50px;animation:orientation-gate-rotate 1.8s ease-in-out infinite}@keyframes orientation-gate-rotate{0%,15%{transform:rotate(0)}50%,65%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.orientation-gate-phone{animation:none}}.game-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.game-preloader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.game-preloader-bar{width:min(60vw,220px);height:6px;border-radius:999px;background:var(--bg-elev-2);overflow:hidden}.game-preloader-fill{height:100%;background:var(--accent);transition:width .15s ease}.game-preloader p{margin:0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.game-screen{--gold: #d9a441;--game-accent: #c8863c;--green: #4a9e2f;--gtext: #e7ddc8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,calc(100vh * (844 / 390)));aspect-ratio:844 / 390;overflow:hidden;background-size:cover;background-position:center;color:var(--gtext);font-family:Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.game-screen h3{font-size:clamp(12px,2.2vw,18px);text-align:center;text-shadow:0 1px 3px #000;margin:0 0 6px}.game-screen img{display:block}.garage-screen{background-image:url(/assets/bg-garage.webp)}.raid-screen{background-image:url(/assets/bg-wasteland.webp)}.top-bar{position:absolute;top:2.5%;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;justify-content:center;gap:2.6%;min-width:50%;padding:1% 2.2%;background:#14100cd1;border:3px solid var(--gold);border-radius:999px;box-shadow:0 4px 12px #0000008c}.tb-btn{width:clamp(34px,6vw,56px);height:clamp(34px,6vw,56px);padding:0;border:none;background:transparent;cursor:pointer}.tb-btn img{width:100%;height:100%;object-fit:contain}.tb-btn:active:not(:disabled){transform:scale(.92)}.tb-btn:disabled{cursor:default;opacity:.85}.currency{display:flex;align-items:center;justify-content:center;gap:9px;padding:2% 7%;background:#00000080;border:2px solid var(--gold);border-radius:999px}.currency .coin{width:clamp(24px,4vw,36px);height:clamp(24px,4vw,36px)}.currency span{font-weight:800;letter-spacing:1px;font-size:clamp(15px,2.8vw,24px);text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.add-currency{width:clamp(16px,2.6vw,22px);height:clamp(16px,2.6vw,22px);padding:0;border:none;background:transparent;cursor:pointer}.add-currency img{width:100%;height:100%}.character{position:absolute;bottom:3%;left:4%;height:68%;width:auto;z-index:2;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}.car{position:absolute;bottom:5%;left:21%;width:62%;height:auto;z-index:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}.side-menu{position:absolute;right:1.5%;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:6%}.side-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;border:none;background:transparent;cursor:pointer}.side-btn img,.empty-thumb{width:clamp(54px,10.5vw,82px);height:clamp(54px,10.5vw,82px);border:3px solid var(--gold);border-radius:10px;object-fit:cover;background:#0006}.side-btn span{font-size:clamp(11px,2vw,16px);font-weight:700;color:var(--gtext);text-shadow:0 1px 3px #000}.side-btn:active:not(:disabled) img,.side-btn:active:not(:disabled) .empty-thumb{border-color:var(--game-accent)}.side-btn:disabled{opacity:.6;cursor:default}.raid-panels{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;gap:3%;padding:3%}.raid-banner{flex:1 1 0;height:88%;background-size:100% 100%;background-repeat:no-repeat;padding:5% 6%;display:flex;flex-direction:column}.raid-banner-info{background-image:url(/assets/panel-info.webp)}.raid-banner-loot{background-image:url(/assets/panel-loot.webp)}.raid-banner-loot-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.raid-banner-loot-header h3{text-align:left;margin:0}.odds-link{background:transparent;border:0;padding:0 0 6px;color:var(--muted);font-size:clamp(8px,1.3vw,11px);text-decoration:underline;cursor:pointer;white-space:nowrap}.odds-link:hover{color:var(--game-accent)}.raid-time-row{text-align:right;font-size:clamp(10px,1.7vw,13px);opacity:.9;margin-bottom:6px}.raid-time-row span{font-style:italic;font-variant-numeric:tabular-nums}.raid-name{font-weight:700;font-size:clamp(11px,1.9vw,15px);margin:0 0 4px}.scrollable{overflow-y:auto;font-size:clamp(10px,1.6vw,13px);line-height:1.4;padding-right:4px;flex:1;margin:0}.raid-status{text-align:center;font-size:clamp(10px,1.6vw,12px);opacity:.85;margin-top:4px}.raid-status.running{color:var(--game-accent)}.loot-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(46px,8vw,64px),1fr));gap:2% 4%;align-content:start;padding-top:2px}.loot-cell{text-align:center;min-width:0}.loot-cell img{width:clamp(40px,7vw,54px);height:clamp(40px,7vw,54px);margin:0 auto}.loot-name{font-size:clamp(8px,1.3vw,11px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loot-chance{font-size:clamp(7px,1.2vw,10px);opacity:.8}.send-btn{position:absolute;right:18%;bottom:3%;z-index:6;padding:0;border:none;background:transparent;cursor:pointer}.send-btn img{width:clamp(110px,18vw,170px);height:auto}.send-btn:active:not(:disabled){transform:scale(.96)}.send-btn:disabled{opacity:.45;cursor:not-allowed}.back-btn{position:absolute;left:3%;bottom:3%;z-index:6;padding:6px 12px;border:2px solid var(--gold);border-radius:8px;background:#00000080;color:var(--gtext);cursor:pointer;font-size:clamp(10px,1.6vw,13px)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0009;display:flex;align-items:center;justify-content:center}.overlay.hidden{display:none}.confirm-box{width:70%;max-width:340px;padding:20px;border:3px solid var(--gold);border-radius:12px;background:#2a241c;text-align:center}.confirm-box p{margin:0 0 16px;line-height:1.4;font-size:clamp(12px,2vw,15px)}.confirm-buttons{display:flex;gap:10px;justify-content:center}.confirm-buttons button{flex:1;padding:10px;border-radius:8px;border:none;cursor:pointer;font-weight:700}#confirm-yes{background:var(--green);color:#fff}#confirm-no{background:#55493a;color:var(--gtext)}.result-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;max-height:46vh;overflow-y:auto}.result-item{display:flex;align-items:center;gap:8px;text-align:left}.result-item img{width:clamp(28px,5vw,40px);height:clamp(28px,5vw,40px);flex:none}.result-item .loot-name{flex:1;white-space:normal}.orientation-gate-title{margin:0;font-size:18px;font-weight:700}.orientation-gate-body{margin:0;max-width:320px;color:var(--muted);font-size:14px}