.gashapon-opening{background:radial-gradient(ellipse at 50% 42%,#493824,#17121b 65%)}
.gashapon-opening .pack-opening__eyebrow{color:#dfb875}
.gashapon-opening .pack-opening__intro{gap:8px;padding-bottom:max(20px,env(safe-area-inset-bottom))}
.gashapon-opening .pack-opening__intro h1{color:#fff0cf;margin:0}
.gashapon-opening .pack-opening__rays{opacity:.18}
.gashapon-opening__status{margin:0;min-height:2em;max-width:340px;font-size:clamp(11px,2.8vw,14px);color:#e8cda3;text-align:center}
.gashapon-opening__ball{position:relative;isolation:isolate;display:block;flex:none;width:min(78vw,360px,46dvh);aspect-ratio:1;padding:0;border:0;background:transparent;cursor:pointer;animation:packIdle 2.4s ease-in-out infinite}
.gashapon-opening__ball:disabled{cursor:default}
.gashapon-opening__ball:focus-visible{outline:2px solid #f7cf86;outline-offset:8px;border-radius:50%}
.gashapon-opening__shell{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 14px #0008);transition:opacity .55s,transform .55s;pointer-events:none}
.gashapon-opening__content{position:absolute;z-index:1;left:12%;top:7%;width:76%;height:53%;opacity:.7;object-fit:contain;filter:drop-shadow(0 3px 3px #0005);transition:left .55s,top .55s,width .55s,height .55s,transform .55s,opacity .55s}
.gashapon-opening__content[hidden],.gashapon-opening__description[hidden],.gashapon-opening__actions [hidden]{display:none}
.gashapon-opening[data-gashapon-state="revealed"] .gashapon-opening__ball{animation:gashaponPieceFloat 3.2s ease-in-out .6s infinite;transform-origin:50% 60%}
@keyframes gashaponPieceFloat{
  0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}
  50%{transform:translateY(-9px) rotate(2deg) scale(1.025)}
}
.gashapon-opening[data-gashapon-state="revealed"] .gashapon-opening__shell{opacity:0;transform:scale(1.12)}
.gashapon-opening[data-gashapon-state="revealed"] .gashapon-opening__content{left:5%;top:5%;width:90%;height:90%;opacity:1;transform:scale(1)}
.gashapon-opening__description{text-align:center;min-height:60px}
.gashapon-opening__description small{font-size:10px;font-weight:900;letter-spacing:.07em;color:#d4a0ff}
.gashapon-opening__description h2{margin:4px 0;font-size:clamp(18px,5vw,25px);line-height:1.1;color:#fff0cf}
.gashapon-opening__description p{margin:0;color:#d8c6b3;font-size:12px}
.gashapon-opening__actions{display:flex;justify-content:center;gap:10px;margin-top:6px}
.gashapon-opening__actions button{min-width:115px}
.gashapon-opening[data-gashapon-state="revealed"][data-gashapon-fusion-required="true"] .pack-opening__intro .gashapon-opening__actions{display:none}
@media(prefers-reduced-motion:reduce){.gashapon-opening__ball,.gashapon-opening[data-gashapon-state="revealed"] .gashapon-opening__ball{animation:none}.gashapon-opening__shell,.gashapon-opening__content{transition:none}}

.gashapon-opening__confetti{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.gashapon-opening__confetti[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.gashapon-opening__confetti{display:none}}

.gashapon-collection{width:min(100%,340px);padding:10px 12px;border:1px solid #b48e4e;border-radius:12px;background:linear-gradient(145deg,#3b2c21,#191323);box-shadow:inset 0 1px #ffffff18;text-align:center}
.gashapon-collection[hidden]{display:none}
.gashapon-collection header{display:flex;justify-content:space-between;align-items:center;color:#e8cda3;font-size:10px;font-weight:900;letter-spacing:.06em}
.gashapon-collection header strong{color:#e0afff;font-size:16px}
.gashapon-collection__slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.gashapon-collection__slot{position:relative;display:grid;place-items:center;min-height:64px;padding:4px;border:1px dashed #78685a;border-radius:9px;background:#17131c;color:#857c82}
.gashapon-collection__slot.is-owned{border:1px solid #c594ec;background:linear-gradient(145deg,#4d315b,#1a1428);box-shadow:inset 0 1px #ffffff14}
.gashapon-collection__slot.is-new{border-color:#ffe391;box-shadow:0 0 12px #ffc86644}
.gashapon-collection__slot img{width:100%;height:46px;object-fit:contain}
.gashapon-collection__slot>span{font-size:25px;font-weight:900;line-height:1}
.gashapon-collection__slot small{font-size:8px;font-weight:900}
.gashapon-collection__slot b{position:absolute;top:3px;right:4px;border-radius:4px;padding:1px 4px;color:#fff0c4;background:#50331b;font-size:9px}
.gashapon-collection>p{margin:7px 0;color:#f3dab0;font-size:12px;font-weight:800}
.gashapon-collection>button{width:100%;margin:3px 0 5px}
.gashapon-collection__demo{display:block;margin-top:5px;color:#b1a198;font-size:8px;letter-spacing:.03em}
.gashapon-opening[data-gashapon-state="revealed"] .gashapon-opening__ball{width:min(60vw,280px,30dvh)}
.gashapon-opening[data-gashapon-state="revealed"] .pack-opening__intro{overflow-y:auto;align-content:start}
/* The completed collection's main action. */
html body .gashapon-collection button.modal-action[data-gashapon-fuse]{
 position:relative;overflow:visible;display:block;width:100%;min-height:66px;margin:18px 0 10px;padding:16px 10px;
 border:3px solid #e9c4ff;border-radius:16px;color:#fff3ff;
 background:linear-gradient(165deg,#bd78f4,#9146d2 48%,#6523a3);
 box-shadow:inset 0 3px rgba(255,255,255,.65),inset 0 -4px rgba(50,8,84,.28),0 6px 0 #3f1265,0 10px 18px #0006;
 font:900 clamp(17px,4.8vw,21px)/1.1 "Baloo 2",system-ui,sans-serif;
 letter-spacing:.025em;text-shadow:0 2px 2px #3f1265;
 animation:gashaponFusionReady 1.4s ease-in-out infinite;
}
html body .gashapon-collection button.modal-action[data-gashapon-fuse][hidden]{display:none}
html body .gashapon-collection button.modal-action[data-gashapon-fuse]:active{transform:translateY(4px);animation:none;box-shadow:inset 0 2px #ffffff66,0 2px 0 #3f1265}
html body .gashapon-collection button.modal-action[data-gashapon-fuse]:focus-visible{outline:3px solid #fff;outline-offset:4px}
html body .gashapon-collection button.modal-action[data-gashapon-fuse]:disabled{animation:none;opacity:.65;cursor:wait}
@keyframes gashaponFusionReady{0%,100%{filter:brightness(.9)}50%{filter:brightness(1.3)}}
@media(prefers-reduced-motion:reduce){html body .gashapon-collection button.modal-action[data-gashapon-fuse]{animation:none}}

.gashapon-opening[data-gashapon-state="closed"] .gashapon-opening__ball:not(:disabled)::after,
html body .gashapon-collection button.modal-action[data-gashapon-fuse]:not(:disabled)::after{
 content:"PULSA AQUÍ";position:absolute;z-index:3;top:-10px;left:50%;min-width:104px;
 padding:4px 10px 3px;border:2px solid #fff3a0;border-radius:999px;color:#542600;
 background:linear-gradient(#ffe766,#ffae22);box-shadow:0 3px 0 #a94b08,0 5px 10px rgba(0,0,0,.38);
 font:900 clamp(.48rem,2vw,.62rem)/1 "Baloo 2",sans-serif;letter-spacing:.06em;
 text-align:center;text-shadow:0 1px rgba(255,255,255,.55);transform:translateX(-50%);pointer-events:none;
}
.gashapon-opening[data-gashapon-state="closed"] .gashapon-opening__ball:not(:disabled)::after{top:auto;bottom:2%}

.gashapon-opening__fusion{gap:14px;overflow-y:auto}
.gashapon-opening__fusion .pack-card{flex:none;width:min(60vw,260px,calc(44dvh * .65));margin:6px auto;perspective:900px}
.gashapon-opening__fusion .pack-card__specialty.gashapon-opening__media{background:#7041a5;font-size:clamp(7px,2vw,11px);letter-spacing:.01em}
.gashapon-opening__fusion .pack-card__score{font-size:clamp(18px,5vw,27px)}
.gashapon-opening__fusion .pack-card__name{padding-inline:2px;font-size:clamp(9px,2.5vw,13px);white-space:normal;text-align:center}
.gashapon-opening__fusion-quality{color:#e1b2ff;font-size:14px;letter-spacing:.06em;text-shadow:0 2px #221130}
.legend-workshop{padding:16px 12px 24px;color:#f6edff}
.legend-workshop>header{display:grid;gap:2px;margin-bottom:16px;text-align:center}
.legend-workshop>header small{line-height:1;font-size:10px;color:#d4a0ff;letter-spacing:.08em;font-weight:900}
.legend-workshop h2{margin:0;color:#f0d7ff;font-size:22px;line-height:1.1}
.legend-workshop__filter{display:grid;gap:7px;padding:12px;border:1px solid #70518d;border-radius:13px;background:linear-gradient(145deg,#302040,#1b152c);box-shadow:inset 0 1px #ffffff12,0 3px 0 #100b1d;font-size:10px;font-weight:900;letter-spacing:.06em;color:#d4a0ff}
.legend-workshop__select{position:relative;display:block}
.legend-workshop__select::after{content:"";position:absolute;right:15px;top:45%;width:8px;height:8px;border-right:2px solid #e5c1ff;border-bottom:2px solid #e5c1ff;transform:translateY(-50%) rotate(45deg);pointer-events:none}
.legend-workshop__filter select{box-sizing:border-box;display:block;appearance:none;-webkit-appearance:none;width:100%;min-height:45px;padding:11px 40px 11px 13px;border:1px solid #aa78ce;border-radius:9px;background:linear-gradient(#44305a,#2b1d3e);box-shadow:inset 0 1px #ffffff20;color:#fff3ff;font:inherit;font-size:13px;letter-spacing:.02em;cursor:pointer}
.legend-workshop__filter select:focus-visible{outline:2px solid #e8c1ff;outline-offset:3px}
.legend-workshop__filter select:hover{border-color:#e3b6ff}
.legend-workshop__filter select option{background:#241832;color:#fff3ff}
.legend-workshop__author{margin-top:12px;border:1px solid #563774;border-radius:12px;background:#151021;overflow:hidden}
.legend-workshop__author>summary{padding:13px;color:#e2baff;font-size:14px;font-weight:900;cursor:pointer}
.legend-workshop__costume{width:calc(100% - 20px);margin:0 10px 12px;border-color:#69488b;background:linear-gradient(145deg,#30203d,#191323)}
.legend-workshop__costume header>span{max-width:75%;line-height:1.3}
.legend-workshop__costume header>strong{white-space:nowrap;font-size:13px}
.legend-workshop>[data-legend-status]{font-size:12px;color:#c8b4d8}
.artisan-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}

.legend-shop [data-legend-character][hidden],.legend-shop [data-legend-message][hidden]{display:none}

.legend-workshop__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px;align-items:start}
.legend-workshop__grid .legend-workshop__costume{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:8px 5px;border-radius:11px;overflow:hidden}
.legend-workshop__portrait{display:block;width:100%;height:clamp(68px,22vw,130px);object-fit:contain;filter:drop-shadow(0 3px 3px #0006)}
.legend-workshop__costume.is-undiscovered .legend-workshop__portrait{opacity:.45;filter:grayscale(1)}
.legend-workshop__costume h3{display:flex;align-items:center;justify-content:center;min-height:28px;margin:5px 0 3px;font-size:clamp(9px,2.6vw,13px);line-height:1.15;overflow-wrap:anywhere;color:#f0d7ff}
.legend-workshop__progress{display:block;font-size:10px;color:#d4a0ff}
.legend-workshop__grid .gashapon-collection__slots{gap:3px;margin-top:7px}
.legend-workshop__grid .gashapon-collection__slot{box-sizing:border-box;min-width:0;min-height:28px;padding:2px;border-radius:5px}
.legend-workshop__grid .gashapon-collection__slot img{height:28px}
.legend-workshop__grid .gashapon-collection__slot>span{font-size:17px}
html body .legend-workshop__grid .gashapon-collection button.modal-action[data-gashapon-fuse]{min-height:45px;margin:14px 0 3px;padding:9px 3px;border-width:2px;border-radius:8px;font-size:clamp(8px,2.3vw,12px);line-height:1.15;letter-spacing:0}
html body .legend-workshop__grid .gashapon-collection button.modal-action[data-gashapon-fuse]::after{min-width:0;white-space:nowrap;padding:3px 5px;font-size:7px;top:-9px;border-width:1px}

.legend-workshop__grid .legend-workshop__costume.is-complete{
 border:3px double #e3b8ff;
 background:linear-gradient(145deg,#543363,#251936);
 box-shadow:inset 0 0 0 2px #22132f,inset 0 0 15px #d598ff16,0 0 9px #bd78f42b;
}
.legend-workshop__costume.is-complete .legend-workshop__progress{
 margin:4px 0;padding:4px 2px;border:1px solid #dba5ff;border-radius:5px;
 color:#f6e5ff;background:#5a3078;font-weight:900;letter-spacing:.03em;
}

.gashapon-opening__fusion .reward-formation{flex:none;width:min(100%,640px);border-color:#dbb3ff;box-shadow:0 5px 0 #49265d,0 12px 24px #0007}
.gashapon-opening__unlocked{margin:0;color:#fff0d4;font-size:clamp(18px,5vw,26px);line-height:1.1;text-align:center}
.gashapon-opening__fusion-quality{padding:8px 13px;border:1px solid #d6a5ff;border-radius:9px;background:#573071;color:#f6e5ff;font-size:clamp(14px,4vw,20px);text-align:center}
.gashapon-opening__next-contest{margin:0;color:#e3d2ef;font-size:14px;text-align:center}
.gashapon-opening__fusion .gashapon-opening__actions{box-sizing:border-box;width:min(100%,640px)}
.gashapon-opening__fusion .gashapon-opening__actions button{box-sizing:border-box;width:100%;min-height:54px;font-size:17px}

.gashapon-opening__fusion .reward-formation:not(.is-revealed),
.gashapon-opening__fusion .reward-formation:not(.is-revealed) .reward-formation__cast img,
.gashapon-opening__fusion .reward-formation:not(.is-revealed) .reward-formation__score{animation:none}

.legend-workshop__unused{display:block;margin:9px 0 4px;color:#ffe5a0;font-size:9px;letter-spacing:.03em}
.legend-workshop__use-hint{display:block;color:#c8b4d8;font-size:9px;line-height:1.3}

.legend-workshop__costume.is-used{opacity:.65;border-color:#716579;box-shadow:none;background:#211c27}
.legend-workshop__costume.is-used .legend-workshop__unused{color:#bdb2c4}
.legend-workshop__costume.is-used .legend-workshop__portrait{filter:grayscale(.7)}