/* ===== Diseño «Dragon Ball»: cielo de atardecer, radar y siete esferas ===== */
:is(.ebc-app.ebc-skin-dragonball,.ebc-ui .ebc-skin-dragonball):not(#ebc-z){--accent:#ff9a1f;--accent-hi:#ffe08a}

:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-hero{position:relative;isolation:isolate;text-align:center;padding:calc(26px + env(safe-area-inset-top)) 16px 28px;
	background:linear-gradient(180deg,#0d1945 0%,#13235a 22%,#2b4fa6 62%,#7d79c9 82%,#f08a3c 100%);transition:background 1.2s ease}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky::before{content:"";position:absolute;inset:0;opacity:.75;
	background-image:radial-gradient(1.5px 1.5px at 12% 14%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 8%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 71% 11%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 86% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 52% 4%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 33%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 93% 6%,#fff 50%,transparent 51%)}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky i{position:absolute;height:34px;border-radius:40px;background:#fff;opacity:.9;filter:drop-shadow(0 6px 0 rgba(43,79,166,.35))}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky i::before,:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky i::after{content:"";position:absolute;background:#fff;border-radius:50%}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky i::before{width:46%;height:150%;left:14%;bottom:30%}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky i::after{width:34%;height:120%;right:14%;bottom:34%}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky .c1{width:120px;left:-26px;bottom:18%}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky .c2{width:150px;right:-40px;bottom:30%;opacity:.85;transform:scale(.9)}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky .c3{width:90px;left:58%;bottom:6%;opacity:.7;transform:scale(.7)}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sky .c4{width:80px;left:12%;top:24%;opacity:.35;transform:scale(.6)}

:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-title{font-family:"EBC Bangers",Impact,sans-serif!important;font-weight:400!important;font-size:clamp(38px,11vw,72px)!important;line-height:.92!important;letter-spacing:.02em!important;margin:0 auto 18px!important;max-width:12ch;
	color:#ff9a1f!important;-webkit-text-stroke:2px #1b1712;paint-order:stroke fill;text-shadow:0 1px 0 #ffe08a,4px 5px 0 #1b1712,4px 5px 18px rgba(255,154,31,.45);transform:rotate(-2deg)}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-title span{display:block}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-title span:first-child{font-size:.58em;color:#ffe08a}

:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-radar{position:relative;width:min(300px,76vw);aspect-ratio:1;margin:0 auto;border-radius:50%;box-shadow:0 0 0 8px #e8edf7,0 0 0 11px #1b1712,0 18px 40px rgba(6,14,48,.55)}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-grid{position:absolute;inset:0;width:100%;height:100%}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sweep{transform-origin:150px 150px;transform-box:view-box;animation:db-sweep 2.6s cubic-bezier(.4,0,.2,1) 1 both}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-radar.scan .db-sweep{animation:db-sweep1 1.2s cubic-bezier(.4,0,.2,1) 1}
@keyframes db-sweep{to{transform:rotate(720deg)}}
@keyframes db-sweep1{to{transform:rotate(360deg)}}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-orbs{position:absolute;inset:0}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-orb{position:absolute;width:20%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.7);opacity:.45;filter:grayscale(.85) brightness(.55);transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .4s,filter .4s}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-orb.center{width:23%}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-orb svg{width:100%;height:100%;display:block;overflow:visible}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-orb.lit{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-orb.lit::before{content:"";position:absolute;inset:-35%;border-radius:50%;background:radial-gradient(circle,rgba(255,190,80,.55),rgba(255,154,31,0) 62%);z-index:-1}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-ping{position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;border-radius:50%;border:3px solid #5df27a;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-ping.go{animation:db-ping 1s ease-out 1}
@keyframes db-ping{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}100%{transform:translate(-50%,-50%) scale(4.6);opacity:0}}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-caption{margin:22px auto 0!important;font-weight:600;font-size:15px;color:#fff;text-shadow:0 1px 2px rgba(10,20,60,.6);max-width:36ch}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-caption b{font-family:"EBC Bangers",Impact,sans-serif;font-weight:400;font-size:24px;letter-spacing:.03em;color:#ffe08a;-webkit-text-stroke:1px #1b1712;paint-order:stroke fill}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-hero.wish{background:radial-gradient(120% 70% at 50% 62%,rgba(255,196,60,.55),rgba(255,196,60,0) 60%),linear-gradient(180deg,#05081c,#0b1438 60%,#1f1a3c)}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-hero.wish .db-sky i{opacity:.12}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-hero.wish .db-radar{box-shadow:0 0 0 8px #ffe08a,0 0 0 11px #1b1712,0 0 60px 10px rgba(255,190,60,.55)}/* Portada provisional: papel de manga con trama y líneas de acción */


:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-ph{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#1b1712;
	background:radial-gradient(circle,color-mix(in srgb,var(--sc) 75%,transparent) 1.3px,transparent 1.6px) 0 0/7px 7px,#f4ecdb}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-ph::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 46%,rgba(27,23,18,.07) 0 4deg,transparent 4deg 12deg)}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-ph .n{position:relative;font-family:"EBC Bangers",Impact,sans-serif;font-size:44px;line-height:1;color:#fff;-webkit-text-stroke:2px #1b1712;paint-order:stroke fill;text-shadow:3px 3px 0 #1b1712}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-ph .t{position:relative;font-size:10px;font-weight:800;margin-top:6px;background:#f4ecdb;padding:1px 6px;border:1.5px solid #1b1712;border-radius:3px}/* La ficha con líneas de acción */


:is(.ebc-app,.ebc-ui):not(#ebc-z) .ebc-sheet.ebc-skin-dragonball::before{content:"";position:absolute;left:0;right:0;top:0;height:150px;pointer-events:none;opacity:.5;
	background:repeating-conic-gradient(from 0deg at 50% 120%,rgba(255,255,255,.07) 0 2deg,transparent 2deg 9deg);-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
:is(.ebc-app.ebc-skin-dragonball,.ebc-ui .ebc-skin-dragonball):not(#ebc-z) .ebc-sh-head h2{font-family:"EBC Bangers",Impact,sans-serif;font-weight:400;font-size:40px;letter-spacing:.03em;color:#ff9a1f;-webkit-text-stroke:1.5px #1b1712;paint-order:stroke fill;text-shadow:3px 3px 0 #1b1712}
:is(.ebc-app.ebc-skin-dragonball,.ebc-ui .ebc-skin-dragonball):not(#ebc-z) .ebc-tab .nm{font-family:"EBC Bangers",Impact,sans-serif;font-weight:400;font-size:21px;letter-spacing:.03em}
:is(.ebc-app.ebc-skin-dragonball,.ebc-ui .ebc-skin-dragonball):not(#ebc-z) .ebc-section{font-family:"EBC Bangers",Impact,sans-serif;font-weight:400;font-size:21px;letter-spacing:.03em}/* Celebración: explosión dorada */


:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-celebra-wrap .ebc-box{background:radial-gradient(circle at 50% 30%,#fff7d6,#f4ecdb 60%);overflow:hidden}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-celebra-wrap .ebc-celebra{position:relative}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-burst{position:absolute;left:50%;top:70px;width:520px;height:520px;margin:-260px 0 0 -260px;z-index:0;pointer-events:none;opacity:.55;
	background:repeating-conic-gradient(from 0deg,rgba(255,170,40,.55) 0 6deg,transparent 6deg 15deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%);animation:db-rot 12s linear infinite}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-celebra-wrap .ebc-celebra>*:not(.db-burst){position:relative;z-index:1}
:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-celebra-wrap h3{font-family:"EBC Bangers",Impact,sans-serif!important;font-weight:400!important;font-size:36px!important;letter-spacing:.03em;color:#ff9a1f!important;-webkit-text-stroke:1.5px #1b1712;paint-order:stroke fill;text-shadow:3px 3px 0 #1b1712}
@keyframes db-rot{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-sweep{display:none}:is(.ebc-app,.ebc-ui):not(#ebc-z) .db-burst{animation:none}}