:root{--bg: #060607;--bg-elevated: #111113;--bg-card: #17171a;--border: #29292e;--text: #f6f5f1;--text-dim: #8f8f98;--accent: #e8b923;--accent-2: #ff5a36;--accent-dim: #6b551c;--danger: #ff4d4f;--success: #3ddc84;--cut: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-display: "Unbounded", "Archivo Black", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden;background-image:radial-gradient(circle at 15% 0%,rgba(232,185,35,.09),transparent 45%),radial-gradient(circle at 100% 20%,rgba(255,90,54,.06),transparent 40%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font-family:inherit}.app-shell{height:100%;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative}.blax-logo{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--text)}.blax-logo__text{display:inline-block}.blax-logo__x{display:inline-block;flex-shrink:0}.top-bar{position:relative;padding:calc(var(--safe-top) + 14px) 18px 14px;border-bottom:1px solid var(--border);background:linear-gradient(160deg,var(--bg-elevated) 0%,var(--bg) 65%);overflow:hidden}.top-bar:after{content:"";position:absolute;top:-40%;right:-10%;width:140px;height:220%;background:linear-gradient(100deg,transparent,rgba(232,185,35,.07) 45%,transparent 55%);transform:rotate(12deg);pointer-events:none}.top-bar__brand{margin-bottom:8px}.top-bar__admin-btn{position:absolute;top:calc(var(--safe-top) + 12px);right:16px;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-elevated);color:var(--accent);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);cursor:pointer}.top-bar__admin-btn svg{width:16px;height:16px}.header-stats{display:flex;gap:18px;margin:2px 0;position:relative}.header-stat{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.header-stat__icon{width:16px;height:16px;flex-shrink:0;color:var(--accent)}.top-bar__income{font-size:12px;color:var(--text-dim);margin-top:6px;letter-spacing:.02em}.top-bar__boost{margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);background:#e8b92324;color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px calc(100px + var(--safe-bottom));position:relative;z-index:1}.bottom-nav{position:absolute;left:0;right:0;bottom:0;display:flex;border-top:1px solid var(--border);background:#0a0a0beb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-bottom:var(--safe-bottom);z-index:2}.nav-btn{flex:1;background:none;border:none;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 2px 8px;font-size:10px;font-weight:600;cursor:pointer;position:relative;transition:color .15s ease}.nav-btn__icon{width:21px;height:21px;transition:transform .15s ease}.nav-btn.active{color:var(--accent)}.nav-btn.active .nav-btn__icon{transform:translateY(-1px)}.nav-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:18px;height:2px;background:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);padding:18px;margin-bottom:12px;position:relative}.card:before{content:"";position:absolute;top:0;right:0;width:var(--cut);height:var(--cut);background:linear-gradient(135deg,transparent 50%,var(--border) 50%)}.card__title{font-family:var(--font-display);font-size:14px;font-weight:700;margin:0 0 5px;letter-spacing:-.01em}.card__subtitle{font-size:13px;color:var(--text-dim);margin:0 0 12px;line-height:1.4}.card-hero{position:relative;overflow:hidden}.card-hero:after{content:"";position:absolute;top:-60%;left:-10%;width:60%;height:260%;background:linear-gradient(100deg,transparent,rgba(232,185,35,.08) 40%,transparent 55%);transform:rotate(10deg);pointer-events:none}.btn{border:none;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);padding:14px 18px;font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;width:100%;transition:transform .08s ease,opacity .15s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#171308}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.mini-btn{border:none;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);padding:9px 11px;font-size:11.5px;font-weight:700;cursor:pointer;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.mini-btn.buy{background:var(--accent);color:#171308;border:none}.mini-btn:disabled{opacity:.35;cursor:not-allowed}.progress-track{height:6px;background:var(--bg-elevated);overflow:hidden;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 100%,4px 100%)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .3s linear}.age-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;z-index:1000;overflow:hidden}.age-gate:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(115deg,rgba(232,185,35,.05) 0 2px,transparent 2px 90px),radial-gradient(circle at 30% 20%,rgba(232,185,35,.12),transparent 45%);pointer-events:none}.age-gate__logo{position:relative;color:var(--accent);margin-bottom:4px}.age-gate__badge{position:relative;font-family:var(--font-display);font-size:60px;font-weight:800;color:var(--text);margin:18px 0;line-height:1}.age-gate__text{position:relative;color:var(--text-dim);font-size:14px;max-width:320px;margin-bottom:32px;line-height:1.55}.age-gate__actions{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row__rank{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--text-dim);background:var(--bg-elevated)}.leaderboard-row__avatar{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-dim)}.leaderboard-row__name{flex:1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row__score{font-family:var(--font-display);font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}.leaderboard-row.me{background:#e8b92314;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);padding:10px}.promo-input{width:100%;padding:15px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.promo-input:focus{outline:none;border-color:var(--accent)}.toast{position:absolute;left:16px;right:16px;bottom:calc(100px + var(--safe-bottom));background:var(--bg-elevated);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);padding:12px 16px;font-size:13px;z-index:500;animation:toast-in .2s ease}.toast.error{border-color:var(--danger);color:var(--danger)}.toast.success{border-color:var(--success);color:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stat-row{margin-bottom:16px}.stat-row__head{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:7px}.stat-row__icon{width:15px;height:15px;color:var(--accent);flex-shrink:0}.stat-row__name{font-weight:700;flex:1}.stat-row__points{color:var(--text-dim);font-variant-numeric:tabular-nums}.field-row{display:flex;gap:8px;margin-bottom:12px}.field{flex:1}.field label{display:block;font-size:11px;color:var(--text-dim);margin-bottom:4px}.field input{width:100%;padding:11px 12px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:var(--font-display);font-size:14px;font-variant-numeric:tabular-nums}.field input:focus{outline:none;border-color:var(--accent)}.badge{display:inline-flex;align-items:center;padding:4px 10px;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-selling{background:#3ddc8429;color:var(--success)}.badge-rd{background:#e8b92329;color:var(--accent)}.badge-retired{background:#8f8f9829;color:var(--text-dim)}.model-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.model-card__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 16px;font-size:12px;color:var(--text-dim);margin:10px 0}.tier-badge{width:44px;height:44px;flex-shrink:0}.tier-card{display:flex;gap:14px}.tier-card__body{flex:1;min-width:0}.tier-card.locked{opacity:.5}.tier-gate{font-size:12px;color:var(--text-dim);margin:5px 0;display:flex;align-items:center;gap:6px}.tier-gate.ok{color:var(--success)}.tier-gate__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.empty-state{text-align:center;color:var(--text-dim);font-size:13px;padding:40px 16px}.empty-state__icon{width:40px;height:40px;color:var(--border);margin:0 auto 14px}.spinner{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:13px}.center-fill{display:flex;align-items:center;justify-content:center;height:100%}.upgrade-card{display:flex;gap:14px}.upgrade-card__icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);color:var(--accent)}.upgrade-card__icon svg{width:20px;height:20px}.upgrade-card__body{flex:1;min-width:0}.menu-row{width:100%;border:1px solid var(--border);text-align:left;cursor:pointer;font-family:inherit;color:inherit}.menu-row:active{transform:scale(.98)}.event-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060607db;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:900;animation:toast-in .18s ease}.event-modal{width:100%;max-width:340px;background:var(--bg-card);border:1px solid var(--accent-2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);padding:22px 20px;text-align:center}.event-modal__icon{width:38px;height:38px;margin:0 auto 12px;color:var(--accent-2)}.event-modal__icon svg{width:100%;height:100%}.event-modal__title{font-family:var(--font-display);font-size:17px;font-weight:800;margin-bottom:8px}.event-modal__desc{font-size:13px;color:var(--text-dim);line-height:1.5;margin-bottom:20px}.event-modal__options{display:flex;flex-direction:column;gap:8px}.event-option-btn{display:flex;flex-direction:column;align-items:center;gap:3px}.event-option-btn__label{font-size:13px}.event-option-btn__effect{font-size:11px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--text-dim)}.flavor-badge{flex-shrink:0}.flavor-thumb{flex-shrink:0;border-radius:50%;object-fit:cover;border:3px solid var(--border);background:var(--bg-elevated)}.segmented{display:flex;gap:8px;margin-bottom:14px}.segmented__btn{flex:1;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-dim);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);padding:10px 8px;font-size:12px;font-weight:700;cursor:pointer}.segmented__btn.active{background:#e8b92324;border-color:var(--accent);color:var(--accent)}.achievement-card{display:flex;gap:14px}.achievement-card.locked{opacity:.55}.achievement-card__body{flex:1;min-width:0}.achievement-card__progress-label{font-size:11px;color:var(--text-dim);margin:5px 0 10px;font-variant-numeric:tabular-nums}.achievement-card__reward{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--accent);font-weight:600}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flavor-tile{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);padding:14px 8px;text-align:center}.flavor-tile.locked{opacity:.55}.flavor-tile__name{font-size:11px;font-weight:600;line-height:1.3}.hero-number{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums}.arcade-card{display:flex;flex-direction:column}.arcade-stage{position:relative;width:100%;max-width:340px;margin:4px auto 0;border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-elevated) 0%,#0b0b0d 100%);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);overflow:hidden;touch-action:manipulation}.arcade-canvas{display:block;width:100%;height:auto;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.arcade-hud{position:absolute;top:10px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text);text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none}.arcade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:#060607b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.arcade-overlay .btn{width:auto;min-width:160px}.arcade-overlay__title{font-family:var(--font-display);font-size:20px;font-weight:800}.arcade-overlay__desc{font-size:13px;color:var(--text-dim);line-height:1.5;max-width:240px}.arcade-overlay__reward{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--accent)}.arcade-overlay__reward svg{width:20px;height:20px}.slot-reels{display:flex;gap:14px;justify-content:center;margin:8px 0 18px}.slot-reel{width:92px;height:92px;border-radius:50%;overflow:hidden;border:3px solid var(--border);background:var(--bg-elevated)}.slot-reel__strip{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.15,.9,.25,1)}.slot-reel__strip.spinning{animation:slot-spin .25s linear infinite;transition:none}.slot-reel__item{width:92px;height:92px;object-fit:cover;display:block;flex-shrink:0}@keyframes slot-spin{0%{transform:translateY(0)}to{transform:translateY(-920px)}}.slot-result{display:flex;justify-content:center;margin-bottom:14px}.arcade-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.arcade-picker__btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-dim);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);font-size:11.5px;font-weight:700;text-align:center;cursor:pointer}.arcade-picker__btn svg{width:22px;height:22px}.arcade-picker__btn.active{background:#e8b92324;border-color:var(--accent);color:var(--accent)}.arcade-lives{position:absolute;top:10px;right:12px;color:var(--danger);font-size:16px;letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none}.warehouse-stage{padding:44px 16px 16px;display:flex;align-items:center;justify-content:center;min-height:420px}.warehouse-timer{position:absolute;top:10px;left:12px;font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--text);text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none}.warehouse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px}.warehouse-cell{aspect-ratio:1;border:1px solid var(--border);border-radius:50%;background:var(--bg-elevated);overflow:hidden;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.warehouse-cell:disabled{cursor:default}.warehouse-cell.correct{box-shadow:0 0 0 3px var(--success)}.warehouse-cell.wrong{box-shadow:0 0 0 3px var(--danger)}.warehouse-cell__item{width:100%;height:100%;object-fit:cover;display:block;animation:warehouse-pop .15s ease}.warehouse-cell__item.bad{filter:grayscale(.5) sepia(1) hue-rotate(-50deg) saturate(4)}.warehouse-cell__cover{width:60%;height:60%;border-radius:50%;background:repeating-linear-gradient(45deg,var(--border) 0 4px,transparent 4px 8px);opacity:.6}@keyframes warehouse-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}