@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#f5efe4;background:#151c29}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f2cb65;outline-offset:4px}canvas#game{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;width:100%;height:86px;padding:22px 4%;display:flex;align-items:center;gap:25px;z-index:3;background:linear-gradient(#111923cc,transparent)}header a{color:#f9f2e6;text-decoration:none;font:800 23px 'Barlow Condensed',sans-serif;letter-spacing:1px}header a b{color:#ff6b53}.subtitle{font-size:9px;letter-spacing:2px;color:#93a0ad}header button{margin-left:auto;background:#22303d;border:1px solid #5a6b76;border-radius:8px;width:40px;height:40px}#menu{position:absolute;inset:86px 0 0;padding:25px 6% 48px;display:grid;grid-template-columns:1fr 500px;align-items:center;gap:5%;overflow-y:auto;background:linear-gradient(90deg,#121b28f5,#121b28cc 50%,#121b2899)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#e6b65c}h1{font:900 clamp(58px,7.7vw,112px)/.92 'Barlow Condensed',sans-serif;letter-spacing:-1.5px;text-transform:uppercase;margin:25px 0}h1 em{font-style:normal;color:#ff765a}.intro p{color:#adb8c4;font-size:14px;line-height:1.85}.arena-label{margin-top:35px;display:flex;gap:12px;align-items:center;color:#efc45e;font-size:28px}.arena-label b{font-size:11px;letter-spacing:1.3px}.arena-label small{display:block;color:#8e9eae;font-size:10px;margin-top:5px}.roster{width:100%;max-width:530px}.section-label{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#9faebd;margin-bottom:15px}.section-label span:last-child{color:#edc260}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.creature{position:relative;min-width:0;background:#202d3ee8;border:1px solid #3c4b5e;border-radius:10px;padding:8px 5px 11px;text-align:center;transition:transform .15s,border-color .15s}.creature:hover{transform:translateY(-3px);border-color:#ebbb66}.creature.selected{border:1px solid #ff8664;background:#3d3436;box-shadow:inset 0 0 0 1px #ff866444}.creature canvas{width:76px;height:76px;display:block;margin:auto;pointer-events:none}.creature b{display:block;font-size:11px;white-space:nowrap}.creature small{display:block;font-size:8px;color:#9cabbc;text-transform:uppercase;letter-spacing:1px;margin:5px 0 0}#selected-info{min-height:72px;padding:15px 0 10px;font-size:12px}#selected-info strong{color:#efc45e}#selected-info small{display:block;margin-top:6px;color:#9eaebe;font-size:11px;line-height:1.5}.primary{width:100%;padding:18px 20px;background:#ff765a;border:0;border-radius:7px;color:#1b202b;text-align:left;font-size:12px;letter-spacing:1px;font-weight:800}.primary span{float:right}.primary:hover{background:#ff987b}.instructions{margin-top:14px;font-size:10px;color:#8f9fb0;line-height:1.8}#record{font-size:10px;color:#efc45e;margin-top:8px}footer{position:absolute;bottom:15px;left:6%;right:6%;font-size:8px;letter-spacing:1px;color:#7c8b9a}.corner{position:fixed;bottom:20px;right:4%;font-size:8px;letter-spacing:1.6px;color:#b5bac2;pointer-events:none}body.menu .corner{display:none}#hud{position:fixed;top:87px;left:50%;transform:translateX(-50%);width:min(540px,90vw);pointer-events:none;background:#142032dc;border:1px solid #52607466;padding:12px 18px;border-radius:12px}.stats{display:flex;justify-content:space-between;align-items:center;font-size:12px}.stats strong{font-size:22px;font-variant-numeric:tabular-nums}.xp{background:#3b4350;height:5px;border-radius:9px;overflow:hidden;margin:9px 0}.xp i{display:block;height:100%;background:#efc45e;width:0}#level{text-align:center;font-size:9px;letter-spacing:1px;color:#d8c28c}#ability{text-align:center;font-size:10px;margin-top:8px;color:#bcc9d6}.compact{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:430px;max-width:90vw;padding:28px;background:#182536fa;border:1px solid #b58a58;border-radius:15px;text-align:center;box-shadow:0 20px 100px #0009}.compact h2{font:800 36px 'Barlow Condensed';margin:5px 0 12px}.compact p{font-size:13px;line-height:1.7;color:#b5c3d2}.compact button{display:block;width:100%;margin-top:12px;padding:15px;border-radius:8px;border:1px solid #52647a;background:#29384b;text-align:left}.compact button:hover{border-color:#ff987b}.compact small{display:block;color:#a7b6c7;margin-top:5px}#stick{position:fixed;width:100px;height:100px;border-radius:50%;border:1px solid #efc45e88;background:#efc45e11;pointer-events:none}#stick i{position:absolute;left:32px;top:32px;width:36px;height:36px;border-radius:50%;background:#efc45e88}[hidden]{display:none!important}@media(max-width:1000px){#menu{grid-template-columns:1fr 440px;padding:15px 4% 50px;gap:3%}h1{font-size:76px}.eyebrow{font-size:8px}.creature b{font-size:10px}}@media(max-width:760px){header{height:65px;padding:15px 5%}header a{font-size:21px}.subtitle{display:none}#menu{inset:65px 0 0;display:block;padding:12px 6% 30px}.intro h1{font-size:52px;margin:15px 0 12px;line-height:.95}.intro h1 br{display:none}.intro p{font-size:12px;line-height:1.6;margin:10px 0}.intro p br{display:none}.arena-label{margin:16px 0 22px}.arena-label>span{font-size:22px}.roster{max-width:none}.creature canvas{width:62px;height:62px}.creature{padding:4px 3px 10px}.creature b{font-size:10px}#selected-info{min-height:68px}.instructions{font-size:9px}footer{position:static;margin-top:24px;font-size:7px;line-height:1.8}.corner{font-size:7px;bottom:12px}#hud{top:70px}}@media(max-height:720px) and (min-width:761px){#menu{align-items:start}.intro{padding-top:35px}h1{font-size:74px}.creature canvas{width:60px;height:60px}.arena-label{margin-top:20px}}
/* Sprite atlas presentation */
.creature canvas{width:100px;height:100px;image-rendering:pixelated}.choices{grid-template-columns:repeat(4,1fr)}.roster{max-width:640px}#menu{grid-template-columns:1fr 600px}.creature b{font-size:10px}#art-status{font-size:8px;color:#95b8a0;letter-spacing:1px;margin-top:8px}#selected-info{min-height:76px}.creature{overflow:hidden}@media(max-width:1160px){#menu{grid-template-columns:1fr 510px;padding-left:4%;padding-right:4%}h1{font-size:68px}.creature canvas{width:88px;height:88px}}@media(max-width:900px){#menu{display:block}.intro h1{font-size:58px}.intro h1 br{display:none}.intro p{font-size:12px}.arena-label{margin:15px 0 20px}.roster{max-width:none}.intro{padding-top:0}footer{position:static;margin-top:22px}.creature canvas{width:84px;height:84px}.choices{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.choices{grid-template-columns:repeat(4,1fr);gap:6px}.creature canvas{width:64px;height:70px}.creature b{font-size:8px}.creature small{font-size:6px;letter-spacing:.2px}.intro h1{font-size:45px}.eyebrow{font-size:7px}.section-label{font-size:8px}}

#characters{max-height:335px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ec9b66 #202d3e;padding:3px}.boss-strip{display:flex;gap:12px;align-items:center;margin-top:18px;padding:8px 12px;background:#302238b8;border:1px solid #9f6c9d55;border-radius:10px;max-width:350px}.boss-strip canvas{width:75px;height:75px;image-rendering:pixelated}.boss-strip small{font-size:8px;letter-spacing:1px;color:#c69acb}.boss-strip b{display:block;font:800 26px "Barlow Condensed";color:#f0c4e8}.boss-strip span{display:block;font-size:10px;color:#b9a4bb}@media(max-width:900px){.boss-strip{margin:12px 0;max-width:none}.boss-strip canvas{width:55px;height:55px}.boss-strip b{font-size:22px}#characters{max-height:300px}}

/* Selección de escenarios */
.map-selection{margin-top:20px;max-width:520px}#maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.map-card{background:#1e2a39;border:1px solid #4f5b66;border-radius:8px;text-align:left;padding:0 0 9px;overflow:hidden;min-width:0}.map-card img{display:block;width:100%;height:68px;object-fit:cover;image-rendering:pixelated}.map-card b,.map-card small{display:block;padding:0 8px}.map-card b{font-size:10px;margin-top:8px}.map-card small{color:#97a8b8;font-size:8px;margin-top:4px}.map-card.selected{border-color:#efbd6a;box-shadow:0 0 0 1px #efbd6a55}.map-card:hover{border-color:#f9ce86}#map-status{font-size:8px;letter-spacing:1px;color:#a6bd9b;margin-top:7px}.intro h1{font-size:clamp(48px,6vw,82px);margin:16px 0}.intro .arena-label{margin-top:20px}.intro .boss-strip{margin-top:12px;padding:4px 10px}.intro .boss-strip canvas{width:50px;height:50px}.intro .boss-strip b{font-size:22px}.intro .eyebrow{font-size:8px}@media(max-width:900px){.map-selection{max-width:none;margin-top:14px}.map-card img{height:82px}.intro h1{font-size:50px}.intro .boss-strip{display:none}}@media(max-width:480px){.map-card b{font-size:9px}.map-card small{font-size:7px}.map-card img{height:64px}.intro h1{font-size:42px}}
footer{position:static;grid-column:1/-1;margin-top:12px}#menu{align-content:start;row-gap:18px}.map-card img{object-position:center 20%}

