:root{--market-panel-top: calc(var(--rsh-h, 64px) + 22px);--market-panel-bottom: 22px;--market-panel-w: 340px;--market-gold: #f7c85f;--market-gold-soft: #fff1bd;--market-red: #c35d4e;--market-ink: #08080c;--market-line: rgba(255,221,126,.22);--market-line-strong: rgba(255,221,126,.42);--market-text: #f8fafc;--market-muted: #b9a77a}html,body{margin:0;min-height:100%}body.randomia-market-page{color:var(--market-text);background:#050508;font-family:var(--font-ui-global, system-ui, sans-serif);overflow-x:hidden}body.randomia-market-page .market-aaa-shell{position:relative;z-index:1;width:min(1500px,96vw);min-height:calc(100vh - var(--rsh-h,64px));margin:0 auto;padding:clamp(16px,2vw,30px);box-sizing:border-box;isolation:isolate}body.randomia-market-page.market-floating-panel-ready .market-aaa-shell{width:min(1500px,calc(100vw - 390px));margin-left:clamp(16px,3vw,54px);margin-right:auto}body.randomia-market-page .market-main-card{position:relative;overflow:hidden;min-height:calc(100vh - var(--rsh-h,64px) - 44px);border:1px solid rgba(255,221,126,.24);border-radius:30px;padding:clamp(18px,2vw,28px);background:radial-gradient(circle at 13% 0%,rgba(255,241,173,.13),transparent 30%),radial-gradient(circle at 88% 4%,rgba(126,60,255,.09),transparent 32%),linear-gradient(180deg,#0f090ce0,#070609ed);box-shadow:0 24px 78px #0000008f,inset 0 1px #ffffff12}body.randomia-market-page .market-main-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(247,200,95,.13),transparent 16%,transparent 84%,rgba(247,200,95,.08)),radial-gradient(circle at 50% 0%,rgba(255,221,126,.09),transparent 46%);opacity:.84;z-index:0}body.randomia-market-page .market-main-card>*{position:relative;z-index:1}.market-titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.market-kicker,.section-eyebrow,.floating-side-panel-eyebrow{display:inline-flex;color:var(--market-gold);font:900 11px/1 var(--aaa-font-ui, system-ui, sans-serif);text-transform:uppercase;letter-spacing:.16em}.market-titlebar h1{margin:4px 0 0;font-family:var(--aaa-font-title, Georgia, serif);font-size:clamp(42px,5vw,86px);line-height:.86;letter-spacing:.045em;color:#fff6d5;text-shadow:0 4px 24px rgba(0,0,0,.66),0 0 22px rgba(247,200,95,.18)}.market-saldo{margin-top:6px;flex:0 0 auto}.market-section{margin-top:18px}.section-headline{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 12px}.section-headline h2{margin:4px 0 0;font-family:var(--aaa-font-title, Georgia, serif);color:#fff1bd;font-size:clamp(24px,2.2vw,38px);letter-spacing:.035em}.section-headline.compact h2{font-size:clamp(20px,1.8vw,30px)}.list.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:clamp(12px,1.15vw,18px);align-items:start;max-height:min(63vh,780px);overflow:auto;padding:6px 8px 10px 2px;scrollbar-width:thin;scrollbar-color:rgba(255,221,126,.38) transparent}.list.market-grid::-webkit-scrollbar{width:9px}.list.market-grid::-webkit-scrollbar-thumb{background:#ffdd7e59;border-radius:999px}.market-last-pack-grid{max-height:min(36vh,390px)!important}#grid .item,#last-pack .item,#modal-pack-cards .item{position:relative;display:flex;flex-direction:column;gap:10px;min-height:100%;padding:12px;border:1px solid rgba(255,221,126,.16);border-radius:20px;background:radial-gradient(circle at 30% 0%,rgba(247,200,95,.1),transparent 42%),linear-gradient(180deg,#120e11c7,#08080cbd);box-shadow:0 18px 42px #00000057,inset 0 1px #ffffff0b;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}#grid .item:hover,#last-pack .item:hover,#modal-pack-cards .item:hover{transform:translateY(-3px);border-color:#ffdd7e7a;box-shadow:0 26px 56px #00000075,0 0 28px #f7c85f1c,inset 0 1px #ffffff0f;background:linear-gradient(180deg,#261911db,#0a080bd1)}.item .carta,.item .carta-preview,.item .personaje-card{width:160px;margin:0 auto;position:relative}.item .meta{display:flex;flex-direction:column;gap:8px;min-width:0}.item .name{font-weight:900;color:#fff1bd;line-height:1.22;min-height:2.45em;text-shadow:0 2px 8px rgba(0,0,0,.55)}.item .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto}.empty{grid-column:1/-1;text-align:center;color:var(--market-muted);padding:28px;border:1px dashed rgba(255,221,126,.2);border-radius:18px;background:#08080c6b}.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,221,126,.22);border-radius:999px;padding:5px 9px;color:#f3dfae;background:#08080ca8;font-size:.82rem;font-weight:800;white-space:nowrap;box-shadow:inset 0 1px #ffffff09}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid rgba(255,221,126,.28);border-radius:12px;padding:9px 12px;background:linear-gradient(180deg,#1b1412f0,#0a080af5);color:#f8e9b5;font-weight:900;letter-spacing:.02em;box-shadow:0 10px 22px #00000047,inset 0 1px #ffffff0a;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#ffdd7e94;background:linear-gradient(180deg,#443018fa,#18100afa);box-shadow:0 14px 28px #0000005c,0 0 18px #f7c85f1f}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}.btn.warn{border-color:#c35d4e6b;color:#ffd0c7}.floating-side-panel{position:fixed;top:var(--market-panel-top);right:0;height:calc(100vh - var(--market-panel-top) - var(--market-panel-bottom));z-index:240;display:flex;align-items:stretch;filter:drop-shadow(0 18px 38px rgba(0,0,0,.7));isolation:isolate}.floating-side-panel-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:38px;padding:18px 0;border:1px solid rgba(255,221,126,.3);border-right:0;border-radius:18px 0 0 18px;background:linear-gradient(180deg,#2a1c11f5,#08080cfa);color:#fff1bd;writing-mode:vertical-rl;text-orientation:mixed;font-size:.76rem;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:inset 1px 0 #ffffff0d,0 0 20px #f7c85f14}.floating-side-panel-toggle:hover{border-color:#ffdd7e94;background:linear-gradient(180deg,#443018fa,#0a080afa)}.fsp-toggle-icon{writing-mode:horizontal-tb;color:var(--market-gold);font-size:.82rem}.fsp-toggle-label{color:#f3dfae}.floating-side-panel-inner{width:0;height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,221,126,.28);border-right:0;border-left:0;border-radius:18px 0 0 18px;background:radial-gradient(circle at 18% 0%,rgba(247,200,95,.12),transparent 34%),linear-gradient(180deg,#0f090cf7,#070609fb);box-shadow:-18px 0 42px #00000080,inset 1px 0 #ffffff0d;transition:width .26s cubic-bezier(.4,0,.2,1),border-left-color .16s ease}.floating-side-panel.open .floating-side-panel-inner{width:var(--market-panel-w);border-left:1px solid rgba(255,221,126,.28)}.floating-side-panel-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 15px 12px;border-bottom:1px solid rgba(255,221,126,.16)}.floating-side-panel-title{display:block;margin-top:4px;font-family:var(--aaa-font-title, Georgia, serif);color:#fff1bd;font-size:1.28rem;letter-spacing:.045em}.floating-side-panel-body{flex:1 1 auto;min-height:0;overflow:auto;padding:14px;scrollbar-width:thin;scrollbar-color:rgba(255,221,126,.36) transparent}.floating-side-panel-body::-webkit-scrollbar{width:8px}.floating-side-panel-body::-webkit-scrollbar-thumb{background:#ffdd7e57;border-radius:999px}.market-controls-source,.market-pack-source{position:relative}.toolbar.market-controls-source{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid rgba(255,221,126,.14)}.toolbar.market-controls-source .pill{justify-content:flex-start;white-space:normal;line-height:1.25}.pack-section.market-pack-source{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0}.pack-thumb{position:relative;width:100%;aspect-ratio:1.2/1;border:1px solid rgba(255,221,126,.26);border-radius:20px;background:radial-gradient(circle at 50% 30%,rgba(247,200,95,.18),transparent 54%),linear-gradient(180deg,#140f12cc,#070609eb);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;box-shadow:0 18px 42px #00000057,inset 0 1px #ffffff0d}.pack-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,241,173,.1),transparent 38%,rgba(0,0,0,.22));pointer-events:none}.pack-thumb:hover{border-color:#ffdd7e94;box-shadow:0 22px 52px #00000073,0 0 28px #f7c85f21}.pack-thumb img{max-width:86%;max-height:86%;object-fit:contain;border-radius:14px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.55))}.pack-actions{display:flex;flex-direction:column;gap:9px}.hint{color:var(--market-muted);font-size:.86rem;line-height:1.35}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:12000}.modal.show{display:block}.modal .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000ad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0}.modal .panel{position:relative;margin:5vh auto 0;width:min(1100px,92vw);max-height:88vh;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 0%,rgba(247,200,95,.14),transparent 34%),linear-gradient(180deg,#0f090cfa,#070609fc);border:1px solid rgba(255,221,126,.3);border-radius:26px;padding:18px;z-index:1;isolation:isolate;box-shadow:0 28px 90px #000000b8,0 0 40px #f7c85f1a}.modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal h3{margin:0;font-family:var(--aaa-font-title, Georgia, serif);font-size:clamp(24px,2vw,34px);color:#fff1bd;letter-spacing:.035em}.modal .close{border:1px solid rgba(255,221,126,.28);background:#08080cbd;color:#fff1bd;border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:900}#modal-pack-cards.list{margin-top:0;max-height:calc(88vh - 120px)}#modal-pack-cards,#modal-pack-cards>*,#modal-pack-cards .carta,#modal-pack-cards .carta-preview,#modal-pack-cards .personaje-card{position:relative;z-index:1}#preview-box,#preview-box.visible{z-index:2147483647!important;pointer-events:none!important}#preview-box .carta-preview,#preview-box .carta,#preview-box .personaje-card{pointer-events:none!important}@media (max-width:1180px){body.randomia-market-page.market-floating-panel-ready .market-aaa-shell{width:min(1500px,96vw);margin-inline:auto}.floating-side-panel{top:auto;right:0;bottom:0;height:auto;max-height:72vh;align-items:flex-end}.floating-side-panel-toggle{writing-mode:horizontal-tb;text-orientation:mixed;flex-direction:row;width:auto;padding:10px 16px;border-radius:18px 18px 0 0;border-right:1px solid rgba(255,221,126,.3);border-bottom:0}.floating-side-panel-inner{width:auto!important;height:0;max-height:0;border-radius:18px 18px 0 0;border-right:1px solid rgba(255,221,126,.28);border-left:1px solid rgba(255,221,126,.28);transition:max-height .26s cubic-bezier(.4,0,.2,1)}.floating-side-panel.open .floating-side-panel-inner{width:min(420px,94vw)!important;height:auto;max-height:72vh}}@media (max-width:760px){body.randomia-market-page .market-aaa-shell{padding:14px 10px 90px}body.randomia-market-page .market-main-card{border-radius:22px;padding:16px 12px}.market-titlebar{flex-direction:column;align-items:stretch}.market-saldo{align-self:flex-start;white-space:normal}.list.market-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));max-height:none;overflow:visible;padding-right:0}.item .carta,.item .carta-preview,.item .personaje-card{width:150px}.modal .panel{width:94vw;margin-top:3vh;padding:14px;border-radius:20px}}body.randomia-market-page .aaa-world-bg .aaa-bg-layer,body.randomia-market-page .aaa-world-bg .aaa-collage-card,body.randomia-market-page .aaa-world-bg .aaa-mini-piece{image-rendering:auto;will-change:auto!important}body.randomia-market-page .aaa-world-bg .market-bg-lowq-ready{background-size:cover}body.randomia-market-page .aaa-world-bg{contain:paint}#modal-pack-cards.pack-reveal-mode{--pack-reveal-scale:1.45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:min(70vh,690px);max-height:none;overflow:visible;padding:18px 12px 24px}#modal-pack-cards.pack-summary-mode{display:grid}.pack-reveal-progress{font-family:var(--aaa-font-title, Georgia, serif);color:#fff1bd;font-weight:900;font-size:clamp(18px,1.5vw,23px);letter-spacing:.045em;text-shadow:0 3px 14px rgba(0,0,0,.72);-webkit-user-select:none;user-select:none}.pack-reveal-stage{position:relative;width:min(88vw,370px);height:390px;cursor:pointer;touch-action:manipulation;outline:none;-webkit-user-select:none;user-select:none}.pack-reveal-stage:focus-visible{outline:2px solid rgba(255,241,189,.86);outline-offset:8px;border-radius:24px}.pack-reveal-stack{position:absolute;left:50%;top:47%;width:232px;height:325px;transform:translate(-50%,-50%);overflow:visible;isolation:isolate}.pack-reveal-stack:after{content:"";position:absolute;left:16px;right:16px;bottom:-30px;height:38px;border-radius:50%;background:#00000057;filter:blur(15px);z-index:-1;pointer-events:none}.pack-reveal-card-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:232px;height:325px;perspective:1400px;transform-origin:50% 90%;opacity:0;z-index:var(--stack-z,1);transform:translate(var(--stack-x,0px),calc(var(--stack-y,0px) + 18px)) rotate(var(--stack-rot,0deg)) scale(.96);transition:opacity .22s ease,transform .34s cubic-bezier(.2,.8,.2,1);pointer-events:none}.pack-reveal-card-shell.is-entered{opacity:1;transform:translate(var(--stack-x,0px),var(--stack-y,0px)) rotate(var(--stack-rot,0deg)) scale(1)}.pack-reveal-card-shell.is-cleared{opacity:0;z-index:80!important;transform:translate(-285px,-12px) rotate(-11deg) scale(.88);transition:opacity .2s ease,transform .3s cubic-bezier(.32,.72,.2,1)}.pack-reveal-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.18,.78,.22,1);will-change:transform}.pack-reveal-card-shell.is-revealed .pack-reveal-card-inner{transform:rotateY(180deg)}.pack-reveal-card-shell.is-revealed.is-settled .pack-reveal-card-inner{transition:none;transform:none;transform-style:flat;will-change:auto}.pack-reveal-card-shell.is-revealed.is-settled .pack-reveal-front{transform:none;backface-visibility:visible;-webkit-backface-visibility:visible}.pack-reveal-card-shell.is-revealed.is-settled .pack-reveal-back{visibility:hidden}.pack-reveal-render>.personaje-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.pack-reveal-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.pack-reveal-back{background:url(/assets/back-card-Blu5380h.png) no-repeat center/cover;box-shadow:0 18px 44px #00000094;transform:rotateY(0) translateZ(1px)}.pack-reveal-back:after{content:"";position:absolute;top:-35%;right:-70%;bottom:-35%;left:-70%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.13) 50%,transparent 58%);transform:translate(-45%) rotate(8deg);animation:packBackSheen 2.8s ease-in-out infinite;pointer-events:none}.pack-reveal-front{transform:rotateY(180deg) translateZ(1px);overflow:visible}.pack-reveal-render{width:160px;height:224px;display:flex;align-items:center;justify-content:center;zoom:var(--pack-reveal-scale);transform:none;transform-origin:center;pointer-events:none}@supports not (zoom:1){.pack-reveal-render{zoom:1;transform:scale(var(--pack-reveal-scale))}}.pack-reveal-render>.carta,.pack-reveal-render>.carta-preview,.pack-reveal-render>.personaje-card{width:160px!important;margin:0!important;flex:0 0 auto;pointer-events:none!important}.pack-reveal-hint{min-height:1.35em;color:#fff4d2cc;font-size:.95rem;font-weight:800;letter-spacing:.015em;text-align:center;text-shadow:0 2px 9px rgba(0,0,0,.68);-webkit-user-select:none;user-select:none}.pack-reveal-card-shell.rarity-infrecuente:not(.is-revealed) .pack-reveal-back{animation:packGlowUncommon 2.2s ease-in-out infinite}.pack-reveal-card-shell.rarity-rara:not(.is-revealed) .pack-reveal-back{animation:packGlowRare 1.75s ease-in-out infinite}.pack-reveal-card-shell.rarity-legendaria:not(.is-revealed) .pack-reveal-back{animation:packGlowLegendary 1.45s ease-in-out infinite}.pack-summary-enter{display:flex;align-items:flex-start;justify-content:center;animation:packSummaryEnter .38s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--summary-i,0) * 65ms)}@keyframes packBackSheen{0%,58%{transform:translate(-55%) rotate(8deg);opacity:0}68%{opacity:.7}82%{transform:translate(55%) rotate(8deg);opacity:0}to{transform:translate(55%) rotate(8deg);opacity:0}}@keyframes packGlowUncommon{0%,to{box-shadow:0 18px 44px #0000009e,0 0 18px 5px #9195a07a,0 0 42px 11px #5357624d}50%{box-shadow:0 18px 44px #0000009e,0 0 27px 8px #b1b5c0b8,0 0 64px 17px #5c606c6b}}@keyframes packGlowRare{0%,to{box-shadow:0 20px 48px #0009,0 0 18px 4px #f7c85f6b,0 0 46px 10px #f7c85f33}50%{box-shadow:0 20px 48px #0009,0 0 28px 8px #ffd66ab8,0 0 72px 18px #f7c85f4d}}@keyframes packGlowLegendary{0%,to{box-shadow:0 20px 50px #0000009e,0 0 22px 6px #9754ff94,0 0 58px 14px #7435de52}50%{box-shadow:0 20px 50px #0000009e,0 0 34px 10px #bc77ffeb,0 0 88px 22px #853bee7a}}@keyframes packSummaryEnter{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:760px){#modal-pack-cards.pack-reveal-mode{--pack-reveal-scale:1.28;min-height:min(69vh,590px);gap:10px;padding:14px 8px 20px}.pack-reveal-stage{height:345px}.pack-reveal-stack,.pack-reveal-card-shell{width:205px;height:287px}.pack-reveal-card-shell.is-cleared{transform:translate(-220px,-8px) rotate(-10deg) scale(.88)}}@media (max-width:420px){#modal-pack-cards.pack-reveal-mode{--pack-reveal-scale:1.16}.pack-reveal-stage{height:315px}.pack-reveal-stack,.pack-reveal-card-shell{width:186px;height:260px}.pack-reveal-card-shell.is-cleared{transform:translate(-180px,-6px) rotate(-9deg) scale(.86)}.pack-reveal-hint{font-size:.86rem}}@media (prefers-reduced-motion:reduce){.pack-reveal-card-shell,.pack-reveal-card-inner,.pack-reveal-back,.pack-reveal-back:after,.pack-summary-enter{animation:none!important;transition-duration:1ms!important}.pack-reveal-card-shell.rarity-infrecuente:not(.is-revealed) .pack-reveal-back{box-shadow:0 18px 44px #0000009e,0 0 27px 8px #b1b5c0b8,0 0 64px 17px #5c606c6b}.pack-reveal-card-shell.rarity-rara:not(.is-revealed) .pack-reveal-back{box-shadow:0 20px 48px #0009,0 0 28px 8px #ffd66ab8,0 0 72px 18px #f7c85f4d}.pack-reveal-card-shell.rarity-legendaria:not(.is-revealed) .pack-reveal-back{box-shadow:0 20px 50px #0000009e,0 0 34px 10px #bc77ffeb,0 0 88px 22px #853bee7a}}