/* Mobile-first layout at every viewport, including desktop. */
.game-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex}.main-view{padding:22px 16px 92px}.onboarding-wrap{padding:20px 16px 34px}.preset-grid{grid-template-columns:1fr 1fr}.onboarding-hero,.teaser-card,.duo-grid,.battle-stage,.battle-bars,.actions-grid,.chip-catalog,.loadout-grid,.stats-list,.equip-slots-grid{grid-template-columns:1fr}.hero-info{max-width:none;padding:24px}.hero-character{position:relative;width:100%;height:300px}.hero-character img{object-position:center top}.character-showcase{min-height:420px}.character-portrait.large{width:58%;height:70%}.battle-stage{grid-template-columns:1fr}.battle-center{order:-1}.fighter-card{min-height:unset}
.preset-grid{grid-template-columns:1fr}.stats-list,.build-grid,.kpi-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.currencies{flex-wrap:wrap}.topbar h1{font-size:30px}.onboarding-hero{padding:20px}.hero-copy-block h1{font-size:42px}.hero-copy-block p,.hero-info p{font-size:16px}.preset-card{flex-direction:column}.preset-thumb{width:100%;height:160px}.operative-art{min-height:280px}.inventory-card{grid-template-columns:1fr}.item-actions{justify-content:flex-start}.duel-actions{flex-direction:column}.duo-grid{grid-template-columns:1fr}.teaser-card{grid-template-columns:1fr}.hero-tags{gap:8px}.hero-tags span{font-size:12px}.main-view{padding:18px 12px 92px}
.save-bar{flex-direction:column;align-items:stretch}.save-bar>div{flex-direction:column}
.game-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#030c1af5}.mobile-nav .nav-btn{min-height:50px}.main-view{padding:18px 16px 100px}.creation{grid-template-columns:240px minmax(0,1fr);gap:15px}.creation-header .creation-steps{display:none}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-card{aspect-ratio:.85}.creation-stage{min-height:640px;max-height:800px}.creation-caption{padding:65px 18px 25px}.creation-caption h1{font-size:38px}.creation-title h2{font-size:23px}.creation-stats .allocator-grid{grid-template-columns:1fr}.point-summary{flex-wrap:wrap}.battle-stage{grid-template-columns:1fr 140px 1fr}.battle-center{order:0}.hero-character{position:absolute;height:100%;width:53%}.teaser-card{grid-template-columns:90px 1fr}.duo-grid{grid-template-columns:1fr 1fr}.chip-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.actions-grid{grid-template-columns:1fr 1fr}.equip-slots-grid,.loadout-grid{grid-template-columns:1fr 1fr}.battle-bars{grid-template-columns:1fr 1fr}.ruin-choice-grid{grid-template-columns:1fr 1fr}
body{font-size:13px}.creation{display:flex;flex-direction:column;padding:14px;gap:14px}.creation-header{padding-bottom:14px}.creation-stage{position:relative;top:0;width:100%;height:310px;min-height:0;max-height:none}.creation-portrait{object-fit:cover;object-position:50% 12%}.creation-caption{padding:65px 16px 16px;background:linear-gradient(transparent,#020814dd)}.creation-caption h1{font-size:36px;margin:6px 0}.creation-caption p,.creation-caption>small{display:none}.creation-controls{width:100%}.creation-title h2{font-size:22px}.preset-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:12px 0}.preset-card{aspect-ratio:.5}.preset-content{padding:20px 3px 6px}.preset-content strong{font-size:10px}.preset-content small{display:none}.preset-card.active:after{bottom:5px;right:3px;width:3px;height:3px}.identity-field,.role-field,.creation-stats{padding:13px}.creation-fields{gap:10px}.role-option{font-size:12px;min-height:44px}.creation-stats .allocator-grid{grid-template-columns:1fr}.allocator-row{padding:8px 10px}.allocator-controls button{width:40px;height:40px}.point-summary{align-items:flex-start;flex-direction:column}.point-actions{justify-content:flex-start;width:auto}.point-actions .btn{font-size:11px;min-height:40px}.starter-preview .starter-list{grid-template-columns:1fr}.creation-confirm{font-size:12px}.topbar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.topbar h1{font-size:23px}.topbar-right{width:100%;justify-content:space-between}.currencies{gap:6px;flex-wrap:nowrap}.currencies span{padding:6px 8px;font-size:12px;gap:5px}.currencies small{font-size:9px}.avatar-badge{width:35px;height:35px}.hero-card{min-height:415px}.hero-info{max-width:77%;padding:22px}.hero-info h2{font-size:33px}.hero-info p{font-size:12px;text-shadow:0 1px 3px #000}.hero-character{width:65%;opacity:.45;mask-image:linear-gradient(90deg,transparent,black 60%)}.hero-tags{gap:5px}.hero-tags span{font-size:9px}.base-side,.duo-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.character-layout{grid-template-columns:1fr}.character-showcase{height:380px}.character-portrait.large img{object-position:center 14%}.character-text{padding:80px 18px 18px;background:linear-gradient(transparent,#020a18 60%)}.character-text h2{font-size:30px}.character-equipment{grid-column:auto}.character-equipment .equip-slots-grid{grid-template-columns:1fr 1fr}.character-layout>.panel:not(.character-showcase){padding:15px}.build-grid{grid-template-columns:1fr}.arsenal-grid{display:flex;flex-direction:column;gap:14px}.arsenal-grid>.panel{width:100%;padding:15px}.loadout-panel{order:0}.inventory-panel{order:1}.chips-panel{order:2}.inventory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-filters{gap:5px}.inventory-filters .btn{font-size:11px;padding:6px 9px;min-height:40px}.chip-catalog{grid-template-columns:1fr 1fr}.chip-card{padding:10px}.chip-top{align-items:flex-start;gap:7px;justify-content:flex-start}.chip-icon{width:30px;height:34px;font-size:20px}.chip-card strong{font-size:11px}.chip-card .btn{font-size:11px}.exchange-box{display:block}.exchange-box .btn{width:100%}.arena-intro,.rules-card{padding:16px}.arena-intro h2{font-size:26px}.arena-opponents{gap:7px}.opponent-portrait{height:170px}.opponent-card strong{font-size:13px}.opponent-card small{font-size:9px}.opponent-card>span{font-size:20px;bottom:52px}.arena-cta{align-items:stretch;flex-direction:column;gap:15px}.battle-panel{padding:10px}.battle-stage{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.fighter-art{height:220px}.fighter-art img{object-fit:cover;object-position:center top}.fighter-top{left:7px;right:7px;bottom:8px}.fighter-top strong{font-size:14px}.fighter-top small{font-size:9px}.vs-mark{font-size:38px}.round-tag{font-size:8px;padding:0}.battle-center>small{font-size:9px}.range-track{flex-direction:column;margin:8px 10px 0;gap:3px}.range-track span{padding:2px;font-size:8px}.battle-bars{gap:14px;margin-bottom:18px}.bar-row{font-size:10px;gap:4px}.actions-column{display:flex;flex-direction:column}.actions-column>.mini-head,.actions-grid,.queue-box{width:100%}.action-card{padding:10px;min-height:125px}.action-card p{font-size:11px}.queue-box{padding-top:6px}.queue-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.queue-item{display:flex;flex-direction:column;position:relative;padding:9px 5px;gap:5px;text-align:center;min-height:104px}.queue-item>span{align-self:flex-start;width:21px;font-size:10px;height:24px}.queue-remove{position:absolute;right:4px;top:5px;width:28px;height:28px}.queue-item strong{font-size:10px;margin-top:4px}.empty-queue{flex-direction:column;text-align:center;min-height:104px;padding:9px 5px;font-size:9px}.queue-box>.btn{min-height:48px;font-size:12px}.log-feed{max-height:340px}.floor-map{grid-template-columns:1fr 1fr;gap:22px}.map-floor:after{display:none}.map-floor.current{outline:1px solid #30acd5;outline-offset:7px}.route-map{padding:20px}.map-node small{font-size:9px}.ruin-dashboard,.ruin-choice-grid{grid-template-columns:1fr}.ruins-header-content h2{font-size:34px}.ruins-header-content p{font-size:12px}.ruin-status,.ruin-bag,.ruin-route{padding:15px}.ruin-node{padding:14px;gap:12px}.ruin-node h4{font-size:18px}.ruin-node p{font-size:12px}.save-bar>div{width:100%}#toast-root{bottom:90px;right:12px;left:12px}.toast{font-size:12px}
.creation .preset-card{aspect-ratio:.5}.creation .creation-stage{max-height:none}.creation .allocator-row{padding:8px 10px}.fighter-art{height:220px}.fighter-art img,.fighter-art.enemy-tone img{object-position:50% 0}.queue-item{padding:9px 5px;min-height:128px}.queue-up{bottom:5px;left:5px;right:auto}.queue-item small{margin-bottom:24px}.creation-title h2{font-size:22px}
.arsenal-mobile-tabs{display:flex;gap:8px;margin-bottom:14px}.arsenal-mobile-tabs .btn{flex:1;min-height:45px}.arsenal-grid[data-mobile-tab="inventario"]>.loadout-panel,.arsenal-grid[data-mobile-tab="inventario"]>.chips-panel,.arsenal-grid[data-mobile-tab="equipo"]>.inventory-panel,.arsenal-grid[data-mobile-tab="equipo"]>.chips-panel,.arsenal-grid[data-mobile-tab="chips"]>.loadout-panel,.arsenal-grid[data-mobile-tab="chips"]>.inventory-panel{display:none}.item-media{height:126px}.inventory-card .item-copy strong{font-size:13px}.inventory-card .item-copy small,.inventory-card .item-mods{font-size:11px}.inventory-card .btn{min-height:40px}
#toast-root{bottom:90px}
.creation-portrait{object-position:50% 0}
.inventory-card:only-child{grid-template-columns:85px minmax(0,1fr);gap:10px}.inventory-card:only-child .item-media{height:112px}.inventory-card:only-child .item-copy strong{font-size:14px}.gear-sources>.btn{flex:1;min-height:44px}.inventory-filters{gap:6px}.gear-comparison{font-size:11px}.inventory-card .item-actions>.btn{white-space:normal}.gear-help{font-size:12px}
html{min-width:0}body{margin:0;background:#030913;font-size:14px}
#app{width:100%;max-width:440px;margin:0 auto;background:#050e1c;min-height:100dvh}
.game-shell{display:block;min-height:100dvh}.sidebar{display:none}
.main-view{width:100%;padding:10px 10px 96px;margin:0;max-width:none}
.mobile-nav{display:flex;width:100%;max-width:440px;left:50%;right:auto;transform:translateX(-50%);padding:6px 4px calc(6px + env(safe-area-inset-bottom));backdrop-filter:none}
.topbar{margin-bottom:10px;padding-bottom:9px;gap:8px}.topbar .eyebrow{display:none}.topbar h1{font-size:19px}.topbar h1 span{font-size:12px}.topbar-right{width:100%}.currencies span{padding:5px;font-size:12px}.currencies small{font-size:10px}
.panel,.hero-card,.equip-slot,.inventory-card,.chip-card{border-radius:3px;box-shadow:none}
.base-grid,.base-side,.duo-grid,.character-layout,.ruin-dashboard,.ruin-choice-grid,.arena-layout{display:grid;grid-template-columns:1fr;gap:10px}
.hero-card{min-height:180px}.hero-info{max-width:100%;padding:16px}.hero-info h2{font-size:24px}.hero-info p,.hero-tags{display:none}.hero-character{position:absolute;width:45%;height:100%;opacity:.25}
.panel{padding:12px}.mini-head{letter-spacing:.08em;font-size:12px}
.character-showcase{height:300px;min-height:300px}.character-portrait.large{height:100%;width:65%}.character-text{padding:50px 12px 12px}.character-text h2{font-size:24px}
.creation{padding:12px;gap:10px}.creation-header{padding-bottom:8px}.creation-steps{display:none}.creation .creation-stage{height:190px;min-height:0}.creation-caption h1{font-size:26px}.creation-title p{display:none}.creation-fields{grid-template-columns:1fr}.creation .preset-card{aspect-ratio:.6}
.inventory-list,.chip-catalog{display:grid;grid-template-columns:1fr;gap:8px}
.inventory-card,.inventory-card:only-child{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:9px}
.inventory-card .item-media,.inventory-card:only-child .item-media{width:56px;height:65px;grid-column:1;grid-row:1}
.inventory-card .item-copy{grid-column:2}.inventory-card .item-copy p{display:none}.inventory-card .item-actions,.inventory-card:only-child .item-actions{grid-column:1/-1}.item-copy strong{font-size:14px}
.arsenal-mobile-tabs{display:flex}.gear-sources{gap:5px}.gear-sources .btn{padding:8px 5px}.gear-help{line-height:1.4}
.btn,button,input{touch-action:manipulation}.btn{min-height:44px}.allocator-controls button{width:44px;height:44px}input{font-size:16px!important}
.arena-intro h2{font-size:23px}.opponent-portrait{height:110px}.fighter-art{height:150px}.battle-center{order:0}.battle-stage{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)}.battle-bars{grid-template-columns:1fr 1fr}.battle-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:1fr 1fr}.action-card{min-height:90px;padding:9px}.action-card p{font-size:12px}.queue-item{min-height:128px}
.ruins-header{min-height:150px}.ruins-header-content{padding:15px}.ruins-header-content h2{font-size:25px}.ruins-header-content p,.ruins-header-content .hero-tags{display:none}.ruin-node h4{font-size:16px}.ruin-node p{font-size:12px}.floor-map{grid-template-columns:1fr 1fr}
#toast-root{width:calc(100% - 24px);max-width:416px;left:50%;right:auto;transform:translateX(-50%);bottom:90px}
.install-app{position:fixed;top:8px;right:8px;z-index:60;background:#19d4f3;color:#04101d;border:1px solid #69e9ff;border-radius:5px;min-height:44px;padding:8px;font-weight:bold}
@media(max-width:600px){.install-app{top:auto;bottom:80px;right:12px}}
/* Compact activity list: no promotional cards on the mobile home. */
.hero-card{min-height:110px}.hero-info h2{font-size:20px;margin:4px 0 12px}.hero-info .eyebrow{display:none}
.id-card,.summary-kpis{padding:12px}.id-card-main img{width:52px;height:64px;border-radius:3px}.id-card h3{font-size:20px}.id-card .xp-block{margin-top:10px}
.kpi-box{padding:6px}.kpi-box b{font-size:19px}.kpi-box small{margin-top:3px}.summary-kpis>p{display:none}
.duo-grid{margin-top:10px}.teaser-card{grid-template-columns:40px 1fr;padding:8px 12px;gap:10px}.teaser-art{width:40px;height:44px;background-size:40px!important;border:0}.teaser-card h3,.teaser-card p{display:none}.teaser-card>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.teaser-card .mini-head{margin:0}
.ruin-feature{margin-top:10px;min-height:0;padding:12px;background:#071525}.ruin-feature p,.ruin-feature .eyebrow,.ruin-feature-art{display:none}.ruin-feature>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.ruin-feature h3{font-size:16px;margin:0}.ruin-feature .btn{font-size:12px;padding:8px}
.action-card p{margin:4px 0 0;line-height:1.35}.action-card{border-radius:3px}.actions-grid{gap:6px}.action-card small{font-size:10px}.queue-list{margin:8px 0}.battle-action-layout{grid-template-columns:1fr}
.install-app{font-size:12px}
.welcome-progress{font-size:12px;color:#b8d9ec;margin:0 0 10px;line-height:1.4}
.contracts-entry{margin-top:10px}.contracts-panel{margin-top:8px}.contracts-panel h2{font-size:18px}.contracts-panel>p{font-size:12px;color:#a8c5da}.contract-card{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px 0;border-bottom:1px solid #224155}.contract-card strong{font-size:13px}.contract-card small{font-size:11px;color:#91bdd6}.contract-card .btn{min-height:38px}
.contracts-panel h2{margin:5px 0}.contracts-panel>p{margin:6px 0;line-height:1.4}.contract-card{padding:8px 0}.permanent-contracts{margin-top:12px}.permanent-contracts summary{cursor:pointer;min-height:40px;color:#71dfff;padding:8px 0;font-size:14px}
