/* Alfa 0.5 — componentes reales, marcos geométricos y arte independiente. */
:root{--bg:#030915;--panel:#061222;--line:#204664;--blue:#27cfff;--gold:#edc379;--radius:5px}
body{background:radial-gradient(ellipse at 60% 0,#11294a 0,transparent 48%),#030915;color:#e7f2ff;font-size:14px;line-height:1.55}
button{touch-action:manipulation}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #75edff;outline-offset:4px}button:disabled{cursor:not-allowed}h1,h2,h3,strong{overflow-wrap:anywhere}small{line-height:1.5}p{line-height:1.65}
.panel{border-radius:5px;border-color:#245579;background:linear-gradient(135deg,#07172aee,#030c19f5);box-shadow:inset 0 1px #459cd52b,0 12px 35px #0004}.panel:before{content:'';position:absolute;top:0;left:0;width:35px;height:2px;background:#3ddfff;box-shadow:0 0 14px #00aeff;pointer-events:none}
.btn,.nav-btn,.badge,.small-chip,.text-input,.role-option{border-radius:4px}.btn.primary{background:linear-gradient(105deg,#24d6f6,#4a9bff 65%,#9d63ff);box-shadow:0 0 20px #1179d32b}.btn.ghost{background:#07182c}.eyebrow,.mini-head{font-size:10px;letter-spacing:.2em;color:#44d9ff}.brand-copy strong{font-size:19px;letter-spacing:.1em;line-height:1.15}.brand-copy small{font-size:9px}.brand-mark{border-radius:0;transform:rotate(45deg);color:#30d7ff;background:#051324;font-size:32px;width:39px;height:39px;margin:6px 10px 6px 4px}.badge{font-size:10px;padding:5px 9px}.brand{gap:12px}
.game-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:25px 17px;position:sticky;top:0;height:100vh;background:linear-gradient(#020a15e8,#051024fa),url('assets/ruinas-clean.webp') center/cover}.sidebar-caption{font-size:9px;margin-top:18px}.sidebar-nav{gap:7px}.nav-btn{min-height:52px;font-size:13px;position:relative}.nav-btn.active{border-color:#30b5fd;background:linear-gradient(90deg,#0c416f,#05152b);box-shadow:inset 3px 0 #45ddff,0 0 16px #167ada33}.sidebar-footer{padding:13px;border-radius:3px}.sidebar-footer p{font-size:11px}.sidebar-footer>small{color:#3fe4fc;font-size:10px}.main-view{padding:22px 24px 50px;min-width:0;max-width:1760px;width:100%;margin:auto}.topbar{border-bottom:1px solid #234763;padding-bottom:17px;gap:14px}.topbar h1{font-size:26px;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.topbar h1 span{font-size:16px}.currencies span{border-radius:3px;padding:8px 11px;font-weight:700}.currencies small{font-size:9px;font-weight:400}.avatar-badge{border-color:#3ac5ff}.topbar-right{gap:12px}
.creation{max-width:1760px;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:20px 28px}.creation-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #1c405f}.creation-steps{display:flex;gap:28px;font-size:10px;letter-spacing:.14em;color:#72a3cb}.creation-steps span:first-child{color:#40dbff}.creation-stage{position:sticky;top:20px;align-self:start;height:calc(100vh - 125px);min-height:630px;max-height:940px;overflow:hidden}.creation-portrait{width:100%;height:100%;object-fit:cover;object-position:center top}.creation-caption{position:absolute;inset:auto 0 0;padding:100px 28px 32px;background:linear-gradient(transparent,#020814 70%)}.creation-caption h1{font-family:Bahnschrift,'Segoe UI',sans-serif;text-transform:uppercase;font-size:60px;letter-spacing:.07em;line-height:1.05;margin:12px 0}.creation-caption p{margin:16px 0 4px}.creation-caption .eyebrow{color:var(--gold)}.creation-controls{min-width:0}.creation-title h2{font-size:27px;text-transform:uppercase;letter-spacing:.06em;margin:5px 0}.creation-title h2 span{color:#6cddff}.creation-title p{margin:0;color:#9bb8d6}.preset-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:17px 0}.preset-card{padding:0;display:block;position:relative;border-radius:4px;overflow:hidden;min-width:0;aspect-ratio:.55;border-color:#37516c;background:#020b18}.preset-thumb{width:100%;height:100%;border-radius:0}.preset-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:none}.preset-content{position:absolute;bottom:0;left:0;right:0;padding:28px 8px 9px;background:linear-gradient(transparent,#020814 55%)}.preset-content strong{font-size:14px}.preset-content small{font-size:10px;margin:2px 0;color:#b6cde8}.preset-card.active{border-color:#52e4ff;box-shadow:0 0 14px #048fee66,inset 0 0 0 2px #00c8ff}.preset-card.active:after{content:'';width:6px;height:6px;right:7px;bottom:12px;background:#50eaff;box-shadow:0 0 9px #50eaff}.creation-fields{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px;margin-bottom:13px}.identity-field,.role-field,.creation-stats{padding:17px}.identity-field input{margin-top:12px;font-size:15px}.role-picker{display:flex;gap:5px;margin:12px 0 9px}.role-option{flex:1;padding:10px 5px;border:1px solid #31577a;background:#071429;color:#abc7e5;font-size:11px;cursor:pointer}.role-option.active{border-color:#41ccff;background:#113863;color:#fff;box-shadow:inset 0 -2px #39c6ff}.role-field>small{font-size:10px}.point-summary{padding:0;border:0;background:none;gap:10px;border-radius:0;margin:12px 0}.point-summary strong{font-size:28px}.point-summary span{font-size:11px}.point-actions .btn{font-size:10px;padding:6px 9px}.attribute-help{font-size:11px;margin:9px 0 14px}.allocator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.allocator-row{padding:8px 10px;border-radius:3px;background:#071629;border-color:#193d5b}.allocator-name>span{font-size:12px}.allocator-name small{font-size:10px}.allocator-controls{gap:5px}.allocator-controls button{width:32px;height:32px;border-radius:3px;font-size:18px}.allocator-controls strong{font-size:17px}.starter-preview{padding:12px 17px;margin-top:12px;font-size:12px}.starter-preview summary{cursor:pointer;color:#9bbdda}.starter-preview .starter-list{margin-top:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.starter-item{padding:8px;gap:8px;border-radius:3px;font-size:10px}.starter-item small{display:block}.starter-item img{width:38px;height:38px;padding:3px;border-radius:3px}.creation-confirm{width:100%;margin-top:13px;text-transform:uppercase;letter-spacing:.06em;font-size:13px;min-height:50px}
.base-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:16px}.hero-card{min-height:450px}.hero-info{max-width:57%;padding:28px;position:relative;z-index:2}.hero-info h2{font-size:clamp(30px,3vw,48px);line-height:1.12}.hero-info p{font-size:13px}.hero-character{right:0;width:54%;height:100%;mask-image:linear-gradient(90deg,transparent,black 28%)}.hero-character img{object-fit:cover;object-position:center top;width:100%;height:100%}.hero-overlay,.character-backdrop{background:radial-gradient(ellipse at 65% 15%,#20599188,transparent 70%),linear-gradient(135deg,#071425,#040a14)!important}.id-card,.summary-kpis{padding:20px}.kpi-grid{gap:7px}.kpi-box{padding:10px;border-radius:3px}.kpi-box b{font-size:25px}.kpi-box small{font-size:10px}.id-card-main img{width:68px;height:82px;border-radius:4px;object-fit:cover}.hero-tags span{padding:5px 8px;font-size:10px}.teaser-card{grid-template-columns:100px 1fr;padding:20px}.teaser-art{height:115px;border-radius:4px;background-size:80px!important}.teaser-card h3{font-size:21px}.teaser-card p{font-size:12px}.ruin-feature h3{font-size:28px}
.character-layout{grid-template-columns:minmax(210px,.75fr) minmax(300px,1fr) minmax(280px,1fr);gap:14px;align-items:start}.character-showcase{height:580px;min-height:0}.character-portrait.large,.character-portrait.large.portrait-variant{inset:0;width:100%;height:100%;mask-image:none;opacity:1;border-radius:0}.character-portrait.large img{object-fit:cover;object-position:50% 0;filter:none}.character-text{position:absolute;bottom:0;left:0;right:0;max-width:none;padding:70px 18px 20px;background:linear-gradient(transparent,#020a18 35%);z-index:2}.character-text h2{font-size:33px;margin:8px 0}.character-text p{font-size:11px}.char-badges{gap:6px}.repair-call{font-size:11px;gap:8px}.character-layout>.panel:not(.character-showcase){padding:18px}.character-layout .allocator-grid{grid-template-columns:1fr}.equip-slots-grid,.loadout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.equip-slot{padding:10px;border-radius:4px}.equip-slot .slot-head{justify-content:flex-start;gap:8px;font-size:11px}.equip-slot .slot-head img{width:44px;height:44px;padding:3px;border-radius:3px}.equip-slot strong{font-size:12px;margin-top:8px}.equip-slot small,.equip-slot p{font-size:10px}.equip-slot p{margin:7px 0 0}.equip-slot.placeholder{opacity:.55;border-style:dashed}.build-card{border-radius:4px;padding:14px}.build-card h4{font-size:19px}.build-card p{font-size:12px}
.arsenal-grid{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.loadout-panel{grid-column:1;grid-row:1;padding:20px}.inventory-panel{grid-column:2;grid-row:1;padding:20px}.chips-panel{grid-column:1/-1;grid-row:2;padding:20px}.inventory-filters{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px}.inventory-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inventory-section+.inventory-section{margin-top:18px}.inventory-section>.mini-head{margin-bottom:8px}.inventory-card{display:flex;flex-direction:column;align-items:stretch;padding:10px;gap:9px;border-radius:4px;position:relative}.inventory-card.equipped{border-color:#cda45e;background:linear-gradient(145deg,#262017,#071321 65%)}.item-media{justify-content:center;background:radial-gradient(#0e345b,#040e1e);border:1px solid #244868;border-radius:3px;height:95px}.item-media img{width:74px;height:74px;object-fit:contain;padding:0;border:0;background:none;border-radius:0}.item-copy strong{font-size:12px}.item-copy small{display:block;font-size:9px}.item-copy p{font-size:10px;margin:7px 0}.item-copy .item-mods{font-size:10px;color:#ecc782}.item-actions{margin-top:auto}.item-actions .btn{width:100%;font-size:11px;padding:5px}.chip-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.chip-card{padding:14px;border-radius:4px}.chip-card strong{font-size:12px}.chip-card small{display:block;font-size:10px}.chip-card p{font-size:11px}.chip-icon{border-radius:3px;font-size:24px;flex:none}.exchange-box{border-radius:4px;display:flex;gap:15px;align-items:center;padding:14px}.exchange-box p{font-size:11px}.exchange-box .btn{width:auto;margin-left:auto;font-size:12px}.repair-banner{border-radius:4px;font-size:11px}
.arena-intro,.rules-card{padding:24px}.arena-intro h2{font-size:34px;font-style:italic;text-transform:uppercase;margin:10px 0}.arena-opponents{gap:14px}.opponent-card{padding:0 0 15px;border-radius:4px;overflow:hidden;position:relative;gap:5px}.opponent-portrait{width:100%;height:240px;object-fit:cover;object-position:50% 10%;mask-image:linear-gradient(black 65%,transparent)}.opponent-card>span{position:absolute;bottom:62px}.opponent-card strong{font-size:18px}.opponent-card small{font-size:11px}.arena-cta{gap:25px}.arena-cta .btn{flex-shrink:0}.rules-card{margin-top:15px}.rules-card li{font-size:12px}
.battle-panel{padding:17px}.battle-stage{grid-template-columns:1fr 170px 1fr;gap:0;padding:0;border-radius:4px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#17406b,#040b18 65%)}.fighter-card{padding:0;position:relative;border:0;background:transparent;border-radius:0;min-height:0}.fighter-art{height:310px;margin:0;border-radius:0;background:transparent}.fighter-art img,.fighter-art.enemy-tone img{height:100%;width:100%;object-fit:contain;object-position:center top;filter:none;mask-image:linear-gradient(black 65%,transparent)}.fighter-top{position:absolute;bottom:15px;left:18px;right:18px;z-index:2;align-items:flex-start;flex-direction:column;gap:2px}.fighter-top strong{font-size:23px}.fighter-top small{font-size:11px}.enemy .fighter-top{align-items:flex-end}.vs-mark{font-style:italic;font-size:64px;letter-spacing:-.06em}.round-tag{font-size:10px;letter-spacing:.12em;border:0;padding:4px}.battle-center>small{font-size:11px;color:#dfc07b}.range-track{display:flex;justify-content:center;gap:4px;margin-top:15px}.range-track span{font-size:9px;padding:5px;border:1px solid #284b6c;border-radius:3px;color:#839cb7}.range-track .active{color:#f3d58a;border-color:#ba9151;background:#392c1e}.battle-bars{margin:14px 0 22px;gap:32px}.bar{height:8px}.bar.health i{background:linear-gradient(90deg,#eb3667,#ff8c94)}.bar-row{font-size:11px}.battle-action-layout{grid-template-columns:minmax(0,1.7fr) minmax(250px,.85fr);gap:20px}.actions-column{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(170px,1fr);gap:12px;align-items:start}.actions-column>.mini-head{grid-column:1/-1}.actions-grid{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.action-card{padding:12px;border-radius:4px;border-color:#285d8a;background:linear-gradient(135deg,#0b2846,#061225);min-height:126px}.action-head{justify-content:flex-start;gap:8px}.action-head span{font-size:22px;color:#4bdfff;text-shadow:0 0 14px #31c2ff}.action-head strong{font-size:12px}.action-card small{font-size:10px;color:#d2b578}.action-card p{font-size:10px;line-height:1.5}.queue-box{margin:0;padding:0}.queue-box>.mini-head{font-size:10px}.queue-box .soft-small{display:block;font-size:9px;letter-spacing:0;margin-top:3px}.queue-list{gap:8px;margin:10px 0}.queue-item,.empty-queue{padding:10px;border-radius:4px;min-height:64px}.queue-item{grid-template-columns:24px 1fr 24px;gap:6px;border-color:#a4854f;background:linear-gradient(100deg,#302718,#081629)}.queue-item>span{width:24px;height:30px;border-radius:3px;background:#171c26;color:#f7d899;border-color:#b89555}.queue-item strong{font-size:11px}.queue-item small{grid-column:2;grid-row:2;font-size:9px}.queue-remove{grid-column:3;grid-row:1/3;width:26px;height:32px;border-radius:3px}.empty-queue{display:flex;gap:10px;align-items:center;border-style:dashed;font-size:10px;color:#7e99b4}.empty-queue span{font-size:21px;color:#477292}.queue-box>.btn{font-size:11px;padding:12px 8px}.log-column{padding:0;margin:0}.log-column>.mini-head{gap:8px}.log-column .btn{font-size:10px;padding:5px;min-height:32px}.log-feed{max-height:420px;margin-top:12px}.log-round{padding:12px;border-radius:4px;border-left:2px solid #2ccfff}.log-round-head{font-size:10px}.log-round p{font-size:11px;border-bottom:1px solid #122d47;padding-bottom:7px}.duel-result{border-radius:4px}
.route-map{padding:20px;margin-top:16px}.floor-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:16px}.map-floor{position:relative;text-align:center;opacity:.55}.map-floor:after{content:'→';position:absolute;right:-22px;top:45%;color:#4688b2;font-size:22px}.map-floor:last-child:after{display:none}.map-floor.current{opacity:1}.floor-label,.floor-state{display:block;font-size:10px;letter-spacing:.1em;color:#99b8d4}.floor-state{margin-top:8px}.current .floor-state{color:#57e6ff}.completed .floor-state{color:#92d5be}.map-branches{display:flex;gap:7px;margin-top:9px}.map-node{border:1px solid #2b506a;background:#071727;border-radius:4px;padding:10px 6px;flex:1;min-width:0}.current .map-node{box-shadow:0 0 12px #24a7ff22;border-color:#4b9ccd}.map-node b{display:block;font-size:23px}.map-node small{font-size:9px;display:block}.node-loot .ruin-node-icon,.node-loot b{color:#e6c477}.node-rest .ruin-node-icon,.node-rest b{color:#6cdbb3}.node-hazard .ruin-node-icon,.node-hazard b{color:#ff9c69}.node-boss .ruin-node-icon,.node-boss b{color:#d791ff}.node-combat .ruin-node-icon,.node-combat b{color:#ff789a}.ruin-node{border-radius:4px}.ruin-node-icon{border-radius:4px}.ruin-history p{border-radius:3px}.ruins-header-content h2{font-family:Bahnschrift,'Segoe UI',sans-serif;font-size:48px}.ruins-header{min-height:220px}.ruin-dashboard{grid-template-columns:1fr 1fr}.ruin-status,.ruin-bag,.ruin-route{padding:20px}.loot-grid>div{border-radius:4px}.save-bar,.footer-note{border-radius:4px;font-size:11px}
@media(min-width:1600px){.creation{grid-template-columns:.8fr 1.2fr}.creation-title h2{font-size:32px}.preset-card{aspect-ratio:.65}.creation-stage{min-height:760px}.character-layout{grid-template-columns:.85fr 1fr 1.1fr}}
@media(max-width:1250px){.game-shell{grid-template-columns:174px minmax(0,1fr)}.main-view{padding:20px 17px 40px}.sidebar{padding:24px 12px}.brand-copy strong{font-size:15px}.creation{grid-template-columns:.65fr 1.35fr;gap:18px;padding:18px}.creation-fields{grid-template-columns:1fr}.creation-stage{min-height:670px}.creation-steps{gap:15px}.character-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr)}.character-equipment{grid-column:1/-1}.character-equipment .equip-slots-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.character-showcase{height:565px}.battle-action-layout{grid-template-columns:1fr}.log-feed{max-height:250px}.chip-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-list{grid-template-columns:repeat(2,minmax(0,1fr))}.base-grid{grid-template-columns:1fr}.base-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-info{max-width:58%}.point-summary{flex-direction:row;align-items:center}.point-actions{justify-content:flex-end}.allocator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.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}}
@media(max-width:680px){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}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Refinamientos tras revisar las capturas a 1440, 390 y 360 px. */
.sidebar .brand{gap:8px;align-items:center}.sidebar .brand-mark{flex:none;width:28px;height:28px;font-size:25px;margin:5px}.sidebar .brand-copy strong{font-size:15px;letter-spacing:.06em;overflow-wrap:normal}.sidebar .brand-copy small{font-size:8px;letter-spacing:.12em}.sidebar .brand-copy{min-width:0}.creation .preset-card{aspect-ratio:.7}.creation-title h2{font-size:25px}.creation .allocator-row{padding:6px 10px}.creation-stats .attribute-help{margin:6px 0 10px}.creation .creation-stage{max-height:850px}.fighter-art img,.fighter-art.enemy-tone img{object-fit:cover;object-position:50% 8%;mask-image:linear-gradient(black 65%,transparent)}.fighter-art{height:330px}.fighter-top{text-shadow:0 2px 8px #000}.queue-item{position:relative;padding-right:38px;grid-template-columns:24px 1fr;min-height:75px}.queue-remove{position:absolute;right:5px;top:5px}.queue-up{position:absolute;right:5px;bottom:5px;width:26px;height:28px;border:1px solid #365d7a;background:#0b1d2e;color:#83d9fc;cursor:pointer;border-radius:3px}.queue-up:disabled{opacity:.2}.revealed-plans{display:grid;gap:7px;margin:10px 0;padding:9px;background:#0b1c2f;border:1px solid #244761}.revealed-plans small{display:block;color:#50d4ff;font-size:9px}.revealed-plans span{font-size:10px;color:#c8dcf0;line-height:1.7;display:block}.revealed-plans>div+div small{color:#e790bb}.event-mark{display:inline-block;width:20px;color:#4cceff}.actor-1 .event-mark{color:#fc7ea3}.event-miss{opacity:.7}.event-hit{color:#f8dae1!important}.final-log{margin-top:20px;max-height:460px}.ruin-conclusion .btn{margin-top:13px}.map-node.visited{border-color:#62c9a9;background:#0c2a29}.map-node.unchosen{opacity:.38}.panel,.preset-card,.opponent-card{border-top-right-radius:14px;border-bottom-left-radius:14px}
@media(max-width:680px){.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:none}.item-media{height:136px;border:0}.item-media img{width:100%;height:100%;object-fit:contain}.inventory-card .item-copy p{display:none}.item-copy strong{font-size:13px}.equip-slot .slot-head img{width:50px;height:50px;padding:0}.round-reveal{animation:roundFlash .65s ease-out}@keyframes roundFlash{0%{box-shadow:inset 0 0 80px #43daff80}100%{box-shadow:inset 0 0 0 transparent}}
@media(max-width:680px){.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}}
/* Escenario original sin texto ni interfaz incrustada. */
.sidebar{background:linear-gradient(#020a15ed 35%,#041125b8),url('assets/umbral.webp') center bottom/auto 75% no-repeat,#030a16}
.hero-overlay{background:linear-gradient(90deg,#031022ee,#06122e55),url('assets/umbral.webp') center/cover!important;opacity:1}
.battle-stage{background:linear-gradient(#05152b70,#03101dde),url('assets/umbral.webp') center/cover}.fighter-art img{mask-image:linear-gradient(black 70%,transparent)}
.ruins-header-art{background:linear-gradient(90deg,#031021f5,#04142a9c 60%,#03102733),url('assets/umbral.webp') center/cover;opacity:1}
.ruin-feature{background:linear-gradient(90deg,#031020ed,#06142aa8),url('assets/umbral.webp') center/cover}
.teaser-art.chips{background:radial-gradient(#173454,#050e1e);background-image:url('assets/items/cristal_foco.webp');background-position:center;background-repeat:no-repeat;background-size:contain!important}.teaser-art.gear{background:#061120 url('assets/items/chaqueta_tactica.webp') center/contain no-repeat!important}
.ruin-feature-art{background:url('assets/items/insignia_vacia.webp') center/contain no-repeat}
@media(prefers-reduced-motion:reduce){.round-reveal{animation:none}}
.slot-placeholder{display:grid;place-items:center;width:45px;height:45px;font-size:27px;border:1px dashed #416079;color:#87aac5;flex:none}.fighter-art img,.fighter-art.enemy-tone img{object-position:50% 0}.id-card h3{font-size:clamp(22px,2.4vw,32px)}
@media(max-width:960px){#toast-root{bottom:90px}}
@media(max-width:680px){.creation-portrait{object-position:50% 0}}
.creation-import{display:flex;align-items:center;justify-content:center;gap:12px;color:#90acc9;font-size:12px;margin-top:16px;padding:10px}.creation-import button{min-height:40px}