#portal-status{text-align:center;margin-top:8px;color:#e1b6ff;font-size:11px}#portal-enter{position:fixed;bottom:55px;left:50%;transform:translateX(-50%);padding:15px 24px;border:1px solid #ddb1ff;border-radius:10px;background:#533273;color:#fff2ff;font-weight:700;z-index:4;box-shadow:0 0 25px #bd7bdf44}#portal-enter:hover{background:#714592}@media(max-width:600px){#portal-status{font-size:9px}#portal-enter{bottom:40px;width:80%}}

#loot-hud{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#e9d09b;margin-top:5px}#loot-icon{width:24px;height:24px;image-rendering:pixelated}#loot-message{min-height:12px;text-align:center;font-size:9px;color:#c8dfb1}#overlay{max-height:85vh;overflow-y:auto}

#dev-lab{margin-top:14px;padding:12px;border:1px solid #9a7cb4;border-radius:9px;background:#25263ce8;font-size:12px}#dev-lab summary{cursor:pointer;color:#e4b9ff;font-weight:700}#dev-lab label,#dev-lab small{display:block;margin-top:10px}#dev-lab select,#lab-start{width:100%;padding:10px;margin-top:8px;border:1px solid #806c96;border-radius:6px;background:#344058;color:#fff}#dev-lab small{font-size:10px;color:#c2b5d2}#lab-tools{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:8;padding:8px;background:#251d37ed;border:1px solid #ac87cd;border-radius:9px;display:flex;gap:7px;align-items:center;max-width:96vw;flex-wrap:wrap;justify-content:center}#lab-tools b{font-size:9px;color:#e7c1ff}#lab-tools button{padding:8px;border:1px solid #806899;border-radius:5px;background:#3a3150;font-size:11px}@media(max-width:600px){#lab-tools{bottom:8px;width:94%}#lab-tools button{font-size:10px;padding:7px}}

