:root{color-scheme:dark;--bg:#090b0e;--panel:rgba(18,20,24,0.92);--panel-solid:#121418;--line:rgba(255,255,255,0.11);--text:#f3f1ea;--muted:#a8a399;--soft:#716d66;--accent:#42b1da;--accent-2:#DA9842;--button-primary-bg:#42b1da;--button-primary-hover:#75d8e1;--button-primary-text:#071113;--danger:#e06a58;--ok:#7bc77e;--shadow:0 10px 40px rgba(0,0,0,0.38);--topbar-h:58px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body,#app-shell{width:100%;height:100%;margin:0}@supports (height:100dvh){html,body,#app-shell{height:100dvh}}body{overflow:hidden;background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}button{font:inherit}.hidden{display:none !important}body.is-loading:not(.is-ready) #app-shell,body.is-loading:not(.is-ready) .drawer{visibility:hidden;opacity:0;pointer-events:none}.loading-screen{position:fixed;inset:0;z-index:120;display:grid;place-items:center;overflow:hidden;padding:max(18px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 40%,rgba(88,199,211,0.14),transparent 30%),linear-gradient(180deg,#111821 0%,#090b0e 58%,#160d0a 100%);color:var(--text);transition:opacity 360ms ease,visibility 360ms ease}.loading-screen.is-clearing{visibility:hidden;opacity:0;pointer-events:none}body:not(.is-loading) .loading-screen{display:none}.loading-sky{position:absolute;inset:0;pointer-events:none}.loading-sky span{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(214,251,255,0.86);box-shadow:0 0 14px rgba(88,199,211,0.65);animation:loading-star 2600ms ease-in-out infinite}.loading-sky span:nth-child(1){top:17%;left:18%}.loading-sky span:nth-child(2){top:24%;right:22%;animation-delay:540ms}.loading-sky span:nth-child(3){top:41%;left:72%;animation-delay:1180ms}.loading-content{position:relative;z-index:2;width:min(430px,100%);display:grid;justify-items:center;gap:10px;text-align:center}.loading-mark{width:112px;height:100px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(88,199,211,0.22),rgba(232,196,106,0.12)),rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.16);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);box-shadow:0 22px 48px rgba(0,0,0,0.36),0 0 42px rgba(88,199,211,0.14)}.loading-mark span{width:56px;height:50px;border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(255,226,162,0.92) 0 7px,transparent 8px),radial-gradient(circle at 62% 64%,rgba(72,32,24,0.34) 0 6px,transparent 7px),linear-gradient(145deg,#df744f,#8e3f2f);box-shadow:inset -9px -11px 0 rgba(77,28,22,0.28),0 0 30px rgba(224,106,88,0.3);animation:loading-planet 1800ms ease-in-out infinite}.loading-kicker{margin:8px 0 0;color:#c9fbff;font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase}.loading-content h1{margin:0;font-size:44px;line-height:0.96;letter-spacing:0}.loading-copy{min-height:22px;margin:0;color:var(--muted);font-size:14px;font-weight:750}.loading-meter{width:min(320px,76vw);height:6px;margin-top:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,0.1)}.loading-meter span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 18px rgba(88,199,211,0.32);animation:loading-meter 1250ms ease-in-out infinite}.loading-retry{min-height:44px;margin-top:8px;padding:0 18px;border:1px solid rgba(88,199,211,0.68);border-radius:8px;background:var(--button-primary-bg);color:var(--button-primary-text);font-weight:950;cursor:pointer}.loading-screen.is-error .loading-meter span{width:100%;animation:none;background:linear-gradient(90deg,var(--danger),#DA9842)}.loading-screen.is-error .loading-copy{color:#ffd0c7}.loading-ground{position:absolute;left:-8vw;right:-8vw;bottom:-10vh;height:34vh;background:radial-gradient(ellipse at 25% 20%,rgba(232,196,106,0.15),transparent 32%),radial-gradient(ellipse at 68% 18%,rgba(224,106,88,0.18),transparent 30%),linear-gradient(180deg,rgba(130,64,44,0.68),rgba(58,27,22,0.95));border-radius:50% 50% 0 0 / 32% 32% 0 0;box-shadow:inset 0 16px 44px rgba(255,214,142,0.06)}.topbar{position:fixed;top:0;left:0;right:0;height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 7px;z-index:20;display:grid;grid-template-columns:minmax(104px,auto) 1fr;gap:14px;align-items:center;background:linear-gradient(180deg,rgba(9,11,14,0.97),rgba(9,11,14,0.72));border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;flex-direction:column;gap:2px;min-width:0}.brand strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;letter-spacing:0}.brand span,.top-stats>span{min-width:0;color:var(--muted);font-size:12px;white-space:nowrap}.top-stats{display:flex;justify-content:flex-end;align-items:center;gap:0;min-width:0}.top-stats>span{position:relative;min-height:28px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border:0;border-radius:0;background:transparent;color:var(--text);font-weight:600;line-height:1}.top-stats>span + span{margin-left:10px;padding-left:20px}.top-stats>span + span::before{content:"";position:absolute;left:0;top:50%;width:1px;height:18px;background:linear-gradient(180deg,transparent,rgba(255,255,255,0.28),transparent);transform:translateY(-50%)}.settings-button{width:32px;height:32px;display:inline-grid;place-items:center;margin-left:10px;padding:0;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,0.06);color:#ded9ce;font-size:18px;font-weight:950;line-height:1}.settings-button.is-linked{color:#c9fbff;border-color:rgba(88,199,211,0.45)}.settings-button.has-conflict{color:#ffd2ca;border-color:rgba(224,106,88,0.7)}.settings-cog{display:inline-block;transform:translateY(-1px)}.power-stat{color:var(--ok)}.power-stat.is-negative{color:var(--danger)}.power-icon{width:18px;height:18px;flex:0 0 auto;display:inline-grid;place-items:center;overflow:hidden}.power-icon img,.power-icon span{width:100%;height:100%;object-fit:contain}.power-icon span{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:950}.power-icon span[hidden]{display:none}.power-value{white-space:nowrap}#gold-label{color:#ffe49a;transform-origin:center}#gold-label .gold-value{font-size:12px}#gold-label .gold-icon{width:18px;height:18px}#cores-label{color:#bff8ff}#cores-label .core-value{font-size:12px}#cores-label .core-icon{width:18px;height:18px}.gold-bump-up{animation:gold-bump-up 420ms cubic-bezier(0.2,1.35,0.35,1)}.gold-bump-down{animation:gold-bump-down 420ms cubic-bezier(0.2,1.35,0.35,1)}.tick-meter{position:fixed;top:calc(var(--topbar-h) + env(safe-area-inset-top));left:50%;width:min(600px,100%);height:7px;z-index:19;transform:translateX(-50%);overflow:hidden;border-radius:0 0 8px 8px;background:rgba(255,255,255,0.09);border:1px solid var(--line);border-top:0;box-shadow:0 8px 20px rgba(0,0,0,0.22)}#tick-fill{display:block;width:0%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.dust-storm-status{position:fixed;top:calc(var(--topbar-h) + 16px + env(safe-area-inset-top));left:50%;z-index:38;display:inline-flex;align-items:center;gap:7px;max-width:calc(100vw - 24px);min-height:32px;padding:7px 11px;border:1px solid rgba(232,196,106,0.34);border-radius:8px;background:rgba(18,20,24,0.9);color:#ffe6ab;box-shadow:0 12px 30px rgba(0,0,0,0.28);font-size:12px;font-weight:950;transform:translateX(-50%);pointer-events:none}.dust-storm-status.is-warning{border-color:rgba(224,106,88,0.72);background:rgba(42,15,13,0.94);color:#ffd2ca;animation:dust-warning-pulse 900ms ease-in-out infinite}.dust-storm-status.is-active{border-color:rgba(240,217,138,0.7);background:rgba(49,31,18,0.95);color:#fff1bc}.dust-storm-mark{position:relative;width:18px;height:14px;flex:0 0 auto;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,rgba(240,217,138,0.14),rgba(240,217,138,0.8))}.dust-storm-mark::before,.dust-storm-mark::after{content:"";position:absolute;left:-4px;right:-4px;height:2px;border-radius:999px;background:currentColor;opacity:0.8;animation:dust-mark-sweep 820ms linear infinite}.dust-storm-mark::before{top:4px}.dust-storm-mark::after{top:9px;animation-delay:-280ms}.dust-storm-countdown{position:fixed;inset:0;z-index:58;display:grid;place-items:center;color:#ffd7c9;font-size:clamp(86px,26vw,190px);font-weight:950;line-height:1;text-shadow:0 0 28px rgba(224,106,88,0.72),0 10px 38px rgba(0,0,0,0.8);pointer-events:none;animation:dust-count-pop 780ms ease-out infinite}.dust-storm-overlay{position:fixed;inset:0;z-index:34;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 42%,rgba(58,28,12,0.55) 100%),linear-gradient(90deg,rgba(83,48,27,0.16),rgba(193,126,69,0.26),rgba(44,22,13,0.22)),rgba(70,39,22,0.18);animation:dust-overlay-in 600ms ease-out}@keyframes dust-overlay-in{from{opacity:0}to{opacity:1}}.dust-storm-overlay::before,.dust-storm-overlay::after,.dust-storm-overlay span{content:"";position:absolute;inset:-18% -44%;background:repeating-linear-gradient(14deg,rgba(255,233,183,0.14) 0 2px,transparent 2px 14px),repeating-linear-gradient(8deg,transparent 0 20px,rgba(164,94,48,0.18) 20px 29px);filter:blur(1.2px);opacity:0.72;transform:translate3d(-12%,0,0) skewX(-12deg);animation:dust-wall-sweep 1450ms linear infinite}.dust-storm-overlay::after{opacity:0.46;filter:blur(3px);animation-duration:2300ms;animation-direction:reverse}.dust-storm-overlay span:nth-child(1){opacity:0.34;animation-duration:3100ms}.dust-storm-overlay span:nth-child(2){opacity:0.28;transform:translate3d(-8%,10%,0) skewX(-18deg);animation-duration:1900ms}.dust-storm-overlay span:nth-child(3){opacity:0.2;transform:translate3d(-16%,-12%,0) skewX(-8deg);animation-duration:4200ms}.gold-spend-floater{position:fixed;z-index:35;min-width:70px;padding:6px 10px;border:1px solid rgba(232,196,106,0.38);border-radius:999px;background:rgba(18,20,24,0.92);color:#ffe49a;box-shadow:var(--shadow);font-size:12px;font-weight:600;text-align:center;pointer-events:none;transform:translate(-50%,-50%);animation:gold-float 1000ms linear forwards}.resource-gain-floater{position:fixed;z-index:35;max-width:220px;padding:6px 10px;border:1px solid rgba(123,199,126,0.42);border-radius:999px;background:rgba(12,24,18,0.93);color:#cbffd2;box-shadow:0 12px 28px rgba(0,0,0,0.34),0 0 22px rgba(123,199,126,0.18);font-size:12px;font-weight:600;text-align:center;pointer-events:none;transform:translate(-50%,-50%);animation:resource-float 2000ms linear forwards}.resource-gain-floater.is-full,.resource-gain-floater.is-stalled{border-color:rgba(224,106,88,0.5);background:rgba(34,13,12,0.94);color:#ffd2ca;box-shadow:0 12px 28px rgba(0,0,0,0.34),0 0 22px rgba(224,106,88,0.2);text-transform:uppercase}.resource-gain-floater.is-gold{border-color:rgba(232,196,106,0.58);background:rgba(33,25,12,0.95);color:#fff0bc;box-shadow:0 12px 28px rgba(0,0,0,0.34),0 0 26px rgba(232,196,106,0.28)}.stock-sale-floater{position:fixed;z-index:45;min-width:148px;padding:9px 11px;border:1px solid rgba(232,196,106,0.42);border-radius:8px;background:rgba(22,24,27,0.95);color:#ffe49a;box-shadow:0 14px 34px rgba(0,0,0,0.36),0 0 22px rgba(232,196,106,0.18);font-size:12px;text-align:center;pointer-events:none;transform:translate(-50%,0);animation:stock-sale-float 2000ms ease-out forwards}.stock-sale-floater strong,.stock-sale-floater span{display:block}.stock-sale-floater strong{color:#fff0bc;font-size:14px;line-height:1.1}.stock-sale-floater span{margin-top:3px;color:#cfd3c6;font-weight:800}.playfield{width:100%;height:100%;position:relative}#pixi-stage{width:100%;height:100%;touch-action:none}#pixi-stage canvas{display:block;width:100%;height:100%;touch-action:none}img{user-select:none;-webkit-user-drag:none}.floating-panel{position:fixed;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:14;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.tile-panel{display:none}.panel-kicker{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase}.floating-panel h2{margin:4px 0;font-size:18px;letter-spacing:0}.floating-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.mission-guide{position:fixed;top:calc(var(--topbar-h) + 7px + env(safe-area-inset-top));left:12px;z-index:16;width:min(360px,calc(100vw - 24px));padding:10px 12px;border:1px solid rgba(232,196,106,0.26);border-left:3px solid rgba(232,196,106,0.9);border-radius:8px;background:rgba(18,22,24,0.9);box-shadow:0 10px 26px rgba(0,0,0,0.28);backdrop-filter:blur(14px)}.mission-guide-step{min-width:0;display:grid;gap:4px}.mission-guide-step-label,.mission-guide-step-detail,.mission-guide-tip{display:block;line-height:1.28;overflow-wrap:anywhere}.mission-guide-step-label{color:var(--text);font-size:12px;font-weight:600}.mission-guide-step-detail{color:var(--muted);font-size:11px}.mission-guide-tip{color:#ffe5a1;font-size:11px;font-weight:800}.mission-guide-meter{height:4px;margin-top:2px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,0.1)}.mission-guide-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.mission-guide-button{width:100%;min-height:32px;padding:0 9px;border:0;border-radius:8px;background:linear-gradient(90deg,rgba(88,199,211,0.92),rgba(232,196,106,0.88));color:#071012;font-size:12px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,0.22)}.road-builder-hud{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:39;width:min(360px,calc(100vw - 24px));min-height:52px;display:grid;grid-template-columns:36px minmax(0,1fr) 44px;gap:9px;align-items:center;padding:7px 7px 7px 10px;transform:translateX(-50%);border:1px solid rgba(88,199,211,0.42);border-radius:8px;background:rgba(15,22,24,0.94);color:var(--text);box-shadow:0 18px 42px rgba(0,0,0,0.36),0 0 24px rgba(88,199,211,0.13);backdrop-filter:blur(16px)}.road-builder-icon{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(88,199,211,0.35);border-radius:8px;background:rgba(88,199,211,0.1)}.road-builder-icon img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,0.28))}.road-builder-hud div{min-width:0;display:grid;gap:2px}.road-builder-hud strong,.road-builder-hud span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.road-builder-hud strong{color:#f3f1ea;font-size:13px;line-height:1.15}.road-builder-hud div span{color:var(--muted);font-size:11px;font-weight:800}.road-builder-close{width:44px;height:44px;min-height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(224,106,88,0.34);border-radius:8px;background:rgba(224,106,88,0.12);color:#ffd0c7;cursor:pointer}.panel-actions{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px}.action,.nav-btn,.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,0.07);color:var(--text);cursor:pointer}.action{min-height:44px;padding:8px 11px;border-radius:8px;white-space:nowrap;font-size:13px;font-weight:600}.action.primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:rgba(88,199,211,0.68);box-shadow:0 10px 22px rgba(88,199,211,0.16),inset 0 1px 0 rgba(255,255,255,0.24)}.action.primary:hover{background:var(--button-primary-hover)}.action.contract-accept{border-color:rgba(232,196,106,0.72);background:linear-gradient(180deg,#f0d77b,#dba94b);color:#161009;box-shadow:0 12px 24px rgba(232,196,106,0.18),inset 0 1px 0 rgba(255,255,255,0.42)}.action.contract-accept:hover{background:linear-gradient(180deg,#ffe690,#e3b655)}.action.danger{color:#ffd0c7;border-color:rgba(224,106,88,0.45);background:rgba(224,106,88,0.12)}.action:disabled{color:var(--soft);cursor:not-allowed;background:rgba(255,255,255,0.04)}.bottom-bar{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));width:min(var(--bottom-nav-width,360px),calc(100vw - 24px));height:74px;padding:8px;z-index:18;display:grid;grid-template-columns:repeat(var(--bottom-nav-count,3),minmax(0,1fr));gap:8px;transform:translateX(-50%);backdrop-filter:blur(18px)}.nav-btn{position:relative;min-width:0;min-height:0;padding:0;border:1px solid transparent;border-radius:16px;color:var(--muted);display:grid;place-items:center;overflow:visible;background:rgba(255,255,255,0.035);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);cursor:pointer;transition:transform 130ms ease,background 130ms ease,border-color 130ms ease,box-shadow 130ms ease}.nav-btn::before{content:"";position:absolute;inset:7px;border-radius:13px;background:radial-gradient(circle at 50% 25%,rgba(88,199,211,0.14),transparent 58%);opacity:0;transition:opacity 130ms ease}.nav-btn:active{transform:translateY(1px) scale(0.97)}.nav-btn:focus-visible{outline:2px solid rgba(88,199,211,0.72);outline-offset:3px}.nav-btn.active{color:#effcff;border-color:rgba(88,199,211,0.46);background:rgba(88,199,211,0.16);box-shadow:0 10px 24px rgba(88,199,211,0.16),inset 0 1px 0 rgba(255,255,255,0.12)}.nav-btn.active::before{opacity:1}.nav-btn.has-notice{color:#eaffef;border-color:rgba(123,199,126,0.52);background:rgba(123,199,126,0.13);box-shadow:0 0 0 1px rgba(123,199,126,0.12),0 0 24px rgba(123,199,126,0.18)}.nav-btn.has-notice::after{content:attr(data-notice-count);position:absolute;top:5px;right:8px;min-width:20px;height:20px;padding:0;border-radius:50%;background:var(--ok);color:#071113;display:grid;place-items:center;font-size:11px;font-weight:950;line-height:1;box-shadow:0 0 0 4px rgba(123,199,126,0.16),0 6px 14px rgba(0,0,0,0.32);z-index:2}.nav-btn.has-notice:not([data-notice-count])::after{content:"";top:7px;right:12px;min-width:8px;width:8px;height:8px;padding:0}.nav-btn.stock-full-notice{color:#fff1ed;border-color:rgba(224,106,88,0.38);background:rgba(255,255,255,0.04);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}.nav-btn.stock-full-notice::after{background:var(--danger);color:#fff7f4;box-shadow:0 0 0 4px rgba(224,106,88,0.18),0 6px 14px rgba(0,0,0,0.34)}@media (hover:hover) and (pointer:fine){.bottom-bar .nav-btn:hover{border-color:rgba(255,255,255,0.14);background:rgba(255,255,255,0.06)}.bottom-bar .nav-btn.active:hover{border-color:rgba(88,199,211,0.52);background:rgba(88,199,211,0.19)}.bottom-bar .nav-btn.has-notice:hover{border-color:rgba(123,199,126,0.56);background:rgba(123,199,126,0.17)}.bottom-bar .nav-btn.stock-full-notice:hover{border-color:rgba(224,106,88,0.42);background:rgba(224,106,88,0.08)}}.stock-tier-gauge{position:absolute;left:12px;right:12px;bottom:2px;height:4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;pointer-events:none;z-index:2}.stock-tier-bar{position:relative;height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,0.12)}.stock-tier-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--stock-fill,0%);border-radius:inherit;background:var(--stock-color,#42b1da);opacity:0.86;transition:width 180ms ease,background 180ms ease,opacity 180ms ease}.stock-tier-bar.is-hot{background:rgba(232,196,106,0.14)}.stock-tier-bar.is-full{background:rgba(224,106,88,0.18)}.stock-tier-bar.is-full i{opacity:1}.nav-glyph{width:36px;height:36px;display:block;position:relative;z-index:1}.nav-icon{width:42px;height:42px;display:block;object-fit:contain;z-index:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,0.34))}.nav-btn.active .nav-icon{transform:scale(1.05);filter:drop-shadow(0 7px 10px rgba(0,0,0,0.38)) drop-shadow(0 0 10px rgba(88,199,211,0.24))}.ui-tooltip{position:absolute;z-index:80;left:50%;bottom:calc(100% + 10px);width:max-content;max-width:min(280px,calc(100vw - 24px));padding:7px 9px;border:1px solid rgba(255,255,255,0.14);border-radius:8px;background:rgba(18,20,24,0.96);color:var(--text);box-shadow:0 12px 28px rgba(0,0,0,0.42);font-size:12px;font-weight:800;line-height:1.25;text-align:center;white-space:normal;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity 130ms ease,transform 130ms ease}.ui-tooltip::after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;border-right:1px solid rgba(255,255,255,0.14);border-bottom:1px solid rgba(255,255,255,0.14);background:rgba(18,20,24,0.96);transform:translateX(-50%) rotate(45deg)}[data-tooltip]:hover>.ui-tooltip,[data-tooltip]:focus-visible>.ui-tooltip,[data-tooltip].show-tooltip>.ui-tooltip{opacity:1;transform:translate(-50%,0)}[data-tooltip].floating-tooltip-source>.ui-tooltip{opacity:0}.power-stat .ui-tooltip{left:auto;right:-6px;top:calc(100% + 10px);bottom:auto;width:min(360px,calc(100vw - 24px));color:var(--text);text-align:left;transform:translateY(-4px)}.top-stats .currency-tooltip{left:auto;right:-6px;top:calc(100% + 10px);bottom:auto;text-align:left;transform:translateY(-4px)}.power-stat .ui-tooltip::after,.top-stats .currency-tooltip::after{left:auto;right:18px;top:-6px;bottom:auto;border:0;border-left:1px solid rgba(255,255,255,0.14);border-top:1px solid rgba(255,255,255,0.14)}.power-stat:hover>.ui-tooltip,.power-stat:focus-visible>.ui-tooltip,.power-stat.show-tooltip>.ui-tooltip,.top-stats [data-tooltip]:hover>.currency-tooltip,.top-stats [data-tooltip]:focus-visible>.currency-tooltip,.top-stats [data-tooltip].show-tooltip>.currency-tooltip{transform:translateY(0)}.power-tooltip,.floating-tooltip.power-tooltip{display:grid;gap:10px;padding:12px;border-color:rgba(88,199,211,0.25);background:linear-gradient(180deg,rgba(28,34,39,0.98),rgba(13,15,18,0.98)),rgba(18,20,24,0.98);box-shadow:0 18px 44px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.08);font-weight:800}.power-tooltip-title{color:#f9f5ea;font-size:13px;font-weight:950}.power-tooltip-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px}.power-tooltip-totals>span{display:grid;gap:3px;min-width:0;padding:8px;border:1px solid rgba(255,255,255,0.09);border-radius:8px;background:rgba(255,255,255,0.045)}.power-tooltip-totals span span,.power-tooltip-section-label{color:var(--muted);font-size:10px;font-weight:600;text-transform:uppercase}.power-tooltip-totals strong{font-size:15px;font-weight:950}.power-tooltip-breakdown{display:grid;gap:5px}.power-tooltip-breakdown-row{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;border-radius:7px;background:rgba(88,199,211,0.08)}.power-tooltip-breakdown-row strong{color:var(--ok);white-space:nowrap}.power-tooltip-breakdown-row span{color:#e4ded1;text-align:right}.power-tooltip-empty{color:var(--muted)}.power-tooltip-note{color:var(--muted);font-size:11px;font-style:italic;font-weight:650;line-height:1.35}.currency-tooltip,.floating-tooltip.currency-tooltip{display:grid;gap:10px;width:min(360px,calc(100vw - 24px));padding:12px;border-color:rgba(232,196,106,0.28);background:linear-gradient(180deg,rgba(31,34,36,0.98),rgba(13,15,18,0.98)),rgba(18,20,24,0.98);box-shadow:0 18px 44px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.08);color:var(--text);font-weight:800;line-height:1.35;text-align:left}.currency-tooltip.cores-tooltip,.floating-tooltip.currency-tooltip.cores-tooltip{border-color:rgba(88,199,211,0.24)}.currency-tooltip-title{color:#f9f5ea;font-size:13px;font-weight:950}.currency-tooltip-amount-card{display:grid;gap:4px;min-width:0;padding:9px;border:1px solid rgba(255,255,255,0.09);border-radius:8px;background:rgba(255,255,255,0.045)}.currency-tooltip-amount-card>span{color:var(--muted);font-size:10px;font-weight:600;text-transform:uppercase}.currency-tooltip-amount-card strong{color:#ffe49a;font-size:17px;font-weight:950}.currency-tooltip.cores-tooltip .currency-tooltip-amount-card strong,.floating-tooltip.currency-tooltip.cores-tooltip .currency-tooltip-amount-card strong{color:#bff8ff}.currency-tooltip-amount-card .gold-value,.currency-tooltip-amount-card .core-value{font-size:17px}.currency-tooltip-body{color:#e4ded1;font-size:12px;font-weight:750}.currency-tooltip-note{padding:7px 8px;border-radius:7px;background:rgba(88,199,211,0.08);color:var(--muted);font-size:11px;font-weight:600}.floating-tooltip{position:fixed;z-index:90;max-width:min(280px,calc(100vw - 24px));padding:7px 9px;border:1px solid rgba(255,255,255,0.14);border-radius:8px;background:rgba(18,20,24,0.97);color:var(--text);box-shadow:0 12px 28px rgba(0,0,0,0.44);font-size:12px;font-weight:800;line-height:1.25;text-align:center;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(4px);transition:opacity 130ms ease,transform 130ms ease}.floating-tooltip.power-tooltip{width:min(360px,calc(100vw - 24px));text-align:left}.floating-tooltip.currency-tooltip{max-width:min(360px,calc(100vw - 24px))}.floating-tooltip.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}.nav-glyph-tile{clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:currentColor}.nav-glyph-stock{border:2px solid currentColor;border-radius:4px}.nav-glyph-stock::after{content:"";position:absolute;left:3px;right:3px;bottom:4px;height:5px;border-radius:2px;background:currentColor}.nav-glyph-mission{border:2px solid currentColor;border-radius:50%}.nav-glyph-mission::after{content:"";position:absolute;left:7px;top:3px;width:2px;height:10px;background:currentColor}.nav-glyph-debug::before,.nav-glyph-debug::after{content:"";position:absolute;inset:3px;border:2px solid currentColor;border-radius:50%}.nav-glyph-debug::after{inset:8px 1px;border-left:0;border-right:0;border-radius:0}.nav-glyph-upgrades{color:#c9fbff}.nav-glyph-upgrades::before{content:"";position:absolute;inset:2px;clip-path:polygon(50% 0,91% 24%,91% 76%,50% 100%,9% 76%,9% 24%);border:2px solid currentColor;background:linear-gradient(180deg,transparent 0 42%,currentColor 42% 56%,transparent 56%),linear-gradient(90deg,transparent 0 42%,currentColor 42% 56%,transparent 56%)}.nav-glyph-upgrades::after{content:"";position:absolute;left:12px;top:5px;width:12px;height:16px;clip-path:polygon(50% 0,100% 45%,68% 45%,68% 100%,32% 100%,32% 45%,0 45%);background:#DA9842}.nav-icon:not([hidden]) + .nav-glyph-upgrades{display:none}.drawer{position:fixed;z-index:30;left:0;right:0;bottom:0;height:auto;max-height:62svh;display:none;background:var(--panel-solid);border-top:1px solid var(--line);border-radius:12px 12px 0 0;box-shadow:var(--shadow)}.drawer.open{display:block;animation:drawer-slide-up 180ms ease}@keyframes drawer-slide-up{from{transform:translateY(105%)}to{transform:translateY(0)}}.drawer-header{height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 14px;border-bottom:1px solid var(--line)}.drawer-title-row{min-width:0;display:flex;align-items:center;gap:10px}.drawer-controls{flex:0 0 auto;display:flex;align-items:center;gap:6px}.drawer-icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(88,199,211,0.3);border-radius:12px;background:radial-gradient(circle at 38% 24%,rgba(255,255,255,0.14),transparent 38%),linear-gradient(145deg,rgba(88,199,211,0.18),rgba(232,196,106,0.08));box-shadow:inset 0 1px 0 rgba(255,255,255,0.08)}.drawer-icon[hidden]{display:none}.drawer-icon img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,0.32))}.drawer-icon .nav-glyph{width:26px;height:26px}.drawer-header h2{margin:0;font-size:16px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-expand{width:32px;height:32px;min-width:32px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.drawer-expand::before{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(2px) rotate(-135deg)}.drawer.is-expanded .drawer-expand::before{transform:translateY(-2px) rotate(45deg)}.drawer-expand[hidden]{display:none}.icon-btn{width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:50%;text-align:center}.icon-btn,.road-builder-close,.building-delete-button,.stock-sell-close{font-size:0;line-height:0}.icon-btn::before,.icon-btn::after,.road-builder-close::before,.road-builder-close::after,.building-delete-button::before,.building-delete-button::after,.stock-sell-close::before,.stock-sell-close::after{content:"";grid-area:1 / 1;width:46%;height:2px;border-radius:999px;background:currentColor}.icon-btn::before,.road-builder-close::before,.building-delete-button::before,.stock-sell-close::before{transform:rotate(45deg)}.icon-btn::after,.road-builder-close::after,.building-delete-button::after,.stock-sell-close::after{transform:rotate(-45deg)}.drawer-body{padding:12px;overflow:auto;max-height:calc(62svh - 52px);overscroll-behavior:contain}.grid-list{display:grid;gap:8px}.card{padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.045)}.card-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.card strong{font-size:14px}.card p,.mini{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.35}.meter{height:5px;margin-top:5px;background:rgba(255,255,255,0.08);overflow:hidden;border-radius:999px}.meter span{display:block;height:100%;background:var(--accent-2)}.stock-meter span{transition:width 680ms cubic-bezier(0.2,0.9,0.18,1)}.stock-panel{min-width:0;padding-bottom:8px}.stock-heading{margin-bottom:10px}.stock-groups{display:grid;gap:18px}.stock-group{display:grid;gap:8px;padding-bottom:2px}.stock-group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.stock-group-header strong{display:block;margin-top:2px;font-size:15px;letter-spacing:0}.stock-group-header>span{color:#dfd8c7;font-size:12px;font-weight:800}.stock-capacity-amount{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.stock-capacity-amount.is-full .stock-capacity-value{color:var(--danger);font-weight:950}.stock-full-pill{padding:2px 6px;border-radius:999px;color:#ffd2ca;background:rgba(224,106,88,0.16);box-shadow:0 0 16px rgba(224,106,88,0.14);font-size:11px;font-weight:600;text-transform:uppercase}.stock-group-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;font-weight:800}.stock-sell-all{min-height:30px;padding:5px 9px;border:1px solid rgba(88,199,211,0.45);border-radius:8px;background:rgba(88,199,211,0.14);color:#d9fbff;cursor:pointer;font-size:11px;font-weight:600;white-space:nowrap}.stock-sell-all:disabled{border-color:rgba(255,255,255,0.08);background:rgba(255,255,255,0.035);color:var(--soft);cursor:not-allowed}.stock-item-grid{display:grid;grid-template-columns:1fr;gap:7px}.stock-item{position:relative;min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,0.075);border-radius:8px;background:linear-gradient(90deg,rgba(88,199,211,0.07),transparent 42%),rgba(255,255,255,0.035)}.stock-item.is-selected{border-color:rgba(232,196,106,0.28);background:linear-gradient(90deg,rgba(232,196,106,0.12),rgba(88,199,211,0.055) 46%,rgba(255,255,255,0.035)),rgba(255,255,255,0.04)}.stock-item.is-info-open{border-color:rgba(88,199,211,0.34);background:linear-gradient(135deg,rgba(88,199,211,0.12),rgba(232,196,106,0.055) 45%,rgba(255,255,255,0.035)),rgba(255,255,255,0.04);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 12px 26px rgba(0,0,0,0.16)}.stock-icon{position:relative;width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(88,199,211,0.32);border-radius:8px;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,0.16),transparent 36%),linear-gradient(145deg,rgba(88,199,211,0.18),rgba(232,196,106,0.08));color:#c7f6fb;font-size:12px;font-weight:600}.stock-icon img{position:absolute;inset:5px;z-index:1;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain}.stock-icon span{z-index:0}.stock-icon img:not([hidden]) + span{opacity:0}.stock-item-main{min-width:0;display:grid;gap:4px}.stock-item-title{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.stock-item strong{max-width:100%;font-size:14px;line-height:1.2;overflow-wrap:anywhere}.stock-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.resource-amount{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:25px;padding:3px 8px;border:1px solid rgba(232,196,106,0.24);border-radius:999px;background:rgba(232,196,106,0.1);color:#ffe49a;font-size:13px;font-weight:600}.resource-amount.is-updating,.stock-capacity-amount.is-updating{animation:stock-number-flash 780ms ease-out}.stock-value-row{display:flex;flex-wrap:wrap;gap:6px}.stock-value-row span{display:inline-flex;align-items:center;color:#cfc8ba;font-size:11px;font-weight:800}.stock-item-actions{min-width:0;display:grid;grid-template-columns:34px minmax(58px,auto);gap:6px;align-items:center}.stock-info-button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(88,199,211,0.36);border-radius:50%;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,0.26),transparent 34%),linear-gradient(145deg,rgba(88,199,211,0.28),rgba(232,196,106,0.10));color:#d9fbff;cursor:pointer;font-size:15px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:600;line-height:1;box-shadow:0 8px 16px rgba(88,199,211,0.12),inset 0 1px 0 rgba(255,255,255,0.16)}.stock-info-button.is-open{border-color:rgba(232,196,106,0.56);background:radial-gradient(circle at 35% 22%,rgba(255,255,255,0.30),transparent 34%),linear-gradient(145deg,rgba(232,196,106,0.34),rgba(88,199,211,0.18));color:#fff2c0}.stock-info-panel{grid-column:1 / -1;display:grid;gap:0;margin-top:2px;padding-top:10px;border-top:1px solid rgba(88,199,211,0.24);animation:stock-sell-inline-in 170ms ease-out both}.stock-info-summary{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:baseline;padding-bottom:9px}.stock-info-summary strong,.stock-info-label{color:#c9fbff;font-size:11px;font-weight:950;text-transform:uppercase}.stock-info-summary p{margin:0;color:#e6dfcf;font-size:12px;line-height:1.35}.stock-info-row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;border-top:1px solid rgba(255,255,255,0.07)}.stock-info-content{min-width:0}.stock-source-grid{display:flex;flex-wrap:wrap;gap:6px}.stock-source-chip{min-width:0;min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 5px;border:1px solid rgba(255,255,255,0.075);border-radius:999px;background:rgba(255,255,255,0.035);color:#ddd6c7;font-size:11px;font-weight:600}.stock-source-chip.source-terrain{border-color:rgba(232,196,106,0.22);background:rgba(232,196,106,0.075)}.stock-source-chip.source-overlay{border-color:rgba(123,199,126,0.24);background:rgba(123,199,126,0.075)}.stock-source-chip.source-resource{border-color:rgba(88,199,211,0.25);background:rgba(88,199,211,0.075)}.stock-source-chip img,.stock-source-token{width:20px;height:20px;flex:0 0 auto}.stock-source-chip img{object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.24))}.stock-source-token{display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,0.10);color:#fff6cc;font-size:10px;font-weight:950}.stock-recipe-list{display:grid;gap:7px}.stock-recipe-card{min-width:0;display:grid;grid-template-columns:minmax(126px,0.42fr) minmax(0,0.58fr);gap:10px;align-items:stretch;padding:7px 0;border:0;border-top:1px solid rgba(255,255,255,0.06);border-radius:8px;background:transparent}.stock-recipe-card:first-child{padding-top:0;border-top:0}.stock-recipe-building-side{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center}.stock-recipe-building{width:40px;height:40px;padding:2px;border:1px solid rgba(88,199,211,0.20);border-radius:8px;background:rgba(0,0,0,0.16);object-fit:contain}.stock-recipe-title{min-width:0;display:grid;gap:4px}.stock-recipe-title strong{margin:0;color:#f3f1ea;font-size:12px;line-height:1.2;overflow-wrap:anywhere}.stock-recipe-title span{width:fit-content;margin:0;padding:2px 6px;border-radius:999px;background:rgba(232,196,106,0.12);color:#ffe49a;font-size:10px;font-weight:950;white-space:nowrap}.stock-recipe-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}.stock-recipe-flow>div{min-width:0;display:grid;align-content:start;gap:5px;padding-left:8px;border-left:1px solid rgba(255,255,255,0.07)}.stock-recipe-flow>div>span:first-child{color:var(--soft);font-size:10px;font-weight:950;text-transform:uppercase}.stock-flow-resources .build-resource-pill{min-width:0}.stock-flow-empty,.stock-info-empty{color:var(--muted);font-size:11px;font-weight:850}.stock-info-notes{display:flex;flex-wrap:wrap;gap:6px}.stock-info-notes span{min-height:25px;display:inline-flex;align-items:center;padding:3px 0;border:0;border-radius:0;background:transparent;color:#dfd8c7;font-size:11px;font-weight:800;line-height:1.2}.gold-value,.core-value{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.gold-icon,.core-icon{position:relative;width:16px;height:16px;display:inline-grid;place-items:center;overflow:hidden;border-radius:50%;color:#2b210c;font-size:9px;font-weight:950;box-shadow:0 0 12px rgba(232,196,106,0.22)}.core-icon{border-radius:6px;color:#061315}.gold-icon img,.core-icon img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain}.gold-icon span,.core-icon span{z-index:0}.gold-icon img:not([hidden]) + span,.core-icon img:not([hidden]) + span{opacity:0}.core-icon span[hidden]{display:none}.stock-sell-button{min-width:0;min-height:44px;padding:8px 13px;border:1px solid rgba(88,199,211,0.62);border-radius:8px;background:var(--button-primary-bg);color:var(--button-primary-text);cursor:pointer;font-size:12px;font-weight:950;white-space:nowrap;box-shadow:0 10px 20px rgba(88,199,211,0.14),inset 0 1px 0 rgba(255,255,255,0.22)}.stock-sell-button.is-selected{background:var(--button-primary-hover)}.stock-sell-button:disabled{background:rgba(255,255,255,0.035);color:var(--soft);cursor:not-allowed;box-shadow:none}.stock-sell-inline{grid-column:1 / -1;display:grid;gap:10px;margin-top:4px;padding-top:10px;border-top:1px solid rgba(232,196,106,0.22);animation:stock-sell-inline-in 170ms ease-out both}.stock-sell-inline-head{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:8px;align-items:center}.stock-sell-close{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,0.08);color:var(--muted);cursor:pointer}.stock-sell-readout{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted);font-size:12px;font-weight:800}.stock-sell-readout strong{color:#ffe49a;font-size:18px}.stock-sell-range{width:100%;height:30px;margin:0;appearance:none;background:transparent;cursor:pointer}.stock-sell-range::-webkit-slider-runnable-track{height:9px;border-radius:999px;background:linear-gradient(90deg,#DA9842 var(--stock-sell-progress),rgba(255,255,255,0.12) 0)}.stock-sell-range::-webkit-slider-thumb{width:26px;height:26px;margin-top:-8px;appearance:none;border:3px solid #141619;border-radius:50%;background:#f6df9d;box-shadow:0 5px 16px rgba(0,0,0,0.4)}.stock-sell-range::-moz-range-track{height:9px;border-radius:999px;background:linear-gradient(90deg,#DA9842 var(--stock-sell-progress),rgba(255,255,255,0.12) 0)}.stock-sell-range::-moz-range-thumb{width:22px;height:22px;border:3px solid #141619;border-radius:50%;background:#f6df9d;box-shadow:0 5px 16px rgba(0,0,0,0.4)}.stock-sell-exact{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-items:center;color:var(--muted);font-size:11px;font-weight:600}.stock-sell-exact input{width:100%;min-height:38px;padding:8px 10px;border:1px solid rgba(255,255,255,0.1);border-radius:8px;background:rgba(0,0,0,0.2);color:var(--text);font:inherit;font-size:16px;font-weight:600}.stock-sell-confirm{min-width:0;min-height:44px;border:1px solid rgba(88,199,211,0.62);border-radius:8px;background:var(--button-primary-bg);color:var(--button-primary-text);cursor:pointer;font-size:12px;font-weight:950;box-shadow:0 12px 22px rgba(88,199,211,0.16),inset 0 1px 0 rgba(255,255,255,0.22)}.stock-sell-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(76px,96px);gap:8px;align-items:end}.stock-delta{padding:2px 6px;border-radius:999px;color:#d3ffda;background:rgba(123,199,126,0.16);box-shadow:0 0 16px rgba(123,199,126,0.16);font-size:11px;animation:stock-delta-pop 860ms cubic-bezier(0.2,1.35,0.35,1)}.tile-inspector{display:grid;gap:14px}.tile-hero{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center}.tile-hex-preview{width:92px;height:106px;position:relative;filter:drop-shadow(0 10px 18px rgba(0,0,0,0.32))}.tile-hex-preview img{width:100%;height:100%;display:block;object-fit:cover;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(255,255,255,0.05)}.tile-overlay-badge{position:absolute;right:-4px;bottom:3px;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(232,196,106,0.42);background:rgba(18,20,24,0.9);box-shadow:var(--shadow)}.tile-overlay-badge img{width:26px;height:26px;object-fit:contain;clip-path:none}.tile-summary{min-width:0}.tile-summary h3,.section-title{margin:0;font-size:16px;letter-spacing:0}.tile-summary p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.tile-guidance{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.045);font-size:13px;line-height:1.35}.tile-guidance strong{color:#f3f1ea;font-size:14px}.tile-guidance span{color:var(--muted)}.tile-guidance.is-warning{border-color:rgba(224,106,88,0.42);background:rgba(224,106,88,0.11)}.tile-guidance.is-warning strong{color:#ffd0c7}.tile-guidance.is-ready{border-color:rgba(123,199,126,0.35);background:rgba(123,199,126,0.10)}.tile-guidance.is-ready strong{color:#baf3bd}.special-tile-note{margin:0;color:#ff7f6e;font-size:13px;line-height:1.35}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.info-chip,.cost-chip{min-height:24px;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.055);color:var(--muted);font-size:11px;font-weight:800}.info-chip.good{color:#baf3bd;border-color:rgba(123,199,126,0.35);background:rgba(123,199,126,0.1)}.info-chip.warn{color:#ffd0c7;border-color:rgba(224,106,88,0.34);background:rgba(224,106,88,0.1)}.info-chip.tile-coord-chip{color:var(--soft);border-style:dashed;background:transparent;font-variant-numeric:tabular-nums}.tile-section{display:grid;gap:8px}.section-heading{display:none;justify-content:space-between;gap:10px;align-items:center}.section-pill{min-height:24px;display:inline-flex;align-items:center;padding:4px 7px;border:1px solid rgba(88,199,211,0.28);border-radius:8px;background:rgba(88,199,211,0.09);color:#c9fbff;font-size:11px;font-weight:600;white-space:nowrap}.build-unavailable-toggle{min-height:28px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;user-select:none}.build-unavailable-toggle input{appearance:none;width:34px;height:20px;position:relative;margin:0;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,0.075);cursor:pointer}.build-unavailable-toggle input::after{content:"";width:14px;height:14px;position:absolute;top:2px;left:2px;border-radius:50%;background:var(--muted);transition:transform 140ms ease,background 140ms ease}.build-unavailable-toggle input:checked{border-color:rgba(88,199,211,0.55);background:rgba(88,199,211,0.2)}.build-unavailable-toggle input:checked::after{transform:translateX(14px);background:#c9fbff}.current-tile-section{gap:10px}.installed-building{position:relative;display:grid;grid-template-columns:108px 1fr;gap:12px;align-items:stretch;padding:11px;border:1px solid rgba(123,199,126,0.26);border-radius:8px;background:rgba(123,199,126,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06)}.building-delete-button{position:absolute;top:7px;right:7px;z-index:2;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid rgba(224,106,88,0.55);border-radius:50%;background:rgba(35,12,11,0.9);color:#ffd0c7;cursor:pointer}.building-showcase,.build-icon{}.building-showcase{min-height:118px;display:grid;place-items:center;overflow:hidden}.building-showcase img{width:96%;height:96%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,0.38))}.building-detail{min-width:0;display:grid;align-content:start;gap:7px}.building-quick-row{display:none}.building-detail h3{margin:0;font-size:17px;line-height:1.15}.building-detail>p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.building-stats{display:grid;gap:6px;margin:2px 0 0}.building-stats div{display:grid;grid-template-columns:74px 1fr;gap:8px;align-items:baseline;padding-top:6px;border-top:1px solid rgba(255,255,255,0.07)}.building-stats dt,.building-stats dd{margin:0;font-size:12px;line-height:1.3}.building-stats dt{color:var(--soft);font-weight:600}.building-stats dd{color:#ded9ce;font-weight:600}.building-recipe-flow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.building-flow-resources{display:inline-flex}.building-recipe-arrow{color:var(--soft);font-size:10px;font-weight:950;text-transform:uppercase}.power-positive{color:var(--ok)}.power-negative{color:var(--danger)}.build-list{display:grid;gap:10px}.build-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.build-tab{min-width:0;min-height:44px;display:grid;grid-template-columns:26px auto;gap:6px;align-items:center;justify-content:center;padding:6px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.045);color:var(--muted);cursor:pointer}.build-tab.active{color:#f3f1ea;border-color:rgba(88,199,211,0.48);background:rgba(88,199,211,0.12)}.build-tab-icon{width:26px;height:26px;display:grid;place-items:center;overflow:hidden;border-radius:7px}.build-tab-icon img{width:24px;height:24px;object-fit:contain}.build-tab-count{min-width:20px;min-height:20px;display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;border-radius:8px;background:rgba(232,196,106,0.14);color:#ffe49a;font-size:11px;font-weight:600;white-space:nowrap}.build-group-heading{margin:1px 0 -2px;color:#f3f1ea;font-size:13px;font-weight:950}.build-card{display:grid;gap:7px;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.035)}.build-summary{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "purchase" "detail";gap:10px;align-items:start}.build-card:not(.has-details) .build-summary{grid-template-areas:"identity" "purchase"}.build-card:not(.has-output) .build-summary{grid-template-areas:"identity" "purchase" "detail"}.build-card.has-output:not(.has-details) .build-summary{grid-template-areas:"identity" "purchase"}.build-card.is-ready{border-color:rgba(88,199,211,0.34);background:rgba(88,199,211,0.055)}.build-card.is-disabled{opacity:0.64}.build-card.is-unaffordable{opacity:1}.build-card.is-tutorial-highlight{border-color:rgba(123,199,126,0.78);background:linear-gradient(135deg,rgba(123,199,126,0.18),rgba(88,199,211,0.08)),rgba(255,255,255,0.045);box-shadow:0 0 0 1px rgba(123,199,126,0.26),0 0 26px rgba(123,199,126,0.18);animation:tutorial-build-highlight 1300ms ease-in-out infinite}.build-identity{grid-area:identity;min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:start}.build-icon{width:64px;height:64px;padding:2px;object-fit:contain}.build-main{min-width:0;display:grid;gap:7px}.build-category{display:block;margin-bottom:2px;color:var(--soft);font-size:10px;font-weight:600;text-transform:uppercase}.build-main strong{display:block;font-size:14px;line-height:1.15}.build-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.build-meta-chip{min-height:20px;display:inline-flex;align-items:center;max-width:100%;padding:3px 5px;border:1px solid rgba(255,255,255,0.08);border-radius:7px;background:rgba(255,255,255,0.055);color:var(--muted);font-size:10px;font-weight:600;line-height:1}.build-meta-chip.good{color:#baf3bd}.build-meta-chip.warn{color:#ffd0c7}.build-main p{margin:0;color:var(--muted);font-size:12px;line-height:1.3}.build-state-note{grid-column:1 / -1;margin:0;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.build-output-preview{min-width:0;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:0;padding-top:4px}.build-compact-output{display:none}.build-stat-block{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.build-stat-block + .build-stat-block{padding-left:10px;border-left:1px solid rgba(255,255,255,0.12)}.build-stat-label{color:var(--soft);font-size:10px;font-weight:700;text-transform:uppercase}.build-stat-empty{color:var(--soft);font-size:11px;font-weight:600}.build-stat-block .build-resource-list.compact{flex-wrap:nowrap;justify-content:flex-start}.build-state-note{color:#ffd0c7;font-weight:850}.build-state-note:empty{display:none}.build-purchase{grid-area:purchase;min-width:0;display:grid;justify-items:stretch}.build-cost-strip{width:auto;min-height:26px;display:flex;justify-content:center;align-items:center}.build-resource-list{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.build-resource-list.compact{justify-content:flex-start}.build-resource-pill,.build-free{min-height:23px;display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border-radius:8px;color:#ffe49a;font-size:11px;font-weight:600;line-height:1}.build-resource-list.compact .build-resource-pill{min-width:42px;justify-content:center}.build-resource-list.compact .build-resource-name{display:none}.build-resource-pill.is-missing{color:#ffd0c7;border-color:rgba(224,106,88,0.36);background:rgba(224,106,88,0.1)}.build-power-pill.is-power-positive{color:#baf3bd;border-color:rgba(123,199,126,0.32);background:rgba(123,199,126,0.1)}.build-power-pill.is-power-negative{color:#ffd0c7;border-color:rgba(224,106,88,0.36)}.build-storage-pill{color:#c9fbff;border:1px solid rgba(88,199,211,0.34);background:rgba(88,199,211,0.1)}.build-resource-pill img,.build-token-icon{width:24px;height:24px;flex:0 0 auto}.build-resource-pill img{object-fit:contain}.build-resource-amount{font-variant-numeric:tabular-nums;font-size:16px}.build-purchase .build-resource-amount{color:black}.build-token-icon{display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,0.12);color:#fff6cc;font-size:10px}.build-token-icon[hidden]{display:none}.currency-token-icon{background:linear-gradient(145deg,#ffe7a6,#d7a93e);color:#2b210c;font-weight:950}.cores-token-icon{border-radius:5px;background:linear-gradient(145deg,#bff9ff,#42b1da 58%,#2b7f8b);color:#061315}.build-resource-name{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-action{width:100%;min-width:84px;min-height:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;justify-self:stretch;padding:0 6px}.build-action-label{min-width:0;text-align:center;font-size:17px;font-weight:800}.build-action-cost{min-height:34px;padding:5px 8px;border-radius:8px;color:#ffe49a}.build-action-row{display:grid;grid-template-columns:minmax(0,1fr) 50px;gap:12px;align-items:stretch}.build-card:not(.has-details) .build-action-row{grid-template-columns:minmax(0,1fr)}.road-builder-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(88,199,211,0.34);border-radius:8px;background:rgba(88,199,211,0.08)}.road-builder-banner div{min-width:0;display:grid;gap:2px}.road-builder-banner strong{color:#f3f1ea;font-size:13px;line-height:1.2}.road-builder-banner span{color:var(--muted);font-size:11px;line-height:1.25}.build-more{min-width:0;min-height:24px}.build-more summary{width:100%;height:100%;min-height:30px;display:grid;place-items:center;padding:0;border:1px solid rgba(232,196,106,0.42);border-radius:8px;background:rgba(232,196,106,0.1);color:#fff2c0;cursor:pointer;font-size:15px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:600;list-style:none}.build-more summary::-webkit-details-marker{display:none}.build-more[open] summary{border-color:rgba(88,199,211,0.58);background:rgba(88,199,211,0.14);color:#fff2c0}.build-more-icon{line-height:1}.build-detail-list{grid-area:detail;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding-top:8px;border-top:1px solid rgba(255,255,255,0.07)}.build-card:has(.build-more:not([open])) .build-detail-list{display:none}.build-detail-list div{min-width:0;display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:start}.build-detail-list dt,.build-detail-list dd{margin:0;font-size:12px;line-height:1.3}.build-detail-list dt{color:var(--soft);font-weight:700;letter-spacing:0}.build-detail-list dd{min-width:0;color:#ded9ce;font-weight:400}.build-detail-resource-list{display:inline-flex}.empty-note{padding:10px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:13px;line-height:1.35}.settings-panel,.social-panel{display:grid;gap:10px}.settings-row{width:100%;min-height:62px;display:block;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.045);color:var(--text);text-align:left}.settings-row strong,.social-toolbar strong{display:block;color:#fff4c3;font-size:14px;line-height:1.2}.settings-row small,.social-toolbar p,.social-board-heading p{display:block;margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.3}.social-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.social-profile{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.035)}.social-profile-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.social-profile-heading strong{color:#fff4c3;font-size:14px}.social-profile-heading span,.social-profile-note{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.social-profile label{display:grid;gap:4px;color:var(--muted);font-size:12px;font-weight:800}.social-profile input{min-height:38px;width:100%;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,0.2);color:var(--text);padding:0 10px;font:inherit}.social-profile-save{justify-self:start}.social-refresh{flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid rgba(88,199,211,0.34);border-radius:8px;background:rgba(88,199,211,0.1);color:#c9fbff;font-weight:900}.social-refresh:disabled{opacity:0.55}.social-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.social-board-heading{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:2px 2px 6px}.social-board-heading h3{margin:0;font-size:15px}.social-board-heading>span{min-height:26px;display:inline-flex;align-items:center;padding:4px 8px;border:1px solid rgba(232,196,106,0.26);border-radius:999px;background:rgba(232,196,106,0.1);color:#ffe9a8;font-size:11px;font-weight:950}.social-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.social-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:46px;padding:8px 10px;border:1px solid rgba(255,255,255,0.08);border-radius:8px;background:rgba(255,255,255,0.035)}.social-row.is-current{border:1px solid rgba(88,199,211,0.48);background:rgba(88,199,211,0.1)}.social-row.is-top-1,.social-row.is-top-2,.social-row.is-top-3{border-color:rgba(232,196,106,0.28);background:linear-gradient(90deg,rgba(232,196,106,0.13),rgba(255,255,255,0.035))}.social-rank{color:var(--accent-2);font-weight:950}.social-name{min-width:0;overflow:hidden;display:inline-flex;gap:6px;align-items:center;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.social-flag{flex:0 0 auto;color:var(--muted);font-size:14px;line-height:1}.social-value{color:#ded9ce;font-size:12px;font-weight:900;white-space:nowrap}.social-gap,.near-you-label{margin:4px 0;color:var(--soft);font-weight:900;text-align:center}.near-you-label{color:#c9fbff;text-align:left}.mission-panel,.mission-section,.requirement-list{display:grid;gap:10px}.mission-panel{gap:14px}.upgrade-panel,.upgrade-list,.upgrade-card{display:grid;gap:10px}.upgrade-panel{gap:12px}.upgrade-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,0.16)}.upgrade-toolbar p{margin:0;color:var(--muted);font-size:12px;line-height:1.3}.upgrade-toggle{flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid rgba(88,199,211,0.28);border-radius:8px;background:rgba(88,199,211,0.08);color:#c9fbff;font-size:12px;font-weight:600;cursor:pointer}.upgrade-toggle input{width:16px;height:16px;accent-color:var(--accent)}.upgrade-card{padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.045)}.upgrade-card.is-complete{border-color:rgba(123,199,126,0.28);background:rgba(123,199,126,0.08)}.upgrade-heading{display:flex;justify-content:space-between;gap:10px;align-items:start}.upgrade-heading strong{display:block;color:#fff4c3;font-size:14px;line-height:1.2}.upgrade-heading p,.upgrade-effect{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.32}.upgrade-effect{color:#ded9ce;font-weight:800}.upgrade-rank-pill{flex:0 0 auto;min-height:27px;display:inline-flex;align-items:center;padding:5px 8px;border:1px solid rgba(232,196,106,0.32);border-radius:8px;background:rgba(232,196,106,0.12);color:#ffe9a8;font-size:11px;font-weight:950}.upgrade-rank-meter{display:grid;grid-template-columns:repeat(var(--rank-count),minmax(0,1fr));gap:4px}.upgrade-rank-step{height:8px;border-radius:999px;background:rgba(255,255,255,0.09)}.upgrade-rank-step.is-owned{background:var(--ok)}.upgrade-rank-step.is-next{background:var(--accent-2)}.upgrade-rank-step.is-locked{background:rgba(255,255,255,0.05)}.upgrade-cost-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.upgrade-buy{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:8px;font-weight:950;min-width:80px}.upgrade-cost-inline,.upgrade-cost-item{display:inline-flex;align-items:center}.upgrade-cost-inline{gap:10px}.upgrade-cost-item{gap:5px;color:currentColor;font-size:13px;line-height:1}.upgrade-cost-separator{color:var(--muted);font-size:11px;font-weight:950;line-height:1}.upgrade-cost-icon{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 auto;color:currentColor;font-size:10px;font-weight:950}.upgrade-cost-icon img{width:100%;height:100%;object-fit:contain}.upgrade-cost-icon span[hidden]{display:none}.upgrade-cost-token{border-radius:50%;border:1px solid currentColor;font-size:9px}.upgrade-cost-amount{color:currentColor;font-variant-numeric:tabular-nums}.upgrade-cost-name{color:currentColor}.upgrade-cost-item.is-missing{color:#ffd0c7}.upgrade-lock-note{padding:8px;border:1px dashed rgba(232,196,106,0.28);border-radius:8px;color:var(--muted);font-size:12px;line-height:1.35}.mission-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,0.18)}.mission-tab{min-width:0;min-height:44px;padding:6px 4px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:0;text-transform:uppercase;cursor:pointer}.mission-tab.active{border-color:rgba(88,199,211,0.44);background:rgba(88,199,211,0.14);color:#c9fbff}.mission-tab.has-badge{color:#eaffef}.mission-tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:var(--ok);color:#071113;font-size:10px;font-weight:950;line-height:1;box-shadow:0 0 0 3px rgba(123,199,126,0.14)}.mission-section{padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.04)}.mission-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.mission-heading h3,.level-up-card h3{margin:0;font-size:17px;letter-spacing:0}.mission-copy{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.next-unlock-preview{position:relative;overflow:hidden;display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;min-height:98px;padding:11px;border:1px solid rgba(232,196,106,0.28);border-radius:8px;background:linear-gradient(135deg,rgba(232,196,106,0.13),rgba(88,199,211,0.08)),rgba(0,0,0,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,0.07)}.next-unlock-preview::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,rgba(232,196,106,0.72),rgba(88,199,211,0.6),transparent);opacity:0.64}.next-unlock-preview.is-ready{border-color:rgba(232,196,106,0.48);animation:unlock-preview-ready 1400ms ease-in-out infinite}.next-unlock-art,.level-up-art,.celebration-art{display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,0.12),rgba(0,0,0,0.16)),rgba(88,199,211,0.12);border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 16px 28px rgba(0,0,0,0.22);clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%)}.next-unlock-art{width:72px;height:82px}.next-unlock-art img,.level-up-art img,.celebration-art img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,0.42))}.next-unlock-copy{min-width:0}.next-unlock-copy strong{display:block;color:#fff4c3;font-size:14px;line-height:1.18}.next-unlock-copy p{margin:5px 0 8px;color:var(--muted);font-size:12px;line-height:1.3}.unlock-preview-symbol{color:#fff4c3;font-size:18px;font-weight:600}.level-up-card{position:relative;overflow:hidden;border-color:rgba(123,199,126,0.38);background:linear-gradient(135deg,rgba(123,199,126,0.18),rgba(88,199,211,0.08)),rgba(255,255,255,0.045);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 18px 36px rgba(0,0,0,0.24)}.level-up-burst{position:absolute;inset:-40px auto auto -38px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(232,196,106,0.28),rgba(123,199,126,0.08) 42%,transparent 70%);pointer-events:none}.level-up-sparks{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 18%,rgba(255,255,255,0.16) 19%,transparent 21% 100%),linear-gradient(70deg,transparent 0 62%,rgba(232,196,106,0.18) 63%,transparent 65% 100%);opacity:0.42;pointer-events:none;animation:level-spark-sweep 1800ms ease-in-out infinite}.level-up-showcase{position:relative;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;margin-top:10px}.level-up-art{width:68px;height:78px}.level-up-showcase strong{display:block;color:#fff4c3;font-size:15px}.unlock-title{margin-top:12px;color:#d4f8d8;font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase}.unlock-row{position:relative}.unlock-card-grid{display:grid;gap:8px}.unlock-card{min-width:0;display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:8px;border:1px solid rgba(88,199,211,0.25);border-radius:8px;background:rgba(0,0,0,0.16);text-align:left}.unlock-card-art{width:50px;height:58px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,0.12),rgba(0,0,0,0.16)),rgba(88,199,211,0.12);border:1px solid rgba(255,255,255,0.14);clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%)}.unlock-card-art img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(0,0,0,0.42))}.unlock-card strong{display:block;color:#fff4c3;font-size:13px;line-height:1.2}.unlock-card p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.28}.unlock-chip{min-height:27px;display:inline-flex;align-items:center;padding:5px 8px;border:1px solid rgba(232,196,106,0.32);border-radius:8px;background:rgba(232,196,106,0.12);color:#ffe9a8;font-size:11px;font-weight:600;box-shadow:0 0 18px rgba(232,196,106,0.1)}.unlock-chip.is-building{border-color:rgba(88,199,211,0.42);background:rgba(88,199,211,0.13);color:#c9fbff}.reward-row{gap:8px}.reward-chip{min-height:30px;display:inline-flex;align-items:center;padding:6px 9px;border:1px solid rgba(232,196,106,0.34);border-radius:8px;background:rgba(232,196,106,0.13);color:#ffe9a8;font-size:12px;font-weight:600}.level-up-button{width:100%;margin-top:14px;min-height:70px;padding:11px 13px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;text-align:left;border:1px solid rgba(232,196,106,0.62);border-radius:8px;background:linear-gradient(135deg,rgba(255,240,166,0.95),rgba(88,199,211,0.94)),var(--button-primary-bg);color:#071113;cursor:pointer;box-shadow:0 0 0 1px rgba(255,240,166,0.15),0 18px 30px rgba(0,0,0,0.28),0 0 24px rgba(88,199,211,0.2);animation:level-ready-glow 1150ms ease-in-out infinite}.level-up-button:hover{border-color:rgba(255,240,166,0.92);background:linear-gradient(135deg,rgba(255,245,190,0.98),rgba(117,216,225,0.98)),var(--button-primary-hover);transform:translateY(-1px)}.level-up-button:active{transform:translateY(1px) scale(0.99)}.level-up-button strong,.level-up-button small{display:block}.level-up-button strong{font-size:16px;letter-spacing:0;text-transform:uppercase}.level-up-button small{margin-top:2px;color:rgba(7,17,19,0.72);font-size:11px;font-weight:600}.level-up-icon{width:48px;height:54px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,0.52);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,0.95),rgba(232,196,106,0.82) 32%,rgba(17,17,17,0.14)),#fff0a6;clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);box-shadow:0 0 20px rgba(255,255,255,0.34);animation:level-orb-pop 820ms ease-in-out infinite}.level-up-icon img{width:100%;height:100%;object-fit:cover}.requirement-row{display:grid;gap:7px;padding:9px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,0.14)}.requirement-row.is-complete{border-color:rgba(123,199,126,0.35);background:rgba(123,199,126,0.09)}.requirement-copy{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.requirement-copy strong{font-size:13px}.requirement-copy span{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:800}.requirement-meter{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,0.08)}.requirement-meter span{display:block;height:100%;border-radius:inherit;background:var(--accent-2)}.cloud-account-panel{display:grid;gap:14px}.cloud-account-card,.cloud-save-card{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.04)}.cloud-account-card.sign-in-card{padding:0;border-color:transparent;background:transparent}.cloud-account-card strong,.cloud-save-card strong{font-size:14px}.cloud-account-card p,.cloud-save-card p,.cloud-conflict-copy{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.cloud-version-row{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.cloud-version-row strong{color:var(--text);font-weight:700}.google-signin-slot{min-height:0;width:260px;max-width:100%;display:flex;align-items:center;overflow:hidden;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;line-height:0}.google-signin-slot>div{overflow:hidden;border:0 !important;border-radius:999px;background:transparent !important;box-shadow:none !important;line-height:0}.google-signin-slot iframe{display:block;overflow:hidden;border-radius:999px}.cloud-account-actions{grid-template-columns:1fr}.cloud-actions{display:grid;gap:8px}.cloud-action{min-height:44px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.06);color:var(--text);font-weight:600}.cloud-action.primary{border-color:rgba(88,199,211,0.45);background:var(--button-primary-bg);color:var(--button-primary-text)}.cloud-action.danger{border-color:rgba(224,106,88,0.58);color:#ffd2ca}.cloud-save-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-save-stat{display:flex;justify-content:space-between;gap:10px;font-size:13px}.cloud-save-stat span:first-child{color:var(--muted)}.cloud-save-stat span:last-child{color:var(--text);font-weight:600}.level-celebration{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:18px;background:linear-gradient(180deg,rgba(9,11,14,0.72),rgba(9,11,14,0.9)),rgba(9,11,14,0.88);animation:celebration-fade-in 220ms ease-out both}.celebration-panel{position:relative;z-index:2;width:min(420px,calc(100vw - 28px));max-height:calc(100svh - 34px);overflow:auto;padding:18px;display:grid;justify-items:center;gap:8px;text-align:center;border:1px solid rgba(232,196,106,0.48);border-radius:8px;background:linear-gradient(160deg,rgba(35,49,38,0.98),rgba(18,20,24,0.98) 48%,rgba(19,48,54,0.98)),var(--panel-solid);box-shadow:0 34px 78px rgba(0,0,0,0.56),inset 0 1px 0 rgba(255,255,255,0.11);animation:celebration-panel-pop 520ms cubic-bezier(0.18,1.25,0.28,1) both}.celebration-kicker{color:#c9fbff;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase}.celebration-level{color:#fff4c3;font-size:34px;font-weight:950;line-height:1;text-shadow:0 0 24px rgba(232,196,106,0.28)}.celebration-panel h2{max-width:100%;margin:0;font-size:20px;letter-spacing:0;overflow-wrap:anywhere}.destroy-confirm-panel{width:min(340px,calc(100vw - 34px));gap:10px}.destroy-confirm-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.destroy-confirm-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.celebration-art{width:min(188px,52vw);height:min(210px,58vw);margin:8px 0 2px;animation:celebration-art-rise 760ms cubic-bezier(0.18,1.25,0.28,1) 120ms both}.intro-art{width:min(170px,48vw);height:min(190px,54vw);margin:6px 0 2px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,0.12),rgba(0,0,0,0.16)),rgba(88,199,211,0.13);border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 16px 28px rgba(0,0,0,0.22);clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);animation:celebration-art-rise 760ms cubic-bezier(0.18,1.25,0.28,1) 120ms both}.intro-art img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,0.44))}.celebration-symbol{color:#fff4c3;font-size:34px;font-weight:950}.celebration-panel p{max-width:34ch;margin:4px 0 10px;color:var(--muted);font-size:13px;line-height:1.35}.celebration-panel .unlock-card-grid,.celebration-panel .reward-row{width:100%}.contract-celebration .celebration-panel{width:min(450px,calc(100vw - 28px));gap:10px}.contract-reward-stage{width:100%;display:grid;justify-items:center;gap:8px;margin:6px 0 2px}.contract-gold-reward{display:inline-flex;align-items:center;justify-content:center;gap:14px;color:#ffe7a6;line-height:1}.contract-gold-reward .gold-icon{width:clamp(52px,15vw,72px);height:clamp(52px,15vw,72px);flex:0 0 auto;filter:drop-shadow(0 10px 18px rgba(232,196,106,0.34))}.contract-gold-reward-number{font-size:clamp(54px,17vw,86px);font-weight:950;font-variant-numeric:tabular-nums;text-shadow:0 0 28px rgba(232,196,106,0.34),0 5px 0 rgba(42,26,8,0.42)}.contract-reward-item{display:inline-flex;align-items:baseline;justify-content:center;gap:8px;color:#dfd8c7;font-size:13px}.contract-reward-item strong{color:#fff4c3;font-size:22px;font-variant-numeric:tabular-nums}.celebration-panel .unlock-card p{max-width:none;margin:4px 0 0;font-size:12px;line-height:1.28}.celebration-ok{width:100%;min-height:46px;margin-top:2px;border:1px solid rgba(88,199,211,0.68);border-radius:8px;background:var(--button-primary-bg);color:var(--button-primary-text);font-weight:950;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 26px rgba(0,0,0,0.3),0 0 24px rgba(88,199,211,0.18)}.celebration-ok:active{transform:translateY(1px) scale(0.99)}.celebration-confetti{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.celebration-confetti i{position:absolute;left:var(--x);top:-18px;width:7px;height:13px;border-radius:2px;background:var(--c);opacity:0;transform:translate3d(0,0,0) rotate(0deg);animation:confetti-fall 1700ms ease-in var(--d) both}.contract-gold-rain{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.contract-gold-rain i{position:absolute;left:var(--x);top:-48px;width:var(--s);height:var(--s);opacity:0;transform:translate3d(0,0,0) rotate(0deg);animation:gold-rain-fall 1800ms ease-in var(--d) both}.contract-gold-rain .gold-icon{width:100%;height:100%;filter:drop-shadow(0 8px 10px rgba(0,0,0,0.32))}.upgrade-celebration{position:fixed;z-index:42;inset:0;overflow:hidden;pointer-events:none}.upgrade-celebration .celebration-confetti{top:0;left:50%;width:min(440px,100vw);height:100%;transform:translateX(-50%)}.upgrade-celebration .celebration-confetti i{top:12px;width:6px;height:11px;animation-duration:1450ms}.celebration-fog{position:absolute;inset:0;overflow:hidden;pointer-events:none}.celebration-fog::before,.celebration-fog::after{content:"";position:absolute;top:0;bottom:0;width:55%;background:repeating-linear-gradient(60deg,rgba(255,255,255,0.04) 0 9px,transparent 9px 18px),linear-gradient(180deg,rgba(88,199,211,0.14),rgba(232,196,106,0.06)),rgba(9,11,14,0.7);filter:blur(1px)}.celebration-fog::before{left:0;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}.celebration-fog::after{right:0;clip-path:polygon(12% 0,100% 0,100% 100%,12% 100%,0 50%)}.level-celebration.is-clearing .celebration-panel{animation:celebration-panel-clear 420ms ease-in both}.level-celebration.is-clearing .celebration-confetti{opacity:0;transition:opacity 260ms ease}.level-celebration.is-clearing .contract-gold-rain{opacity:0;transition:opacity 260ms ease}.level-celebration.is-clearing .celebration-fog::before{animation:fog-clear-left 620ms cubic-bezier(0.2,0.8,0.2,1) both}.level-celebration.is-clearing .celebration-fog::after{animation:fog-clear-right 620ms cubic-bezier(0.2,0.8,0.2,1) both}.boost-button{position:fixed;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:19;min-height:48px;display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid rgba(232,196,106,0.55);border-radius:999px;background:linear-gradient(160deg,rgba(232,196,106,0.22),rgba(18,20,24,0.94));color:#ffe49a;font-size:13px;font-weight:600;letter-spacing:0.04em;cursor:pointer;box-shadow:var(--shadow)}.boost-button .boost-bolt{font-size:16px;line-height:1}.boost-button:not(:disabled):active{transform:scale(0.96)}.boost-button.is-active{border-color:rgba(123,199,126,0.7);color:#b9f5bc;background:linear-gradient(160deg,rgba(123,199,126,0.24),rgba(18,20,24,0.94));animation:boost-pulse 900ms ease-in-out infinite}.boost-button.is-cooldown{border-color:var(--line);color:var(--soft);background:rgba(18,20,24,0.9);box-shadow:none}.boost-button.is-cooldown .boost-bolt{opacity:0.4}@keyframes boost-pulse{0%,100%{box-shadow:0 0 0 0 rgba(123,199,126,0.35)}50%{box-shadow:0 0 0 9px rgba(123,199,126,0)}}@keyframes loading-star{0%,100%{opacity:0.42;transform:scale(0.82)}50%{opacity:1;transform:scale(1.24)}}@keyframes loading-planet{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.03)}}@keyframes loading-meter{0%{transform:translateX(-110%)}100%{transform:translateX(250%)}}.away-report-list{display:grid;gap:6px;margin:14px 0;text-align:left}.away-report-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.04)}.away-report-icon{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center}.away-report-icon img{width:26px;height:26px;object-fit:contain}.away-report-name{flex:1;min-width:0;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.away-report-amount{color:#7bc77e;font-size:14px}.away-report-note{margin:8px 0 0;font-size:13px;color:var(--muted)}.away-report-note.is-warning{color:#ffd0c7}.toast-stack{position:fixed;top:calc(var(--topbar-h) + 16px + env(safe-area-inset-top));right:10px;z-index:40;display:grid;gap:8px;pointer-events:none}.toast{max-width:min(360px,calc(100vw - 20px));padding:10px 12px;border-radius:8px;background:rgba(18,20,24,0.96);border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow);font-size:13px;opacity:0;visibility:hidden;transition:opacity 160ms ease,visibility 160ms ease}.toast.is-visible{opacity:1;visibility:visible}@keyframes gold-float{0%{opacity:1;transform:translate(-50%,-50%)}72%{opacity:1}100%{opacity:0;transform:translate(-50%,-190%)}}@keyframes tutorial-build-highlight{0%,100%{box-shadow:0 0 0 1px rgba(123,199,126,0.24),0 0 18px rgba(123,199,126,0.12)}50%{box-shadow:0 0 0 1px rgba(123,199,126,0.42),0 0 32px rgba(123,199,126,0.28)}}@keyframes resource-float{0%{opacity:1;transform:translate(-50%,-50%)}72%{opacity:1}100%{opacity:0;transform:translate(-50%,-190%)}}@keyframes stock-sale-float{0%{opacity:0;transform:translate(-50%,8px) scale(0.94)}12%{opacity:1;transform:translate(-50%,0) scale(1)}72%{opacity:1}100%{opacity:0;transform:translate(-50%,-30px) scale(0.98)}}@keyframes dust-warning-pulse{0%,100%{box-shadow:0 12px 30px rgba(0,0,0,0.28),0 0 0 rgba(224,106,88,0)}50%{box-shadow:0 12px 30px rgba(0,0,0,0.28),0 0 24px rgba(224,106,88,0.28)}}@keyframes dust-mark-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes dust-count-pop{0%{opacity:0.55;transform:scale(0.92)}24%{opacity:1;transform:scale(1)}100%{opacity:0.7;transform:scale(1.03)}}@keyframes dust-wall-sweep{0%{transform:translate3d(-18%,0,0) skewX(-12deg)}100%{transform:translate3d(18%,0,0) skewX(-12deg)}}@keyframes stock-number-flash{0%{color:#d3ffda;text-shadow:0 0 14px rgba(123,199,126,0.42);transform:translateY(-1px) scale(1.04)}100%{text-shadow:0 0 0 rgba(123,199,126,0);transform:translateY(0) scale(1)}}@keyframes stock-sell-inline-in{0%{opacity:0;transform:translateY(-4px)}100%{opacity:1;transform:translateY(0)}}@keyframes stock-delta-pop{0%{opacity:0;transform:translateY(4px) scale(0.86)}35%{opacity:1;transform:translateY(-1px) scale(1.08)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes mission-pulse{0%,100%{transform:scale(1);opacity:0.82}50%{transform:scale(1.28);opacity:1}}@keyframes unlock-preview-ready{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,0.07),0 0 0 rgba(232,196,106,0)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 0 26px rgba(232,196,106,0.13)}}@keyframes level-spark-sweep{0%,100%{transform:translateX(-18%);opacity:0.18}50%{transform:translateX(18%);opacity:0.46}}@keyframes level-ready-glow{0%,100%{box-shadow:0 0 0 1px rgba(88,199,211,0.14),0 18px 30px rgba(0,0,0,0.28),0 0 10px rgba(88,199,211,0.12)}50%{box-shadow:0 0 0 1px rgba(88,199,211,0.28),0 18px 30px rgba(0,0,0,0.28),0 0 30px rgba(88,199,211,0.24)}}@keyframes level-orb-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes celebration-fade-in{from{opacity:0}to{opacity:1}}@keyframes celebration-panel-pop{0%{opacity:0;transform:translateY(18px) scale(0.94)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes celebration-art-rise{0%{opacity:0;transform:translateY(18px) scale(0.86)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes celebration-panel-clear{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-10px) scale(0.98)}}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0deg)}10%{opacity:1}100%{opacity:0;transform:translate3d(var(--r),108vh,0) rotate(520deg)}}@keyframes gold-rain-fall{0%{opacity:0;transform:translate3d(0,-34px,0) rotate(-90deg)}12%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate3d(var(--r),112vh,0) rotate(420deg)}}@keyframes fog-clear-left{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-110%);opacity:0.3}}@keyframes fog-clear-right{0%{transform:translateX(0);opacity:1}100%{transform:translateX(110%);opacity:0.3}}@keyframes gold-bump-up{0%{transform:translateY(0) scale(1);box-shadow:none}42%{transform:translateY(-2px) scale(1.09);box-shadow:0 0 0 4px rgba(123,199,126,0.13)}100%{transform:translateY(0) scale(1);box-shadow:none}}@keyframes gold-bump-down{0%{transform:translateY(0) scale(1);box-shadow:none}42%{transform:translateY(1px) scale(1.08);box-shadow:0 0 0 4px rgba(224,106,88,0.16)}100%{transform:translateY(0) scale(1);box-shadow:none}}@media (min-width:760px),(orientation:landscape) and (min-width:620px){.topbar{grid-template-columns:220px 1fr;padding-left:22px;padding-right:22px}.floating-panel{width:360px;left:18px;right:auto}.drawer{left:auto;top:78px;right:18px;bottom:78px;width:min(430px,calc(100vw - 36px));height:auto;max-height:none;border:1px solid var(--line);border-radius:8px}.drawer.open{animation:drawer-slide-in 180ms ease}@keyframes drawer-slide-in{from{transform:translateX(110%)}to{transform:translateX(0)}}.drawer-body{height:auto;max-height:calc(100vh - 210px)}}@media (max-width:520px) and (orientation:portrait){.mission-guide{left:0;right:0;width:100vw;border-left:0;border-right:0;border-radius:0 0 8px 8px}}@media (max-width:520px){:root{--topbar-h:44px}.topbar{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:env(safe-area-inset-top) 10px 0;align-items:center}.loading-content{gap:8px}.loading-mark{width:92px;height:82px}.loading-content h1{font-size:34px}.loading-copy{font-size:13px}.brand strong{display:none}.brand span{color:var(--text);font-size:12px;font-weight:600}.tick-meter{height:5px}.mission-guide{top:calc(var(--topbar-h) + 5px + env(safe-area-inset-top));padding:7px 12px;border-radius:0 0 8px 8px;box-shadow:0 6px 16px rgba(0,0,0,0.22)}.mission-guide-step{gap:3px}.mission-guide-step-label{font-size:11px}.mission-guide-step-detail,.mission-guide-tip{font-size:10px}.mission-guide-meter{height:3px}.mission-guide-button{min-height:28px;font-size:11px}.road-builder-hud{bottom:calc(76px + env(safe-area-inset-bottom));min-height:48px;grid-template-columns:32px minmax(0,1fr) 44px;gap:8px}.road-builder-icon{width:32px;height:32px}.road-builder-icon img{width:30px;height:30px}.toast-stack{top:calc(var(--topbar-h) + 10px + env(safe-area-inset-top))}.dust-storm-status{top:calc(var(--topbar-h) + 9px + env(safe-area-inset-top));left:auto;right:8px;max-width:min(44vw,174px);justify-content:flex-end;padding:6px 8px;transform:none}.top-stats{justify-content:flex-end;gap:0}.top-stats>span{min-height:26px;padding:4px 5px;font-size:11px}.settings-button{width:28px;height:28px;margin-left:4px;font-size:16px}.bottom-bar{height:60px;padding:6px;gap:6px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:18px}.nav-btn{border-radius:13px}.nav-icon{width:32px;height:32px}.nav-glyph{width:28px;height:28px}.nav-btn.has-notice::after{top:3px;right:5px;min-width:17px;height:17px;font-size:10px}.boost-button{bottom:calc(76px + env(safe-area-inset-bottom));min-height:40px;padding:8px 13px;font-size:12px}.floating-panel{bottom:calc(68px + env(safe-area-inset-bottom));padding:10px}.drawer{max-height:56svh}.drawer-header{height:44px;padding:0 8px 0 12px}.drawer-icon{width:28px;height:28px;border-radius:8px}.drawer-icon img{width:22px;height:22px}.drawer-icon .nav-glyph{width:20px;height:20px}.drawer-header h2{font-size:15px}.drawer-body{padding:10px;padding-top:5px;max-height:calc(56svh - 44px)}.drawer.is-compactable{--tile-drawer-compact-h:min(20svh,150px);--tile-drawer-expanded-h:min(30svh,250px);max-height:var(--tile-drawer-compact-h);overflow:hidden}.drawer.is-compactable.is-expanded{max-height:var(--tile-drawer-expanded-h)}.drawer.is-compactable .drawer-header{height:34px;padding:0 5px 0 9px}.drawer.is-compactable.is-expanded .drawer-header{height:38px}.drawer.is-compactable .drawer-title-row{gap:6px}.drawer.is-compactable:not(.is-expanded) .drawer-icon{display:none}.drawer.is-compactable .drawer-header h2{font-size:13px;font-weight:850}.drawer.is-compactable .drawer-controls{gap:1px}.drawer.is-compactable .drawer-expand{width:26px;height:26px;min-width:26px}.drawer.is-compactable .drawer-expand::before{width:7px;height:7px;border-width:0 2px 2px 0}.drawer.is-compactable .icon-btn{width:28px;height:28px}.drawer.is-compactable .drawer-body{max-height:calc(var(--tile-drawer-compact-h) - 34px)}.drawer.is-compactable.is-expanded .drawer-body{max-height:calc(var(--tile-drawer-expanded-h) - 38px)}.drawer.is-compactable .current-tile-section>.section-heading{display:none}.drawer.is-compactable .build-section>.section-heading{justify-content:flex-end}.drawer.is-compactable .build-section>.section-heading .section-title{display:none}.drawer.is-compactable:not(.is-expanded) .drawer-body{padding:4px 8px 6px}.drawer.is-compactable:not(.is-expanded) .tile-hero,.drawer.is-compactable:not(.is-expanded) .tile-guidance,.drawer.is-compactable:not(.is-expanded) .current-tile-section .section-heading,.drawer.is-compactable:not(.is-expanded) .building-showcase,.drawer.is-compactable:not(.is-expanded) .building-detail>p,.drawer.is-compactable:not(.is-expanded) .building-stats,.drawer.is-compactable:not(.is-expanded) .current-tile-section>.action.danger,.drawer.is-compactable:not(.is-expanded) .build-section>.section-heading,.drawer.is-compactable:not(.is-expanded) .road-builder-banner,.drawer.is-compactable:not(.is-expanded) .build-group-heading,.drawer.is-compactable:not(.is-expanded) .build-meta,.drawer.is-compactable:not(.is-expanded) .build-output-preview,.drawer.is-compactable:not(.is-expanded) .build-state-note,.drawer.is-compactable:not(.is-expanded) .build-more,.drawer.is-compactable:not(.is-expanded) .build-detail-list{display:none}.drawer.is-compactable:not(.is-expanded) .tile-inspector,.drawer.is-compactable:not(.is-expanded) .tile-section,.drawer.is-compactable:not(.is-expanded) .build-section{gap:4px}.drawer.is-compactable:not(.is-expanded) .installed-building{grid-template-columns:minmax(0,1fr);gap:0;padding:0;border:0;background:transparent;box-shadow:none}.drawer.is-compactable:not(.is-expanded) .building-delete-button{display:none}.drawer.is-compactable:not(.is-expanded) .building-quick-row{display:flex;flex-wrap:nowrap;gap:3px;overflow-x:auto}.drawer.is-compactable:not(.is-expanded) .building-detail h3{display:none}.drawer.is-compactable:not(.is-expanded) .building-detail{gap:0}.drawer.is-compactable:not(.is-expanded) .info-chip,.drawer.is-compactable:not(.is-expanded) .cost-chip{min-height:16px;padding:1px 4px;border-radius:5px;font-size:9px;line-height:1}.drawer.is-compactable:not(.is-expanded) .build-tabs{gap:3px}.drawer.is-compactable:not(.is-expanded) .build-tab{min-height:24px;grid-template-columns:16px auto;gap:3px;padding:2px;border-radius:6px}.drawer.is-compactable:not(.is-expanded) .build-tab-icon{width:16px;height:16px;border-radius:5px}.drawer.is-compactable:not(.is-expanded) .build-tab-icon img{width:15px;height:15px}.drawer.is-compactable:not(.is-expanded) .build-tab-count{min-width:15px;min-height:15px;padding:0 3px;border-radius:5px;font-size:9px}.drawer.is-compactable:not(.is-expanded) .build-list{gap:3px}.drawer.is-compactable:not(.is-expanded) .build-card{gap:0;padding:4px 5px;border-radius:6px;box-shadow:none}.drawer.is-compactable:not(.is-expanded) .build-summary{grid-template-columns:minmax(0,1fr) 72px;grid-template-areas:"identity purchase";gap:4px;align-items:center}.drawer.is-compactable:not(.is-expanded) .build-card.has-output .build-summary{grid-template-columns:minmax(88px,1fr) minmax(52px,34%) 72px;grid-template-areas:"identity compact purchase"}.drawer.is-compactable:not(.is-expanded) .build-identity{grid-template-columns:24px minmax(0,1fr);gap:4px;align-items:center}.drawer.is-compactable:not(.is-expanded) .build-icon{width:24px;height:24px;padding:1px}.drawer.is-compactable:not(.is-expanded) .build-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.05}.drawer.is-compactable:not(.is-expanded) .build-compact-output{grid-area:compact;min-width:0;display:flex;align-items:center;overflow:hidden}.drawer.is-compactable:not(.is-expanded) .build-compact-output[hidden]{display:none}.drawer.is-compactable:not(.is-expanded) .build-compact-output .build-resource-list.compact{justify-content:flex-start}.drawer.is-compactable:not(.is-expanded) .build-purchase{gap:2px}.drawer.is-compactable:not(.is-expanded) .build-action-row{grid-template-columns:minmax(0,1fr);gap:0}.drawer.is-compactable:not(.is-expanded) .build-action-cost{display:none}.drawer.is-compactable:not(.is-expanded) .build-cost-strip{min-height:14px;overflow:hidden}.drawer.is-compactable:not(.is-expanded) .build-resource-list.compact{flex-wrap:nowrap;gap:0;overflow:hidden}.drawer.is-compactable:not(.is-expanded) .build-resource-list.compact .build-resource-pill,.drawer.is-compactable:not(.is-expanded) .build-free{min-width:0;min-height:14px;padding:1px 4px;border:0;border-radius:0;background:transparent;font-size:9px}.drawer.is-compactable:not(.is-expanded) .build-resource-list.compact .build-resource-pill + .build-resource-pill{margin-left:3px;padding-left:6px;border-left:1px solid rgba(255,255,255,0.18)}.drawer.is-compactable:not(.is-expanded) .build-resource-pill img,.drawer.is-compactable:not(.is-expanded) .build-token-icon{width:11px;height:11px}.drawer.is-compactable:not(.is-expanded) .build-action{min-height:23px;grid-template-columns:minmax(0,1fr);padding:0 5px;border-radius:6px;font-size:10px}.drawer.is-compactable:not(.is-expanded) .build-action-label{font-size:10px}.tile-inspector{gap:8px}.tile-summary p,.floating-panel p,.mission-copy,.empty-note{font-size:11px}.chip-row{margin-top:5px;gap:4px}.info-chip,.cost-chip{min-height:19px;padding:2px 5px;font-size:10px;font-weight:600}.tile-guidance{padding:7px 8px;font-size:11px}.tile-guidance strong{font-size:12px}.action{min-height:30px;font-size:12px}.icon-btn{width:30px;height:30px}.section-pill{min-height:21px;padding:3px 6px;font-size:10px}.tile-summary h3,.section-title{font-size:13px;font-weight:800}.building-detail h3{font-size:14px;font-weight:800}.stock-groups{gap:12px}.stock-group-meta{gap:7px;font-size:10px}.stock-sell-all{min-height:28px;padding:4px 8px;font-size:10px}.stock-item{grid-template-columns:38px minmax(0,1fr) auto;gap:7px;padding:6px}.stock-icon{width:38px;height:38px}.stock-item strong{font-size:13px}.stock-group-header strong{font-size:13px}.resource-amount{min-height:22px;padding:2px 7px;font-size:12px}.stock-sell-button{min-height:36px;padding:6px 10px;font-size:11px}.stock-item-actions{grid-template-columns:30px minmax(50px,auto)}.stock-info-button{width:30px;height:30px;font-size:13px}.mission-panel{gap:10px}.mission-section{padding:8px;gap:8px}.mission-heading h3,.level-up-card h3{font-size:15px}.requirement-row{padding:7px;gap:5px}.upgrade-card,.card,.build-card{padding:8px}.top-stats>span + span{margin-left:5px;padding-left:11px}.top-stats>span + span::before{height:15px}.power-icon,#gold-label .gold-icon,#cores-label .core-icon{width:16px;height:16px}.tile-hero{grid-template-columns:44px 1fr;gap:8px}.tile-hex-preview{width:44px;height:50px}.tile-overlay-badge{width:24px;height:24px}.tile-overlay-badge img{width:19px;height:19px}.installed-building{grid-template-columns:68px 1fr;gap:8px;padding:7px}.building-showcase{min-height:74px}.building-detail{gap:5px}.building-detail>p{font-size:11px;line-height:1.25}.building-stats div{grid-template-columns:58px 1fr;gap:6px;padding-top:4px}.building-stats{gap:4px}.building-stats dt,.building-stats dd{font-size:11px;font-weight:600}.build-summary{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "purchase" "detail";gap:4px}.build-card:not(.has-output) .build-summary,.build-card:not(.has-details) .build-summary{grid-template-columns:minmax(0,1fr)}.build-card.has-output:not(.has-details) .build-summary{grid-template-columns:minmax(0,1fr)}.build-identity{grid-template-columns:52px minmax(0,1fr);gap:8px}.build-icon{width:52px;height:52px}.build-purchase{justify-items:stretch}.build-cost-strip,.build-resource-list.compact{justify-content:flex-start}.build-action{width:100%;min-width:0;padding:0 5px;justify-self:stretch;font-size:12px;height:30px;min-height:24px}.build-action-label{font-size:15px}.build-action-cost{min-height:28px;padding:4px 6px}.build-action-row{grid-template-columns:minmax(0,1fr) 40px;gap:9px}.build-section{gap:6px}.build-list{gap:6px}.build-card{gap:4px;padding:7px;padding-bottom:2px}.build-tabs{gap:4px}.build-tab{min-height:32px;grid-template-columns:20px auto;gap:4px;padding:3px}.build-tab-icon{width:20px;height:20px;border-radius:6px}.build-tab-icon img{width:18px;height:18px}.build-tab-count{min-width:18px;min-height:18px;padding:1px 4px;font-size:10px}.build-group-heading{display:none}.build-main strong{font-size:13px}.build-meta{display:none}.build-main p{max-height:2.4em;margin-top:2px;overflow:hidden;font-size:11px;line-height:1.2}.build-state-note{font-size:11px;line-height:1.25}.build-cost-strip{min-height:20px}.build-action-cost{min-height:28px}.build-resource-list.compact{gap:3px}.build-resource-list.compact .build-resource-pill,.build-free{min-width:0;min-height:20px;padding:2px 4px;font-size:10px}.build-resource-pill img,.build-token-icon{width:14px;height:14px}.stock-info-summary,.stock-info-row{grid-template-columns:68px minmax(0,1fr);gap:8px}.stock-recipe-card{grid-template-columns:minmax(0,1fr);gap:7px}.stock-recipe-building-side{grid-template-columns:36px minmax(0,1fr)}.stock-recipe-building{width:36px;height:36px}.stock-recipe-flow{grid-template-columns:minmax(0,1fr)}.build-more summary{min-height:22px;padding:0;font-size:14px}.build-detail-list{grid-template-columns:minmax(0,1fr)}.next-unlock-preview{grid-template-columns:64px 1fr;gap:10px;padding:9px}.next-unlock-art{width:62px;height:72px}.level-up-button{grid-template-columns:44px minmax(0,1fr);min-height:64px}.level-up-icon{width:42px;height:48px}.celebration-panel{padding:15px}.celebration-level{font-size:30px}.celebration-art{width:min(164px,54vw);height:min(184px,60vw)}}@media (max-width:380px){.topbar{gap:6px;padding-left:8px;padding-right:8px}.brand span{font-size:11px}.top-stats>span{padding-left:3px;padding-right:3px;font-size:10px}.top-stats>span + span{margin-left:4px;padding-left:9px}.power-icon,#gold-label .gold-icon,#cores-label .core-icon{width:15px;height:15px}}@media (prefers-reduced-motion:reduce){.next-unlock-preview.is-ready,.loading-sky span,.loading-mark span,.loading-meter span,.level-up-button,.level-up-icon,.level-up-sparks,.celebration-panel,.celebration-art,.celebration-confetti i,.contract-gold-rain i,.build-card.is-tutorial-highlight,.dust-storm-status,.dust-storm-mark::before,.dust-storm-mark::after,.dust-storm-countdown,.dust-storm-overlay::before,.dust-storm-overlay::after,.dust-storm-overlay span{animation:none}.level-celebration.is-clearing .celebration-fog::before,.level-celebration.is-clearing .celebration-fog::after{animation-duration:1ms}}.social-panel{display:flex;flex-direction:column;gap:12px;padding-bottom:24px}.social-profile{display:flex;flex-direction:column;background:rgba(255,255,255,0.02);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.social-profile-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:0.05em}.social-profile-view{display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-name{font-size:15px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-country{display:inline-flex;align-items:center;font-size:12px;color:var(--muted)}.profile-country-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-change-btn{height:28px;padding:0 12px;background:rgba(255,255,255,0.06);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.social-change-btn:hover{background:rgba(255,255,255,0.12)}.social-profile.edit-mode{gap:10px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:480px){.profile-fields{grid-template-columns:1fr;gap:8px}}.profile-field-label{display:flex;flex-direction:column;gap:4px}.profile-field-label span{font-size:11px;font-weight:600;color:var(--muted)}.profile-field-label input[type="text"]{height:32px;padding:0 8px;background:rgba(0,0,0,0.25);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:13px;width:100%;outline:none}.profile-field-label input[type="text"]:focus{border-color:rgba(88,199,211,0.6)}.profile-name-input-row{display:flex;gap:6px}.social-random-btn{width:32px;height:32px;display:grid;place-items:center;background:rgba(255,255,255,0.06);border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:15px;flex-shrink:0}.social-random-btn:hover:not(:disabled){background:rgba(255,255,255,0.12)}.country-search-container{position:relative;width:100%}.country-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:160px;overflow-y:auto;background:#14171d;border:1px solid rgba(255,255,255,0.14);border-radius:6px;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,0.5)}.country-search-item{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;font-size:12px;color:var(--text);transition:background 120ms ease}.country-search-item:hover{background:rgba(88,199,211,0.16)}.search-flag{display:inline-flex;align-items:center;justify-content:center;border-radius:1.5px;overflow:hidden;flex-shrink:0;width:18px;height:13px;object-fit:cover}.search-country-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-country-code{color:var(--muted);font-size:10px;font-weight:600}.country-search-empty{padding:8px 10px;text-align:center;color:var(--muted);font-size:11px}.social-profile-note{margin:2px 0;font-size:10px;color:var(--muted);line-height:1.3}.social-profile-note.error{color:#ffb3a7}.profile-actions{display:flex;gap:8px;margin-top:6px}.social-profile-save,.social-profile-cancel{flex:1;height:30px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:6px;cursor:pointer;border:1px solid transparent;white-space:nowrap}.social-profile-save.primary{background:var(--button-primary-bg);border-color:rgba(88,199,211,0.45);color:var(--button-primary-text)}.social-profile-save.primary:hover:not(:disabled){background:var(--button-primary-hover)}.social-profile-cancel{background:rgba(255,255,255,0.05);border-color:var(--line);color:var(--text)}.social-profile-cancel:hover:not(:disabled){background:rgba(255,255,255,0.1)}.social-profile-save:disabled,.social-profile-cancel:disabled{opacity:0.5;cursor:not-allowed}.social-flag{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:6px;border-radius:1.5px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.3);flex-shrink:0;transform:translateY(-0.5px);width:18px;height:13px;object-fit:cover}.flag-placeholder{display:inline-flex;align-items:center;justify-content:center;width:18px;height:13px;background:rgba(255,255,255,0.08);border-radius:1.5px;vertical-align:middle;margin-right:6px;flex-shrink:0;transform:translateY(-0.5px);color:var(--muted)}.flag-placeholder svg{display:block;width:10px;height:10px}.social-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:8px}.social-toolbar div{min-width:0}.social-toolbar strong{font-size:13px;color:var(--text)}.social-toolbar p{margin:1px 0 0;font-size:10.5px;color:var(--muted);line-height:1.25}.social-refresh{height:26px;padding:0 10px;font-size:11px;border-radius:5px;font-weight:600;background:rgba(255,255,255,0.06);border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap}.social-refresh:hover:not(:disabled){background:rgba(255,255,255,0.12)}.social-refresh:disabled{opacity:0.5;cursor:not-allowed}.social-tabs{margin:8px 0;gap:6px !important}.social-tabs .mission-tab{height:28px;padding:0 10px;font-size:11px;border-radius:5px;font-weight:600}.social-board-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,0.06);padding-bottom:4px}.social-board-heading h3{font-size:12px;font-weight:700;margin:0}.social-board-heading p{margin:1px 0 0;font-size:10px;color:var(--muted)}.social-board-heading>span{font-size:10px;font-weight:bold;color:var(--muted);text-transform:uppercase}.social-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.social-row{height:34px;display:flex;align-items:center;padding:0 8px;border-radius:5px;background:rgba(255,255,255,0.02);border:1px solid transparent;font-size:12px}.social-row.is-current{background:rgba(88,199,211,0.08);border-color:rgba(88,199,211,0.3)}.social-row.is-top-1{background:linear-gradient(90deg,rgba(232,196,106,0.12),rgba(255,255,255,0.02));border-color:rgba(232,196,106,0.3)}.social-row.is-top-2{background:linear-gradient(90deg,rgba(214,218,224,0.08),rgba(255,255,255,0.02));border-color:rgba(214,218,224,0.2)}.social-row.is-top-3{background:linear-gradient(90deg,rgba(193,126,69,0.08),rgba(255,255,255,0.02));border-color:rgba(193,126,69,0.2)}.social-rank{width:32px;font-weight:800;color:var(--muted)}.social-row.is-top-1 .social-rank{color:#ffe49a}.social-row.is-top-2 .social-rank{color:#e2e8f0}.social-row.is-top-3 .social-rank{color:#ffd8b3}.social-name{flex:1;display:flex;align-items:center;font-weight:550;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.social-value{font-weight:700;color:var(--accent)}.near-you-label{font-size:10px;text-transform:uppercase;font-weight:bold;color:var(--muted);margin:10px 0 4px 2px;letter-spacing:0.05em}.social-gap{text-align:center;color:var(--muted);font-weight:bold;padding:4px 0;letter-spacing:0.2em}