/* Shared approved console materials. Scenery and the game board are untouched. */ .console-coated{position:relative;isolation:isolate} html:has(dialog.console-root[open]){overflow:hidden} .console-skin{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;display:block;z-index:-1;border:0!important;border-radius:0!important;filter:none!important} dialog.console-root>.console-skin{z-index:6} dialog.console-root[open]{border:0!important;background:#0c0e14!important;box-shadow:0 24px 90px #000c!important;border-radius:12px;color:#eee9df} dialog.console-root::backdrop{background:#030509ef;backdrop-filter:none} :is(#marketplace,#market-review,#bot-inventory,#inventory-inspect,#inventory-upgrade,#progression[data-view=stake]).console-root::backdrop{background:#030509ef;backdrop-filter:none} dialog.console-root{font-family:'Rajdhani',sans-serif} dialog.console-root :is(input,select){font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;background:#0b0e16;color:#e5e4eb;border-color:#3e424f;border-radius:4px} dialog.console-root :is(input,select):focus-visible{outline:2px solid #f0ca72!important;outline-offset:2px;box-shadow:none!important} dialog.console-root :is(button,input,select):focus-visible{outline-color:#ffe6a1} dialog.console-root :is(.market-header h2,#inventory-title,.stake-heading h2,#inventory-inspect-title,#inventory-upgrade-title,#market-review-title){font-family:'Zobot Rush Pixel','Rajdhani',sans-serif;color:#ffe18a;text-shadow:0 2px #8b4528;letter-spacing:.3px} dialog.console-root :is(.inventory-eyebrow,.market-header p,.stake-heading p,.market-kicker,.inventory-upgrade-kicker){color:#ff6651;letter-spacing:1.6px} dialog.console-root :is(.market-intro p,#market-section-note,.inventory-bottom p,.stake-overview p,.stake-positions-heading p,.stake-lock-warning,.market-review-note){color:#a9acbd} /* An asset supplies the only outline. Content and values remain native HTML. */ #game-shell .console-card,#bot-inventory .console-card,#marketplace .console-card,#progression[data-view=stake] .console-card{border:0;border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--rarity,#e2ba64) 5%,#12161f),#0d1119);box-shadow:none;padding:13px 14px;overflow:hidden;transition:background .15s} :is(#game-shell,#bot-inventory,#marketplace) .console-card:before{content:'';position:absolute;left:5px;top:17px;bottom:17px;width:2px;background:var(--rarity,#e7bc67);opacity:.7;pointer-events:none;z-index:1} #game-shell .console-card:hover,#bot-inventory .console-card:hover,#marketplace .console-card:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--rarity,#e2ba64) 8%,#191e29),#11151e);box-shadow:none;border:0} #game-shell .hero-card.is-selected{background:linear-gradient(135deg,#3d331c,#141720);box-shadow:none} #game-shell .hero-card.is-selected:before{background:#ffe18a;opacity:1} #game-shell .hero-card.is-selected .hero-portrait{border-color:#edcc73;box-shadow:0 0 7px #e7b64d22} #game-shell .hero-card .hero-name-text{font-size:16px;line-height:1.3} #game-shell .hero-card .hero-portrait{background:#0a0d13;border-color:color-mix(in srgb,var(--rarity) 65%,#272c38)} #game-shell .hero-card .selected-badge{font-size:7px} #game-shell .hero-card .bot-skills{gap:5px;max-width:100%;padding-top:7px} #game-shell .hero-card .hero-skill-meta{min-width:0;flex-basis:70px} #game-shell .hero-card .hero-skill-list{flex-wrap:wrap;max-width:100%;gap:4px} #game-shell .hero-card .skill-badge{background:#111722;border-color:#3e4657;flex-shrink:0} #game-shell .hero-card .bot-stat b{font:700 12px Arial,sans-serif;color:#ece9df} #game-shell .hero-card .card-status{font-size:7px;line-height:1.35} #game-shell .hero-card .work-select{background:#171c29;color:#eed594;border-color:#8d7448;border-radius:3px} #game-shell .hero-card .work-select:not(.ready):not(:disabled){background:#182b24;color:#b5dda6;border-color:#4f7758} #game-shell .console-command,#bot-inventory .console-command,#inventory-inspect .console-command,#inventory-upgrade .console-command,#marketplace .console-command,#market-review .console-command,#progression[data-view=stake] .console-command{border:0;border-radius:5px;background:#151514;color:#ffe191;box-shadow:none;isolation:isolate;position:relative;padding-inline:14px;font-weight:700;text-shadow:0 1px #0008} #game-shell .console-command:hover:not(:disabled),dialog.console-root .console-command:hover:not(:disabled){background:#241e15;box-shadow:none;filter:brightness(1.14);transform:none} dialog.console-root .console-command:disabled,#game-shell .console-command:disabled{background:#10131a;color:#8d8b83;opacity:.54;box-shadow:none;cursor:not-allowed} .console-command:disabled>.console-skin{opacity:.43;filter:saturate(.45)!important} #inventory-upgrade .console-command{min-height:43px} #bot-inventory .console-command{color:#f1d68d;text-align:center} #bot-inventory [data-inventory-upgrade].console-command{min-height:36px;padding:8px 11px;gap:5px;color:#ffe095} #bot-inventory [data-inventory-upgrade].is-unaffordable.console-command{background:#171820;color:#b6a99b} #bot-inventory [data-inventory-action].console-command{min-height:35px;padding:7px 11px;margin-top:7px;color:#e4d8b6} #bot-inventory .inventory-upgrade-label{font-size:12px} #bot-inventory .inventory-upgrade-cost{font-size:10px;color:#ead7ad} dialog.console-root .console-close{border:0!important;border-radius:3px;background:transparent!important;box-shadow:none!important;isolation:isolate;position:absolute;z-index:7;color:#ffe0a1;display:grid;place-items:center;font:23px Arial,sans-serif;min-height:0;padding:0} dialog.console-root .console-close:hover{filter:brightness(1.3)} /* Pixel rails, continuous fills. Width stays controlled by the existing logic. */ #game-shell .energy-track,#bot-inventory .inventory-energy,#inventory-inspect .inventory-energy{height:8px;padding:1px;background:#080b11;border:1px solid #49515e;border-radius:2px;box-shadow:inset 0 1px 3px #000;overflow:hidden;position:relative} #game-shell .energy-track>span,#bot-inventory .inventory-energy>span,#inventory-inspect .inventory-energy>span{display:block;height:100%;max-width:100%;background:linear-gradient(#fff0a1 0 22%,#ffdb53 22% 72%,#bd7b1c 72%);border-radius:0;box-shadow:0 0 5px #eab43525;transition:width .2s linear;position:relative} #game-shell .energy-track:after,#bot-inventory .inventory-energy:after,#inventory-inspect .inventory-energy:after{content:'';position:absolute;inset:1px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 20px,#060a112b 20px 22px);opacity:.55} #game-shell .map-progress,#progression[data-view=stake] .stake-milestone-track{height:8px;padding:1px;border:1px solid #414958;border-radius:2px;background:#080b11;box-shadow:inset 0 1px 2px #000;overflow:hidden} #game-shell .map-progress>span,#progression[data-view=stake] .stake-milestone-track>i{height:100%;border-radius:0;background:linear-gradient(#ffeaa2,#dfaf3f);transition:width .2s linear} #game-shell .arena-stats,#game-shell .idle-toolbar{background:#141720;border-color:#37313c} #game-shell .arena-stats b{color:#ffe7a0} #game-shell .topbar{background:#0c0f16;border-color:#9b3d38} #game-shell .arena-header,#game-shell .panel-heading{background:#131823;border-color:#3c3743} #game-shell .detail-panel{background:#0f141e;border-color:#443440} /* Marketplace */ #marketplace.console-root{padding:23px 24px 20px;width:min(1200px,calc(100vw - 30px));height:min(850px,calc(100dvh - 26px));max-height:calc(100dvh - 26px)} #marketplace .market-header{padding:8px 9px 16px;border-color:#3d303d;gap:12px} #marketplace .market-header h2{font-size:26px} #marketplace .market-heading-icon{border-color:#8c713c;background:#201d15;color:#ffdc83;border-radius:5px} #marketplace .market-wallet.console-panel{min-height:59px;position:relative;padding:10px 16px;border:0;border-radius:5px;background:#111620;max-width:240px;gap:4px} #marketplace .market-wallet strong{font:700 23px Arial,sans-serif;color:#fff0b9} #marketplace .market-wallet small{color:#969eaf;font-size:7px} #marketplace .market-close{position:relative;flex-shrink:0;width:34px;height:34px} #marketplace .market-intro{padding:12px 9px 0} #marketplace .market-tabs{margin:14px 9px 0;border-color:#373743;padding-bottom:10px;gap:7px} #marketplace .market-tabs button{background:#10141d;border-color:#3a3e4b;border-radius:4px;color:#9fa8bc;font-size:14px;padding:8px 13px} #marketplace .market-tabs button[aria-pressed=true]{background:#302a18;border-color:#b69b56;color:#ffdf89;box-shadow:inset 0 -2px #e7bc54} #marketplace .market-tools{padding:12px 9px 6px} #marketplace #market-status,#marketplace #market-section-note{padding-inline:9px} #marketplace .market-grid{padding:3px 9px 12px;gap:13px;grid-auto-rows:max-content;align-items:start;scrollbar-color:#79614b #0b0e15} #marketplace .market-card-top{font-size:9px} #marketplace .market-bot-art{height:92px;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--rarity) 7%,transparent),transparent 65%)} #marketplace .market-bot-art canvas{height:77px;width:68px;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rarity) 20%,transparent))} #marketplace .market-bot-art i{bottom:6px;height:8px;width:65px} #marketplace .market-card h3{font-size:17px;color:#f3ede4} #marketplace .market-upgrade,#marketplace .market-energy,#marketplace .market-seller{color:#8f98ac} #marketplace .market-stats{border-color:#343849} #marketplace .market-stats b{font-size:12px;color:#e8e9e8} #marketplace .market-skills{max-width:100%;gap:4px;flex-wrap:wrap} #marketplace .market-skills>span:not(:first-child){background:#101620;border-color:#3d4658;border-radius:2px} #marketplace .market-card-price b{font-size:21px;color:#ffe29b} #marketplace .market-card>button{font-size:12px;min-height:37px} #marketplace .market-footer{padding:12px 9px 0;border-color:#35313c;background:transparent} #marketplace .market-footer p,#marketplace .market-footer strong{color:#9099ac} #marketplace .market-empty{background:#10151d;border-color:#3c414c;border-radius:6px} #marketplace .market-empty h3{color:#f2dfaa} #marketplace .market-empty p{color:#929db2} #marketplace #market-refresh{background:#191e28;border-color:#454957;color:#ead6a1} #market-review.console-root{padding:30px 31px 27px} #market-review .market-review-close{right:15px;top:15px;width:33px;height:33px} #market-review .market-review-bot{background:#111720;border-color:#343b4a} #market-review .market-review-back{background:#131923;border-color:#3c4656;color:#b6bfcd} /* Inventory + detail/upgrade overlays */ #bot-inventory.console-root[open]{width:min(1190px,calc(100vw - 30px));height:min(860px,calc(100dvh - 26px));padding:29px 28px 20px;max-height:calc(100dvh - 26px)} #bot-inventory .inventory-close{right:18px;top:17px;width:34px;height:34px} #bot-inventory .inventory-heading{padding:1px 36px 15px 7px;gap:18px} #bot-inventory #inventory-title{font-size:27px} #bot-inventory #inventory-summary{gap:8px} #bot-inventory #inventory-summary>span.console-panel{position:relative;padding:11px 13px;min-width:75px;border:0;border-radius:5px;background:#12161e;gap:5px} #bot-inventory #inventory-summary b{font:700 21px/1 Arial,sans-serif;color:#ffe8a1;font-variant-numeric:tabular-nums} #bot-inventory #inventory-summary small{font-size:7px;letter-spacing:.3px;color:#98a0b2} #bot-inventory .inventory-toolbar{border-color:#343746;padding:12px 5px;margin-bottom:10px} #bot-inventory .inventory-filters{background:#0a0e16;border-color:#343b49;border-radius:4px;gap:4px} #bot-inventory .inventory-filters button{background:#131822;color:#9facc0;border-radius:3px} #bot-inventory .inventory-filters button[aria-pressed=true]{background:#352d18;color:#ffe7a2;box-shadow:inset 0 -2px #d3b05c} #bot-inventory .inventory-filters b{color:#b5a986;font-family:Arial,sans-serif} #bot-inventory #inventory-search{background:#0b0f17;border-color:#3a4251;border-radius:4px;color:#dce1eb;font:13px Arial,sans-serif} #bot-inventory .inventory-select{font-size:8px;color:#8794aa} #bot-inventory .inventory-select select{border-radius:4px;height:35px;background:#111721;border-color:#374151;color:#d2d8e3;font:12px Arial,sans-serif} #bot-inventory .inventory-grid{gap:12px;padding:3px 6px 6px 4px;grid-auto-rows:max-content;align-items:start;scrollbar-color:#79634b #0b0f16} #bot-inventory .inventory-card{padding:13px 14px 12px} #bot-inventory .inventory-card-top{gap:8px;min-height:48px} #bot-inventory .inventory-card-top canvas{width:39px;height:46px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--rarity) 20%,transparent))} #bot-inventory .inventory-card-top strong{font:700 14px/1.25 Arial,sans-serif;color:#efe9df} #bot-inventory .inventory-card-top small{font:8px 'Share Tech Mono',monospace;color:var(--rarity);margin-top:5px} #bot-inventory .inventory-card-status{gap:4px;margin-top:6px;min-height:21px} #bot-inventory .inventory-card-status>span:last-child{font-size:7px;color:#8c96aa;white-space:nowrap} #bot-inventory .inventory-state{padding:3px 4px;font-size:7px;border-radius:2px;background:#080d1344;border-color:#4c5667} #bot-inventory .inventory-energy{margin-top:6px} #bot-inventory .inventory-charge{font:10px Arial,sans-serif;color:#a7acb7;margin-top:6px;gap:4px} #bot-inventory .inventory-charge>small{font-size:8px;color:#8994a7;line-height:1.3} #bot-inventory .inventory-stats{border-color:#343c4b;padding:8px 0;gap:4px} #bot-inventory .inventory-stats b{font:700 12px Arial,sans-serif;color:#f0e9d8} #bot-inventory .inventory-card-bottom{border-color:#333c4a;gap:5px;flex-wrap:wrap} #bot-inventory .inventory-skills{min-width:0;max-width:100%;flex-wrap:wrap;gap:4px} #bot-inventory .inventory-skills>span{background:#101620;border-color:#3f4758;border-radius:2px} #bot-inventory .inventory-details{font-size:9px;color:#c9ad69} #bot-inventory .inventory-upgrade-level{font-size:8px;color:#9a9fae} #bot-inventory .inventory-bottom{border-color:#343744;padding:10px 5px 0;color:#b2a58c} #bot-inventory .inventory-bottom p{font:10px/1.4 Arial,sans-serif;color:#8f9bae} #bot-inventory .inventory-bottom nav{font-family:Arial,sans-serif;color:#b9ad95} #bot-inventory .inventory-bottom button{border-radius:3px;border-color:#444a58;background:#131a25;color:#d8c48f} #inventory-inspect.console-root,#inventory-upgrade.console-root{padding:29px 30px 25px;max-height:calc(100dvh - 26px)} #inventory-inspect #inventory-inspect-close,#inventory-upgrade .inventory-upgrade-close{right:15px;top:15px;width:32px;height:32px} #inventory-inspect .inventory-inspect-stats{background:#101722;border-color:#35404e} #inventory-inspect .inventory-inspect-skills>li{border-color:#364151;background:#101721} #inventory-inspect #inventory-inspect-action{min-height:41px} #inventory-upgrade .inventory-upgrade-preview,#inventory-upgrade .inventory-upgrade-payment{background:#111721;border-color:#3e4654} #inventory-upgrade .inventory-upgrade-steps>span{background:#101722;border-color:#354051} #inventory-upgrade .inventory-upgrade-steps .current{background:#302a18;border-color:#a0884c} #inventory-upgrade .inventory-upgrade-back{background:#131923;border-color:#3b4657;color:#bdc6d3} /* Stake: preserve every rate, term, preview and lock action. */ #progression[data-view=stake].console-root{width:min(1030px,calc(100vw - 30px));height:min(890px,calc(100dvh - 26px));max-height:calc(100dvh - 26px);padding:25px 26px 20px} #progression[data-view=stake] .stake-dialog-head{padding:7px 8px 17px;border-color:#3d3541;gap:15px;background:transparent} #progression[data-view=stake] .stake-heading h2{font-size:26px} #progression[data-view=stake] .stake-heading p{font-size:8px;color:#ff6752} #progression[data-view=stake] .stake-header-balance strong{font:700 24px Arial,sans-serif;color:#fff0b9} #progression[data-view=stake] .stake-header-balance>small{color:#8e9aac;font-size:7px} #progression[data-view=stake] .progression-close{position:relative;width:34px;height:34px;flex-shrink:0;margin:0} #progression[data-view=stake] .stake-scroll{padding:15px 8px 3px;max-height:none;scrollbar-color:#79634b #0d1119} #progression[data-view=stake] .stake-overview{gap:15px} #progression[data-view=stake] .stake-overview h3{font-size:25px;color:#ede9e2;margin-top:6px} #progression[data-view=stake] .stake-eyebrow{color:#ddae5f;font-size:8px} #progression[data-view=stake] .stake-current.console-panel{padding:15px 19px;border:0;border-radius:5px;background:#111720;gap:17px} #progression[data-view=stake] .stake-current>div+div{border-color:#3d414e} #progression[data-view=stake] .stake-current strong{font:700 25px Arial,sans-serif;color:#ffe6a3} #progression[data-view=stake] .stake-current small{color:#929db0} #progression[data-view=stake] .stake-milestone span{color:#8490a5} #progression[data-view=stake] .stake-milestone b{color:#d2b77c;font-size:11px} #progression[data-view=stake] .stake-tier.console-card{padding:14px 16px 0;background:linear-gradient(140deg,#1d2026,#10151e);transform:none} #progression[data-view=stake] .stake-tier.console-card:hover{background:#20242c;transform:none;border:0;box-shadow:none} #progression[data-view=stake] .stake-tier.is-preview{background:linear-gradient(140deg,#322b18,#171922);box-shadow:none} #progression[data-view=stake] .stake-tier.is-preview:after{content:'';position:absolute;top:5px;left:27%;right:27%;height:2px;background:#ffe08a;box-shadow:0 0 5px #efbc4c55;pointer-events:none} #progression[data-view=stake] .stake-tier-top{font-size:8px;color:#b3a583} #progression[data-view=stake] .stake-tier-top span+span{font-size:7px;color:#909bae} #progression[data-view=stake] .stake-tier-benefit{margin-top:12px;gap:10px} #progression[data-view=stake] .stake-tier-benefit img{width:35px;height:35px} #progression[data-view=stake] .stake-tier-benefit strong{font:700 34px/1 Arial,sans-serif;color:#ffe28d} #progression[data-view=stake] .stake-tier>p{color:#a2adbd;font-size:12px} #progression[data-view=stake] .stake-tier-price strong{font:700 16px Arial,sans-serif;color:#eee6d6} #progression[data-view=stake] .stake-tier-select{margin:0 -16px;padding:10px 16px;border-color:#3a3c44;background:#0b10184d;color:#ceb878;font-size:11px} #progression[data-view=stake] .stake-bottom-grid{gap:13px} #progression[data-view=stake] .console-panel.stake-deposit-panel,#progression[data-view=stake] .console-panel.stake-reward-panel{background:#10151e;padding:18px;border:0;border-radius:6px} #progression[data-view=stake] .stake-panel-heading h3{color:#e9e3d5;font-size:17px} #progression[data-view=stake] .stake-panel-heading>span{background:#252016;border-color:#5f5332;border-radius:3px} #progression[data-view=stake] .stake-input-wrap{background:#0b1018;border-color:#495162;border-radius:4px} #progression[data-view=stake] .stake-input-wrap input{color:#ffe6a5;font:700 22px Arial,sans-serif;background:none} #progression[data-view=stake] .stake-input-wrap button{background:#312b1c;border-color:#8b7649;border-radius:3px;color:#ffe5a1} #progression[data-view=stake] .stake-lock-terms button{background:#101620;border-color:#394454;border-radius:4px;padding:10px 8px} #progression[data-view=stake] .stake-lock-terms button[aria-pressed=true]{background:#30291b;border-color:#bfa465;box-shadow:inset 0 -2px #c9ac62} #progression[data-view=stake] .stake-lock-terms strong{font:700 13px Arial,sans-serif;color:#e6dfd1} #progression[data-view=stake] .stake-lock-terms span{font-size:10px;color:#d1af68} #progression[data-view=stake] .stake-lock-terms small{font:9px/1.4 Arial,sans-serif;color:#98a2b5} #progression[data-view=stake] .stake-return-preview>div{border-color:#303c4c} #progression[data-view=stake] .stake-return-preview>div>span{font-size:7px;color:#8f9aaf} #progression[data-view=stake] .stake-return-preview>div>strong{font:700 17px Arial,sans-serif;color:#ead6a2} #progression[data-view=stake] .stake-return-preview>div.stake-return-total strong{font-size:21px;color:#ffe4a0} #progression[data-view=stake] .stake-reward-list>div{border-color:#333c49} #progression[data-view=stake] .stake-reward-list strong{font:700 16px Arial,sans-serif;color:#ffe29a} #progression[data-view=stake] .stake-reward-list span{color:#a5b0c0} #progression[data-view=stake] .stake-deposit-button.console-command{color:#ffe5a4;height:43px;font-size:13px} #progression[data-view=stake] .stake-deposit-button.console-command:disabled{background:#11151d;color:#9c988b;opacity:.58} #progression[data-view=stake] .stake-lock-warning{background:#29221866;border-color:#b39b58;font-size:10px;color:#bcb097} #progression[data-view=stake] .stake-positions.console-panel{background:#10151e;border:0;padding:20px} #progression[data-view=stake] .stake-position.console-panel{background:#0c1119;border:0;padding:16px} #progression[data-view=stake] .stake-positions-heading h3{color:#e7e0cf} #progression[data-view=stake] .stake-position-top strong,#progression[data-view=stake] .stake-position-values b{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums} #progression[data-view=stake] .stake-position-top strong{font-size:18px;color:#e4d19b} #progression[data-view=stake] .stake-position-values b{font-size:15px;color:#ded6c4} #progression[data-view=stake] .stake-position-values span{color:#8f9bae} #progression[data-view=stake] .stake-position-bottom{border-color:#323d4c} #progression[data-view=stake] .stake-position-bottom strong{color:#ffe4a0;font:700 13px Arial,sans-serif} #progression[data-view=stake] .stake-assurances,#progression[data-view=stake] .progression-status{color:#838fa4} @media(prefers-reduced-motion:reduce){#game-shell .energy-track>span,#bot-inventory .inventory-energy>span,#inventory-inspect .inventory-energy>span,#game-shell .map-progress>span,#progression[data-view=stake] .stake-milestone-track>i{transition:none}} @media(max-width:1000px) and (min-width:721px){#bot-inventory .inventory-heading{align-items:flex-start;gap:14px}#bot-inventory #inventory-summary{gap:4px}#bot-inventory #inventory-summary>span.console-panel{min-width:61px;padding:10px 9px}#bot-inventory #inventory-summary b{font-size:18px}#progression[data-view=stake] .stake-overview{align-items:flex-start}#progression[data-view=stake] .stake-current.console-panel{padding:14px;gap:13px}#progression[data-view=stake] .stake-overview h3{font-size:22px}} @media(max-height:760px) and (min-width:721px){#bot-inventory.console-root[open],#marketplace.console-root{padding-top:22px;padding-bottom:18px}#bot-inventory .inventory-heading{padding-bottom:10px}#bot-inventory .inventory-toolbar{padding-block:8px}#marketplace .market-header{padding-bottom:10px}#marketplace .market-tabs{margin-top:10px}#progression[data-view=stake] .stake-scroll{padding-top:12px}} @media(max-width:720px){ #marketplace.console-root,#bot-inventory.console-root[open]{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 18px);max-height:calc(100dvh - 18px);padding:20px 15px 16px;border-radius:9px} #marketplace .market-header{padding:5px 3px 12px;gap:7px}#marketplace .market-header h2{font-size:18px}#marketplace .market-header p{font-size:6px;letter-spacing:.9px}#marketplace .market-heading-icon{width:29px;height:32px}#marketplace .market-heading-icon .pixel-icon{width:21px;height:21px}#marketplace .market-close{width:28px;height:28px}#marketplace .market-wallet.console-panel{padding:9px 10px;min-height:51px;max-width:106px}#marketplace .market-wallet strong{font-size:15px}#marketplace .market-wallet small{font-size:5px}#marketplace .market-wallet>span{font-size:7px} #marketplace .market-intro{padding:9px 3px 0}#marketplace .market-tabs{margin:11px 3px 0;gap:4px;padding-bottom:8px}#marketplace .market-tabs button{font-size:11px;padding:7px 4px}#marketplace .market-tools{padding:10px 3px 5px;gap:5px}#marketplace .market-tools input,#marketplace .market-tools select{font:10px Arial,sans-serif}#marketplace #market-status,#marketplace #market-section-note{padding-inline:3px;font-size:9px}#marketplace .market-grid{padding:3px 3px 9px;gap:8px}#marketplace .console-card{padding:11px 10px}#marketplace .market-bot-art{height:73px}#marketplace .market-bot-art canvas{height:62px;width:55px}#marketplace .market-bot-art i{width:54px;height:7px;bottom:3px}#marketplace .market-card-top{font-size:7px}#marketplace .market-card-top small{font-size:6px}#marketplace .market-card h3{font-size:14px}#marketplace .market-upgrade{font-size:8px;margin-bottom:7px}#marketplace .market-stats b{font-size:11px}#marketplace .market-stats .pixel-icon{height:12px;width:12px}#marketplace .market-energy{font-size:8px}#marketplace .market-skills{gap:3px;min-height:26px}#marketplace .market-skills>span:first-child{font-size:7px}#marketplace .market-skills>span:not(:first-child){width:17px;height:17px}#marketplace .market-card-price{padding-block:8px}#marketplace .market-card-price b{font-size:17px}#marketplace .market-card-price small{font-size:8px}#marketplace .market-card-price>span{font-size:8px}#marketplace .market-card>button{font-size:10px;min-height:33px;padding:7px 8px}#marketplace .market-footer{padding:9px 3px 0;gap:5px}#marketplace .market-footer p{font-size:7px}#marketplace .market-footer strong{font-size:8px} #bot-inventory .inventory-close{right:15px;top:14px;width:29px;height:29px}#bot-inventory .inventory-heading{padding:5px 3px 10px;display:block}#bot-inventory #inventory-title{font-size:20px}#bot-inventory .inventory-eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:7px}#bot-inventory #inventory-summary{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#bot-inventory #inventory-summary>span.console-panel{min-width:0;padding:10px 8px;gap:4px}#bot-inventory #inventory-summary b{font-size:16px;white-space:nowrap}#bot-inventory #inventory-summary small{font-size:5px;letter-spacing:.2px}#bot-inventory .inventory-toolbar{padding:10px 2px;margin-bottom:7px}#bot-inventory .inventory-filters button{font-size:10px;padding:6px 7px}#bot-inventory .inventory-filters b{font-size:8px;margin-left:3px}#bot-inventory #inventory-search{font-size:11px;min-height:34px;padding-inline:8px}#bot-inventory .inventory-select{font-size:6px;gap:4px}#bot-inventory .inventory-select select{height:31px;padding:4px 6px;font-size:9px}#bot-inventory .inventory-grid{gap:8px;padding:3px 3px 5px}#bot-inventory .console-card{padding:11px 10px 10px}#bot-inventory .inventory-card-top{gap:5px;min-height:42px}#bot-inventory .inventory-card-top canvas{width:28px;height:35px}#bot-inventory .inventory-card-top strong{font-size:10px;line-height:1.3}#bot-inventory .inventory-card-top small{font-size:6px;margin-top:4px}#bot-inventory .inventory-card-status{min-height:17px;gap:3px;margin-top:5px}#bot-inventory .inventory-state{font-size:5px;padding:3px}#bot-inventory .inventory-state:before{width:3px;height:3px;margin-right:3px}#bot-inventory .inventory-card-status>span:last-child{font-size:5px}#bot-inventory .inventory-charge{font-size:8px;flex-wrap:wrap;gap:3px}#bot-inventory .inventory-charge>small{font-size:6px}#bot-inventory .inventory-stats{padding-block:7px;gap:2px}#bot-inventory .inventory-stats b{font-size:11px}#bot-inventory .inventory-stats .pixel-icon{width:12px;height:12px}#bot-inventory .inventory-skills{gap:3px}#bot-inventory .inventory-skills>span{width:16px;height:16px}#bot-inventory .inventory-skills .pixel-icon{width:10px;height:10px}#bot-inventory .inventory-details{font-size:7px}#bot-inventory .inventory-upgrade-level{font-size:6px;margin-bottom:4px}#bot-inventory [data-inventory-upgrade].console-command{padding:7px 8px;gap:4px;min-height:33px;flex-wrap:wrap;justify-content:center}#bot-inventory .inventory-upgrade-label{font-size:9px}#bot-inventory .inventory-upgrade-cost{font-size:8px;margin-left:0}#bot-inventory [data-inventory-upgrade]>.pixel-icon{width:11px;height:11px}#bot-inventory [data-inventory-action].console-command{min-height:32px;font-size:9px;padding:7px 8px;margin-top:6px}#bot-inventory .inventory-bottom{padding-top:9px;font-size:9px}#bot-inventory .inventory-bottom p{font-size:8px;max-width:240px} #inventory-inspect.console-root,#inventory-upgrade.console-root,#market-review.console-root{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 22px);padding:27px 23px 23px} #game-shell .hero-card.console-card{padding:11px 12px}#game-shell .hero-card .hero-name-text{font-size:13px}#game-shell .hero-card .bot-stat b{font-size:11px}#game-shell .hero-card .card-status{font-size:6px}#game-shell .hero-card .skill-count{font-size:7px}#game-shell .hero-card .selected-badge{font-size:6px} #progression[data-view=stake].console-root{width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(100dvh - 18px);max-height:calc(100dvh - 18px);padding:20px 15px 16px} #progression[data-view=stake] .stake-dialog-head{padding:5px 3px 12px;gap:8px}#progression[data-view=stake] .stake-heading h2{font-size:19px}#progression[data-view=stake] .stake-heading p{font-size:6px;letter-spacing:1px}#progression[data-view=stake] .stake-heading img{width:29px;height:29px}#progression[data-view=stake] .progression-close{width:29px;height:29px}#progression[data-view=stake] .stake-header-balance{border-color:#323947;padding-top:10px}#progression[data-view=stake] .stake-header-balance strong{font-size:20px}#progression[data-view=stake] .stake-header-balance>small{font-size:6px}#progression[data-view=stake] .stake-scroll{padding:12px 3px 2px}#progression[data-view=stake] .stake-overview h3{font-size:23px}#progression[data-view=stake] .stake-overview p{font-size:11px}#progression[data-view=stake] .stake-current.console-panel{margin-top:12px;padding:14px 15px}#progression[data-view=stake] .stake-current strong{font-size:23px}#progression[data-view=stake] .stake-current small{font-size:6px}#progression[data-view=stake] .stake-milestone b{font-size:9px}#progression[data-view=stake] .stake-milestone span{font-size:6px}#progression[data-view=stake] .stake-tier-grid{gap:7px}#progression[data-view=stake] .stake-tier.console-card{padding:12px 9px 0}#progression[data-view=stake] .stake-tier-top{font-size:6px}#progression[data-view=stake] .stake-tier-benefit{margin-top:12px;gap:7px}#progression[data-view=stake] .stake-tier-benefit img{width:23px;height:23px}#progression[data-view=stake] .stake-tier-benefit strong{font-size:25px}#progression[data-view=stake] .stake-tier>p{font-size:10px}#progression[data-view=stake] .stake-tier-price strong{font-size:13px}#progression[data-view=stake] .stake-tier-price strong small{font-size:8px}#progression[data-view=stake] .stake-tier-select{margin:0 -9px;padding:9px;font-size:9px}#progression[data-view=stake] .console-panel.stake-deposit-panel,#progression[data-view=stake] .console-panel.stake-reward-panel,#progression[data-view=stake] .stake-positions.console-panel{padding:16px}#progression[data-view=stake] .stake-lock-terms{gap:5px}#progression[data-view=stake] .stake-lock-terms button{padding:10px 6px}#progression[data-view=stake] .stake-lock-terms strong{font-size:11px}#progression[data-view=stake] .stake-lock-terms span{font-size:8px}#progression[data-view=stake] .stake-lock-terms small{font-size:7px}#progression[data-view=stake] .stake-return-preview>div>strong{font-size:15px}#progression[data-view=stake] .stake-return-preview>div.stake-return-total strong{font-size:18px}#progression[data-view=stake] .stake-return-preview>div>span{font-size:6px}#progression[data-view=stake] .stake-deposit-button.console-command{font-size:12px}#progression[data-view=stake] .stake-position.console-panel{padding:14px}#progression[data-view=stake] .stake-position-values b{font-size:13px}#progression[data-view=stake] .stake-position-top strong{font-size:16px} } @media(max-width:720px){#bot-inventory .inventory-card-top strong{font-size:11px}#bot-inventory .inventory-card-top small{font-size:7px}#bot-inventory .inventory-state{font-size:6px}#bot-inventory .inventory-card-status>span:last-child{font-size:6px}#bot-inventory .inventory-charge{font-size:9px}#bot-inventory .inventory-charge>small{font-size:7px}#bot-inventory .inventory-upgrade-label{font-size:10px}#bot-inventory .inventory-upgrade-cost{font-size:9px}#bot-inventory [data-inventory-action].console-command{font-size:10px}} @media(max-height:760px) and (min-width:721px){#marketplace .market-wallet.console-panel{min-height:50px;padding:9px 15px}#marketplace .market-intro{padding-top:9px}#marketplace .market-tabs{padding-bottom:8px}#marketplace .market-tools{padding-top:9px}#marketplace #market-section-note{margin-bottom:8px}#marketplace .market-bot-art{height:84px}#marketplace .market-bot-art canvas{height:72px;width:63px}} /* Complete arena chrome. Each coated host has one asset outline only. Explicit IDs outrank the earlier prototype navigation rules, including hover. */ #game-shell :is(#nav-marketplace,#nav-stake,#nav-headquarters,#nav-leaderboards,#wallet-account).console-command, #game-shell :is(#nav-marketplace,#nav-stake,#nav-headquarters,#nav-leaderboards,#wallet-account).console-command:hover{ border:0;border-image:none;outline:0;box-shadow:none;background:#14171e;border-radius:6px; padding:4px 11px;gap:6px;color:#f1dba2;transform:none;height:36px;overflow:hidden } #game-shell :is(#nav-marketplace,#nav-stake,#nav-headquarters,#nav-leaderboards).console-command:before, #game-shell :is(#nav-marketplace,#nav-stake,#nav-headquarters,#nav-leaderboards).console-command:after{content:none;animation:none;box-shadow:none;border:0} #game-shell :is(#nav-marketplace,#nav-stake,#nav-headquarters,#nav-leaderboards,#wallet-account).console-command:focus-visible{outline:2px solid #ffdf8d;outline-offset:3px} #game-shell #nav-recruit.console-command,#game-shell #nav-recruit.console-command:hover{border:0;box-shadow:none;border-radius:6px;background:linear-gradient(120deg,#ffe9a0,#dbae4c);color:#33220f;transform:none;padding:4px 11px;overflow:hidden;height:36px} #game-shell #nav-recruit.console-command>.console-skin{z-index:0} #game-shell #nav-recruit.console-command>:not(.console-skin){z-index:1;position:relative} #game-shell #nav-recruit.console-command:before{inset:3px auto 3px -70%;z-index:0} #game-shell #wallet-account.console-command{font:700 12px 'Rajdhani',sans-serif;padding-inline:12px} #game-shell .balance.console-readout{border:0;background:#11151e;box-shadow:none;border-radius:5px;padding:6px 13px;gap:8px;min-height:36px;white-space:nowrap} #game-shell .balance.console-readout b{font:700 20px Arial,sans-serif;color:#ffe39a} #game-shell .balance.console-readout .coin-symbol{box-shadow:none} #game-shell .balance.console-readout small{color:#b5a583} #game-shell .brand-tag{border-color:#716044;background:#15171b;color:#d3b469;border-radius:3px} #game-shell :is(button.console-command,button.console-control){transition:filter .15s,background .15s} #game-shell .console-control,#game-shell #rest-all.console-control, #bot-inventory .console-control,#marketplace .console-control,#market-review .console-control,#inventory-upgrade .console-control,#modal .console-control, #progression[data-view=stake] .console-control{border:0;border-image:none;box-shadow:none;border-radius:4px;background:#111720;color:#e5cb92;position:relative;isolation:isolate} #game-shell .console-control:hover:not(:disabled),#bot-inventory .console-control:hover:not(:disabled),#marketplace .market-tabs .console-control:hover:not(:disabled),#progression[data-view=stake] .console-control:hover:not(:disabled){border:0;box-shadow:none;background:#292619;filter:brightness(1.13)} #game-shell .console-control:disabled,#bot-inventory .console-control:disabled{opacity:.45} #game-shell .console-control:focus-visible,#game-shell .console-command:focus-visible{outline:2px solid #ffe09c;outline-offset:2px} #game-shell .work-select.console-control{padding-inline:9px} #game-shell .work-select.console-control:not(.ready):not(:disabled){background:#182d25;color:#c2e1a8;border:0} #game-shell #rest-all.console-control{padding:6px 11px;font-size:11px;min-height:27px} #game-shell .console-control[aria-selected=true],#bot-inventory .console-control[aria-pressed=true],#marketplace .market-tabs .console-control[aria-pressed=true],#progression[data-view=stake] .console-control[aria-pressed=true]{background:#39301b;color:#ffe49b;border:0;box-shadow:none} #game-shell .mode-card.console-command{background:linear-gradient(115deg,#181c25,#10141d);padding:11px 14px;border:0;box-shadow:none;border-radius:6px;min-height:53px;gap:10px} #game-shell .mode-card.console-command:before{content:none} #game-shell .mode-card.console-command.active,#game-shell .mode-card.console-command.active:hover{background:linear-gradient(115deg,#7e2430,#321920);box-shadow:none;border:0;color:#fff1c4} #game-shell .mode-card.console-command.active>.console-skin{filter:brightness(1.35)!important} #game-shell .mode-card.console-command strong{font-size:17px;line-height:1.2} #game-shell .mode-card.console-command small{font-size:11px;color:#a4adbf;line-height:1.3;margin-top:3px} #game-shell .mode-card.console-command.active small{color:#e4bbbd} #game-shell .mode-card.console-command>b{font-size:25px;color:#f1ce7a} #game-shell .mode-card.crystal-room-card{ display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:10px;align-items:center; min-height:54px;padding:8px 11px;border:1px solid #a78348;border-radius:7px; background:radial-gradient(ellipse at 8% 25%,#1b3c56 0,transparent 55%),linear-gradient(115deg,#121d2a,#0c121d 65%,#211b18); color:#ffe5ae;box-shadow:inset 0 0 0 2px #080d17,inset 0 3px #ffe3aa22,0 3px 10px #0006; transition:border-color .16s,box-shadow .16s,background-color .16s } #game-shell .crystal-room-card::before{content:none} #game-shell .crystal-room-card:hover,#game-shell .crystal-room-card.active{ border-color:#e7c883;box-shadow:inset 0 0 0 2px #111b26,inset 0 3px #ffe3aa40,0 0 14px #49b7fd28 } #game-shell .crystal-room-card.active{background:radial-gradient(ellipse at 15% 30%,#255775 0,transparent 70%),#13283b} #game-shell .crystal-room-card:focus-visible{outline:2px solid #8bdcff;outline-offset:2px} #game-shell .crystal-entry-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #7ca4b4;border-radius:7px;background:linear-gradient(145deg,#1f3e53,#0c1a2a);box-shadow:inset 0 0 0 2px #0d1420} #game-shell .crystal-entry-icon canvas{width:25px;height:25px;filter:drop-shadow(0 0 5px #50c7ff66)} #game-shell .crystal-entry-copy strong{font-size:16px;line-height:1.18;color:#ffe5ae} #game-shell .crystal-entry-copy small{margin-top:3px;font-size:11px;line-height:1.25;color:#c6d2de} #game-shell #crystal-entry-mark{display:grid;place-items:center;width:24px;height:24px;margin:0;border:1px solid #987c495c;border-radius:5px;background:#d5a65514;color:#ffe5ae;font-size:21px;line-height:1} #game-shell .crystal-room-card[data-locked="true"] #crystal-entry-mark{background:#d5a65514 url('./assets/ui/button-padlock.svg') center/12px 15px no-repeat} #game-shell .crystal-room-rules{position:absolute;inset:0;display:grid;place-items:center;padding:12px;pointer-events:none;z-index:2} #game-shell .crystal-room-rules[hidden]{display:none} #game-shell .crystal-rules-card{ display:grid;justify-items:center;gap:7px;width:min(100%,340px);padding:clamp(12px,2vw,22px); text-align:center;color:#e5f4ff;background:linear-gradient(155deg,#182a3bf7,#0d1724fa);border:1px solid #729ab8;border-radius:9px; box-shadow:0 8px 24px #0009,inset 0 1px #cce9ff33;font:500 13px/1.4 Arial,sans-serif } #game-shell .crystal-rules-card small{color:#9adfff;font-size:10px;letter-spacing:.17em} #game-shell .crystal-rules-card strong{font-size:clamp(16px,2.4vw,22px);line-height:1.2} #game-shell .crystal-rules-card p{margin:0;color:#d5e6f4;font-size:clamp(11px,1.8vw,13px)} #game-shell .crystal-rules-card span{width:100%;padding-top:8px;border-top:1px solid #87bbdf42;color:#b8cce0;font-size:12px} #game-shell .crystal-rules-card b{padding:3px 10px;border-radius:4px;background:#244861;color:#b7ecff;font-size:clamp(12px,2vw,15px)} .crystal-room-mode #game-shell #chests-panel .chest-legend{grid-template-columns:repeat(3,minmax(0,1fr))} .crystal-room-mode #game-shell #chests-panel .chest-legend>div:nth-child(-n+2){display:none} #game-shell .squad-title .section-label{color:#d9bc7d;letter-spacing:1.3px} #game-shell .squad-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 1px 8px} #game-shell .squad-status>.console-readout{border:0;box-shadow:none;background:#121720;border-radius:3px;min-height:27px;padding:6px 8px;font:10px/1.2 Arial,sans-serif;gap:4px;min-width:0} #game-shell .squad-status>.console-readout b{font-size:11px} #game-shell .squad-status .pixel-icon{height:12px;width:12px} #game-shell .game-panel.console-arena{border:0;box-shadow:0 8px 26px #0004;border-radius:7px;background:#0d111a;padding:5px;overflow:hidden} #game-shell .game-panel.console-arena:before,#game-shell .game-panel.console-arena:after{content:none} #game-shell .game-panel.console-arena>.console-skin{z-index:6} #game-shell .arena-header{background:linear-gradient(100deg,#252321,#121823);border-bottom:1px solid #454049;padding-inline:10px} #game-shell .arena-title h1{color:#ffe09a;text-shadow:0 2px #604428} #game-shell .arena-title #arena-type{color:#9ca5b9} #game-shell .arena-stats{padding:5px 7px;gap:5px;border-bottom:1px solid #383b47;background:#0d111a} #game-shell .arena-stats>.console-readout{min-width:0;border:0;border-radius:3px;background:#151a24;padding:7px 8px;gap:6px} #game-shell .arena-stats small{color:#a7afc0} #game-shell .arena-stats b{font:700 15px Arial,sans-serif;white-space:nowrap} #game-shell .idle-toolbar{background:#151a23;border-color:#353b46} #game-shell .idle-toolbar>strong{color:#e9c47a} #game-shell #map-progress-label{color:#9da6b9} #game-shell .arena-footer{background:#11151e;border-color:#393b46;color:#c3ae7d} #game-shell .detail-panel.console-detail{position:relative;border:0;border-radius:6px;box-shadow:none;background:#0f141e;padding:6px;overflow:hidden} #game-shell .detail-panel.console-detail>.console-skin{z-index:3} #game-shell .detail-panel.console-detail .panel-heading{background:linear-gradient(90deg,#272523,#151b25);border-bottom:1px solid #47414a;margin:0;padding:6px 9px;color:#edce8a;letter-spacing:.8px} #game-shell #goals-panel.console-detail .panel-heading{padding:0;min-height:34px} #game-shell #goals-toggle{min-height:34px;padding:5px 9px;color:#f0d193;gap:6px} #game-shell #goals-summary{font:700 10px Arial,sans-serif;color:#cec5b4} #game-shell .console-detail .goal-row{margin:10px 8px;color:#d8d9de;gap:7px} #game-shell .console-detail .goal-row b{font:700 10px Arial,sans-serif;color:#b4bdcd} #game-shell .console-detail .goal-row .check{border-color:#62606a;background:#111722;border-radius:2px;flex-shrink:0} #game-shell .console-detail .goal-row .check.done{background:#d4b665;border-color:#d4b665;color:#11151b} #game-shell .console-detail #loadout{padding:10px 9px} #game-shell .console-detail .loadout-bot{border-color:#383b47;min-width:0} #game-shell .console-detail .loadout-bot strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#f2e9d6} #game-shell .console-detail :is(.balance-hint,.loadout-skills){border-color:#353d4b} #game-shell .console-detail .loadout-row{color:#abb4c5} #game-shell .console-detail .loadout-row b{color:#ede4d1} #game-shell .console-detail .loadout-skills h3{color:#d4b97f} #game-shell .console-detail .skill-detail{color:#c6ccda;min-width:0;overflow-wrap:anywhere;line-height:1.4} #game-shell .console-detail .skill-detail .pixel-icon{flex-shrink:0} #game-shell .console-detail .skill-explore .pixel-icon{color:#8de4f4} #game-shell .console-detail .skill-efficient .pixel-icon{color:#bde884} #game-shell .console-detail .skill-recovery .pixel-icon{color:#ffdc7a} #game-shell .console-detail .skill-bombwalk .pixel-icon{color:#c9b2ff} #game-shell .console-detail .skill-blockwalk .pixel-icon{color:#edb074} #game-shell .console-detail .balance-hint{color:#8593aa;line-height:1.5} #game-shell .console-detail .log-entry{color:#d9c89e} #game-shell .console-detail .log-entry small{color:#717f98} #game-shell .console-detail .chest-legend{padding:9px 4px 5px;gap:3px} #game-shell .console-detail .chest-legend>div{min-width:0} #game-shell .console-detail .chest-reward{color:#f6d48a;font:700 12px Arial,sans-serif} #game-shell .console-detail .chest-legend span{color:#a2acbf} #game-shell .console-detail .chest-payout-note{padding:0 5px 7px;color:#7e8da5;line-height:1.4} #game-shell .rightbar{scrollbar-color:#7f6a46 #0b1018} #game-shell .touch-controls{background:#121720;border-color:#414453} #game-shell #toast{background:#151c27;border-color:#b79656;color:#ffe2a0;box-shadow:0 3px 15px #0006;border-radius:5px} #modal.console-root{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 30px);padding:35px 32px 28px;background:#0c0e14} #modal.console-root::backdrop{background:#030509ef;backdrop-filter:none} #modal.console-root #close-modal{right:15px;top:15px;width:31px;height:31px} #modal.console-root .modal-kicker{color:#f3c96d} #modal.console-root .modal-title{color:#ffe09b;font-size:26px} #modal.console-root :is(.modal-body,.modal-note){color:#a9b3c5;line-height:1.65} @media(min-width:1600px){#game-shell .squad-status{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(min-width:1181px){#game-shell .workspace{padding-bottom:8px}} @media(min-width:1181px) and (max-height:800px){ #game-shell .mode-card.console-command{min-height:47px;padding:8px 13px} #game-shell .console-detail #loadout{padding:8px 9px} #game-shell .console-detail .chest-legend{padding-top:5px} #game-shell .console-detail .chest-payout-note{padding-bottom:5px;font-size:8px} } @media(min-width:721px) and (max-width:1450px){ #game-shell :is(#nav-marketplace,#nav-stake,#nav-headquarters,#nav-leaderboards,#wallet-account).console-command{padding-inline:9px;gap:5px} #game-shell #nav-recruit.console-command{padding-inline:9px;gap:5px} #game-shell .balance.console-readout{padding-inline:10px;gap:6px} } @media(max-width:720px){ #game-shell .top-right{gap:5px} #game-shell :is(#nav-marketplace,#nav-stake,#nav-headquarters,#nav-leaderboards,#wallet-account).console-command,#game-shell #nav-recruit.console-command{height:31px;padding:4px 8px;gap:4px} #game-shell .balance.console-readout{min-height:31px;height:31px;padding:5px 9px;gap:5px} #game-shell .balance.console-readout b{font-size:16px} #game-shell .mode-card.console-command{min-height:54px;padding:9px 12px;gap:7px} #game-shell .mode-card.console-command strong{font-size:15px} #game-shell .mode-card.console-command small{font-size:10px} #game-shell .squad-status{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px} #game-shell .squad-status>.console-readout{font-size:8px;padding:7px 5px;gap:3px} #game-shell .squad-status .pixel-icon{width:10px;height:10px} #game-shell .squad-status>.console-readout b{font-size:9px} #game-shell .arena-stats{gap:4px;padding:5px} #game-shell .arena-stats>.console-readout{padding:7px 6px;gap:4px} #game-shell .arena-stats b{font-size:12px} #game-shell .arena-stats small{font-size:7px} #game-shell #rest-all.console-control{font-size:10px;padding:5px 9px} #game-shell .game-panel.console-arena{padding:4px} #game-shell .detail-panel.console-detail{padding:6px} #game-shell .console-detail #loadout{padding:9px} #modal.console-root{padding:40px 25px 25px} } /* Compact, legible stamina timing; no extra animated layers. */ #game-shell .hero-energy-hint{display:block;grid-column:1/-1;grid-row:4;font:10px/1.3 Arial,sans-serif;color:#adb6c6;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:3px;letter-spacing:0} #game-shell .hero-card.is-low-energy .hero-energy-hint{color:#ffba83} #game-shell .hero-card.is-low-energy .energy-track>span,#bot-inventory .inventory-card.is-low-energy .inventory-energy>span{background:linear-gradient(#ffce79,#ec8850)} #bot-inventory .inventory-state[data-state=paused]{color:#b9bdcb} #bot-inventory .inventory-state[data-state=adventure]{color:#88cdff} @media(prefers-reduced-motion:reduce){#game-shell .energy-track>span,#bot-inventory .inventory-energy>span{transition:none}}