.loot-reveal{display:block;margin:0 auto 8px;width:96px;height:80px;image-rendering:pixelated;animation:loot-reveal .35s ease-out}@keyframes loot-reveal{from{transform:translateY(12px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}

@media(prefers-reduced-motion:reduce){.loot-reveal{animation:none}}

#audio-toggle{padding:9px 12px;border:1px solid #839284;border-radius:8px;background:#1c303ae8;color:#f5ead5;font-size:11px;cursor:pointer;white-space:nowrap}@media(max-width:600px){header .subtitle{display:none}#audio-toggle{font-size:10px;padding:8px}}

#audio-toggle{width:auto;min-width:110px;height:auto;flex-shrink:0}@media(max-width:600px){#audio-toggle{min-width:94px}}
#event-status{font-size:10px;color:#e7cb86;margin-top:6px}#event-start{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);z-index:8;padding:13px 18px;border:1px solid #e6c575;border-radius:8px;background:#394a36;color:#fff0c0;font-weight:bold;cursor:pointer;max-width:90vw}

/* Más espacio de combate para la cámara cercana. */
#hud.boss-hud{top:76px;padding:8px 14px;width:min(500px,90vw)}#hud.boss-hud .xp,#hud.boss-hud #level,#hud.boss-hud #ability,#hud.boss-hud #loot-hud,#hud.boss-hud #loot-message{display:none}#hud.boss-hud #portal-status{margin-top:4px;font-size:10px}@media(max-width:760px){#hud.boss-hud{top:65px;padding:7px 10px}#hud.boss-hud #portal-status{font-size:9px}}

#coop-panel{margin-top:20px;padding:18px;border:1px solid #73b4b7;border-radius:12px;background:#142b35;color:#f9efdf}#coop-panel h3{margin:0 0 8px;font-size:15px}#coop-panel p,#coop-panel small{font-size:12px;line-height:1.5}#coop-panel .coop-actions{display:flex;gap:8px;flex-wrap:wrap}#coop-panel button,#coop-panel input{padding:10px;border:1px solid #73b4b7;border-radius:6px;background:#213d49;color:#fff}#coop-panel input{width:120px;text-transform:uppercase}#coop-panel button:disabled{opacity:.5}#coop-status{overflow-wrap:anywhere}
#game-update{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);z-index:20;background:#edc86e;color:#17212c;border:2px solid #fff0c0;border-radius:8px;padding:12px 18px;font-weight:800;box-shadow:0 3px 18px #0006}

/* Exploración: panel compacto para liberar visión del terreno. */
#hud:not(.boss-hud){top:72px;width:min(470px,92vw);padding:8px 12px;border-radius:9px;background:#142032c9}#hud:not(.boss-hud) .stats strong{font-size:19px}#hud:not(.boss-hud) .xp{height:4px;margin:5px 0}#hud:not(.boss-hud) #ability{display:none}#hud:not(.boss-hud) #level{font-size:8px}#hud:not(.boss-hud) #loot-hud{margin-top:3px}#hud:not(.boss-hud) #loot-message:empty{display:none}#hud:not(.boss-hud) #event-status{margin-top:3px;font-size:9px}#hud:not(.boss-hud) #portal-status{margin-top:3px;font-size:9px}@media(max-width:760px){#hud:not(.boss-hud){top:64px;width:min(420px,94vw);padding:6px 9px}#hud:not(.boss-hud) .stats{font-size:10px}#hud:not(.boss-hud) .stats strong{font-size:17px}#hud:not(.boss-hud) #event-status{font-size:8px}#hud:not(.boss-hud) #loot-icon{width:18px;height:18px}}

#key-target{font-size:12px;font-weight:700;text-align:center;margin:5px 0 2px;line-height:1.4;text-shadow:0 1px 2px #10202a}@media(max-width:600px){#key-target{font-size:11px}}

.performance-settings{display:grid;gap:9px;margin-top:16px;padding:12px;border:1px solid #52647a;border-radius:8px;font-size:11px}.performance-settings label{display:block;color:#c4cfd9}.performance-settings select,.performance-settings button{width:100%;padding:10px;border:1px solid #657389;border-radius:5px;background:#223044;color:#f5efe4;font:inherit}#performance-panel{position:fixed;right:14px;top:96px;z-index:12;max-width:245px;background:#101c2dec;border:1px solid #7ba9b5;border-radius:8px;padding:10px 12px;color:#b9f1ce;font:11px/1.7 monospace;font-variant-numeric:tabular-nums;white-space:pre-line;pointer-events:none}#performance-stop{pointer-events:auto;display:block;margin-top:8px;padding:8px;border:1px solid #e3b365;border-radius:5px;background:#29384b;color:#fff0c9;font:11px sans-serif}@media(max-width:760px){#performance-panel{top:auto;bottom:14px;right:10px;max-width:210px;font-size:10px}}

#market-status{font-size:10px;text-align:center;color:#e4cc99;margin:4px}#market-open{position:fixed;right:18px;bottom:72px;z-index:7;padding:12px 16px;border:1px solid #dcbd7a;border-radius:8px;background:#302b42;color:#f4e0af}#overlay button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:600px){#market-open{bottom:124px;max-width:90vw}}

#time-of-day{display:block;text-align:center;color:#d9cfab;font-size:8px;letter-spacing:.8px;margin:2px 0}#hud.boss-hud #time-of-day{display:none}

#miniboss-status{margin-top:8px;padding-top:8px;border-top:1px solid #e7b56b77;color:#ffe3a6;pointer-events:none;font:700 11px monospace}#miniboss-status[hidden]{display:none}.mini-health-heading{display:flex;align-items:center;gap:7px;margin-bottom:6px;min-width:0}.mini-health-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mini-health-phase{border:1px solid #e7b56b77;border-radius:3px;padding:2px 4px;font-size:9px;white-space:nowrap}.mini-health-value{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.mini-health-track{position:relative;height:16px;background:#0c1420;border:2px solid #e7b56b;border-radius:3px;overflow:hidden}.mini-health-fill{display:block;height:100%;background:linear-gradient(#ffdb88,#cf893f);width:100%}.mini-health-half{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#142032;border-left:1px solid #fff2cc}.mini-health-caption{text-align:center;font-size:8px;color:#d8c9ac;margin-top:4px}#miniboss-status[data-phase="2"] .mini-health-fill{background:linear-gradient(#ff9a77,#dc5146)}#miniboss-status[data-phase="2"] .mini-health-phase{color:#ffb097;border-color:#ff856a}
body.vulture-cinematic header,body.vulture-cinematic #hud,body.vulture-cinematic #lab-tools,body.vulture-cinematic #hint,body.vulture-cinematic #performance-panel,body.vulture-cinematic #stick{visibility:hidden}

#difficulty-status{font-size:11px;color:#b5c3d2;margin-top:4px;max-width:90vw}

#hud:not(.boss-hud) #ability{display:block;font-size:9px;line-height:1.35;margin-top:4px;color:#e7d99d;overflow-wrap:anywhere}

#skills-panel{position:fixed;z-index:30;inset:5vh max(4vw,calc((100vw - 780px)/2));padding:24px;background:#172536fa;border:2px solid #dcbb70;border-radius:14px;overflow:auto;box-shadow:0 0 0 100vmax #07111bbd;color:#f5e8cf}#skills-panel[hidden]{display:none}#skills-panel p{line-height:1.5;color:#c4d2db}#skills-panel h2{margin-top:0}#skills-panel .skill-branch{list-style:none;padding:0;display:grid;gap:10px}#skills-panel li{padding:12px;border:1px solid #657489;border-left:4px solid #89719f;border-radius:5px;line-height:1.5}#skills-panel li.unlocked{border-color:#7ad4ba;background:#25473d}#skills-panel li+li:before{content:"↓ ";color:#e8c977}.skill-nav{display:flex;gap:10px;position:sticky;bottom:0;background:#172536;padding:12px 0}.skill-nav button,#skills-open{padding:10px 14px;border:1px solid #be9c64;background:#263750;border-radius:6px}#skills-open{margin:10px 0;width:100%}#skills-hud{margin-left:auto;padding:8px;background:#263750;border:1px solid #be9c64;border-radius:6px}#skills-hud[hidden]{display:none}@media(max-width:600px){#skills-panel{inset:3vh 3vw;padding:16px}#skills-hud{font-size:10px;padding:6px}.skill-nav{flex-wrap:wrap}}

#skills-panel .skill-nav{top:0;bottom:auto;margin-bottom:12px}

header #skills-hud{width:auto;min-width:92px;flex-shrink:0;height:40px}header #skills-hud+button{margin-left:0}

/* Lobby: clear play action, character showcase and functional navigation. */
body.menu #game{opacity:.22;filter:blur(2px) saturate(.6)}body.menu{background:#101b23}#menu{max-width:1320px;margin:0 auto;grid-template-columns:minmax(300px,.85fr) minmax(450px,1.3fr);align-items:start;align-content:start;gap:24px;padding:22px 30px 48px;scroll-behavior:smooth}#menu .home-banner{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:linear-gradient(120deg,#1c3440ed,#17252ff2);border:1px solid #49666a;border-radius:20px;padding:28px 34px;box-shadow:0 18px 60px #0003}.home-copy h1{font:900 clamp(48px,5vw,78px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-1px;margin:16px 0;color:#f6edcd}.home-copy h1 em{font-style:normal;color:#ff9c71}.home-copy>p{font-size:15px;color:#b9ccc7;line-height:1.5;margin:14px 0}.home-badges{display:flex;gap:8px;flex-wrap:wrap}.home-badges span{font-size:10px;color:#d9c38e;border:1px solid #5d6253;padding:5px 8px;border-radius:5px}.home-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.home-nav a,.home-nav button{color:#c9ddd6;text-decoration:none;font:600 11px 'DM Sans',sans-serif;padding:8px 10px;background:#13262c;border:1px solid #49666a;border-radius:5px}.home-play{display:block;margin-top:18px;min-width:200px;padding:14px 22px;font-weight:900;letter-spacing:1px;background:#e9c06e;color:#17272d;border:0;border-bottom:4px solid #a57b39;border-radius:8px}.home-play:hover{background:#ffdb8f}.home-feature{min-width:0;background:#0f2029;border:1px solid #3c595d;border-radius:14px;padding:14px;text-align:center}.home-feature canvas{display:block;width:100%;height:auto;aspect-ratio:2;image-rendering:pixelated;border-radius:8px;margin:10px 0}.home-kicker{font-size:9px;letter-spacing:2px;color:#b3ccba}.home-feature h2{font:800 26px 'Barlow Condensed',sans-serif;margin:4px 0;color:#fff0bd}.home-feature p{font-size:12px;color:#a8d8d3;margin:5px}.home-feature small{font-size:11px;color:#c0b294}#menu .intro,#menu .roster{max-width:none;width:100%;padding:20px;background:#182a34f2;border:1px solid #3c555e;border-radius:14px}#menu .arena-label{margin:16px 0}#menu .boss-strip{margin-top:16px;border-top:1px solid #42535c;padding-top:12px}#menu .choices{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}#menu .creature{border-radius:8px;padding:4px 2px 8px;background:#13242f;min-height:106px}#menu .creature canvas{width:70px;height:70px;max-width:100%}#menu .creature b{font-size:10px;overflow:hidden;text-overflow:ellipsis}#menu .creature small{font-size:6px;letter-spacing:.3px}#menu .creature.selected{background:#30423b;border-color:#e8c574;box-shadow:inset 0 0 0 1px #e8c574}#menu .primary{border-radius:8px}#menu footer{position:static;grid-column:1/-1;font-size:9px;color:#839b9d;text-align:center;margin-top:0}#menu .section-label{color:#d9c38e;margin-bottom:12px}#menu #coop-panel{border-top:1px solid #42535c;margin-top:20px;padding-top:16px}.attack-previews{margin:18px 0;padding:14px;background:#102029;border:1px solid #42615d;border-radius:10px}.attack-previews h3{margin:0 0 12px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-grid figure{margin:0;min-width:0}.preview-grid canvas{display:block;width:100%;height:auto;aspect-ratio:2;image-rendering:pixelated;border:1px solid #3d565a;border-radius:6px}.preview-grid figcaption{font-size:11px;line-height:1.4;margin:6px 0;color:#ecd49e}.attack-previews>button{padding:8px 12px;border:1px solid #bba56e;border-radius:5px;background:#283b42;margin:8px 0}.attack-previews>small{display:block;color:#a7bbb9;line-height:1.5;font-size:10px}@media(max-width:1000px){#menu{grid-template-columns:1fr 1.2fr;padding:18px;gap:16px}#menu .choices{grid-template-columns:repeat(4,minmax(0,1fr))}#menu .home-banner{padding:24px;gap:20px}.home-copy h1{font-size:60px}}@media(max-width:760px){#menu{display:flex;flex-direction:column;inset:65px 0 0;padding:14px;gap:14px}#menu .home-banner{width:100%;grid-template-columns:1fr;padding:22px;gap:18px}.home-copy h1{font-size:58px}.home-feature{width:100%}.home-feature canvas{max-height:190px;object-fit:contain}#menu .intro,#menu .roster{padding:16px}#menu .choices{grid-template-columns:repeat(4,minmax(0,1fr))}#menu .creature canvas{width:65px;height:65px}#menu .creature small{display:none}#menu .creature{min-height:92px}.preview-grid{grid-template-columns:1fr}.home-nav a,.home-nav button{padding:10px}.home-play{width:100%}}@media(prefers-reduced-motion:reduce){#menu{scroll-behavior:auto}}

/* Full-screen pixel lobby, with real sections instead of a scrolling landing page. */
body.menu #game{opacity:1;filter:none}body.menu:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#08192135,#07111d66);pointer-events:none;z-index:1}body.menu header{background:transparent;height:60px;pointer-events:none}body.menu header button{pointer-events:auto}body.menu header .subtitle{display:none}body.menu #menu{position:fixed;inset:60px 0 0;max-width:none;display:block;padding:0;margin:0;overflow:hidden;z-index:2}#menu .home-banner{position:absolute;inset:2vh 345px 45px 0;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0;background:none;border:0;box-shadow:none;border-radius:0}#menu .home-banner[hidden]{display:none!important}#menu .home-copy{display:contents}#menu .home-copy h1{font:900 clamp(40px,4vw,68px)/1.02 monospace;letter-spacing:1px;text-align:center;color:#ffdc61;text-shadow:3px 3px #a56c2b,6px 6px #14283e;margin:0}#menu .home-copy h1 br{display:none}#menu .home-copy h1 em{color:#ffdc61}#menu .home-copy>p,#menu .home-badges,#menu .home-nav,#menu .home-kicker,#menu .home-copy .eyebrow{display:none}#menu .home-feature{width:300px;background:none;border:0;padding:0;border-radius:0}#menu .home-feature canvas{width:300px;height:210px;aspect-ratio:auto;background:#10213de8;border:3px solid #c6d2d7;border-radius:12px;box-shadow:0 0 0 3px #233957;object-fit:contain;margin:8px auto 12px}#menu .home-feature h2{font:900 24px monospace;text-shadow:2px 2px #16243b;margin:12px 0 5px}#menu .home-feature p{font:12px monospace;color:#eff2d6}#menu .home-feature small{color:#e7d396}#lobby-sidebar{position:absolute;z-index:7;right:22px;top:20px;bottom:38px;width:294px;padding:18px 12px;background:linear-gradient(#3159a3,#203b76);border:3px solid #d7e1ef;outline:3px solid #1a2c46;border-radius:12px;box-shadow:0 8px 25px #0007;overflow:auto;display:flex;flex-direction:column;gap:6px}#lobby-sidebar h2{font:900 12px monospace;letter-spacing:1px;color:#c5d8fc;margin:4px 12px 10px}#lobby-sidebar>button{display:block;text-align:left;padding:15px 12px;border:1px solid transparent;border-radius:7px;background:transparent;min-height:66px;color:#fff4d2;font-family:monospace}#lobby-sidebar>button strong{display:block;font-size:19px;text-shadow:2px 2px #162647}#lobby-sidebar>button small{display:block;color:#bed0f1;font-size:10px;margin:7px 0 0 28px}#lobby-sidebar>button:hover,#lobby-sidebar>button[aria-pressed=true]{border-color:#e9cd76;background:#172f64;color:#ffe16a}#lobby-sidebar #lobby-home{font-size:11px;min-height:36px;padding:10px;margin-top:auto;border-top:1px solid #7795c4}#lobby-sidebar #record{font:10px/1.5 monospace;color:#c0d1e6;margin:8px 6px 0;padding:10px;background:#172f64;border-radius:5px}#menu .lobby-pane{position:fixed;left:3vw;right:345px;top:82px;bottom:32px;z-index:6;width:auto;max-width:none;padding:22px;background:linear-gradient(135deg,#31579b,#29467e);border:3px solid #d2dff3;outline:3px solid #1a2c46;border-radius:10px;overflow:auto;box-shadow:0 12px 35px #0008}#menu .lobby-pane[hidden]{display:none!important}#menu .lobby-pane h2{font:900 22px monospace;color:#fff2be;margin:0 0 22px;text-shadow:2px 2px #1d2a50}.lobby-back{float:right;border:2px solid #819fcb;border-radius:7px;padding:8px 14px;background:#2d518f;color:#fff7db;font:700 12px monospace}#menu #lobby-play #start{margin-top:20px}#menu #home-play[hidden]{display:none!important}#menu #lobby-characters{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-content:start}#lobby-characters>.lobby-back,#lobby-characters>h2,#lobby-characters>.section-label{grid-column:1/-1}#menu #lobby-characters #characters{grid-column:1;grid-row:4/span 5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;max-height:none;overflow:visible;gap:8px}#menu #lobby-characters .creature{background:#1c376d;border:2px solid #5275ac;border-radius:8px;min-height:110px}#menu #lobby-characters .creature.selected{border-color:#ffdb69;background:#34518a;box-shadow:0 0 0 1px #ffdb69}#menu #lobby-characters .creature canvas{width:76px;height:76px}#menu #lobby-characters .creature b{font:700 10px monospace;color:#fff7db}#menu #lobby-characters .creature small{display:none}#catalog-portrait{grid-column:2;grid-row:4;width:100%;height:180px;object-fit:contain;background:#142849;border:3px double #d4ddec;border-radius:12px;image-rendering:pixelated}#lobby-characters #selected-info{grid-column:2;grid-row:5;font:11px/1.5 monospace;margin:0;background:#203d71;border:1px solid #6885b3;border-radius:8px;padding:12px}#selected-info h3{font:800 18px monospace;margin:0 0 10px;color:#ffe49b}.catalog-stat{margin:10px 0;display:grid;grid-template-columns:1fr;gap:3px}.catalog-stat meter{width:100%;height:10px;accent-color:#f4d458}#lobby-characters #skills-open{grid-column:2;grid-row:6;margin:0;font:11px monospace}#lobby-use{grid-column:2;grid-row:7;background:#f1cd65;color:#203652;border:2px solid #fff0aa;border-radius:7px;padding:12px;font:800 12px monospace}#lobby-characters .instructions,#lobby-characters #art-status{display:none}#lobby-characters #practice-start{grid-column:1/-1}#menu #lobby-coop #coop-panel{margin:0;border:0;padding:0}#lobby-settings>button:not(.lobby-back){padding:12px 18px;background:#203f78;color:#fff2bb;border:2px solid #8cadd9;border-radius:7px}#lobby-settings>p{font:13px/1.7 monospace;color:#d8e7fb;margin:24px 0}#menu footer{position:fixed;bottom:8px;left:14px;right:345px;text-align:left;font-size:8px;color:#c6d4e5;pointer-events:none}#lobby-splash{position:fixed;inset:0;z-index:14;display:grid;place-content:center;text-align:center;background:#07172255;padding:24px}#lobby-splash[hidden]{display:none}#lobby-splash h1{font:900 clamp(34px,5vw,72px) monospace;color:#ffe165;text-shadow:3px 3px #a66d2a,6px 6px #10253e;margin:0 0 16px}#lobby-splash p{font:13px/1.6 monospace;color:#e0ecd8}#lobby-enter{background:transparent;border:2px solid #d9deac;color:#f8edb1;border-radius:8px;font:700 17px monospace;margin:24px auto;padding:15px 24px}#lobby-enter:hover{background:#234565}#menu .home-banner .home-play{display:none}@media(max-width:1100px){#lobby-sidebar{right:14px;width:240px;padding:12px 8px}#lobby-sidebar>button strong{font-size:16px}#menu .home-banner{right:280px}#menu .lobby-pane{right:280px;left:16px;padding:16px}#menu #lobby-characters{grid-template-columns:minmax(0,1fr) 180px}#menu #lobby-characters #characters{grid-template-columns:repeat(4,minmax(0,1fr))}#menu footer{right:280px}}@media(max-width:760px){body.menu header{height:56px}body.menu header a{font-size:16px}body.menu #menu{inset:56px 0 0;padding:0;display:block}#menu .home-banner{inset:0 0 140px;gap:10px}#menu .home-copy h1{font-size:36px;max-width:90vw}#menu .home-feature{width:230px}#menu .home-feature canvas{width:230px;height:175px}#lobby-sidebar{position:fixed;top:auto;bottom:10px;left:10px;right:10px;width:auto;height:116px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px;gap:3px;overflow:auto}#lobby-sidebar h2,#lobby-sidebar #lobby-home,#lobby-sidebar #record{display:none}#lobby-sidebar>button{padding:7px 3px;text-align:center;min-height:0}#lobby-sidebar>button strong{font-size:10px;line-height:1.8;text-shadow:none}#lobby-sidebar>button small{font-size:7px;margin:2px 0}#menu .lobby-pane{top:66px;bottom:140px;left:10px;right:10px;width:auto;padding:14px}#menu #lobby-characters{display:block}#menu #lobby-characters #characters{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;max-height:45vh;overflow:auto}#catalog-portrait{width:180px;height:140px;display:block;margin:16px auto}#lobby-characters #selected-info{margin:12px 0}#lobby-use,#lobby-characters #skills-open{width:100%;margin-top:10px}#menu footer{display:none}#menu .lobby-pane h2{font-size:17px;margin-top:6px}#lobby-splash h1{font-size:38px}#lobby-splash p{font-size:11px}}

body.menu #menu{background:transparent}body.menu:before{background:linear-gradient(90deg,#08192120,#07111d44)}body[data-lobby-entered=false] #menu .home-banner,body[data-lobby-entered=false] #lobby-sidebar,body[data-lobby-entered=false] #menu footer,body.menu[data-lobby-entered=false] header{visibility:hidden}

#menu #lobby-characters{grid-template-rows:max-content max-content max-content 180px max-content max-content max-content;grid-auto-rows:max-content}#lobby-characters #selected-info{min-height:min-content;height:auto;align-self:start}#lobby-characters>.lobby-back{justify-self:end;width:auto}
body.vulture-cinematic #game-update{visibility:hidden}

#permanent-wallet{padding:11px;background:#142c5b;border:2px solid #edd27e;border-radius:20px;text-align:center;font:800 13px monospace;color:#ffe291}#meta-save-status{font:9px/1.5 monospace;color:#d0dfef;padding:8px}.meta-upgrades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.meta-upgrades article{background:#1b376a;border:2px solid #6183ba;border-radius:8px;padding:14px}.meta-upgrades h3{font:800 15px monospace;color:#ffe0a1}.meta-upgrades p{font:11px/1.5 monospace;color:#c9d9ef;min-height:36px}.meta-upgrades button,#lobby-meta>button:not(.lobby-back){padding:10px;background:#f1cd65;color:#203652;border:2px solid #fff0aa;border-radius:6px;font:800 11px monospace}.meta-upgrades button:disabled{opacity:.5;cursor:default}#lobby-meta>p{font:12px/1.6 monospace;color:#e3eafa}#lobby-meta select{margin-left:12px;padding:10px;background:#183362;color:#fff0bd;border:2px solid #96b0d6;border-radius:6px}.meta-result{padding:12px;border:1px solid #e3c477;background:#253d38;color:#ffe39b;font-weight:700}@media(max-width:1000px){.meta-upgrades{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){#lobby-sidebar{grid-template-columns:repeat(6,minmax(0,1fr))}#lobby-sidebar #permanent-wallet{position:fixed;top:62px;left:12px;z-index:8;font-size:10px;padding:6px 12px}#lobby-sidebar #meta-save-status{display:none}.meta-upgrades{grid-template-columns:1fr}#lobby-meta select{max-width:100%;margin:10px 0;display:block}}

@media(max-width:480px){#lobby-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));height:144px}#menu .lobby-pane{bottom:168px}#menu .home-banner{bottom:172px}#lobby-sidebar>button strong{font-size:10px}#lobby-sidebar>button{padding:4px}}

/* In-game HUD: edge information leaves the arena visible. */
body:not(.menu) header{height:0;padding:0;background:none;pointer-events:none}body:not(.menu) header>a,body:not(.menu) header>.subtitle{display:none}body:not(.menu) header button{position:fixed;top:22px;right:16px;margin:0;pointer-events:auto}body:not(.menu) header #audio-toggle{right:66px;width:94px;font-size:10px}body:not(.menu) header #skills-hud{top:auto;right:auto;left:50%;bottom:16px;transform:translateX(-50%);width:140px;height:38px;font:700 12px monospace;border:2px solid #9baec9;background:#172b49}
#hud,#hud:not(.boss-hud),#hud.boss-hud{position:fixed;inset:0;transform:none;width:auto;padding:0;border:0;border-radius:0;background:none;pointer-events:none;font-family:monospace;text-shadow:1px 2px 2px #102136}
#hud .xp,#hud:not(.boss-hud) .xp,#hud.boss-hud .xp{display:block;position:absolute;top:0;left:0;right:0;height:8px;margin:0;border-radius:0;background:#101f30c9;border-bottom:1px solid #b8d7e677}#hud .xp i{background:linear-gradient(#abedff,#55aee0);box-shadow:0 0 8px #8fdcff}
#hud-vitals{position:absolute;left:16px;top:23px;width:220px}#hud-name{display:block;font-size:13px;color:#fff8dd;margin-bottom:5px}#hud-level{display:block;color:#ffdf73;font-size:10px;margin-bottom:5px}#health-track{height:15px;background:#1a263bd9;border:1px solid #ffb0aa;position:relative;border-radius:4px;overflow:hidden}#health-fill{display:block;height:100%;background:linear-gradient(#ff8e91,#ed506a)}#hud #hp{position:absolute;inset:0;text-align:center;font-size:10px;line-height:13px;font-weight:700}
#hud .stats{position:absolute;top:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:4px;font-size:9px}#hud .stats #time{font-size:26px;color:#fff7db}#hud #kills{color:#d4e3ef}#hud #time-of-day{position:absolute;top:73px;left:50%;transform:translateX(-50%);font-size:8px}#hud #level{position:absolute;top:88px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;color:#dce3bb}
#hud #ability,#hud:not(.boss-hud) #ability{position:absolute;display:block;bottom:61px;left:50%;transform:translateX(-50%);width:min(540px,82vw);margin:0;padding:6px 10px;border-radius:5px;background:#102139b8;color:#e7edf7;font:10px/1.5 monospace;text-align:center}#hud.boss-hud #ability{display:none}
#hud #loot-hud{position:absolute;top:78px;left:16px;width:245px;text-align:left;font-size:9px;margin:0}#hud #loot-message{position:absolute;top:112px;left:16px;max-width:250px;font-size:10px}#hud #key-target{position:absolute;left:16px;top:141px;font-size:10px}#hud #difficulty-status{position:absolute;left:16px;top:167px;font-size:8px;max-width:245px}#hud #portal-status{position:absolute;top:106px;left:50%;transform:translateX(-50%);width:min(400px,60vw);font-size:9px;text-align:center}#hud #event-status,#hud #market-status{position:absolute;right:16px;top:90px;max-width:220px;font-size:10px}#hud #market-status{top:125px}
#hud #miniboss-status{position:absolute;top:136px;left:50%;transform:translateX(-50%);width:min(440px,70vw);padding:8px 10px;margin:0;background:#102039d9;border:1px solid #e7b56b77;border-radius:5px}body:not(.menu) #performance-panel{top:115px}body:not(.menu) #hint{display:none}
@media(max-width:760px){#hud-vitals{left:10px;top:19px;width:135px}#hud-name{font-size:10px}#hud-level{font-size:9px}#hud .stats{top:21px}#hud .stats #time{font-size:21px}#hud #loot-hud{left:10px;top:83px;width:150px;font-size:8px;line-height:1.4}#hud #loot-message{left:10px;top:124px;width:145px;font-size:8px}#hud #key-target{left:10px;top:151px;font-size:8px;max-width:145px}#hud #difficulty-status{display:none}#hud #level{top:80px;font-size:7px;max-width:46vw;white-space:normal;text-align:center;left:73%}#hud #time-of-day{top:66px}#hud #portal-status{top:105px;left:73%;width:46vw;font-size:8px}#hud #miniboss-status{top:184px;width:85vw}body:not(.menu) header #audio-toggle{display:none}body:not(.menu) header #pause{top:19px;right:10px;width:32px;height:32px}#hud #event-status,#hud #market-status{top:139px;max-width:45vw;font-size:8px}#hud #market-status{top:163px}#hud #ability,#hud:not(.boss-hud) #ability{bottom:63px;font-size:8px;max-width:80vw}#hud .mini-health-name{font-size:10px}}

.supply-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.supply-grid article{background:#1c376b;border:2px solid #6385bb;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}.supply-grid article.supply-prepared{border-color:#f5d66b;box-shadow:inset 0 0 0 1px #f5d66b}.supply-grid canvas{width:48px;height:48px;image-rendering:pixelated}.supply-grid h3{font:800 14px monospace;color:#ffe1a0;margin:0}.supply-grid p{font:11px/1.5 monospace;color:#d0deed;margin:0;flex:1}.supply-grid small{font:10px/1.5 monospace;color:#e9d996}.supply-grid button,.supply-switch,.supply-play{padding:10px;background:#f1cd65;color:#203652;border:2px solid #fff0aa;border-radius:6px;font:800 11px monospace}.supply-grid button:disabled{opacity:.45;cursor:default}#lobby-shop>p,#lobby-bag>p{font:12px/1.6 monospace;color:#e1e9f3}.supply-play{width:100%;margin-top:10px}@media(max-width:1000px){.supply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.supply-grid{grid-template-columns:1fr}#lobby-sidebar{grid-template-columns:repeat(4,minmax(0,1fr));height:144px}#menu .lobby-pane{bottom:168px}#menu .home-banner{bottom:172px}body[data-lobby-panel]:not([data-lobby-panel=home]) #permanent-wallet{display:none}#lobby-sidebar>button strong{font-size:9px}}
/* Level-up cards use the game's cream, coral and midnight palette. */
#overlay.level-up{width:570px;max-width:94vw;padding:26px;background:linear-gradient(145deg,#203144fa,#111e2efa);border:2px solid #a6b6c4;border-top:5px solid #ff765a;border-radius:10px;box-shadow:0 0 0 100vmax #07111bb8,0 20px 80px #0009;text-align:left;color:#f5efe4}#overlay.level-up h2{font:900 42px/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#fff3dd;margin:0 0 12px}#overlay.level-up h2:after{content:'EL CAOS SUBE CONTIGO.';display:block;color:#ff8468;font:700 10px monospace;letter-spacing:2px;margin-top:12px}#overlay.level-up>p{font:11px/1.6 monospace;color:#b9c7d4;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #61718366}#overlay.level-up .upgrade-card{display:flex;align-items:center;gap:14px;width:100%;padding:15px 13px;margin-top:10px;border:1px solid #64758b;border-radius:7px;background:#233348;min-height:100px;text-align:left;transition:background .12s,border-color .12s}#overlay.level-up .upgrade-card:hover,#overlay.level-up .upgrade-card:focus-visible{border-color:#ff987b;background:#354052;outline:2px solid #ff987b;outline-offset:2px}.upgrade-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border:2px solid #f0c47577;border-radius:7px;background:#142236;box-shadow:inset 3px 3px #31425c;font:800 32px monospace;color:#ffd47d;text-shadow:2px 2px #8a5736;image-rendering:pixelated}.upgrade-content{display:block;flex:1;min-width:0}.upgrade-content strong{display:block;font:800 17px/1.2 'DM Sans',sans-serif;color:#fff2da}.upgrade-badge{display:block;color:#f5c56f;font:700 8px monospace;letter-spacing:1px;margin-bottom:6px}#overlay.level-up .upgrade-content small{display:block;font:11px/1.5 'DM Sans',sans-serif;color:#bac9d9;margin-top:7px}.upgrade-pick{align-self:center;color:#ff9277;font:700 8px monospace;white-space:nowrap}.upgrade-card[data-evolution=true]{border-color:#eac76d!important}.upgrade-card[data-evolution=true] .upgrade-badge{color:#ffe39b}#overlay.level-up>button:not(.upgrade-card){font-size:11px;min-height:38px;padding:10px;background:transparent;border-color:#667487}@media(max-width:600px){#overlay.level-up{padding:19px 14px;max-height:91vh}#overlay.level-up h2{font-size:34px}#overlay.level-up .upgrade-card{padding:12px 10px;gap:10px;min-height:98px}.upgrade-icon{flex-basis:43px;height:47px;font-size:27px}.upgrade-content strong{font-size:14px}#overlay.level-up .upgrade-content small{font-size:10px}.upgrade-pick{display:none}}
@media(prefers-reduced-motion:reduce){#overlay.level-up .upgrade-card{transition:none}}

/* Causas identity: charcoal print, coral cuts and brass accents. */
#overlay.level-up{background:linear-gradient(120deg,#302a26fa,#171c20fa);border:1px solid #9c8367;border-left:6px solid #ff765a;border-top:1px solid #9c8367;border-radius:2px;padding:26px;box-shadow:0 0 0 100vmax #101413cc,12px 12px 0 #0e1217aa}#overlay.level-up h2{color:#fff0d7;font-style:italic}#overlay.level-up h2:after{content:'ESCOGE TU PRÓXIMA JUGADA · 1 / 2 / 3';color:#edb870}#overlay.level-up .upgrade-card{border:1px solid #716452;border-left:4px solid #dba861;border-radius:0;background:linear-gradient(100deg,#3b342c,#242a2c);gap:16px}#overlay.level-up .upgrade-card:hover,#overlay.level-up .upgrade-card:focus-visible{background:#463a30;border-color:#ff8868;outline:2px solid #ff8868}#overlay.level-up .upgrade-icon{width:58px;height:58px;flex-basis:58px;padding:4px;background:#171c20;border:1px solid #b78c53;border-radius:0;box-shadow:3px 3px #100f0f;image-rendering:pixelated}#overlay.level-up .upgrade-key{display:grid;place-items:center;width:28px;height:30px;border:1px solid #f5c482;background:#171c20;box-shadow:3px 3px #0d1013;font:800 16px monospace;color:#ffe3ad}#overlay.level-up .upgrade-badge{color:#f2b56c}#overlay.level-up .upgrade-content strong{color:#fff0d5}
#lobby-sidebar{background:linear-gradient(160deg,#302b27f5,#181d22fa);border:1px solid #9c8367;border-left:5px solid #ff765a;outline:0;border-radius:0;box-shadow:9px 9px #10151bbb}#lobby-sidebar h2{color:#d8b07a}#lobby-sidebar>button{border-radius:0;color:#fff0d5}#lobby-sidebar>button strong{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:24px;letter-spacing:.5px;text-shadow:none}#lobby-sidebar>button small{color:#c6b9a7}#lobby-sidebar>button:hover,#lobby-sidebar>button[aria-pressed=true]{background:#44342c;border-color:#ac7957;border-left:4px solid #ff765a;color:#ffae8b}#lobby-sidebar #record,#permanent-wallet{border-radius:0;background:#1b1d1c;border-color:#b68c57;color:#edca92}#menu .home-copy h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(42px,5.5vw,85px);font-style:italic;color:#fff0d5;text-shadow:4px 4px #30281f;letter-spacing:1px}#menu .home-feature canvas{background:#191e24db;border:1px solid #b69a73;border-bottom:5px solid #ff765a;border-radius:0;box-shadow:8px 8px #11171c99}#menu .home-feature h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:28px;color:#fff0d5}#menu .lobby-pane{background:linear-gradient(125deg,#302b26fa,#1b2228fa);border:1px solid #9c8367;border-top:5px solid #ff765a;outline:0;border-radius:2px}#menu .lobby-pane h2{color:#ffe5bb;text-shadow:none}.lobby-back{background:#302d29;border-color:#b69974;color:#ffe1b1;border-radius:0}#menu #lobby-characters .creature{background:#292b2b;border-color:#716453;border-radius:1px}#menu #lobby-characters .creature.selected{background:#47352b;border-color:#ff9371;box-shadow:none}#catalog-portrait,#lobby-characters #selected-info{background:#1c2228;border-color:#a88b66;border-radius:0}#lobby-sidebar #lobby-home{border-color:#74614c;color:#d8c2a1}@media(max-width:760px){#lobby-sidebar>button strong{font-size:13px}#menu .home-copy h1{font-size:43px}#overlay.level-up{padding:18px 13px}#overlay.level-up .upgrade-card{gap:10px}#overlay.level-up .upgrade-icon{width:46px;height:46px;flex-basis:46px}#overlay.level-up .upgrade-key{display:grid;flex:0 0 22px;width:22px;height:25px;font-size:13px}}@media(max-width:480px){#lobby-sidebar>button strong{font-size:13px}}

/* Subidas de nivel: identidad limeña, información jugable y espectáculo pixel art. */
#overlay.level-up h2:after{content:'ESCOGE TU PRÓXIMA JUGADA · TECLAS 1 / 2 / 3 / 4'}
#overlay.level-up .upgrade-card{position:relative;overflow:hidden;border-left-color:var(--rarity,#a49a8b)}
#overlay.level-up .upgrade-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--rarity,#a49a8b);box-shadow:0 0 15px var(--rarity,#a49a8b)}
.upgrade-card[data-rarity=common]{--rarity:#b6aa98}.upgrade-card[data-rarity=rare]{--rarity:#59d6c1}.upgrade-card[data-rarity=epic]{--rarity:#c98cff}.upgrade-card[data-rarity=legendary]{--rarity:#ffd45f}
.upgrade-card[data-rarity=rare]{background:linear-gradient(100deg,#253b38,#242a2c)!important}.upgrade-card[data-rarity=epic]{background:linear-gradient(100deg,#392c42,#24262b)!important}.upgrade-card[data-rarity=legendary]{background:linear-gradient(100deg,#493d26,#292a29)!important}
.upgrade-card[data-rarity=legendary]:after{content:'✦';position:absolute;right:53px;top:7px;color:#ffe68b;animation:raritySpark 1.1s steps(2) infinite}
.upgrade-card .upgrade-badge{color:var(--rarity,#f2b56c)!important}.upgrade-comparison{display:block;margin-top:7px;color:#ffe3ad;font:700 10px/1.35 monospace}.upgrade-preview{flex:0 0 96px;width:96px;height:42px;border:1px solid var(--rarity,#756a5b);background:#11171c;image-rendering:pixelated;box-shadow:3px 3px #0e1113}.four-upgrades{max-height:94vh;overflow:auto}.four-upgrades .upgrade-card{min-height:82px;padding-block:10px;margin-top:7px}.four-upgrades>p{margin-bottom:9px!important;padding-bottom:8px!important}
.upgrade-chosen{z-index:2;animation:upgradeImpact .46s steps(3) forwards!important;pointer-events:none}.upgrade-flash{position:fixed;z-index:1000;inset:0;background:#fff;mix-blend-mode:screen;pointer-events:none;animation:upgradeFlash .55s steps(3) forwards}.upgrade-flight{position:fixed;z-index:1002;left:50%;top:50%;width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #ffe8a0);pointer-events:none;animation:upgradeFlight .72s cubic-bezier(.2,.8,.2,1) forwards}.evolution-stage{position:fixed;z-index:1001;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:radial-gradient(circle,#7b5638ee 0,#171b1fee 42%,#090c10f7 75%);color:#ffe9bd;text-align:center;pointer-events:none;animation:evolutionStage 1.4s steps(5) forwards}.evolution-stage canvas{width:128px;height:128px;image-rendering:pixelated;filter:brightness(0) drop-shadow(0 0 0 #ff765a);animation:evolutionReveal 1.25s steps(5) forwards}.evolution-stage b{font:800 12px monospace;letter-spacing:3px;color:#ff9878}.evolution-stage strong{font:900 46px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;text-shadow:4px 4px #111}
@keyframes raritySpark{50%{opacity:.2;transform:scale(1.5)}}@keyframes upgradeImpact{35%{transform:scale(1.055);filter:brightness(1.8)}100%{transform:scale(.96);opacity:0}}@keyframes upgradeFlash{0%{opacity:0}20%{opacity:.65}100%{opacity:0}}@keyframes upgradeFlight{0%{transform:translate(-50%,-50%) scale(1.8) rotate(-8deg);opacity:0}25%{opacity:1}100%{transform:translate(calc(-50% + var(--travel-x)),calc(-50% + var(--travel-y))) scale(.1) rotate(18deg);opacity:0}}@keyframes evolutionStage{0%{opacity:0}12%,78%{opacity:1}100%{opacity:0}}@keyframes evolutionReveal{0%,35%{transform:scale(.55);filter:brightness(0) drop-shadow(0 0 16px #ff765a)}70%,100%{transform:scale(1.3);filter:brightness(1) drop-shadow(0 0 22px #ffd45f)}}
@media(max-width:760px){.upgrade-preview{display:none}.upgrade-comparison{font-size:9px}.four-upgrades .upgrade-card{min-height:74px}.evolution-stage strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){.upgrade-card[data-rarity=legendary]:after,.upgrade-chosen,.upgrade-flash,.upgrade-flight,.evolution-stage,.evolution-stage canvas{animation:none!important}.upgrade-flight,.upgrade-flash,.evolution-stage{display:none}}
#menu .creature[data-locked=true] canvas{filter:brightness(.22) saturate(.3);opacity:.7}#menu .creature .unlock-tag{display:block;font:8px monospace;line-height:1.4;margin-top:4px}#start:disabled,#lobby-use:disabled{opacity:.45;cursor:default}.gacha-rates{display:flex;flex-wrap:wrap;gap:10px;padding:14px;background:#193768;border:1px solid #6585b7;border-radius:7px}.gacha-rates span{font:11px/1.6 monospace}#gacha-stage{display:block;width:100%;max-width:600px;height:auto;aspect-ratio:2;margin:18px auto;background:#142c52;border:3px double #c9d9ec;border-radius:10px;image-rendering:pixelated}#lobby-gacha>p{font:12px/1.6 monospace;color:#e6edf7}#gacha-result{min-height:40px;color:#ffe08a!important;font-weight:800!important}.gacha-pull,.gacha-use,.gacha-skip{padding:13px 18px;margin:8px 8px 8px 0;border:2px solid #fff0ad;border-radius:7px;background:#efca64;color:#203752;font:800 12px monospace}.gacha-pull:disabled{opacity:.45;cursor:default}#lobby-gacha>button:not(.lobby-back){cursor:pointer}@media(max-width:760px){#lobby-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));height:164px}#menu .lobby-pane{bottom:188px}#menu .home-banner{bottom:192px}.gacha-rates{gap:6px;padding:9px}.gacha-rates span{font-size:9px}.gacha-pull,.gacha-use{width:100%}}
#miniboss-direction{position:fixed;transform:translate(-50%,-50%);z-index:7;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:5px;max-width:180px;padding:6px 8px;background:#142032ed;border:1px solid #e7b56b;border-radius:6px;color:#fff0cf;font:700 10px monospace;text-align:center;box-shadow:0 2px 8px #0006}#miniboss-direction .mini-direction-icon{display:block;font-size:27px;color:#ffd17d;line-height:1}#miniboss-direction>span:last-child{max-width:120px;overflow-wrap:anywhere}#miniboss-direction[hidden]{display:none}

.character-profile-stats{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;border-block:1px solid #716453;padding:12px 0}.character-profile-stats dt{color:#bac7cf}.character-profile-stats dd{margin:0;text-align:right;color:#ffe1a1;max-width:115px;overflow-wrap:anywhere}#selected-info p{line-height:1.6}
#mini-encounter-card{position:fixed;right:14px;bottom:125px;width:225px;max-width:34vw;padding:12px;border:1px solid #b89d69;border-left:3px solid #b4ffe0;background:#142032ed;color:#fff0d1;z-index:6;pointer-events:none;white-space:pre-line;font:700 11px/1.65 monospace;border-radius:5px}#mini-encounter-card[hidden]{display:none}@media(max-width:600px){#mini-encounter-card{right:7px;bottom:130px;width:160px;max-width:43vw;font-size:9px;padding:8px}}
.gacha-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}.gacha-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px;background:#172b49;color:#eef4ff;border:2px solid;border-radius:8px;cursor:pointer}.gacha-card canvas{width:100%;max-width:120px;aspect-ratio:1;image-rendering:pixelated}.gacha-card strong{font:700 12px/1.4 monospace;overflow-wrap:anywhere}.gacha-card span{font:10px/1.4 monospace}.gacha-card:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:760px){.gacha-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gacha-tabs,.gacha-filters,.gacha-pagination{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.gacha-tabs button,.gacha-stars button,.gacha-pagination button{padding:10px 14px;border:1px solid #cfb172;border-radius:5px;background:#20324b;color:#fff2cc;cursor:pointer}.gacha-tabs button[aria-pressed=true]{background:#dcbb68;color:#172b49}.gacha-stars{padding:15px;margin:12px 0;border:1px solid #b59562;background:#1b2b40}.gacha-stars h3{color:#ffe19a}.gacha-stars p{font-size:12px;line-height:1.6}.gacha-stars button:disabled,.gacha-pagination button:disabled{opacity:.45;cursor:default}.gacha-filters select{max-width:100%;padding:10px;background:#1b2b40;color:#f3e8d0;border:1px solid #a58c63}.gacha-history{list-style:none;padding:0;display:grid;gap:8px}.gacha-history li{display:grid;grid-template-columns:1.2fr 1.3fr 1fr;gap:12px;padding:14px;background:#1b2b40;border-left:3px solid #a58c63;font:12px/1.6 monospace}.gacha-history time{color:#c4d2e6}@media(max-width:760px){.gacha-history li{grid-template-columns:1fr;gap:5px}}
#menu .creature .star-bonus{display:block;font:9px/1.5 monospace;color:#f0d7a4;margin-top:4px}.collection-stars{margin-top:16px;padding:14px;border:1px solid #a68b58;background:#192b40}.collection-stars h3{color:#ffe18a!important}.collection-stars p{font:12px/1.7 monospace!important}.collection-stars button{padding:10px 14px;background:#efca64;border:1px solid #ffe8a1;border-radius:5px;color:#182b47;cursor:pointer}.star-ascension{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:24px;border:2px solid #f0cf7c;border-radius:14px;color:#f6ead1;background:radial-gradient(ellipse at 50% 42%,#484325,#14243b 62%);box-shadow:0 15px 80px #000a;text-align:center}.star-ascension[open]{animation:ascension-enter .35s ease-out}.star-ascension::backdrop{background:#060d1bd9}.star-ascension h2{font-size:25px;color:#ffe59c;margin:0 0 10px}.star-ascension canvas{display:block;width:min(100%,480px);height:auto;margin:auto;image-rendering:pixelated}.star-ascension p{font:13px/1.7 monospace}.ascension-stars{display:flex;justify-content:center;gap:8px;font-size:38px;color:#ffe18a;line-height:1.6}.ascension-stars .star-empty{color:#6d7685}.ascension-stars .star-new{display:inline-block;animation:ascension-star 1.8s ease-out both;text-shadow:0 0 18px #ffc85a}.star-ascension button{padding:12px 16px;margin:6px;background:#e9c56a;color:#172b45;border:1px solid #fff0b5;border-radius:6px;font-weight:700;cursor:pointer}.star-ascension button:focus-visible,.collection-stars button:focus-visible{outline:3px solid #fff;outline-offset:3px}@keyframes ascension-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ascension-star{0%,15%{opacity:.2;transform:scale(.6);text-shadow:none}45%{opacity:1;transform:scale(1.4);text-shadow:0 0 25px #ffd252}75%,100%{opacity:1;transform:scale(1);text-shadow:0 0 14px #ffd252}}@media(prefers-reduced-motion:reduce){.star-ascension[open],.ascension-stars .star-new{animation:none!important}.ascension-stars .star-new{text-shadow:none}}@media(max-width:480px){.star-ascension{padding:16px}.ascension-stars{font-size:30px;gap:6px}.star-ascension h2{font-size:21px}}
#lobby-characters>.section-label{flex-wrap:wrap;gap:10px}#collection-owned-count{color:#edc260}#collection-controls{width:100%;display:grid;grid-template-columns:1fr 1fr 1.2fr auto;align-items:end;gap:10px;padding:14px;background:#1a293a;border:1px solid #8d7859;letter-spacing:0;color:#efe3cc}#collection-controls label{display:flex;flex-direction:column;gap:7px;font:11px/1.5 monospace}#collection-controls label:has(input){flex-direction:row;align-items:center;padding-bottom:10px}#collection-controls select,#collection-controls button{width:100%;min-width:0;padding:9px;background:#25364a;color:#fff0d1;border:1px solid #9e8866;border-radius:4px;font:11px/1.4 monospace}#collection-controls input{width:18px;height:18px;accent-color:#79d59c}#collection-controls p{grid-column:1/-1;margin:0;font:11px/1.6 monospace;color:#ced8e6}#menu #characters .creature[hidden]{display:none!important}#menu .creature .ascension-badge{display:block;font:9px/1.5 monospace;margin-top:4px;color:#c3d0de}#menu #lobby-characters .creature[data-ascend-ready=true]{border-color:#8ae0a3;box-shadow:inset 0 0 0 1px #8ae0a344}#menu .creature[data-ascend-ready=true] .ascension-badge{color:#a0f4b7;font-weight:700}@media(max-width:1000px){#collection-controls{grid-template-columns:1fr 1fr}}@media(max-width:480px){#collection-controls{gap:8px;padding:10px}#collection-controls label:has(input){grid-column:1/-1}#collection-controls button{grid-column:1/-1}}
#test-bench{margin-top:18px;padding:20px;border:1px solid #887298;border-top:3px solid #e9be65;border-radius:12px;background:linear-gradient(130deg,#2c293c,#1c2937);color:#f9eddb;font:13px/1.4 'DM Sans',sans-serif}.bench-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.bench-heading h3{font-size:22px;margin:3px 0}.bench-heading small{color:#efc45e;font-size:10px;letter-spacing:1.5px}.bench-intro{color:#bbc4d2;max-width:680px}.bench-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bench-selects label{display:grid;gap:6px;color:#d9c5e3;font-size:12px}#test-bench select{width:100%;min-width:0;padding:11px;border:1px solid #7b7791;border-radius:6px;background:#1b2738;color:#fff;font:inherit}.bench-toggles,.bench-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.bench-toggles{color:#c8c0d2;font-size:12px}.bench-toggles input{accent-color:#efc45e}#test-bench button{border:1px solid #7e8098;border-radius:6px;background:#344158;color:#fff0d4;padding:10px 14px;font:700 12px 'DM Sans',sans-serif}#test-bench button:hover{border-color:#efc45e;background:#43506a}#test-bench button:disabled{opacity:.45;cursor:default}#test-bench #bench-start{background:#efc45e;border-color:#efc45e;color:#202535}#test-bench #bench-exit{margin-left:auto}#bench-status{color:#bfcecf;font-size:12px;margin:12px 0 0}.bench-performance{padding:14px;margin-top:16px;border:1px solid #666377;border-radius:8px;font-size:12px}.bench-performance summary{cursor:pointer}#test-bench.bench-live{position:fixed;left:16px;right:16px;bottom:12px;z-index:46;margin:0;padding:12px 16px;max-height:42vh;overflow-y:auto;box-shadow:0 -8px 40px #0005;background:#1c2636f5}.bench-live .bench-intro{display:none}.bench-live .bench-heading h3{font-size:16px}.bench-live .bench-heading small{display:none}.bench-live .bench-selects{margin-top:8px;gap:8px}.bench-live .bench-selects label{font-size:11px}.bench-live .bench-actions,.bench-live .bench-toggles{margin-top:8px}.bench-live #bench-status{margin-top:7px;font-size:11px}body.test-bench-live.kingteka-practice #ultimate{bottom:290px!important}@media(max-width:600px){#test-bench{padding:14px}.bench-selects{grid-template-columns:1fr}.bench-live .bench-selects{grid-template-columns:1fr 1fr}.bench-live .bench-selects label:first-child{grid-column:1/-1}#test-bench.bench-live{left:6px;right:6px;bottom:6px;padding:9px;max-height:43vh}.bench-live .bench-toggles{font-size:10px}.bench-live .bench-actions{gap:6px}#test-bench.bench-live button{padding:9px;font-size:11px}#test-bench #bench-exit{margin-left:0}.bench-heading h3{font-size:19px}body.test-bench-live.kingteka-practice #ultimate{bottom:45vh!important}}

.enemy-audio-control{position:relative;flex:0 0 auto;font-size:11px;color:#c5d0d9}.enemy-audio-control summary{list-style:none;cursor:pointer;padding:9px 7px;border:1px solid #5a6b76;border-radius:8px;background:#22303d}.enemy-audio-control summary::-webkit-details-marker{display:none}.enemy-audio-control label{position:absolute;top:40px;right:0;display:flex;align-items:center;gap:8px;padding:12px;background:#172332;border:1px solid #5a6b76;border-radius:8px;white-space:nowrap}.enemy-audio-control input{width:85px;accent-color:#ffb15f}
#collection-controls{grid-template-columns:repeat(3,minmax(0,1fr))}#collection-controls label:has(input){grid-column:1/3}#collection-controls button{grid-column:3}@media(max-width:1000px){#collection-controls{grid-template-columns:repeat(2,minmax(0,1fr))}#collection-controls label:has(input){grid-column:auto}#collection-controls button{grid-column:auto}}@media(max-width:480px){#collection-controls label:has(input),#collection-controls button{grid-column:1/-1}}
#test-bench .bench-selects{grid-template-columns:repeat(4,minmax(0,1fr))}#bench-attack-info{white-space:pre-line;margin:12px 0 0;padding:10px 12px;border-left:3px solid #efc45e;background:#101a2b80;color:#dfd6b8;font-size:12px;line-height:1.65}.bench-live #bench-attack-info{margin-top:8px;padding:6px 9px;font-size:11px}@media(max-width:900px){#test-bench .bench-selects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#test-bench:not(.bench-live) .bench-selects{grid-template-columns:1fr}#test-bench.bench-live .bench-selects label:first-child{grid-column:auto}.bench-live #bench-attack-info{line-height:1.4}}
#collection-controls #collection-save-retry{grid-column:1/-1}#collection-save-retry[hidden]{display:none!important}

/* Cuenta: formulario independiente del combate y del guardado invitado. */
#welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(440px,90vw);margin:24px auto 8px}#welcome-actions button,#account-dialog button{cursor:pointer;font:700 14px monospace;border:2px solid #91afd8;border-radius:7px;background:#203f78;color:#fff2bb;padding:13px 16px;box-shadow:0 3px #102743}#welcome-actions #welcome-login,#account-dialog .account-primary{background:#f1cd65;color:#203652;border-color:#fff0aa}#welcome-actions #lobby-enter{grid-column:1/-1;margin:0;background:#142d4bd9;border-color:#b8ceb7;color:#e0ecd8;font-size:13px}#lobby-splash .welcome-note{max-width:420px;margin:12px auto 0;font-size:11px;color:#d1dfec}#welcome-actions button:hover,#account-dialog button:hover{filter:brightness(1.15)}#welcome-actions button:focus-visible,#account-dialog button:focus-visible{outline:3px solid #ffe165;outline-offset:3px}#account-dialog{box-sizing:border-box;color:#fff3dc;background:linear-gradient(135deg,#31579b,#203b76);border:3px solid #d2dff3;border-radius:10px;width:min(460px,calc(100% - 28px));padding:24px;max-height:92dvh;overflow:auto;box-shadow:0 0 0 3px #1a2c46,0 14px 45px #0009;font:13px/1.6 monospace}#account-dialog::backdrop{background:#061421bb}#account-dialog h2{font:900 27px monospace;color:#ffe165;text-shadow:2px 2px #162647;margin:8px 0 16px}.account-badge{font:700 10px monospace;letter-spacing:1px;color:#c5d8fc}#account-dialog form,#account-dialog label{display:grid;gap:7px}#account-dialog form{gap:14px;margin-top:16px}#account-dialog input{box-sizing:border-box;width:100%;font:inherit;padding:11px;background:#142849;color:#fff7db;border:2px solid #6885b3;border-radius:6px}#account-dialog input:focus{outline:2px solid #ffe165;border-color:#ffe165}#account-dialog button{display:block;width:100%;margin:10px 0}#account-dialog .account-tabs{display:flex;gap:8px}#account-dialog .account-tabs button{font-size:12px;padding:9px;margin:0}#account-dialog .account-tabs [aria-pressed=true]{border-color:#ffe165;background:#172f64;color:#ffe165}#account-dialog .account-link,#account-dialog .account-back{background:transparent;box-shadow:none;border-color:transparent;color:#d6e5ff;font-size:12px}#account-dialog [role=status]{color:#ffe49b;margin:12px 0}.account-recovery{overflow-wrap:anywhere;padding:14px;border:2px solid #ffe165;background:#142849}@media(max-width:480px){#account-dialog{padding:18px}#account-dialog h2{font-size:24px}#welcome-actions{gap:10px}#welcome-actions button{font-size:12px;padding:13px 10px}}

.bench-support{margin-top:10px;border:1px solid #69768a;border-radius:7px;padding:10px;background:#14203280;font-size:12px}.bench-support summary{color:#f0d99b;cursor:pointer;font-weight:700}#bench-support-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.bench-support-slot{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bench-support-slot label{display:grid;gap:5px;color:#c9d3df;font-size:11px}#bench-support-info{white-space:pre-line;line-height:1.6;margin:8px 0 0;color:#b9c8d3;font-size:11px}.bench-live .bench-support{padding:8px;margin-top:7px}.bench-live #bench-support-slots{margin:8px 0}.bench-live #bench-support-info{line-height:1.4}@media(max-width:760px){#bench-support-slots{grid-template-columns:1fr;gap:8px}}

#causa-combo{position:fixed;right:18px;bottom:152px;width:246px;z-index:6;padding:9px;background:#17222bec;border:1px solid #a68a62;color:#fff1d2;font:10px monospace;pointer-events:none}#causa-combo>strong{display:block;font-size:10px;letter-spacing:1px;margin-bottom:7px}.causa-card{position:relative;display:flex;justify-content:space-between;padding:7px 8px 10px;margin-top:4px;border:1px solid #65727b;background:#26323b;overflow:hidden}.causa-card i{position:absolute;bottom:0;left:0;height:3px;background:#ff9775}.causa-card[data-card=aguante] i{background:#82d4be}.causa-card[data-card=hazana] i{background:#c1a5ff}.causa-card.complete{border-color:#edcf7c;color:#ffe395}.causa-card.complete i{background:#edcf7c!important}#causa-combo>small{display:block;margin-top:7px;font:9px/1.4 monospace;color:#c6d0d6}body.court-scene #causa-combo{visibility:hidden}@media(max-width:600px){#causa-combo{right:8px;bottom:147px;width:186px;padding:6px}.causa-card{padding:5px 6px 8px}#causa-combo>small{font-size:8px}}body.kingteka-practice #causa-combo{display:none}

@media(max-width:600px){#causa-combo{width:min(294px,calc(100vw - 16px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}#causa-combo>strong,#causa-combo>small{grid-column:1/-1}.causa-card{display:block;text-align:center;margin-top:0}.causa-card span,.causa-card b{display:block;font-size:9px}.causa-card b{margin-top:3px}}
body.vulture-cinematic #test-bench{visibility:hidden}

body[data-account-admin="false"] #test-bench,body[data-account-admin="false"] #dev-lab,body[data-account-admin="false"] #practice-start{display:none!important}#profile-dialog{box-sizing:border-box;width:min(860px,calc(100% - 24px));max-height:90dvh;overflow:auto;background:linear-gradient(135deg,#31579b,#203b76);color:#fff3dc;border:3px solid #d2dff3;border-radius:10px;padding:24px;font:13px/1.6 monospace;box-shadow:0 0 0 3px #1a2c46}#profile-dialog::backdrop{background:#061421cc}#profile-dialog h2{font:900 30px monospace;color:#ffe165;margin:8px 0}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-stats article,.profile-roster article{background:#142849;border:1px solid #6885b3;border-radius:7px;padding:12px}.profile-stats strong{display:block;color:#ffe165;font-size:22px}.profile-stats small{display:block;color:#c5d8fc}.profile-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px}.profile-roster article{text-align:center}.profile-roster canvas{display:block;margin:auto;image-rendering:pixelated;max-width:100%}.profile-roster b,.profile-roster small{display:block}.profile-roster small{color:#ffe165}.profile-roster [data-locked=true]{opacity:.55}#profile-dialog button{font:700 13px monospace;background:#f1cd65;color:#203652;border:2px solid #fff0aa;border-radius:7px;padding:12px 18px;margin:20px 10px 0 0;cursor:pointer}@media(max-width:600px){#profile-dialog{padding:16px}.profile-stats{grid-template-columns:repeat(2,1fr)}}

#admin-dialog{box-sizing:border-box;width:min(780px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:24px;background:linear-gradient(135deg,#31579b,#203b76);border:3px solid #d2dff3;border-radius:10px;color:#fff3dc;font:13px/1.6 monospace}#admin-dialog::backdrop{background:#061421cc}#admin-dialog h2,#admin-dialog h3{color:#ffe165}#admin-dialog button{cursor:pointer;padding:10px 14px;margin:8px 8px 8px 0;border:2px solid #fff0aa;background:#f1cd65;color:#203652;border-radius:7px;font:700 12px monospace}#admin-dialog input,#admin-dialog select{box-sizing:border-box;display:block;width:100%;padding:12px;background:#142849;color:#fff3dc;border:2px solid #6885b3;border-radius:6px;font:inherit}#admin-dialog .admin-user{background:#142849;padding:14px;margin-top:12px;border:1px solid #6885b3;border-radius:7px}#admin-dialog [role=status]{color:#ffe49b}#admin-dialog button:disabled{opacity:.5}

#gift-notice{position:fixed;left:18px;bottom:22px;z-index:80;max-width:min(480px,calc(100vw - 36px));padding:14px 18px;background:#203f78f2;border:2px solid #ffe165;border-radius:8px;color:#fff3dc;box-shadow:0 4px 18px #0007;font:700 13px/1.5 monospace;pointer-events:none}#gift-notice[hidden]{display:none}

.music-control{position:relative;flex:0 0 auto;pointer-events:auto;font-size:12px}.music-control summary{cursor:pointer;padding:10px;border:1px solid #5a6b76;border-radius:8px;background:#22303d;list-style:none}.music-control summary::-webkit-details-marker{display:none}.music-settings{position:absolute;top:44px;right:0;z-index:30;width:230px;max-width:80vw;display:flex;flex-direction:column;gap:12px;padding:16px;background:#172332;border:1px solid #8e9fae;border-radius:8px;box-shadow:0 8px 24px #0006}.music-settings label{display:flex;align-items:center;gap:10px;color:#f5efe4}.music-settings select{width:100%;padding:9px;background:#25384a;color:#fff;border:1px solid #7890a3;border-radius:5px}.music-settings input{width:125px;accent-color:#ffb15f}.music-settings small:empty{display:none}.music-settings small{color:#ffdb86}

body.vulture-card #test-bench{visibility:hidden}
/* La cabecera de partida mide 0 px: anclar estos controles al viewport. */
body:not(.menu) header .music-control{position:fixed;top:22px;right:176px}
body:not(.menu) header .enemy-audio-control{position:fixed;top:22px;right:278px;pointer-events:auto}
.music-settings{max-height:calc(100dvh - 100px);overflow:auto}
@media(max-width:600px){body:not(.menu) header .music-control{top:19px;right:54px}body:not(.menu) header .enemy-audio-control{top:19px;right:156px}.music-settings{width:min(230px,calc(100vw - 70px))}}
body:not(.menu) header .enemy-audio-control label{right:auto;left:50%;transform:translateX(-50%)}
body:not(.menu) header:has(.music-control[open],.enemy-audio-control[open]){z-index:13}
.music-settings label{justify-content:space-between;min-height:40px}.music-settings input{min-width:0;max-width:100%;height:36px}
@media(max-width:600px){body.menu header{gap:6px;padding:8px 12px}body.menu header>a{font-size:14px;max-width:90px;flex:0 1 90px}body.menu header #audio-toggle{width:72px;min-width:0;flex:0 0 72px;font-size:9px;padding:6px;height:40px}body.menu header .music-control summary{font-size:11px;padding:8px}.music-control summary{min-height:40px;display:flex;align-items:center}}
@media(max-width:600px){body:not(.menu) #performance-panel{top:64px;bottom:auto;right:8px;max-width:145px;padding:6px 8px;font-size:8px}}