:root{--lab-red:#ee3518;--lab-orange:#ff7b24}.special-lab-page{min-height:100vh;margin:0;background:radial-gradient(circle at 50% 28%,#37140d 0,#0d0907 48%,#030302 100%);color:#f4eadf}.lab-header{position:relative;z-index:2;display:grid;grid-template-columns:120px 1fr 46px;align-items:center;gap:20px;width:min(1320px,calc(100% - 32px));margin:0 auto;padding:18px 0;border-bottom:1px solid #5f3425}.lab-header img{display:block;width:110px}.lab-header span{color:#ff7f48;font:800 var(--type-sm) var(--tech);letter-spacing:2.5px}.lab-header h1{margin:2px 0 0;font:900 italic var(--type-lg)/1 var(--condensed);letter-spacing:.5px}.lab-shell{position:relative;z-index:1;width:min(1320px,calc(100% - 32px));margin:22px auto 70px}.lab-instructions{display:flex;align-items:baseline;justify-content:center;gap:18px;margin-bottom:18px;text-align:center}.lab-instructions strong{color:#ff8d55;font:900 var(--type-md) var(--condensed);letter-spacing:1px}.lab-instructions p{margin:0;color:#aa9d90;font:600 var(--type-sm)/1.5 var(--tech)}.lab-energy{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:18px;margin-bottom:22px}.lab-energy article>div{display:flex;justify-content:space-between;align-items:end;margin-bottom:5px}.lab-energy .right article,.lab-energy article.right{text-align:right}.lab-energy strong{font:900 var(--type-lg) var(--condensed)}.lab-energy b{font:900 var(--type-lg) var(--condensed)}.lab-energy article>i{display:block;height:22px;padding:3px;border:1px solid #714227;background:#0c0806;transform:skew(-10deg);overflow:hidden}.lab-energy article>i span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#c1260e,#ff451e);box-shadow:0 0 20px #e52f12;transition:width .6s}.lab-energy article.right>i span{margin-left:auto;background:linear-gradient(90deg,#ffbf21,#e78708);box-shadow:0 0 20px #ffad12}.lab-energy em{padding-bottom:2px;color:#fff0db;font:900 italic var(--type-lg) var(--condensed);text-shadow:0 0 20px #ff4e1c}.lab-arena{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,250px) minmax(0,1fr);gap:clamp(16px,3vw,38px);align-items:center;padding:clamp(18px,3vw,38px);border:1px solid #754028;background:radial-gradient(circle at center,#35140d80,transparent 49%),linear-gradient(120deg,#140c09,#090706 47%,#160d09);box-shadow:0 30px 90px #000,inset 0 0 70px #4a160b38}.lab-fighter{text-align:center}.lab-fighter>span{display:block;margin-bottom:10px;color:#b09f90;font:800 var(--type-sm) var(--tech);letter-spacing:1.5px}.lab-card-pair{display:grid;grid-template-columns:repeat(2,minmax(95px,190px));justify-content:center;gap:14px}.lab-card-button{position:relative;padding:0;border:1px solid #8b5438;background:#0d0907;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.lab-card-button:hover,.lab-card-button:focus-visible{transform:translateY(-7px) scale(1.025);filter:brightness(1.18);box-shadow:0 18px 40px #000,0 0 25px #c83c18;outline:none}.lab-card-button img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.lab-card-button small{position:absolute;z-index:2;left:5px;right:5px;bottom:5px;padding:6px 4px;background:#080604e8;color:#ffb27e;font:800 var(--type-sm) var(--tech);letter-spacing:.6px}.lab-card-button.special{border-color:#c7532e}.lab-activate{width:min(390px,100%);margin-top:15px}.lab-center-controls{display:grid;gap:10px;align-content:center;text-align:center}.lab-center-controls label{color:#c69a7e;font:800 var(--type-sm) var(--tech);letter-spacing:1.5px}.lab-center-controls select{width:100%;padding:12px;border:1px solid #684432;background:#100b08;color:#f3e8dc;font:700 var(--type-sm) var(--tech);outline:none}.lab-center-controls select:focus{border-color:var(--lab-orange)}.lab-center-controls .secondary-button{width:100%}.lab-center-controls p{min-height:30px;margin:3px 0 0;color:#ff9c65;font:800 var(--type-sm)/1.5 var(--tech);letter-spacing:.7px}.lab-picker{width:min(930px,calc(100vw - 24px));max-width:none;padding:0;border:0;background:transparent;color:#eee}.lab-picker::backdrop{background:#040302ee;backdrop-filter:blur(7px)}.lab-picker>section{position:relative;padding:30px;border:1px solid #77452e;background:radial-gradient(circle at top,#3e170e,#0b0806 65%);box-shadow:0 30px 100px #000}.lab-picker h2{margin:8px 0 20px;font:900 italic var(--type-xl)/.85 var(--condensed)}.lab-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:10px}.lab-picker-option{position:relative;padding:0;border:1px solid #664633;background:#0b0806;color:#f4e9dc;cursor:pointer}.lab-picker-option:hover,.lab-picker-option:focus-visible{border-color:#ff6d2e;filter:brightness(1.18);outline:none}.lab-picker-option img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.lab-picker-option span{display:block;padding:7px 4px;font:900 var(--type-sm) var(--condensed)}body.special-cinematic-running .lab-header,body.special-cinematic-running .lab-shell{filter:brightness(.18) blur(4px)}
@media(max-width:820px){.lab-header{grid-template-columns:78px 1fr 40px;gap:10px}.lab-header img{width:72px}.lab-instructions{display:block}.lab-instructions p{margin-top:5px}.lab-arena{grid-template-columns:1fr 1fr}.lab-center-controls{grid-column:1/-1;grid-row:2}.lab-card-pair{gap:7px}.lab-picker-grid{grid-template-columns:repeat(3,minmax(80px,1fr))}}
@media(max-width:520px){.lab-shell,.lab-header{width:min(100% - 18px,1320px)}.lab-header h1{font-size:var(--type-lg)}.lab-arena{gap:8px;padding:12px}.lab-card-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.lab-card-button.special{display:block}.lab-card-button small{left:2px;right:2px;bottom:2px;padding:4px 1px;font-size:var(--type-sm);letter-spacing:.25px}.lab-fighter>span{font-size:var(--type-sm)}.lab-activate{padding:10px 5px;font-size:var(--type-sm)}.lab-energy{gap:7px}.lab-energy article>i{height:16px}.lab-energy strong{font-size:var(--type-md)}.lab-energy b{font-size:var(--type-md)}.lab-center-controls{grid-template-columns:1fr 1fr}.lab-center-controls label,.lab-center-controls p{grid-column:1/-1}.lab-picker>section{padding:25px 12px}.lab-picker-grid{gap:6px}}

.lab-card-sandbox{margin-top:32px;padding:clamp(20px,4vw,44px);border:1px solid #5f493b;background:radial-gradient(circle at 50% 30%,#282018 0,#0d0a08 58%,#050403 100%);box-shadow:0 28px 80px #000,inset 0 0 65px #4d1b0e21}
.lab-card-sandbox>header{text-align:center}.lab-card-sandbox>header>span{color:#ff8e55;font:800 var(--type-sm) var(--tech);letter-spacing:2px}.lab-card-sandbox h2{margin:8px 0 5px;color:#f7eadb;font:900 italic var(--type-lg)/.95 var(--condensed)}.lab-card-sandbox>header>p{margin:0 auto 26px;max-width:720px;color:#a99e92;font:600 var(--type-sm)/1.55 var(--tech)}
.lab-card-matchup{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,210px) minmax(180px,1fr);align-items:center;gap:clamp(16px,4vw,50px);max-width:950px;margin:auto}.lab-test-side{display:grid;justify-items:center;gap:9px;text-align:center}.lab-test-side>b{color:#ae9f91;font:800 var(--type-sm) var(--tech);letter-spacing:1.5px}.lab-test-card{position:relative;width:min(210px,100%);padding:0;border:2px solid #78503b;background:#0c0907;cursor:pointer;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);box-shadow:0 19px 38px #000;transition:transform .2s,filter .2s,border-color .2s,box-shadow .2s}.lab-test-card:hover,.lab-test-card:focus-visible{transform:translateY(-6px) scale(1.025);filter:brightness(1.16);border-color:#ff6b2a;box-shadow:0 24px 46px #000,0 0 25px #dc411b;outline:none}.lab-test-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.lab-test-card small{position:absolute;z-index:2;left:5px;right:5px;bottom:5px;padding:7px 4px;background:#080604ed;color:#ffc19a;font:800 var(--type-sm) var(--tech);letter-spacing:.7px}.lab-test-side>strong{min-height:29px;padding:7px 10px;border:1px solid #41372f;background:#0c0907;color:#b9afa4;font:800 var(--type-sm)/1.4 var(--tech);letter-spacing:.5px}.lab-test-side>strong.damage{border-color:#b43a22;color:#ff765c}.lab-test-side>strong.heal{border-color:#1c9360;color:#65f5ad}.lab-test-side>strong.cancelled{border-color:#397d9c;color:#80dfff}
.lab-test-center{display:grid;gap:15px;text-align:center}.lab-test-center em{color:#fff0dd;font:900 italic var(--type-xl)/1 var(--condensed);text-shadow:0 0 30px #ff4b1e}.lab-test-center .primary-button{width:100%;padding-inline:12px}
.lab-combo-builder{width:min(250px,100%);padding:9px;border:1px solid #5c4234;background:#100b08}.lab-combo-builder[hidden]{display:none}.lab-combo-builder label{display:block;margin-bottom:6px;color:#cc9f80;font:800 var(--type-sm) var(--tech);letter-spacing:1px}.lab-combo-builder>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.lab-combo-builder select{min-width:0;padding:7px 3px;border:1px solid #564338;background:#090706;color:#f0e5d8;font:700 var(--type-sm) var(--tech);outline:none}.lab-combo-builder select:focus{border-color:#ff6d2e}
.lab-rule-result{display:block;max-width:900px;margin:25px auto 0;padding:16px 18px;border-left:4px solid #ff6429;background:#0b0806;text-align:center}.lab-rule-result span,.lab-rule-result strong,.lab-rule-result small{display:block}.lab-rule-result span{color:#9b8c7f;font:800 var(--type-sm) var(--tech);letter-spacing:1.8px}.lab-rule-result strong{margin-top:5px;color:#ffe8d4;font:900 var(--type-lg) var(--condensed);letter-spacing:.5px}.lab-rule-result small{margin-top:5px;color:#bcaea0;font:600 var(--type-sm)/1.45 var(--tech)}
.lab-card-sandbox.clashing{animation:arena-clash .7s ease;position:relative;z-index:2}.lab-test-card.card-winner-player{z-index:8;animation:winner-player .7s cubic-bezier(.2,.8,.2,1)}.lab-test-card.card-winner-enemy{z-index:8;animation:winner-enemy .7s cubic-bezier(.2,.8,.2,1)}.lab-test-card.card-destroyed{z-index:6;animation:destroyed-card .72s ease}.lab-test-card.mutual-hit{z-index:7;animation:mutual-card .7s ease}.lab-test-card.blocked-clash{animation:blocked-card .65s ease}.lab-test-card.defeated{filter:grayscale(.8) brightness(.55);box-shadow:inset 0 0 32px #000}.lab-test-card.defeated:after{content:"DERROTADA";position:absolute;z-index:6;left:7px;right:7px;top:50%;transform:translateY(-50%) rotate(-8deg);padding:7px 2px;border:2px solid #d54125;background:#160604e8;color:#ff7956;font:900 var(--type-md) var(--condensed);letter-spacing:1px;text-align:center}.lab-test-card:disabled{cursor:wait}.lab-test-card:disabled small{opacity:.35}
@media(max-width:700px){.lab-card-sandbox{padding:22px 12px}.lab-card-matchup{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);gap:8px}.lab-test-card{width:min(170px,100%)}.lab-test-center .primary-button{padding:9px 4px;font-size:var(--type-sm)}.lab-combo-builder>div{grid-template-columns:1fr}.lab-rule-result{margin-top:18px;padding:13px 9px}}
.lab-footer{display:flex;justify-content:center;padding:34px 0 8px}.lab-home-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:min(390px,100%);text-decoration:none;text-align:center}.lab-home-button span{color:#ff7540;font:900 var(--type-md)/1 var(--condensed);transition:transform .2s}.lab-home-button:hover,.lab-home-button:focus-visible{border-color:#d85027;color:#fff4e8;box-shadow:0 0 28px #d63e1847;outline:none}.lab-home-button:hover span,.lab-home-button:focus-visible span{transform:translateX(-5px)}