:root{--bg-color: #12141c;--bg-card: rgba(22, 27, 40, .94);--bg-card-hover: rgba(30, 37, 56, .98);--bg-card-subtle: rgba(255, 255, 255, .04);--border-subtle: rgba(255, 255, 255, .1);--border-active: rgba(255, 215, 0, .45);--border-afford: rgba(16, 185, 129, .7);--primary-accent: #ff6b35;--primary-glow: rgba(255, 107, 53, .45);--gold-accent: #ffd700;--gold-glow: rgba(255, 215, 0, .35);--green-buy: #10b981;--green-glow: rgba(16, 185, 129, .35);--cyan-accent: #00f2fe;--cyan-glow: rgba(0, 242, 254, .35);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-top: var(--safe-t, env(safe-area-inset-top, 0px));--safe-right: var(--safe-r, env(safe-area-inset-right, 0px));--safe-bottom: var(--safe-b, env(safe-area-inset-bottom, 0px));--safe-left: var(--safe-l, env(safe-area-inset-left, 0px));--banner-h: 0px}body.has-platform-banner{--banner-h: 56px}@media (min-width: 768px){body.has-platform-banner{--banner-h: 70px}}*{box-sizing:border-box;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}html,body{width:100%;height:100%;height:100dvh;overflow:hidden;position:fixed;background-color:var(--bg-color);font-family:var(--font-family);color:var(--text-main);touch-action:manipulation;overscroll-behavior:none}:root,:root body{overscroll-behavior:none!important}body *{overscroll-behavior:contain}body{--app-h: calc(100dvh - var(--safe-t, var(--safe-top, 0px)) - var(--safe-b, var(--safe-bottom, 0px)));--app-h: calc(var(--vp-h, 100dvh) - var(--safe-t, var(--safe-top, 0px)) - var(--safe-b, var(--safe-bottom, 0px)))}::selection{background:transparent}img,canvas,svg{-webkit-user-drag:none;user-drag:none}.svg-coin{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.svg-coin-mini{width:13px;height:13px}.svg-coin-sm{width:16px;height:16px}#game-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:grab;touch-action:none}#game-container:active{cursor:grabbing}#game-container canvas{width:100%!important;height:100%!important;display:block;outline:none}.hidden{display:none!important}.loading-overlay{position:fixed;inset:0;background:radial-gradient(circle at 50% 45%,#1c2333,#0c0f16);display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .4s ease,visibility .4s ease;will-change:opacity}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;max-width:360px;width:88%}.loader-gears-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:28px;height:90px;width:160px}.loader-gear{width:68px;height:68px;display:flex;align-items:center;justify-content:center}.gear-svg{width:100%;height:100%;overflow:visible}.loader-gear-left{color:var(--primary-accent);filter:drop-shadow(0 0 16px var(--primary-glow));animation:gearSpinCW 3s linear infinite;margin-right:-10px}.loader-gear-right{color:var(--gold-accent);filter:drop-shadow(0 0 16px var(--gold-glow));animation:gearSpinCCW 3s linear infinite;margin-left:-10px}.loader-spark-core{position:absolute;font-size:24px;z-index:2;filter:drop-shadow(0 0 12px var(--cyan-accent));animation:sparkPulse .8s ease-in-out infinite alternate}@keyframes gearSpinCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gearSpinCCW{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes sparkPulse{0%{transform:scale(.85);opacity:.8}to{transform:scale(1.2);opacity:1}}.loading-bar-wrap{width:100%;display:flex;flex-direction:column;gap:10px}.progress-bar-container{width:100%;height:8px;background:#ffffff14;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.12);position:relative;box-shadow:inset 0 2px 4px #0006}.progress-bar-fill{width:100%;height:100%;background:linear-gradient(90deg,#ff6b35,gold,#00f2fe);border-radius:999px;transform:scaleX(0);transform-origin:0 50%;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 16px var(--gold-glow);will-change:transform}.loading-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;padding:0 4px}.loading-status{color:var(--text-muted);letter-spacing:.3px}.loading-percent{color:var(--cyan-accent);font-weight:800}.hud-layer{position:fixed;top:var(--safe-t, var(--safe-top, 0px));left:var(--safe-l, var(--safe-left, 0px));width:calc(100% - var(--safe-l, var(--safe-left, 0px)) - var(--safe-r, var(--safe-right, 0px)));height:calc(100% - var(--safe-t, var(--safe-top, 0px)) - var(--safe-b, var(--safe-bottom, 0px)) - var(--banner-h, 0px));z-index:10;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;padding:8px 10px 10px;box-sizing:border-box}.hud-top-section{width:100%;display:flex;flex-direction:column;gap:4px;pointer-events:none;flex-shrink:0}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;pointer-events:auto}.hud-top-left,.hud-top-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.icon-btn{width:44px;height:44px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .12s cubic-bezier(.34,1.56,.64,1),border-color .15s,background-color .15s;box-shadow:0 4px 12px #00000059;will-change:transform}.icon-btn:active{transform:scale(.92)}.icon-btn .icon{font-size:19px;line-height:1}.icon-btn .badge{position:absolute;bottom:-4px;right:-4px;background:var(--primary-accent);color:#fff;font-size:9px;font-weight:800;padding:1px 4px;border-radius:8px;border:1.5px solid #12141c;line-height:1.2}.key-hint,.upg-key-hint{display:none}@media (hover: hover) and (pointer: fine){.key-hint{display:inline-block;position:absolute;top:-5px;left:-5px;background:#12141cf2;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:9px;font-weight:800;padding:0 4px;border-radius:4px;line-height:1.4}.upg-key-hint{display:inline-block;background:#ffffff1a;color:var(--cyan-accent);font-size:9px;font-weight:800;padding:1px 4px;border-radius:4px;margin-left:3px}.icon-btn:hover{background-color:var(--bg-card-hover);border-color:#ffffff40;transform:translateY(-1px)}.upgrade-card:hover:not(.disabled){background:var(--bg-card-hover);border-color:#10b981cc;transform:translateY(-2px)}.bonus-btn:hover{transform:translateY(-1px) scale(1.02)}}.hud-top-center{flex:1 1 auto;max-width:240px;min-width:0;margin:0 2px}.model-info{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:5px 8px;box-shadow:0 4px 12px #00000059;display:flex;flex-direction:column;gap:3px;min-width:0}.model-info-header{display:flex;justify-content:space-between;align-items:center;gap:4px;width:100%;min-width:0}.model-title{font-size:clamp(8.5px,2vw,11px);font-weight:800;color:#f8fafc;white-space:normal;line-height:1.15;overflow-wrap:anywhere;flex:1;min-width:0}.model-percent{font-size:10.5px;font-weight:800;color:var(--cyan-accent);flex-shrink:0}.model-progress-bar{width:100%;height:5px;background:#ffffff1a;border-radius:999px;position:relative;overflow:hidden}.model-progress-fill{width:100%;height:100%;background:linear-gradient(90deg,#10b981,#00f2fe);border-radius:999px;transform:scaleX(0);transform-origin:0 50%;transition:transform .12s ease-out;will-change:transform}.coins-pill{display:flex;align-items:center;gap:5px;background:var(--bg-card);border:1px solid var(--border-active);padding:5px 9px;border-radius:14px;font-weight:800;font-size:13.5px;color:var(--gold-accent);box-shadow:0 4px 12px #ffd70026;height:44px}.coins-amount{font-family:var(--font-family);letter-spacing:.3px}.hud-status-row{width:100%;display:flex;justify-content:space-between;align-items:center;pointer-events:none;margin-top:4px;gap:8px}.hud-status-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.hud-status-right{display:flex;align-items:center;flex-shrink:0;pointer-events:auto}.turbo-banner{background:linear-gradient(90deg,#ff416c,#ff4b2b);color:#fff;font-weight:900;font-size:11.5px;letter-spacing:.8px;padding:4px 12px;border-radius:999px;box-shadow:0 0 18px #ff416c99;animation:pulseScale .6s infinite alternate ease-in-out;white-space:nowrap;will-change:transform}.hud-boost-badge{background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff;font-weight:900;font-size:11.5px;letter-spacing:.8px;padding:4px 10px;border-radius:999px;box-shadow:0 0 16px #f59e0b99;animation:pulseScale .8s infinite alternate ease-in-out;white-space:nowrap;will-change:transform}@keyframes pulseScale{0%{transform:scale(1)}to{transform:scale(1.05)}}.drag-hint-wrapper{display:flex;align-items:center;gap:5px;background:#121622d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 10px;color:var(--text-main);box-shadow:0 4px 16px #0006;transition:opacity .3s ease;white-space:nowrap}.drag-hint-text{font-size:9.5px;font-weight:800;letter-spacing:.4px;color:var(--text-main)}.drag-arrow-anim{font-size:11px;animation:arrowBounce .9s ease-in-out infinite alternate}@keyframes arrowBounce{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}.bonus-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff6b35f2,#ff416cf2);border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:5px 9px;min-height:44px;color:#fff;cursor:pointer;box-shadow:0 4px 14px #ff6b3566;transition:transform .12s cubic-bezier(.34,1.56,.64,1);will-change:transform}.bonus-btn:active{transform:scale(.92)}.bonus-icon{font-size:16px;line-height:1}.bonus-info{display:flex;flex-direction:column;text-align:left}.bonus-name{font-size:9.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap}.bonus-timer{font-size:8.5px;color:#ffffffe6;font-weight:700}.hud-bottom{width:100%;pointer-events:auto}.upgrades-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.upgrade-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:6px 4px;color:var(--text-main);display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;cursor:pointer;transition:transform .1s cubic-bezier(.34,1.56,.64,1),border-color .15s,background-color .15s;min-height:72px;box-shadow:0 4px 12px #0000004d;will-change:transform}.upgrade-card:active{transform:scale(.92)}.upgrade-card.can-afford{border-color:var(--border-afford);background:linear-gradient(180deg,#1a2330f2,#10b98126);box-shadow:0 4px 16px #10b98140}.upgrade-card.disabled{opacity:.55;cursor:not-allowed;filter:grayscale(40%)}.upg-header{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%}.upg-icon-title{display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap}.upg-icon{font-size:15px;line-height:1}.upg-title{font-size:10px;font-weight:800;color:#fff;letter-spacing:.2px;white-space:nowrap}.upg-lvl{font-size:8.5px;font-weight:800;color:var(--cyan-accent)}.upg-desc{font-size:8px;color:var(--text-dim);margin:1px 0;display:none;white-space:nowrap}.upg-price{display:flex;align-items:center;justify-content:center;gap:3px;background:#0006;border-radius:8px;padding:3px 4px;width:100%;font-weight:800;font-size:10.5px;color:var(--gold-accent)}.modal-overlay{position:fixed;top:var(--safe-t, var(--safe-top, 0px));left:var(--safe-l, var(--safe-left, 0px));width:calc(100% - var(--safe-l, var(--safe-left, 0px)) - var(--safe-r, var(--safe-right, 0px)));height:calc(100% - var(--safe-t, var(--safe-top, 0px)) - var(--safe-b, var(--safe-bottom, 0px)) - var(--banner-h, 0px));background:#0a0c12d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:12px;pointer-events:auto;box-sizing:border-box;will-change:opacity}.modal-card{background:#1a202c;border:1px solid var(--border-subtle);border-radius:20px;padding:18px 16px;max-width:420px;width:100%;max-height:min(calc(90vh - var(--banner-h, 0px)),calc(90dvh - var(--banner-h, 0px)));overflow:hidden;box-shadow:0 16px 40px #000000bf;animation:modalPop .22s cubic-bezier(.34,1.56,.64,1);position:relative;display:flex;flex-direction:column}@keyframes modalPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.modal-header h2{font-size:16px;font-weight:800;color:#fff}.close-btn{background:#ffffff1a;border:none;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;color:var(--text-muted);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,background-color .15s;flex-shrink:0}.close-btn:active{transform:scale(.9)}.victory-card{text-align:center;border:2px solid var(--gold-accent);box-shadow:0 0 35px #ffd70040;max-height:min(calc(88vh - var(--banner-h, 0px)),calc(88dvh - var(--banner-h, 0px)));overflow:hidden}.victory-ribbon{background:linear-gradient(90deg,#ff416c,#ff4b2b);color:#fff;font-weight:900;font-size:11px;letter-spacing:1px;padding:3px 12px;border-radius:999px;display:inline-block;margin-bottom:8px}.victory-icon{font-size:46px;margin-bottom:4px;animation:tada 1s ease-in-out}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.victory-card h2{font-size:18px;font-weight:800;margin-bottom:12px}.victory-stats{background:#00000059;border-radius:12px;padding:10px 12px;margin-bottom:14px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;color:var(--text-muted)}.gold-text{display:inline-flex;align-items:center;gap:4px;color:var(--gold-accent);font-size:14px}.modal-buttons{display:flex;flex-direction:column;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:12px;border:none;font-weight:800;font-size:13.5px;cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1)}.action-btn:active{transform:scale(.95)}.gold-btn{background:linear-gradient(135deg,gold,#ff8c00);color:#12141c;box-shadow:0 4px 16px #ffd70059}.boost-btn{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;box-shadow:0 4px 16px #f9731659}.primary-btn{background:#334155;color:#fff}.collection-tabs{display:flex;flex-wrap:wrap;gap:6px;overflow-y:auto;overflow-x:hidden;max-height:96px;padding:2px;margin-bottom:8px;scrollbar-width:none;flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box}.collection-tab{background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:10px;padding:6px 10px;font-size:11px;font-weight:700;color:var(--text-muted);white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere;cursor:pointer;transition:background-color .15s,color .15s;min-height:44px;display:inline-flex;align-items:center;justify-content:center;flex:1 1 calc(50% - 6px);min-width:0;max-width:100%;box-sizing:border-box}.collection-tab.active{background:var(--primary-accent);color:#fff;border-color:transparent}.collection-tab.locked{opacity:.5;cursor:not-allowed}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:min(340px,50vh);overflow-y:auto;scrollbar-width:none;padding-right:2px}.gallery-item{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;transition:transform .12s,border-color .15s}.gallery-item:active{transform:scale(.96)}.gallery-item.locked{opacity:.45;filter:grayscale(80%);cursor:not-allowed}.gallery-item.active-item{border-color:var(--primary-accent);box-shadow:0 0 12px var(--primary-glow)}.gallery-item-icon{font-size:26px;margin-bottom:3px;line-height:1}.gallery-item-name{font-size:10.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gallery-item-status{font-size:9px;color:var(--text-muted);margin-top:2px}.shop-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:none;max-height:min(360px,55vh)}.shop-item{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:12px;padding:8px 10px}.shop-item-icon{font-size:24px;line-height:1}.shop-item-info{flex:1;min-width:0}.shop-item-info h3{font-size:11.5px;font-weight:800;margin-bottom:2px;color:#fff}.shop-item-info p{font-size:9.5px;color:var(--text-muted);line-height:1.2}.shop-buy-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--green-buy);color:#fff;border:none;border-radius:12px;padding:10px 14px;min-height:44px;min-width:44px;box-sizing:border-box;font-size:11.5px;font-weight:800;cursor:pointer;white-space:nowrap;transition:transform .1s;flex-shrink:0}.shop-buy-btn.ad-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.shop-buy-btn:active{transform:scale(.92)}.toast-container{position:fixed;top:calc(56px + var(--safe-t, var(--safe-top, 0px)));left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:6px;pointer-events:none;width:90%;max-width:340px;align-items:center}.toast{background:#121622f2;border:1px solid var(--border-subtle);color:#fff;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;box-shadow:0 8px 24px #00000080;animation:toastFade 2.4s cubic-bezier(.16,1,.3,1) forwards;text-align:center;will-change:transform,opacity}.toast-gold{border-color:var(--border-active);color:var(--gold-accent)}.toast-success{border-color:var(--green-buy);color:#a7f3d0}@keyframes toastFade{0%{opacity:0;transform:translateY(-8px) scale(.92)}12%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.92)}}@media (orientation: landscape) and (max-height: 520px){.hud-layer{padding:4px 8px}.hud-top{gap:6px}.icon-btn,.coins-pill{height:44px;border-radius:10px}.icon-btn{width:44px}.icon-btn .icon{font-size:15px}.coins-pill{padding:3px 7px;font-size:12px}.model-info{padding:2px 7px;border-radius:10px}.model-title{font-size:10px}.model-percent{font-size:9.5px}.model-progress-bar{height:4px}.hud-status-row{margin-top:2px}.turbo-banner{font-size:10px;padding:2px 8px}.drag-hint-wrapper{padding:2px 8px}.drag-hint-text{font-size:8.5px}.bonus-btn{padding:3px 6px;border-radius:8px;gap:4px}.bonus-icon{font-size:14px}.bonus-name{font-size:8.5px}.bonus-timer{font-size:8px}.upgrades-grid{gap:4px}.upgrade-card{min-height:44px;padding:3px 4px;border-radius:9px;flex-direction:row;align-items:center;justify-content:space-between;gap:4px}.upg-header{flex-direction:row;align-items:center;gap:3px;width:auto}.upg-icon{font-size:12px}.upg-title{font-size:9px}.upg-lvl{font-size:8px}.upg-desc{display:none}.upg-price{width:auto;padding:2px 5px;font-size:9.5px;border-radius:6px}.modal-card{max-height:92dvh;padding:12px 14px;border-radius:16px}.collection-tabs{max-height:60px;gap:4px;margin-bottom:6px}.collection-tab{flex:1 1 calc(33.333% - 4px);font-size:10px;padding:4px 6px;min-height:44px}.gallery-grid{max-height:160px;grid-template-columns:repeat(3,1fr)}.gallery-item-icon{font-size:20px}.shop-list{max-height:170px;display:grid;grid-template-columns:repeat(2,1fr)}.shop-buy-btn{min-height:44px;min-width:44px;padding:8px 10px}.victory-card{max-height:92dvh;padding:10px 14px}.victory-icon{font-size:32px}.victory-stats{padding:6px 10px;margin-bottom:8px}.modal-buttons{flex-direction:row}.action-btn{flex:1;padding:8px 10px;font-size:12px;min-height:44px}}@media (max-width: 420px){.hud-layer{padding:6px}.hud-top,.hud-top-left,.hud-top-right{gap:4px}.icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}.coins-pill{padding:2px 7px;gap:3px;font-size:11.5px;height:44px;min-height:44px}.coins-amount{font-size:11.5px}.model-info{padding:2px 6px;gap:2px}.model-title{font-size:clamp(8px,2.3vw,10px)}.model-percent{font-size:8.5px}.hud-status-row{gap:4px}.drag-hint-wrapper{padding:3px 6px;gap:3px}.drag-hint-text{font-size:8.5px}.bonus-btn{padding:4px 6px;gap:4px}.bonus-name{font-size:9px}.bonus-timer{font-size:8px}}@media (min-width: 600px) and (min-height: 521px){.hud-layer{max-width:680px;left:50%;right:auto;transform:translate(-50%);padding-top:calc(12px + var(--safe-top, 0px));padding-bottom:calc(14px + var(--safe-bottom, 0px));padding-left:calc(10px + var(--safe-left, 0px));padding-right:calc(10px + var(--safe-right, 0px))}.hud-top-center{max-width:300px}.upg-desc{display:block}.upgrade-card{min-height:80px;padding:7px 6px}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.hud-layer{max-width:820px;left:50%;right:auto;transform:translate(-50%);padding-top:16px;padding-bottom:20px}.icon-btn{width:46px;height:46px;border-radius:15px}.icon-btn .icon{font-size:21px}.coins-pill{height:46px;padding:5px 12px;font-size:15px;border-radius:15px}.model-info{padding:7px 12px;border-radius:15px}.model-title{font-size:12.5px}.model-percent{font-size:11.5px}.model-progress-bar{height:6px}.upgrades-grid{gap:10px}.upgrade-card{min-height:88px;padding:8px 6px;border-radius:16px}.upg-icon{font-size:18px}.upg-title{font-size:11.5px}.upg-lvl{font-size:9.5px}.upg-desc{display:block;font-size:9px;margin:2px 0}.upg-price{font-size:11.5px;padding:3px 6px;border-radius:9px}.modal-card{max-width:480px;padding:22px 20px;border-radius:24px}.gallery-grid{grid-template-columns:repeat(4,1fr);max-height:360px;gap:8px}}.social-card{gap:12px;max-width:440px;overflow-y:auto}.social-head{text-align:center}.social-head-icon{font-size:34px;line-height:1;margin-bottom:4px}.social-title{font-size:17px;font-weight:800;color:var(--text-main);letter-spacing:.5px;margin-bottom:2px}.social-subtitle{font-size:12px;color:var(--text-muted);line-height:1.35}.social-settings-hint{margin-bottom:4px}.social-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.social-item{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;text-align:left;cursor:pointer;padding:10px 12px;border-radius:14px;font:inherit;color:var(--text-main);background:var(--bg-card-subtle);border:1px solid var(--border-subtle);transition:transform .12s,background-color .15s,border-color .15s}.social-item:active:not([disabled]){transform:scale(.98)}.social-item:not([disabled]):hover{background:var(--bg-card-hover);border-color:var(--border-afford)}.social-item[disabled]{opacity:.5;cursor:default}.social-item-icon{font-size:22px;width:1.7em;text-align:center;flex:0 0 auto}.social-item-text{flex:1;min-width:0}.social-item-title{display:block;font-weight:700;font-size:14px}.social-item-desc{display:block;font-size:11.5px;color:var(--text-muted);margin-top:2px}.social-item-mark{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;white-space:nowrap}.social-item-mark.reward{color:var(--gold-coin, #fbbf24)}.social-item-mark.done{color:var(--green-buy, #4ade80)}.social-foot{display:flex;flex-direction:column;gap:6px}.social-foot-btn{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--text-muted);background:transparent;border:1px solid var(--border-subtle);transition:background-color .15s,color .15s}.social-foot-btn:active{transform:scale(.98)}.social-foot-btn:hover{color:var(--text-main);background:var(--bg-card-subtle)}.social-empty{text-align:center;font-size:13px;color:var(--text-muted);padding:18px 8px}#dev-mock-banner{position:fixed;bottom:0;left:0;width:100%;height:var(--banner-h, 56px);background:#0f172af2;border-top:1px solid rgba(255,215,0,.4);display:flex;align-items:center;justify-content:center;gap:12px;z-index:9999;font-family:var(--font-family);font-size:12px;font-weight:700;color:#94a3b8;box-shadow:0 -4px 12px #00000080;pointer-events:auto}.tutorial-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none;font-family:var(--font-family)}.tutorial-overlay.hidden{display:none}.tutorial-spotlight{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px #080a10d1,0 0 0 3px var(--gold-accent),0 0 22px 4px var(--gold-glow);pointer-events:none;transition:left .28s ease,top .28s ease,width .28s ease,height .28s ease,opacity .2s ease}.tutorial-spotlight[style*="opacity: 0"]{box-shadow:0 0 0 9999px #080a10d1}.tutorial-card{position:fixed;width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);background:var(--bg-card);border:1px solid var(--border-active);border-radius:16px;padding:18px 18px 16px;box-shadow:0 12px 40px #0000008c;color:var(--text-main);backdrop-filter:blur(6px);pointer-events:auto}.tutorial-card-centered{left:50%;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%);box-shadow:0 12px 40px #0000008c,0 0 0 9999px #080a1099}.tutorial-counter{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--gold-accent);margin-bottom:6px}.tutorial-title{margin:0 0 8px;font-size:18px;font-weight:800;line-height:1.2;color:var(--text-main)}.tutorial-body{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--text-muted)}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-btn{min-height:44px;padding:10px 18px;border-radius:12px;cursor:pointer;font:inherit;font-weight:700;font-size:14px;transition:background-color .15s,color .15s,transform .1s}.tutorial-btn:active{transform:scale(.97)}.tutorial-skip{color:var(--text-dim);background:transparent;border:1px solid var(--border-subtle)}.tutorial-skip:hover{color:var(--text-main);background:var(--bg-card-subtle)}.tutorial-next{flex:1;color:#12141c;background:linear-gradient(135deg,var(--gold-accent),#ff9d2f);border:none;box-shadow:0 4px 14px var(--gold-glow)}.tutorial-next:hover{filter:brightness(1.05)}