:root{--ui-gold:#f4cc73;--ui-muted:#929cb6;--ui-line:#293149}
body{background:radial-gradient(ellipse at 50% 0,#192138,#070a12 70%)}
.screen{max-width:560px;margin:0 auto;background:radial-gradient(ellipse at 50% 44%,#19213955,transparent 62%),#0b101d;box-shadow:0 0 90px #0008}
.appbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 6px;padding:calc(var(--sat) + 6px) 16px 12px;border-bottom:1px solid #20283a;background:#0b101de8}
.brand{font-size:calc(12px * var(--ui-text-scale,1));letter-spacing:1.8px;font-weight:800}.brand span{font-size:calc(7px * var(--ui-text-scale,1));letter-spacing:1.1px;color:#9ba5bf;margin-top:5px}
.abR{gap:5px}.abR .pill{font-size:calc(9px * var(--ui-text-scale,1));max-width:86px;padding:4px 7px}.abR .pill.gold{background:#efc87712;border-color:#d4b37155;color:#f3cf83}
.mini{background:#151d2e;border-color:#30384e;border-radius:9px}.mini.news{width:29px;height:29px;min-height:29px}
.hud-strip{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;gap:8px}
.hud-cell{min-width:0;border:1px solid var(--ui-line);background:linear-gradient(140deg,#1a2236,#111726);border-radius:12px;padding:9px 12px;display:flex;align-items:center;gap:12px}
.hud-metric{min-width:0;flex:1}.hud-metric small{display:block;color:var(--ui-muted);font-size:calc(8px * var(--ui-text-scale,1));text-transform:uppercase;letter-spacing:1.2px;margin-bottom:3px}.hud-metric b{font-size:calc(16px * var(--ui-text-scale,1));letter-spacing:.3px;line-height:1.1}.hud-metric b span{color:#7d889e;font-weight:500}.hud-metric+.hud-metric{border-left:1px solid #30384e;padding-left:12px}.hud-metric em{font-style:normal;color:#d6b577;font-size:calc(9px * var(--ui-text-scale,1));margin-left:5px}
.hud-collection .hud-metric b{font-size:calc(15px * var(--ui-text-scale,1))}.album-mark{color:#e8c47d;flex-shrink:0}.album-track{height:3px;background:#30384e;border-radius:9px;overflow:hidden;margin-top:5px}.album-track span{display:block;height:100%;background:#e4c17a;border-radius:9px}
.content{padding:14px 16px 7px}.view-body{gap:10px}.foot{font-size:calc(8px * var(--ui-text-scale,1));letter-spacing:.6px;color:#707b96;margin-top:6px}
.screen[data-view=tienda] .view-body{overflow-y:auto;overflow-x:hidden}.screen[data-view=tienda] .pack-grid{flex:0 0 auto;grid-auto-rows:minmax(115px,1fr)}
.tabbar{height:86px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;padding:5px 7px calc(var(--sab) + 5px);background:#0a0e19;border-top:1px solid #2b3247;gap:0;overflow:visible}
.tab{min-width:0;height:53px;min-height:0;position:relative;border-radius:0;gap:5px;padding:0;color:#7d88a1;font-size:calc(8px * var(--ui-text-scale,1));letter-spacing:.2px;justify-content:flex-end;transition:color .2s,height .2s}
.tab .nav-icon{display:grid;place-items:center;width:34px;height:31px;border:1px solid transparent;border-radius:13px;transition:height .2s,width .2s,background .2s,border-color .2s,box-shadow .2s}
.tab .nav-icon svg{width:22px;height:22px;transition:width .2s,height .2s}.tab.on{height:72px;color:#f4cf83;background:transparent;font-weight:800}.tab.on .nav-icon{width:51px;height:49px;background:linear-gradient(150deg,#2c2b29,#181d2b);border-color:#e6c17b99;box-shadow:0 0 0 5px #0a0e19,0 -6px 24px #efc8770c}.tab.on .nav-icon svg{width:27px;height:27px}
.menu-home{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;padding-top:8px}.eyebrow{display:block;font-size:calc(8px * var(--ui-text-scale,1));letter-spacing:1.8px;font-weight:700;color:#b6a27c}.home-copy{z-index:2;flex-shrink:0}.home-copy h1{font-size:calc(clamp(27px,7.7vw,39px) * var(--ui-text-scale,1));letter-spacing:-1.4px;font-weight:750;line-height:1.06;margin:10px 0;color:#f2f0e9}.home-copy h1 span{color:#e4c17a}.home-copy p{color:#969fb5;font-size:calc(11px * var(--ui-text-scale,1));line-height:1.5;max-width:240px}
.hero-scene{flex:1;min-height:132px;position:relative;display:grid;place-items:center;margin:0 -5px;isolation:isolate;overflow:hidden}.hero-scene:before,.hero-scene:after{content:'';position:absolute;width:330px;height:330px;border:1px solid #bda36f15;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.hero-scene:after{width:260px;height:260px;border-color:#bda36f20;box-shadow:0 0 0 34px #bda36f04}.hero-halo{position:absolute;inset:10%;background:radial-gradient(ellipse,#dcbb6c16,transparent 65%);z-index:-1}.hero-fan{position:relative;width:265px;height:min(100%,238px);min-height:132px;display:grid;place-items:center}.hero-fan .cromo{position:absolute;width:132px;max-height:95%;box-shadow:0 10px 32px #0009;pointer-events:none}.hero-fan .cromo:first-child{transform:translate(-68px,10px) rotate(-13deg);width:116px;filter:brightness(.78)}.hero-fan .cromo:last-child{transform:translate(68px,10px) rotate(13deg);width:116px;filter:brightness(.78)}.hero-fan .cromo:nth-child(2){z-index:2;transform:translateY(-7px)}.hero-fan .cromo:only-child{transform:none;width:132px;filter:none}.hero-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#a7a28f;font-size:calc(8px * var(--ui-text-scale,1));letter-spacing:1.8px;text-transform:uppercase;z-index:3;text-shadow:0 1px 4px #000}
.home-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-shrink:0;padding:9px 0 5px}.home-season{max-width:135px;padding-bottom:5px}.home-season span{display:block;font-size:calc(8px * var(--ui-text-scale,1));letter-spacing:1.5px;color:#cdb27d;margin-bottom:5px}.home-season b{font-size:calc(11px * var(--ui-text-scale,1));color:#c6cbd7;font-weight:500;line-height:1.5}.play-launcher{position:relative;flex-shrink:0}.play-mode-caption{display:block;font-size:calc(9px * var(--ui-text-scale,1));color:#a8b0c3;margin:0 0 6px 2px}.play-split{display:flex;background:linear-gradient(140deg,#f4d598,#d5af60);border:1px solid #f5d69c;border-radius:13px;box-shadow:0 5px 22px #d6ad4f17;overflow:hidden}.play-main{border:0;background:transparent;color:#191c25;font-size:calc(19px * var(--ui-text-scale,1));font-weight:800;padding:12px 19px;min-height:51px}.play-toggle{width:39px;border:0;border-left:1px solid #5f4b2833;background:transparent;color:#26251e;padding:8px}.play-toggle svg{transition:transform .2s}.play-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.play-options{position:absolute;right:0;bottom:calc(100% + 8px);min-width:195px;display:grid;gap:3px;background:#141c2c;border:1px solid #776644;border-radius:13px;padding:6px;box-shadow:0 12px 40px #000a;z-index:35;animation:playIn .16s ease-out}.play-option{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border:0;border-radius:8px;background:transparent;color:#bfc7d8;font-size:calc(11px * var(--ui-text-scale,1))}.play-option span{width:24px;font-weight:800;color:#e8c681}.play-option.on{background:#e5c17a16;color:#f0d59c}.play-option:hover{background:#ffffff09}@keyframes playIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.market-heading{display:flex;justify-content:space-between;align-items:center}.market-heading h2{font-size:calc(28px * var(--ui-text-scale,1));letter-spacing:-1px;margin-top:4px}.market-dot{color:#edc67c}.market-refresh{font-size:calc(22px * var(--ui-text-scale,1));width:36px;height:36px;padding:0}.market-account{display:flex;align-items:center;gap:7px;color:#9aa5bd;font-size:calc(9px * var(--ui-text-scale,1))}.account-dot{width:5px;height:5px;background:#8495b1;border-radius:50%;flex-shrink:0}.demo .account-dot{background:#d6b572}.market-account.demo{color:#d6b572}.market-note{font-size:calc(10px * var(--ui-text-scale,1));line-height:1.5;color:#909cb7;margin:4px 0 10px}.demo-note{font-size:calc(9px * var(--ui-text-scale,1));margin:0;color:#b29d78}
.market-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #2b344a;gap:2px}.market-tabs button{font-size:calc(10px * var(--ui-text-scale,1));font-weight:650;border:0;background:transparent;border-radius:0;color:#8591ac;min-height:38px;padding:7px 0 10px;position:relative}.market-tabs button.on{color:#f2cf87}.market-tabs button.on:after{content:'';height:2px;background:#ebc77e;position:absolute;bottom:-1px;left:9px;right:9px;border-radius:5px}
.market-body{padding:0 2px 6px 0}.market-filters{display:flex;gap:7px;margin:2px 0 9px}.market-filters input{flex:1;width:0;margin:0;font-size:calc(11px * var(--ui-text-scale,1));min-height:36px}.market-filters select{width:123px;font-size:calc(10px * var(--ui-text-scale,1))}.market-body select,.quantity-control input,.purchase-quantity{background:#101729;border:1px solid #303b54;color:#d9dfed;border-radius:9px;padding:8px;font:inherit;min-height:36px;max-width:100%}.market-body select{font-size:calc(11px * var(--ui-text-scale,1))}.market-card-row{width:100%;display:flex;gap:10px;align-items:center;text-align:left;background:#131c2c;border:1px solid #273249;border-radius:12px;padding:9px;margin:6px 0;min-width:0}.market-card-row.selected{border-color:#b69a5e;background:#201f24}.market-thumb{width:39px;height:50px;overflow:hidden;border-radius:6px;border:1px solid #4e5260;flex-shrink:0}.market-thumb img{width:100%;height:100%;object-fit:cover}.market-card-copy{min-width:0;flex:1}.market-card-copy b{font-size:calc(11px * var(--ui-text-scale,1));line-height:1.3;display:block}.market-card-copy small{display:block;font-size:calc(9px * var(--ui-text-scale,1));color:#929fbc;margin-top:5px}.market-card-copy strong{display:block;font-size:calc(10px * var(--ui-text-scale,1));color:#d8bf8b;margin-top:5px}.row-price{font-size:calc(12px * var(--ui-text-scale,1));color:#e6cb93;position:relative;padding-right:14px;flex-shrink:0}.row-price small{display:block;font-size:calc(8px * var(--ui-text-scale,1));color:#8d9ab2;margin-top:3px}.row-price>span{position:absolute;right:0;top:0;font-size:calc(20px * var(--ui-text-scale,1));color:#77849d}
.missing-filter{font-size:calc(10px * var(--ui-text-scale,1));background:#151e2e;border:1px solid #34405b;color:#a8b4ca;border-radius:20px;padding:7px 11px;margin:0 0 8px}.missing-filter.on{color:#e9ca88;border-color:#b4985b;background:#b3954c17}.market-card-copy .missing-label{color:#a2c8b8}
.sell-sheet,.trade-compose{border:1px solid #5f543c;border-radius:13px;padding:12px;background:linear-gradient(150deg,#242329,#131a2a);margin:5px 0 12px}.sell-sheet>.bar>b{font-size:calc(12px * var(--ui-text-scale,1))}.sell-sheet>.bar .mini{padding:0;width:26px;min-height:26px;font-size:calc(17px * var(--ui-text-scale,1))}.sell-target{display:flex;gap:4px;background:#0b1221;padding:4px;border-radius:9px;margin:11px 0}.sell-target button{flex:1;padding:8px 3px;border:0;border-radius:6px;font-size:calc(10px * var(--ui-text-scale,1));background:transparent;color:#8e9ab3}.sell-target button.on{background:#c3a26424;color:#ead09d}.quantity-row{display:flex;gap:5px;justify-content:space-between;align-items:center;margin:12px 0}.quantity-row label{font-size:calc(11px * var(--ui-text-scale,1))}.quantity-row label small{display:block;font-size:calc(9px * var(--ui-text-scale,1));color:#96a1b7;margin-top:5px}.quantity-control{display:flex;gap:4px;align-items:center;flex-shrink:0}.quantity-control .mini{padding:0;width:28px;height:30px;min-height:30px}.quantity-control input{width:46px;padding:4px;text-align:center;min-height:30px;margin:0;font-size:calc(12px * var(--ui-text-scale,1));appearance:textfield}.quantity-control input::-webkit-inner-spin-button{appearance:none}.sell-total{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #514a3b55}.sell-total>span{font-size:calc(10px * var(--ui-text-scale,1));color:#a8afbf}.sell-total strong{font-size:calc(26px * var(--ui-text-scale,1));color:#ebcb89;letter-spacing:-1px}.sell-total strong small{font-size:calc(12px * var(--ui-text-scale,1));letter-spacing:0}.sell-sheet .btn,.trade-compose>.btn{background:linear-gradient(120deg,#edcf94,#ccaa62);border-radius:9px;font-size:calc(11px * var(--ui-text-scale,1))}.market-empty{text-align:center;padding:28px 14px;color:#d4d9e6;border:1px dashed #34405a;border-radius:12px;margin:10px 0}.market-empty b{font-size:calc(12px * var(--ui-text-scale,1));display:block;line-height:1.5}.market-empty p{font-size:calc(10px * var(--ui-text-scale,1));color:#919db8;line-height:1.6;margin:10px 0}.empty-market-icon{display:block;font-size:calc(37px * var(--ui-text-scale,1));color:#d3b879;margin-bottom:10px}
.market-prices{margin-top:15px;border-top:1px solid #2e374c;padding-top:12px;font-size:calc(10px * var(--ui-text-scale,1));color:#b1bbd0}.market-prices summary{cursor:pointer;color:#cdb887;padding:3px 0 8px;font-size:calc(10px * var(--ui-text-scale,1))}.market-prices p{font-size:calc(10px * var(--ui-text-scale,1));line-height:1.55;color:#8e9ab4;margin:10px 0}.price-scroll{overflow-x:auto}.market-prices table{font-size:calc(9px * var(--ui-text-scale,1))}.market-prices th,.market-prices td{padding:7px 3px;white-space:nowrap}.market-prices th{background:#101727}
.trade-compose{border-color:#303b53;background:#141d2e}.trade-compose label{display:block;color:#9ca9c3;font-size:calc(10px * var(--ui-text-scale,1));margin-bottom:12px;line-height:1.5}.trade-compose select{display:block;width:100%;margin-top:5px;min-width:0}.trade-pair{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:5px;align-items:center}.trade-pair>span{font-size:calc(18px * var(--ui-text-scale,1));color:#cbb17a;text-align:center}.trade-quote{border:1px solid #8e794555;background:#b2914f0b;border-radius:9px;padding:10px;margin-bottom:12px}.trade-quote b{font-size:calc(11px * var(--ui-text-scale,1));color:#e2c894;display:block}.trade-quote span{display:block;font-size:calc(10px * var(--ui-text-scale,1));margin-top:5px;color:#9ba8c2}.market-error{color:#f0a79a;background:#6f292b22;border:1px solid #85463c66;border-radius:8px;padding:8px 10px;font-size:calc(11px * var(--ui-text-scale,1));line-height:1.5}.market-success{color:#a5cfbc;border-radius:8px;background:#2c56402a;padding:8px 10px;font-size:calc(11px * var(--ui-text-scale,1));line-height:1.5}
.trade-activity{border:1px solid #303c55;background:#131c2c;border-radius:12px;padding:12px;margin:8px 0}.trade-activity b{font-size:calc(11px * var(--ui-text-scale,1))}.trade-activity p{font-size:calc(10px * var(--ui-text-scale,1));line-height:1.5;color:#adb8cc;margin:8px 0}.trade-status{font-size:calc(8px * var(--ui-text-scale,1));letter-spacing:.2px;color:#d4bc87}.trade-status.completed{color:#89c7a8}.trade-status.cancelled,.trade-status.expired{color:#a2a8b7}.trade-progress{display:flex;gap:12px;font-size:calc(9px * var(--ui-text-scale,1));color:#95a2bb;margin:10px 0}.market-receipt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #283249;font-size:calc(10px * var(--ui-text-scale,1));color:#b5bfd3}.market-receipt small{display:block;font-size:calc(9px * var(--ui-text-scale,1));color:#7e8da9;margin-top:4px}.market-receipt b{white-space:nowrap;color:#d9c08a}.market-review p{font-size:calc(12px * var(--ui-text-scale,1));color:#c0cada;line-height:1.6;margin:10px 0}.review-step{font-size:calc(9px * var(--ui-text-scale,1));letter-spacing:1px;text-transform:uppercase;color:#bfa66e;display:block;margin:8px 0 14px}.modal{max-height:calc(100dvh - 36px);overflow-y:auto}.modal .bar{margin-top:16px}.modal .purchase-quantity{width:100%;margin-top:10px}.modal .purchase-price{font-size:calc(20px * var(--ui-text-scale,1));color:#e9cb8f;margin-top:12px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #eed08a;outline-offset:2px}
@media(max-height:690px){.appbar{gap:8px 5px;padding-bottom:9px}.hud-cell{padding:7px 10px}.hud-metric b{font-size:calc(14px * var(--ui-text-scale,1))}.content{padding-top:10px}.view-body{gap:8px}.home-copy h1{font-size:calc(28px * var(--ui-text-scale,1));margin:7px 0}.home-copy p{font-size:calc(10px * var(--ui-text-scale,1))}.menu-home{padding-top:0}.hero-fan .cromo{width:107px}.hero-fan .cromo:first-child,.hero-fan .cromo:last-child{width:94px}.hero-fan .cromo:first-child{transform:translate(-54px,6px) rotate(-13deg)}.hero-fan .cromo:last-child{transform:translate(54px,6px) rotate(13deg)}.hero-caption{display:none}.home-bottom{padding-top:0}.play-main{padding:9px 17px;min-height:45px;font-size:calc(18px * var(--ui-text-scale,1))}.home-season b{font-size:calc(10px * var(--ui-text-scale,1))}.market-heading h2{font-size:calc(25px * var(--ui-text-scale,1))}.market-tabs button{min-height:34px}}
@media(max-width:350px){.appbar{padding-left:12px;padding-right:12px}.content{padding-left:12px;padding-right:12px}.abR{gap:3px}.abR>.pill:not(.gold){display:none}.brand{font-size:calc(11px * var(--ui-text-scale,1))}.hud-cell{gap:8px;padding:7px 9px}.hud-metric+.hud-metric{padding-left:8px}.hud-metric em{display:none}.hud-metric b{font-size:calc(14px * var(--ui-text-scale,1))}.hud-metric small{font-size:calc(7px * var(--ui-text-scale,1))}.hud-collection .hud-metric b{font-size:calc(14px * var(--ui-text-scale,1))}.home-season{max-width:115px}.home-copy h1{font-size:calc(28px * var(--ui-text-scale,1))}.market-filters select{width:111px}.market-card-row{gap:8px;padding:8px}.market-card-copy b{font-size:calc(10px * var(--ui-text-scale,1))}.market-tabs button{font-size:calc(9px * var(--ui-text-scale,1))}.quantity-control .mini{width:25px}.trade-pair{grid-template-columns:1fr}.trade-pair>span{display:none}.trade-compose label{margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){.tab,.tab .nav-icon,.tab .nav-icon svg,.play-toggle svg{transition:none}.play-options{animation:none}}
@media(max-height:600px){.hero-scene,.hero-fan{min-height:110px}.home-copy h1{font-size:calc(26px * var(--ui-text-scale,1))}.home-season{padding-bottom:0}}

.market-confirm-actions{display:grid;grid-template-columns:auto 40px minmax(0,1fr);gap:8px;align-items:stretch}.market-confirm-actions .btn{min-width:0;padding:9px 10px;white-space:normal;line-height:1.25}.market-confirm-actions .review-check{display:grid;place-items:center;padding:0;min-height:40px}.market-confirm-actions .review-check.is-reviewed{background:#238653;border-color:#57c48b;color:#fff;box-shadow:0 0 12px #23865330}

@keyframes heroBob{0%,100%{translate:0 2.5px}50%{translate:0 -2.5px}}.hero-fan .cromo{animation:heroBob 3.6s ease-in-out infinite}.hero-fan .cromo:first-child{animation-delay:-.8s}.hero-fan .cromo:last-child{animation-delay:-1.6s}@media(prefers-reduced-motion:reduce){.hero-fan .cromo{animation:none;translate:0 0}}

/* El documento no se desplaza: solo lo hacen los paneles con contenido. */
html{overscroll-behavior:none}
body{position:fixed;inset:0;overscroll-behavior:none}
.screen,.screen *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.screen input,.screen textarea,.screen [contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.screen img,.screen .gold-canvas{-webkit-user-drag:none;pointer-events:none}
.inner-scroll,.content.scroll-ok,.doc-grid,.chips,.row,.log,.modal,.screen[data-view=tienda] .view-body{overscroll-behavior:none}
/* Solo se compacta la fila de estadísticas; la franja del nombre no cambia. */
.hud-strip{gap:6px}
.hud-cell{padding:5px 9px;gap:8px;border-radius:9px}
.hud-metric small{font-size:calc(7.5px * var(--ui-text-scale,1));line-height:1.15;letter-spacing:.6px;margin-bottom:2px;white-space:nowrap}
.hud-metric b,.hud-collection .hud-metric b{display:block;font-size:calc(14px * var(--ui-text-scale,1));line-height:1.05;white-space:nowrap}
.hud-metric+.hud-metric{padding-left:8px}
.album-mark svg{width:18px;height:18px}
.album-track{height:2px;margin-top:3px}

/* Insignias del menú: bisel, canto y símbolo en relieve. */
.tabbar{background:linear-gradient(180deg,#141b2a,#090e19 65%);box-shadow:inset 0 1px #ffffff08,0 -8px 24px #0003}
.tab .nav-icon{position:relative;isolation:isolate;overflow:visible;width:39px;height:34px;border-radius:11px;border:1px solid #596172;background:linear-gradient(145deg,#465064 0%,#252e40 36%,#151c2b 72%,#242d3d 100%);box-shadow:inset 0 1px 1px #ffffff38,inset 1px 0 #ffffff12,inset 0 -2px 2px #0009,0 3px 0 #070b13,0 4px 0 #343c4b,0 6px 9px #0008;transition:transform .16s,box-shadow .16s,width .2s,height .2s,border-color .2s}
.tab .nav-icon:before{content:'';position:absolute;inset:3px;border:1px solid #aab9d01b;border-radius:7px;pointer-events:none}
.tab .nav-icon svg{position:relative;color:#c2cbdc;stroke-width:1.9;filter:drop-shadow(0 1px 0 #ffffff35) drop-shadow(0 -1px 0 #000b)}
.tab.on .nav-icon{width:51px;height:49px;border-radius:14px;border-color:#e8c77f;background:linear-gradient(145deg,#736044 0%,#3c352d 34%,#242630 73%,#4b4030 100%);box-shadow:inset 0 1px 2px #fff1b678,inset 1px 0 #eacb7d35,inset 0 -3px 3px #0009,0 4px 0 #18140e,0 5px 0 #94794a,0 8px 12px #0009,0 -5px 20px #e9bd6020}
.tab.on .nav-icon:before{inset:4px;border-radius:10px;border-color:#ebc87c42}
.tab.on .nav-icon svg{color:#f6d795;filter:drop-shadow(0 1px 0 #fff4bc55) drop-shadow(0 -1px 0 #33200dcc)}
.tab:active .nav-icon{transform:translateY(3px);box-shadow:inset 0 2px 4px #0008,0 1px 0 #3c4352,0 3px 5px #0008}
@media(hover:hover){.tab:hover .nav-icon{border-color:#b7a278}.tab.on:hover .nav-icon{border-color:#ffe2a3}}
@media(prefers-reduced-motion:reduce){.tab .nav-icon{transition:none}}
/* Mesa de tres oradores, dos cartas disponibles y un mazo pendiente. */
.screen.in-battle{--orator-height:clamp(58px,calc((100dvh - 410px)/2),125px);--hand-width:clamp(58px,11dvh,90px)}
.screen.in-battle .battle-wrap{gap:3px;overflow-y:auto;overscroll-behavior:contain;padding:3px}
.screen.in-battle .tribuna{width:calc(var(--orator-height)*2.4324 + 12px);max-width:100%}
.hand-zone{display:grid;grid-template-columns:calc(var(--hand-width)*2 + 6px) var(--hand-width);gap:10px;justify-content:center;align-items:start;flex-shrink:0}
.hand-zone .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;padding:3px 0;overflow:visible;min-height:calc(var(--hand-width)*1.3333)}
.hand-zone .row>*{width:100%;min-width:0}.draw-pile{aspect-ratio:3/4;border:1px solid #847048;border-radius:9px;background:repeating-linear-gradient(135deg,#1d263b 0 5px,#172035 5px 10px);box-shadow:3px 3px 0 #080d18,4px 4px 0 #63573c,6px 6px 0 #080d18;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e1c688;gap:4px;margin-top:3px}.draw-pile span{font-size:calc(8px * var(--ui-text-scale,1));letter-spacing:1.5px}.draw-pile b{font-size:calc(21px * var(--ui-text-scale,1))}.draw-pile small{font-size:calc(8px * var(--ui-text-scale,1));color:#a7adc0}
.turn-clock{font-size:calc(10px * var(--ui-text-scale,1));color:#b9c9e4;white-space:nowrap}.turn-clock.urgent{color:#ff9b85;font-weight:800}
.screen.in-battle .vbars{padding:5px 7px;border:1px solid #645334;border-radius:9px;background:#111a2a;gap:5px}
.screen.in-battle .log{height:30px;min-height:30px;font-size:calc(9px * var(--ui-text-scale,1))}.screen.in-battle .hint{font-size:calc(9px * var(--ui-text-scale,1));line-height:1.3;padding:3px 6px}
.screen.in-battle .battle-wrap>.bar:first-of-type{flex-wrap:wrap;gap:4px}
/* Fixed proportions keep the selector aligned at every screen width. */
.play-launcher{width:168px;max-width:48vw}.play-split{display:grid;grid-template-columns:minmax(0,1fr)44px;align-items:stretch}.play-main{min-width:0;padding:12px 14px;text-align:center}.play-toggle{width:44px;min-width:44px;height:52px;padding:0;display:grid;place-items:center;border-radius:0}.play-toggle svg{display:block;width:17px;height:17px;flex:none}.online-entry{display:flex;width:100%;margin-top:7px;min-height:34px;font-size:calc(12px * var(--ui-text-scale,1));justify-content:center}.play-options{width:220px;max-width:calc(100vw - 24px)}.play-online-ranked{border:0;border-top:1px solid #e4c17733;border-radius:0;background:transparent;color:#efcb82;font-size:calc(11px * var(--ui-text-scale,1));text-align:left;padding:12px 10px;min-height:42px}.play-option{min-height:42px}.play-option>span{flex:0 0 25px;text-align:center}.network-battle-status{position:fixed;left:50%;transform:translateX(-50%);top:var(--sat,16px);z-index:90;max-width:90vw;background:#182437f5;border:1px solid #d9ba72;border-radius:9px;padding:8px 12px;font-size:calc(12px * var(--ui-text-scale,1));color:#efd699;box-shadow:0 6px 20px #0008}

/* El resumen, las recompensas y los botones reservan su espacio al terminar. */
.screen[data-view=result] .view-body{gap:8px}
.screen[data-view=result] .majority-seal{padding:5px 10px;gap:2px;flex-shrink:0}
.screen[data-view=result] .majority-seal>span{font-size:calc(28px * var(--ui-text-scale,1))}
.screen[data-view=result] .majority-seal>b{font-size:calc(17px * var(--ui-text-scale,1))}
.result-summary,.result-controls{flex-shrink:0}
.result-summary{margin:0;padding:10px}
.result-summary .bar{gap:5px}
.result-summary h2{margin:0;font-size:calc(18px * var(--ui-text-scale,1))}
.result-summary p{font-size:calc(12px * var(--ui-text-scale,1));line-height:1.3}
.result-summary .bar>div{display:flex;gap:4px;flex-wrap:wrap}
.result-rating{font-size:calc(11px * var(--ui-text-scale,1));color:#b9c9e0;margin:0;flex-shrink:0}
.result-details{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;padding:0}
.result-details>.panel{margin:0;flex-shrink:0}
.result-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;text-align:center}
.result-card-preview{width:clamp(78px,calc(28dvh - 72px),150px);flex-shrink:0}
.result-card>div:last-child{min-width:0}
.result-card h3{font-size:calc(12px * var(--ui-text-scale,1));margin:0 0 5px;color:#e9ca85}
.result-card b{font-size:calc(13px * var(--ui-text-scale,1))}
.result-card .sub{font-size:calc(10px * var(--ui-text-scale,1));line-height:1.35;margin:5px 0 0}
.result-details>.panel:not(.result-card){padding:9px;font-size:calc(12px * var(--ui-text-scale,1))}
.result-details>.panel:not(.result-card) .bar{gap:5px}
.result-details>.panel:not(.result-card) .btn{min-height:30px;padding:6px 8px;font-size:calc(10px * var(--ui-text-scale,1))}
.result-controls{margin:0;gap:7px;flex-wrap:wrap}
.result-controls .btn{min-height:34px;padding:7px 10px}
@media(max-height:650px){
 .screen[data-view=result] .view-body{gap:5px}
 .screen[data-view=result] .majority-seal{display:flex;align-items:center;justify-content:center;gap:8px;padding:0}
 .screen[data-view=result] .majority-seal>span{font-size:calc(22px * var(--ui-text-scale,1))}
 .screen[data-view=result] .majority-seal>b{font-size:calc(12px * var(--ui-text-scale,1))}
 .screen[data-view=result] .majority-seal>small{font-size:calc(10px * var(--ui-text-scale,1))}
 .result-summary{padding:8px}.result-summary h2{font-size:calc(16px * var(--ui-text-scale,1))}.result-summary p{font-size:calc(11px * var(--ui-text-scale,1))}
 .result-card-preview{width:clamp(76px,calc(28dvh - 72px),112px)}.result-card{padding:8px;gap:6px}.result-card .sub:last-child{display:none}
 .result-details{gap:5px}.result-details>.panel:not(.result-card){padding:7px}
}
@media(max-height:500px) and (min-width:600px){
 .screen[data-view=result] .hud-strip{display:none}
 .screen[data-view=result] .view-body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"seal details" "summary details" "rating details" "controls controls";gap:5px 10px}
 .screen[data-view=result] .majority-seal{grid-area:seal}
 .result-summary{grid-area:summary}.result-rating{grid-area:rating}.result-details{grid-area:details;min-height:0;justify-content:flex-start}.result-controls{grid-area:controls}
}
/* Los efectos de acción se leen completos dentro del registro desplazable. */
.battle-wrap .log-line.action-event{display:block;-webkit-line-clamp:unset;overflow:visible;overflow-wrap:anywhere}

/* Mercado: jerarquía de navegación y controles cómodos en móvil. */
.market-balance{margin-left:auto;color:#f0d18f;font-size:calc(15px * var(--ui-text-scale,1));white-space:nowrap}.market-heading{gap:12px}.market-section-intro{padding:10px 0 12px}.market-section-intro b{font-size:calc(15px * var(--ui-text-scale,1));color:#f0d18f}.market-section-intro p{font-size:calc(12px * var(--ui-text-scale,1));line-height:1.5;color:#b5c1d4;margin:5px 0}.market-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.market-tabs button{min-height:42px;font-size:calc(12px * var(--ui-text-scale,1))}.market-body .market-note,.market-body .market-card-copy b,.market-body .trade-compose label{font-size:calc(12px * var(--ui-text-scale,1))}.market-body .market-card-copy small{font-size:calc(11px * var(--ui-text-scale,1))}.market-body .market-filters input,.market-body .market-filters select,.market-body select{min-height:42px;font-size:calc(12px * var(--ui-text-scale,1))}.market-card-row{min-height:66px}.market-body .btn{min-height:40px}.market-body .trade-pair{grid-template-columns:minmax(0,1fr)}.market-body .trade-pair>span{text-align:center;transform:rotate(90deg)}

/* Mercado compacto: espacio prioritario para la colección y controles acotados. */
.screen[data-view=mercado] .view-body{gap:5px}.market-heading{gap:8px;min-height:32px}.market-heading .eyebrow{display:none}.market-heading h2{font-size:calc(22px * var(--ui-text-scale,1));line-height:1.1;margin:0}.market-balance{font-size:calc(13px * var(--ui-text-scale,1))}.market-account{font-size:calc(10px * var(--ui-text-scale,1));min-height:14px}.market-account>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-presence{display:flex;align-items:center;gap:8px;font-size:calc(11px * var(--ui-text-scale,1));line-height:1.35;color:#b2bed1;padding:3px 0;margin:0;min-height:28px}.market-presence input[type=checkbox]{appearance:none;-webkit-appearance:none;display:block;flex:0 0 17px;width:17px;min-width:17px;max-width:17px;height:17px;min-height:17px;max-height:17px;margin:0;padding:0;border:1px solid #8c9bae;border-radius:4px;background:#101b2d;cursor:pointer}.market-presence input[type=checkbox]:checked{background-color:#d2b474;border-color:#e8c98b;background-size:100% 100%;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='%23121b29' stroke-width='2.4'/%3E%3C/svg%3E")}.market-presence input:focus-visible{outline:2px solid #efd69c;outline-offset:3px}.market-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.market-tabs button{font-size:calc(11px * var(--ui-text-scale,1));line-height:1.2;min-height:40px;padding:6px 1px}.market-section-intro{padding:3px 0 6px}.market-section-intro>b{display:none}.market-section-intro p{font-size:calc(11px * var(--ui-text-scale,1));line-height:1.35;margin:0}.market-body .market-note{font-size:calc(11px * var(--ui-text-scale,1));margin:4px 0 7px}.market-filters{margin:0 0 5px}.market-body .market-filters input,.market-body .market-filters select{min-height:38px;font-size:calc(11px * var(--ui-text-scale,1))}.market-filters select{width:112px}.market-heading .market-refresh{width:34px;min-width:34px;height:34px;min-height:34px}
@media(max-height:500px) and (min-width:600px){.result-card-preview{width:68px}.result-card{padding:6px;gap:4px}.result-card h3{font-size:calc(11px * var(--ui-text-scale,1));margin-bottom:3px}.result-card b{font-size:calc(12px * var(--ui-text-scale,1))}}

.market-types{display:flex;gap:6px;margin:2px 0 10px}.market-types button{flex:1;gap:6px;background:#142035;border:1px solid #45546b;color:#b6c3d6;min-height:35px;font-weight:700}.market-types button.on{border-color:#dfbd74;color:#f4d78f;background:linear-gradient(135deg,#443923,#1b2435)}.market-types svg{width:16px;height:16px}.market-card-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:10px;align-items:center;cursor:default}.market-thumb{position:relative;width:62px;height:83px;padding:0;border:0;border-radius:8px;background:none;overflow:visible;display:block;cursor:zoom-in}.market-thumb>.cromo{width:100%;height:100%;margin:0;aspect-ratio:3/4;pointer-events:none}.market-thumb>.cromo .cost{min-width:12px;min-height:12px;font-size:calc(8px * var(--ui-text-scale,1));padding:0 2px}.market-thumb>.cromo .top{min-height:14px;padding:2px}.market-thumb>.cromo .bot{padding:10px 5px 6px;gap:2px}.market-thumb>.cromo .nm{font-size:calc(7px * var(--ui-text-scale,1));min-height:0;line-height:1.05}.market-thumb>.cromo .card-stat{min-height:9px;padding:1px;gap:1px}.market-thumb>.cromo .card-stat small{font-size:calc(5px * var(--ui-text-scale,1))}.market-thumb>.cromo .card-stat b{font-size:calc(7px * var(--ui-text-scale,1))}.market-thumb>.cromo .action-card-copy{padding:3px 7px 8px;gap:1px}.market-thumb .action-card-copy small{font-size:calc(4px * var(--ui-text-scale,1))}.market-thumb .action-card-copy strong{font-size:calc(7px * var(--ui-text-scale,1))}.market-thumb .action-card-copy>span{font-size:calc(5px * var(--ui-text-scale,1))}.market-select{grid-column:3;grid-row:1;align-self:end;min-height:30px;border:1px solid #ab915b;border-radius:8px;background:linear-gradient(#3c3940,#1a253a);color:#f0d18f;font:700 calc(11px * var(--ui-text-scale,1)) 'Hemicycle UI',sans-serif;padding:5px 10px}.row-price{grid-column:3;grid-row:1;align-self:start;text-align:right;font-size:calc(13px * var(--ui-text-scale,1))}.market-select:focus-visible,.market-thumb:focus-visible{outline:2px solid #f2d082;outline-offset:3px}@media(max-width:350px){.market-card-row{grid-template-columns:53px minmax(0,1fr) auto;gap:7px}.market-thumb{width:53px;height:72px}.market-card-copy b{font-size:calc(11px * var(--ui-text-scale,1))}.market-select{padding:5px 8px;font-size:calc(10px * var(--ui-text-scale,1))}}

/* Compra y venta se despliegan junto al cromo elegido. */
.market-stock-item{min-width:0;overflow-anchor:none}.market-inline{overflow:hidden}.market-inline .sell-sheet{margin:0 0 10px}.market-inline [tabindex="-1"]:focus{outline:none}.market-body{scrollbar-gutter:stable;overflow-anchor:none}.market-purchase-review{display:flex;align-items:center;gap:8px;font-size:calc(11px * var(--ui-text-scale,1));line-height:1.4;color:#c7d0e0;margin:6px 0 12px}.market-purchase-review input{appearance:none;display:block;flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;padding:0;margin:0;border:1px solid #a18d61;border-radius:4px;background:#101b2d}.market-purchase-review input:checked{background:#e0bf76 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-9' fill='none' stroke='%23121b29' stroke-width='2.4'/%3E%3C/svg%3E") center/100% no-repeat}.market-purchase-review input:focus-visible{outline:2px solid #efd69c;outline-offset:3px}

.market-editor-heading{display:grid;grid-template-columns:53px minmax(0,1fr) 28px;gap:10px;align-items:center;margin-bottom:9px}.market-editor-heading .market-thumb{width:53px;height:72px}.market-editor-heading b{font-size:calc(12px * var(--ui-text-scale,1));line-height:1.35}.market-editor-heading>.mini{width:28px;min-height:28px;padding:0;align-self:start}.market-inline .sell-sheet{margin:6px 0;border-color:#b69a5e}.market-editor-heading+.market-note{margin-top:0}.market-editor-heading .market-thumb>.cromo{border-radius:6px}