@font-face{font-family:'Baloo 2';font-weight:600;font-display:swap;src:url(/assets/fonts/baloo-2-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-2-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Lilita One';font-weight:400;font-display:swap;src:url(/assets/fonts/lilita-one-latin-400-normal.woff2) format('woff2')}
:root{--studio:#160C33;--studio-2:#221449;--yellow:#FFD23A;--pink:#FF6FA8;--violet:#C24BFF;--blue:#5B3BFF}
/* Temas: el del estudio (portada) y el de cada juego. Cada uno es un mundo fijo (no cambia con el modo oscuro del sistema). */
.t-studio{--bg:#160C33;--bg-img:radial-gradient(110% 60% at 50% 0%,#3d1f80 0%,rgba(22,12,51,0) 62%);--panel:#21134a;--line:#3a2a72;--ink:#f6f1ff;--quiet:#c4b8ea;--accent:#FFD23A;--link:#9fdcff;--h:#ffffff;color-scheme:dark}
.t-aura{--bg:#0d0e24;--bg-img:radial-gradient(120% 50% at 50% 0%,#2a1d66 0%,rgba(13,14,36,0) 60%);--panel:#17173a;--line:#2c2a5c;--ink:#efeaf9;--quiet:#b7b2d6;--accent:#ffc93c;--link:#3fe3ff;--h:#ffffff;color-scheme:dark}
.t-dimission{--bg:#bfe5fb;--bg-img:linear-gradient(#7FCBF5,#CDEBFF 40%,#E9F6FF);--panel:#FFF8E6;--line:#2B190D;--ink:#2B190D;--quiet:#6B5240;--accent:#E3263F;--link:#B3123A;--h:#2B190D;color-scheme:light}
.t-multi{--bg:#cfeeff;--bg-img:linear-gradient(#54aee3,#a9dcf7 38%,#eaf7ff);--panel:#ffffff;--line:#c4dcf0;--ink:#1d2550;--quiet:#4a5a85;--accent:#d93a7e;--link:#1f63c9;--h:#1d2550;color-scheme:light}
*{box-sizing:border-box}
html{background:var(--studio)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-img) no-repeat,var(--bg);color:var(--ink);font:400 17px/1.6 system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--link);text-underline-offset:3px}
img{max-width:100%}
.wrap{width:100%;max-width:880px;margin:0 auto;padding-inline:20px}
.skip{position:absolute;left:-999px;top:8px;background:var(--yellow);color:#1d1040;padding:6px 12px;border-radius:8px;font-weight:700;z-index:2}
.skip:focus{left:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* barra del estudio (igual en todas las páginas) */
.studio{background:var(--studio);border-bottom:1px solid rgba(255,255,255,.08)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.bw{display:flex;flex-direction:column;line-height:.92}
.bw1{font:800 23px/1 'Baloo 2',system-ui,sans-serif;color:#fff;letter-spacing:.02em;text-shadow:0 2px 0 #6a2bd6}
.bw2{font:800 11px/1 'Baloo 2',system-ui,sans-serif;color:var(--yellow);letter-spacing:.42em;margin-top:3px}
.snav{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;font-weight:600;font-size:15px}
.snav a{color:#d9cff7;text-decoration:none}
.snav a:hover{color:#fff}
.snav a.lang{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:1px 12px;color:#fff}
main{padding-block:8px 48px;flex:1}
h1,h2,h3{color:var(--h);text-wrap:balance}
h1{font:800 clamp(32px,7vw,48px)/1.05 'Baloo 2',system-ui,sans-serif;margin:8px 0 10px;letter-spacing:.005em}
h2{font:800 24px/1.2 'Baloo 2',system-ui,sans-serif;margin:34px 0 8px;color:var(--accent)}
h3{font:800 19px/1.25 'Baloo 2',system-ui,sans-serif;margin:22px 0 6px}
p,li,dd{max-width:68ch}
ul{padding-left:22px}
li{margin:5px 0}
.lead{font-size:19px;color:var(--quiet)}
.meta{color:var(--quiet);font-size:14px}
.soon{display:inline-block;background:var(--yellow);color:#22173a;border-radius:999px;padding:4px 14px;font-weight:700;font-size:15px}
dt{font-weight:700;margin-top:18px}
dd{margin:4px 0 0}
.tw{overflow-x:auto;margin:12px 0}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 10px}
th{color:var(--quiet);font-weight:600}
.card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin:20px 0}
.card>h3:first-child{margin-top:0}
.mail{display:inline-block;margin:6px 0 4px;padding:10px 16px;background:var(--bg);border:2px solid var(--line);border-radius:14px;font-weight:700;font-size:19px;user-select:all;overflow-wrap:anywhere}
.foot{background:var(--studio);color:#c4b8ea;font-size:14px;padding-block:18px 26px;margin-top:auto}
.foot a{color:#9fdcff}
/* portada del estudio */
.hero{padding-block:34px 6px;text-align:center}
.hero-t{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0}
.hero-mark{width:120px;height:120px;filter:drop-shadow(0 12px 30px rgba(194,75,255,.45))}
.hw{display:flex;flex-direction:column;align-items:center;line-height:.9}
.hw .bw1{font-size:clamp(44px,11vw,72px);text-shadow:0 4px 0 #6a2bd6,0 10px 30px rgba(91,59,255,.5)}
.hw .bw2{font-size:clamp(15px,3.6vw,22px);letter-spacing:.5em;margin-top:8px;padding-left:.5em}
.hero .lead{margin:16px auto 0;max-width:34ch;font-size:20px}
.games-sec h2,.contact h2{color:#fff}
.games{display:grid;grid-template-columns:1fr;gap:18px;margin-top:14px}
@media (min-width:760px){.games{grid-template-columns:repeat(3,1fr)}}
.gcard{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;min-width:0}
.gart{display:flex;justify-content:center;padding-block:22px}
.gart img{width:112px;height:112px;border-radius:26px;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.g-aura .gart{background:radial-gradient(90% 90% at 50% 20%,#3a2a8f,#0d0e24)}
.g-dimission .gart{background:linear-gradient(#7FCBF5,#CDEBFF)}
.g-multi .gart{background:linear-gradient(#54aee3,#a9dcf7)}
.gbody{padding:14px 18px 18px;display:flex;flex-direction:column;flex:1}
.gbody h3{margin:0 0 4px;font-size:22px}
.gbody h3 a{color:#fff;text-decoration:none}
.gbody p{margin:6px 0}
.gtag{color:var(--yellow);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.gsoon{color:var(--quiet);font-size:14px}
.glinks{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:auto!important;padding-top:8px;font-weight:600;font-size:15px}
.glinks .see{color:var(--yellow)}
.contact{margin-top:10px}
/* páginas de cada juego */
.ghead{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;padding-block:20px 6px}
.gid{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.gid img{width:64px;height:64px;border-radius:15px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.gname{font:800 26px/1.05 'Baloo 2',system-ui,sans-serif;color:var(--h);overflow-wrap:anywhere}
.gnav{display:flex;flex-wrap:wrap;gap:8px}
.gnav a{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-weight:700;font-size:15px;text-decoration:none;color:var(--ink)}
.gnav a[aria-current]{background:var(--accent);border-color:var(--accent);color:#fff}
.t-aura .gnav a[aria-current]{color:#1a1030}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:8px 22px 30px;margin:14px 0 40px;flex:none}
.t-aura .panel{background:rgba(23,23,58,.75)}
/* DIMISSION: madera, pergamino y tinta, como su juego */
.t-dimission .panel{border:4px solid var(--ink);box-shadow:0 6px 0 rgba(43,25,13,.35)}
.t-dimission h1,.t-dimission h2,.t-dimission .gname{font-family:'Lilita One','Baloo 2',system-ui,sans-serif;font-weight:400}
.t-dimission .gnav a{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff}
.t-dimission .gnav a[aria-current]{background:var(--yellow);color:var(--ink);border-color:var(--ink)}
.t-dimission .gid img{border:3px solid var(--ink)}
.t-dimission .mail{background:#fff;border:3px solid var(--ink)}
/* ¡MULTIPLÍCATE!: cielo, papel blanco y la × amarilla */
.t-multi .panel{box-shadow:0 10px 30px rgba(31,99,201,.15);border:none}
.t-multi .gnav a{background:#fff;border-color:#fff}
.t-multi .gnav a[aria-current]{background:#ffd23a;border-color:#ffd23a;color:#1d2550}
.t-multi .mail{background:#f2f8ff}
.t-dimission .soon,.t-multi .soon{background:var(--yellow);color:#2B190D}
@media (max-width:520px){.wrap{padding-inline:16px}.panel{padding:4px 16px 24px}.gname{font-size:22px}.bw1{font-size:21px}}