:root{color-scheme:dark;--bg: #14102a;--bg-deep: #0c0920;--panel: #221b47;--panel-light: #2e2560;--panel-border: #43388a;--text: #f7f2ff;--text-2: #c3b8ef;--muted: #8a7fc0;--text-dark: #14102a;--primary: #ff5fa2;--primary-dark: #c2306f;--secondary: #4fc3ff;--success: #4fe39a;--gold: #ffcc33;--gem: #3fe6d4;--xp: #9b7bff;--focus: #fff27a;--radius: 18px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body{margin:0;background:radial-gradient(1200px 600px at 50% -200px,rgba(155,123,255,.22),transparent 70%),radial-gradient(800px 500px at 100% 30%,rgba(255,95,162,.08),transparent 70%),var(--bg);background-color:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;overflow-wrap:break-word}img{max-width:100%;height:auto;display:block}a{color:var(--secondary)}a:focus-visible,.btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}.skip{position:absolute;left:-9999px;top:8px;padding:8px 14px;background:var(--focus);color:var(--text-dark);border-radius:8px;font-weight:700;z-index:10}.skip:focus{left:8px}.wrap{width:100%;max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.wrap--text{max-width:780px}.top{position:sticky;top:0;z-index:5;background:#14102adb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(67,56,138,.6);padding-top:env(safe-area-inset-top,0px)}.top__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:900;font-size:20px;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}.brand img{width:36px;height:36px}.top__nav{display:flex;align-items:center;gap:4px}.top__nav a:not(.btn){color:var(--text-2);text-decoration:none;font-weight:600;font-size:15px;padding:8px 10px;border-radius:10px}.top__nav a:not(.btn):hover,.top__nav a[aria-current=page]{color:var(--text);background:#43388a73}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border-radius:999px;font-weight:800;font-size:16px;text-decoration:none;line-height:1.2;text-align:center;transition:transform .08s ease,filter .15s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(2px)}.btn--small{min-height:40px;padding:8px 16px;font-size:15px;background:linear-gradient(180deg,#ff7fb5,var(--primary));color:var(--text-dark);box-shadow:0 3px 0 var(--primary-dark)}.btn--play{min-height:68px;padding:14px 34px;border-radius:22px;font-size:26px;font-weight:900;letter-spacing:.01em;background:linear-gradient(180deg,#ffd65a,#ff9f1c);color:#3a1d00;box-shadow:0 6px #b8640c,0 14px 30px #ff9f1c40}.btn--play:active{box-shadow:0 2px #b8640c;transform:translateY(4px)}.btn--play svg{width:22px;height:22px;fill:currentColor}.btn--ghost{border:2px solid var(--panel-border);color:var(--text);background:#221b4799}.hero{padding:40px 0 24px}.hero__grid{display:grid;gap:32px;align-items:center}@media(min-width:900px){.hero{padding:64px 0 40px}.hero__grid{grid-template-columns:1.15fr .85fr;gap:48px}}.wordmark{display:flex;align-items:center;gap:14px;margin-bottom:18px}.wordmark__dice{display:flex;align-items:flex-end;flex-shrink:0}.die{--s: clamp(38px, 11vw, 46px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:var(--s);height:var(--s);padding:calc(var(--s) * .14);gap:calc(var(--s) * .06);border-radius:calc(var(--s) * .24);box-shadow:inset 0 -5px #0003,0 6px #00000040}.die i{border-radius:50%;background:#fff;margin:12%}.die i.off{visibility:hidden}.die--a{background:linear-gradient(150deg,#ff8cc0,var(--primary));transform:rotate(-14deg)}.die--b{background:linear-gradient(150deg,#8ff0ff,var(--secondary));transform:rotate(11deg) translateY(-6px);margin-left:-8px}.die--b i{background:var(--text-dark)}.wordmark__name{font-size:clamp(34px,10vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1;text-shadow:0 3px 0 #4b2a8f}.wordmark__mania{background:linear-gradient(180deg,#fff0a8 0%,var(--gold) 55%,#ff9f1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 3px 0 #4b2a8f)}.hero h1{font-size:clamp(30px,6vw,48px);line-height:1.12;letter-spacing:-.02em;margin:0 0 16px}.hero h1 em{font-style:normal;color:var(--gold)}.hero__lead{font-size:clamp(17px,2.4vw,20px);color:var(--text-2);margin:0 0 24px;max-width:600px}.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.hero__cta .btn--play{flex:0 1 auto}@media(max-width:520px){.hero__cta .btn--play{width:100%}}.hero__facts{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;padding:0;margin:22px 0 0}.hero__facts li{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#221b47cc;border:1px solid var(--panel-border);color:var(--text-2);font-size:14px;font-weight:600}.hero__facts li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success)}.hero__shot{justify-self:center;width:min(100%,340px)}.phone{margin:0;border-radius:30px;padding:8px;background:linear-gradient(160deg,#3a2f7a,#1a1440);border:1px solid var(--panel-border);box-shadow:0 24px 60px #06031299,0 0 0 1px #ffffff0a inset}.phone img{border-radius:23px;width:100%}.phone figcaption,.shot figcaption{font-size:14px;color:var(--muted);text-align:center;padding:10px 6px 4px;line-height:1.4}.section{padding:40px 0}@media(min-width:900px){.section{padding:56px 0}}.section h2{font-size:clamp(25px,4vw,34px);line-height:1.2;letter-spacing:-.01em;margin:0 0 12px}.section__intro{color:var(--text-2);max-width:720px;margin:0 0 28px}.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:20px}.card h3{font-size:19px;margin:0 0 8px;display:flex;align-items:center;gap:10px}.card p{margin:0;color:var(--text-2);font-size:16px}.card__icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;font-size:18px;font-weight:900;color:var(--text-dark);flex-shrink:0}.card__icon--1{background:var(--primary)}.card__icon--2{background:var(--secondary)}.card__icon--3{background:var(--gold)}.card__icon--4{background:var(--success)}.card__icon--5{background:var(--xp)}.card__icon--6{background:var(--gem)}.steps{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;gap:14px}@media(min-width:760px){.steps{grid-template-columns:repeat(2,1fr)}}.steps li{counter-increment:step;position:relative;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:18px 18px 18px 64px;color:var(--text-2);font-size:16px}.steps li:before{content:counter(step);position:absolute;left:16px;top:16px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(150deg,#ff8cc0,var(--primary));color:var(--text-dark);font-weight:900}.steps strong{display:block;color:var(--text);font-size:18px;margin-bottom:4px}.more{margin:24px 0 0}.gallery{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:center}.gallery .phone{width:min(100%,300px)}.gallery--wide{margin-top:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.shot{margin:0;width:100%;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:8px}.shot img{border-radius:12px;width:100%}.faq{display:grid;gap:16px}@media(min-width:760px){.faq{grid-template-columns:repeat(2,1fr)}}.faq .card h3{font-size:18px}.cta-final{text-align:center;background:radial-gradient(500px 220px at 50% 0%,rgba(255,204,51,.16),transparent 70%),var(--panel);border:1px solid var(--panel-border);border-radius:24px;padding:36px 20px}.cta-final h2{margin-bottom:10px}.cta-final p{color:var(--text-2);margin:0 auto 24px;max-width:560px}.page{padding:32px 0 24px}.page h1{font-size:clamp(30px,5.5vw,42px);line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}.page__lead{font-size:19px;color:var(--text-2);margin:0 0 24px}.page h2{font-size:25px;line-height:1.25;margin:40px 0 10px}.page h3{font-size:19px;margin:24px 0 6px}.page p,.page ul,.page ol{color:var(--text-2);margin:0 0 14px}.page ul,.page ol{padding-left:24px}.page li{margin-bottom:8px}.page strong{color:var(--text)}.toc{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:14px 18px;margin:0 0 8px}.toc p{margin:0 0 6px;font-weight:700;color:var(--text)}.toc ol{margin:0}.tip{background:#4fc3ff14;border:1px solid rgba(79,195,255,.35);border-radius:14px;padding:14px 16px;margin:16px 0}.tip p:last-child{margin-bottom:0}.figure{margin:20px auto;width:min(100%,300px)}.figure--wide{width:100%}.table-wrap{overflow-x:auto;margin:0 0 16px}table{width:100%;border-collapse:collapse;font-size:16px;color:var(--text-2)}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--panel-border);vertical-align:top}th{color:var(--text);font-weight:700}.menu{display:none}.menu__btn{display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;box-sizing:border-box;list-style:none;cursor:pointer;color:var(--text);font-weight:700;font-size:15px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;-webkit-tap-highlight-color:transparent;user-select:none}.menu__btn::-webkit-details-marker{display:none}.menu__btn:focus-visible,.menu__lista a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.menu[open] .menu__btn{background:var(--panel-light)}.menu__icono{font-size:20px;line-height:1}.menu__cerrar,.menu[open] .menu__abrir{display:none}.menu[open] .menu__cerrar{display:inline}.top__nav .menu__lista{position:absolute;top:100%;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));z-index:6;margin:0;padding:8px;list-style:none;max-height:calc(100vh - 90px);overflow-y:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:0 14px 32px #00000073}.top__nav .menu__lista a{display:flex;align-items:center;min-height:44px;padding:10px 14px;box-sizing:border-box;font-size:16px;color:var(--text-2);text-decoration:none;font-weight:600;border-radius:10px}.top__nav .menu__lista a:hover,.top__nav .menu__lista a[aria-current=page]{color:var(--text);background:#43388a8c}.top__nav .menu__lista a[aria-current=page]{box-shadow:inset 4px 0 0 var(--primary)}@media(max-width:900px){.top__bar{position:relative}.top__nav{gap:8px}.menu{display:block}.top__nav a.top__link{display:none}}@media(max-width:360px){.menu__txt{display:none}}.migas ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;padding:0;margin:0 0 16px;font-size:14px;color:var(--muted)}.migas li+li:before{content:"›";margin-right:8px}.migas a{color:var(--text-2)}.page .migas li{margin-bottom:0}.ficha{display:flex;align-items:center;gap:18px;margin-bottom:8px}.ficha h1{margin:0}.ficha__icono{width:96px;height:96px;flex-shrink:0;border-radius:20px;background:var(--panel);border:1px solid var(--panel-border)}.etiqueta{display:inline-block;margin:0 0 6px;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:#43388a99;color:var(--text-2)}.page .etiqueta{margin-bottom:6px}.etiqueta--common{background:#c3b8ef2e;color:var(--text)}.etiqueta--rare{background:#4fc3ff2e;color:var(--secondary)}.etiqueta--epic{background:#9b7bff38;color:#c7b6ff}.etiqueta--legendary{background:#ffcc3329;color:var(--gold)}.tarjetas{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;padding:0;margin:0 0 16px}.page .tarjetas{padding-left:0}.tarjeta{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:12px 14px}.page .tarjeta{margin-bottom:0}.tarjeta a{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.tarjeta a:hover .tarjeta__nombre{text-decoration:underline}.tarjeta img{width:56px;height:56px;flex-shrink:0}.tarjeta__nombre{font-weight:800;font-size:18px}.tarjeta p{margin:8px 0 0;font-size:15px;line-height:1.45}.tarjetas--texto{grid-template-columns:1fr}.enlaces li{margin-bottom:6px}caption{text-align:left;color:var(--muted);font-size:14px;padding:0 0 6px}th[scope=row]{font-weight:600}@media(max-width:520px){.table-wrap table{font-size:15px}.table-wrap th,.table-wrap td{padding:8px 6px}.table-wrap th[scope=row]{width:34%}}.version{border-top:1px solid var(--panel-border);margin-top:28px}.version h2{margin-top:20px}.version__fecha{font-size:15px;color:var(--muted)}.page .version__fecha{color:var(--muted);margin-top:-4px}.version__resumen{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:10px 16px 4px 34px}.cta-final--web{margin-top:40px}.foot{margin-top:32px;border-top:1px solid var(--panel-border);padding:28px 0 calc(32px + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:15px}.foot__links{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:0 0 14px}.foot__links a{color:var(--text-2);text-decoration:none;font-weight:600}.foot__links a:hover{color:var(--text);text-decoration:underline}.foot p{margin:0 0 6px}
