:root{color-scheme:dark;--bg:#0b0815;--panel:#141021;--ink:#f5f2fc;--muted:#bbb4cd;--line:#393046;--cyan:#88eeef;--violet:#bc9cff;--magenta:#ee90d9;--max:1336px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:#7140a5;color:#fff}a{color:inherit}button{font:inherit}img,video{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}h2,h3{font-weight:500;line-height:1.1}p{color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--cyan)}.skip{position:fixed;top:10px;left:16px;z-index:20;background:var(--cyan);color:var(--bg);padding:12px 20px;transform:translateY(-160%)}.skip:focus{transform:none}.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.arrow{display:inline-block;font-size:20px;line-height:1;transition:transform .18s ease}.button:hover .arrow,.text-link:hover .arrow{transform:translateX(4px)}
.site-header{border-bottom:1px solid #292136}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:186px;height:62px;object-fit:contain}.nav{display:flex;align-items:center;gap:30px}.nav a{text-decoration:none;font-size:13px;color:var(--muted);padding-block:12px}.nav a:hover{color:var(--cyan)}.nav .contact-nav{color:var(--ink);border-bottom:1px solid #725c89}.menu-toggle{display:none;color:var(--ink);background:transparent;border:1px solid var(--line);padding:8px 14px;min-height:44px}
.hero{position:relative;padding:46px 0 54px;overflow:hidden;background:radial-gradient(ellipse at 83% 55%,#37214c70,transparent 62%),radial-gradient(ellipse at 10% 0,#251e4155,transparent 60%)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(122deg,transparent 48%,#9572c817 48.1%,transparent 48.25%)}.hero .wrap{position:relative}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.availability{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.availability:before{content:"";width:6px;height:6px;background:var(--cyan);border-radius:50%}.game-title{font-size:clamp(38px,7.25vw,104px);font-weight:300;line-height:1.15;letter-spacing:.115em;margin:16px 0 26px;text-shadow:0 1px 0 #affeff44}.hero-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.6fr);gap:56px;align-items:center}.hero-copy h2{font-size:clamp(30px,3.15vw,46px);letter-spacing:-.045em;max-width:10em}.hero-copy h2 em{font-style:normal;color:var(--cyan)}.hero-copy .intro{font-size:17px;line-height:1.7;margin-top:22px;max-width:28em}.hero-copy .intro strong{color:var(--ink);font-weight:500}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:12px 20px;border:1px solid var(--cyan);background:var(--cyan);color:#10151e;font-size:13px;font-weight:700;text-decoration:none}.button:hover{background:#bdffff;border-color:#bdffff}.button.secondary{color:var(--ink);background:transparent;border-color:#625070}.button.secondary:hover{border-color:var(--cyan)}.hero-note{font-size:12px;margin-top:14px;color:#afa6c3}.video-shell{position:relative;border:1px solid #72548d;box-shadow:0 20px 100px #0006;overflow:hidden;background:#06050d}.video-topline{padding:9px 15px;background:#171020;display:flex;justify-content:space-between;gap:16px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#d1c3e5;border-bottom:1px solid #4c365d}.video-topline span:last-child{color:var(--cyan)}.trailer{width:100%;height:auto;aspect-ratio:16/9;background:#080610}.video-caption{display:flex;justify-content:space-between;gap:20px;margin-top:12px;font-size:11px;color:#b4aac4}.video-caption a{color:var(--muted);text-underline-offset:4px}.hero-stats{margin-top:36px;padding-top:23px;border-top:1px solid #41314d;display:flex;gap:42px;flex-wrap:wrap;align-items:center}.hero-stats div{display:flex;align-items:baseline;gap:9px}.hero-stats b{font-size:27px;font-weight:400;line-height:1}.hero-stats span{font-size:12px;color:var(--muted)}.hero-stats .genre{margin-left:auto;letter-spacing:.07em;font-size:10px;text-transform:uppercase;color:var(--muted)}
.section{padding-block:86px;border-top:1px solid #292136}.section-top{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;margin:17px 0 38px;align-items:end}.section h2{font-size:clamp(32px,4vw,56px);letter-spacing:-.045em;max-width:15em}.section-top p{max-width:39em;font-size:16px}.mechanics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mechanic{padding:30px 30px 34px 0;position:relative}.mechanic+.mechanic{border-left:1px solid var(--line);padding-left:30px}.mechanic .number{display:block;font-size:12px;color:var(--cyan);letter-spacing:.13em;margin-bottom:27px}.mechanic h3{font-size:27px;letter-spacing:-.025em;margin-bottom:15px}.mechanic p{font-size:15px}.mechanic p strong{font-weight:600;color:#e2d8ef}.resource-strip{display:grid;grid-template-columns:.75fr 1fr 1fr 1fr;gap:26px;padding:30px 0 0}.resource-name{font-size:13px;color:var(--cyan);letter-spacing:.1em}.resource-strip h3{font-size:15px;letter-spacing:.04em;margin-bottom:8px}.resource-strip p{font-size:13px;line-height:1.65}.resource-strip .resource-note{font-size:11px;color:#b5aac6;margin-top:8px}
.feature{display:grid;grid-template-columns:1.55fr 1fr;gap:0;border:1px solid #554265;background:#161021;margin-top:50px}.feature-image{align-self:center}.feature-image img{width:100%;height:auto}.feature-copy{padding:35px;display:flex;flex-direction:column;justify-content:center}.feature-copy h3{font-size:clamp(26px,2.7vw,38px);letter-spacing:-.025em;margin:15px 0 16px}.feature-copy p{font-size:14px}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.feature-tags span{padding:5px 9px;border:1px solid #52415f;font-size:10px;color:#d1c3e2}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--cyan);text-decoration:none;border-bottom:1px solid #49626a;padding-bottom:5px}.feature-copy .text-link{align-self:flex-start;margin-top:24px}
.gallery-section{background:linear-gradient(180deg,#120c1c,#0b0815)}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.scene{border:1px solid #3d2e4a;background:#120e1b}.scene a{display:block;position:relative;text-decoration:none}.scene a:after{content:"↗";position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #9380ad;background:#0c081ee0;color:#e7d8fa;font-size:19px}.scene a:hover:after{background:var(--cyan);color:#08161d;border-color:var(--cyan)}.scene img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.scene figcaption{display:grid;grid-template-columns:auto 1fr;gap:25px;padding:18px 22px}.scene figcaption b{font-size:16px;font-weight:500;color:#eee7f6;white-space:nowrap}.scene figcaption span{font-size:12px;color:var(--muted);line-height:1.65}.gallery-note{font-size:12px;margin-top:19px;color:#b6abc7}.all-acts{margin-top:30px}.all-acts summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.all-acts summary::-webkit-details-marker{display:none}.all-acts summary:after{content:"+";color:var(--cyan);font-size:20px;line-height:1}.all-acts[open] summary:after{content:"−"}.all-acts .gallery{margin-top:24px}.gallery-small{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-small figcaption{display:block;padding:14px}.gallery-small figcaption span{display:block;margin-top:6px}
.journey{display:grid;grid-template-columns:1fr 1fr;gap:80px}.journey-copy h2{margin:17px 0 25px}.journey-copy>p{font-size:17px;max-width:33em}.journey-list{margin:0;padding:0;list-style:none}.journey-list li{padding:24px 0;border-bottom:1px solid var(--line)}.journey-list li:first-child{padding-top:0}.journey-list h3{font-size:21px;font-weight:500;margin-bottom:10px}.journey-list p{font-size:14px}.modes{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.modes span{font-size:12px;padding:6px 12px;border:1px solid #604874;color:#e0d3ed}.language-block{display:grid;grid-template-columns:.6fr 1fr;gap:35px;border-top:1px solid var(--line);margin-top:54px;padding-top:29px}.language-block h3{font-size:25px}.language-block p{font-size:13px;margin-top:8px}.languages{display:flex;flex-wrap:wrap;gap:10px 23px;align-content:center;list-style:none;margin:0;padding:0;font-size:14px;color:#d7cce5}.languages li{white-space:nowrap}
.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;margin-top:36px}.fact-sheet{margin:0}.fact-sheet>div{display:grid;grid-template-columns:.7fr 1fr;gap:22px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.fact-sheet dt{color:var(--muted)}.fact-sheet dd{margin:0}.controls h3{font-size:22px;margin-bottom:10px}.controls p{font-size:14px}.controls-list{margin:20px 0 0;padding:0;list-style:none}.controls-list li{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #2e253b;font-size:13px}.controls-list span:last-child{color:var(--muted);text-align:right}.controls-note{font-size:12px!important;margin-top:18px}.accessibility{padding:22px 26px;background:#181021;border-left:2px solid var(--violet);margin-top:32px}.accessibility h3{font-size:18px;margin-bottom:9px}.accessibility p{font-size:14px}.technical{margin-top:32px;border:1px solid var(--line);padding:0 26px}.technical summary{padding:20px 0;cursor:pointer;color:#ddd1ec;font-size:15px;min-height:64px}.technical-content{padding:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.technical h3{font-size:16px;color:var(--cyan);margin-bottom:10px}.technical p{font-size:13px;line-height:1.75}.technical p+p{margin-top:10px}.technical strong{color:#e1d7ec;font-weight:500}
.closing{position:relative;padding-block:70px;background:radial-gradient(ellipse at 85% 90%,#4c205444,transparent 70%),linear-gradient(115deg,#1b1130,#0e1420);border-top:1px solid #554069;border-bottom:1px solid #554069}.closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.closing h2{font-size:clamp(34px,4vw,54px);font-weight:400;letter-spacing:-.04em;margin:14px 0 16px;max-width:11em}.closing p{font-size:16px;max-width:35em}.closing-side{justify-self:end;max-width:30em}.closing-side .eyebrow{margin-bottom:12px}.closing-side .actions{margin-top:20px}.closing-side .note{margin-top:14px;font-size:12px}.site-footer{padding:38px 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-wordmark{font-size:16px;letter-spacing:.2em;text-decoration:none;font-weight:600}.footer-links{display:flex;gap:26px;flex-wrap:wrap;font-size:13px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin-top:27px;color:#b3a8c3}.credits{margin-top:23px;font-size:11px;max-width:85em;color:#b3a8c3}.credits summary{cursor:pointer;display:inline;padding:7px 0}.credits p{font-size:11px;margin-top:8px;color:#b3a8c3}
.lightbox{color:var(--ink);background:#0c0814;border:1px solid #645074;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);width:min(1440px,calc(100vw - 40px));padding:18px}.lightbox::backdrop{background:#050309ee}.lightbox-controls{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.lightbox-controls button{border:1px solid #6d567d;background:#24172f;color:var(--ink);padding:8px 14px;min-height:44px;font-size:13px}.lightbox-controls button:hover{border-color:var(--cyan)}.lightbox-controls .pair{display:flex;gap:8px}.lightbox-counter{font-size:12px;color:var(--muted)}.lightbox-image{margin:auto;width:auto;max-width:100%;max-height:calc(100dvh - 195px);object-fit:contain}.lightbox-caption{font-size:13px;line-height:1.5;margin-top:14px}.lightbox-close{color:var(--cyan)!important}.lightbox-open{overflow:hidden}
@media(min-width:1800px){.hero{padding-block:65px}.hero-grid{gap:70px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.hero-grid{grid-template-columns:.9fr 1.5fr;gap:30px}.hero-copy .intro{font-size:15px}.hero-copy h2{font-size:34px}.hero-stats{gap:28px}.hero-stats .genre{display:none}.section-top,.journey{gap:40px}.feature-copy{padding:25px}.resource-strip{gap:20px}.gallery-small{grid-template-columns:repeat(2,minmax(0,1fr))}.scene figcaption{display:block}.scene figcaption span{display:block;margin-top:6px}.closing-grid{gap:35px}.nav{gap:22px}}
@media(max-width:800px){.header-inner{min-height:76px}.brand img{width:158px;height:52px}.nav{gap:17px}.nav a{font-size:12px}.hero{padding:32px 0 38px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.hero-copy h2{font-size:37px;grid-row:span 2}.hero-copy .intro{margin-top:0}.hero-copy .actions{margin-top:19px}.hero-note{grid-column:2}.game-title{font-size:clamp(36px,8.8vw,65px);margin:15px 0 30px}.hero-stats{margin-top:28px;gap:25px}.hero-stats b{font-size:23px}.section{padding-block:60px}.section-top{gap:25px}.section-top p{font-size:14px}.mechanic{padding-right:20px}.mechanic+.mechanic{padding-left:20px}.mechanic h3{font-size:23px}.mechanic p{font-size:14px}.resource-strip{grid-template-columns:repeat(3,1fr);gap:22px}.resource-strip>div:first-child{grid-column:1/-1}.resource-strip .resource-note{display:inline;margin-left:10px}.feature{grid-template-columns:1fr}.feature-copy{padding:26px}.feature-copy h3{max-width:20em}.gallery{gap:20px}.journey{grid-template-columns:1fr}.language-block{grid-template-columns:1fr;gap:24px}.details-grid{gap:30px}.technical-content{grid-template-columns:1fr;gap:24px}.closing{padding-block:54px}.closing-grid{grid-template-columns:1fr;gap:35px}.closing-side{justify-self:start}.footer-top{align-items:start}.footer-links{gap:12px 22px;max-width:55%}.footer-bottom{font-size:10px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;gap:0}.menu-toggle:not([hidden]){display:block}.nav{display:flex;width:100%;justify-content:space-between;border-top:1px solid #352740;gap:12px;padding:7px 0}.nav[data-collapsible]{display:none}.nav[data-collapsible].is-open{display:flex}.nav a{font-size:12px;min-height:44px;display:flex;align-items:center}.nav .contact-nav{border:0}.hero-top{align-items:start;gap:14px}.hero-top .eyebrow{font-size:9px;letter-spacing:.13em;max-width:16em}.availability{font-size:10px;gap:6px;white-space:nowrap}.game-title{font-size:clamp(27px,8.05vw,45px);letter-spacing:.085em;margin:21px 0 24px}.hero-copy{display:block}.hero-copy h2{font-size:38px;max-width:11em}.hero-copy .intro{font-size:15px;margin-top:18px;max-width:34em}.hero-copy .actions{margin-top:22px}.hero-note{margin-top:12px}.hero-grid{gap:26px}.video-topline{font-size:8px;padding:8px 10px}.video-caption{font-size:10px;gap:12px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:19px}.hero-stats span{font-size:12px}.section-top{display:block;margin-bottom:28px}.section-top p{margin-top:20px;font-size:15px}.section h2{font-size:35px}.mechanics{grid-template-columns:1fr}.mechanic,.mechanic+.mechanic{padding:24px 0;border-left:0}.mechanic+.mechanic{border-top:1px solid var(--line)}.mechanic .number{margin-bottom:13px;font-size:11px}.mechanic h3{font-size:27px}.mechanic p{font-size:15px}.resource-strip{grid-template-columns:1fr;gap:21px}.resource-strip>div:first-child{grid-column:auto}.resource-strip .resource-note{display:block;margin-left:0}.resource-strip h3{font-size:15px}.resource-strip p{font-size:14px}.feature{margin-top:32px}.feature-copy{padding:24px}.feature-copy h3{font-size:29px}.gallery,.gallery-small{grid-template-columns:1fr;gap:24px}.scene figcaption{padding:17px 18px}.scene figcaption b{font-size:17px}.scene figcaption span{font-size:13px}.gallery-note{font-size:11px}.journey{gap:28px}.journey-copy>p{font-size:15px}.language-block{margin-top:36px}.languages{font-size:13px;gap:12px 21px}.details-grid{grid-template-columns:1fr;gap:36px}.fact-sheet>div{grid-template-columns:.75fr 1fr;gap:16px}.accessibility{padding:20px}.technical{padding:0 18px}.technical summary{font-size:14px}.closing h2{font-size:38px}.closing p{font-size:15px}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:22px;max-width:none;font-size:12px}.footer-bottom span{display:block;margin-top:7px}.lightbox{padding:11px;max-width:calc(100vw - 16px);width:calc(100vw - 16px)}.lightbox-controls{gap:8px}.lightbox-controls button{padding:8px 10px;font-size:12px}.lightbox-controls .pair{gap:6px}.lightbox-caption{font-size:12px}.lightbox-counter{font-size:11px}.lightbox-image{max-height:calc(100dvh - 220px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Los actos se presentan como recorrido; las seis fotografías son las verificadas del 20-09. */
.act-list{counter-reset:acts;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:28px 0 0;padding:0;list-style:none}.act-list li{counter-increment:acts;border-left:1px solid #564266;padding-left:16px}.act-list li:before{content:counter(acts,decimal-leading-zero);display:block;color:var(--cyan);font-size:11px;letter-spacing:.1em;margin-bottom:8px}.act-list b{display:block;font-size:16px;font-weight:500}.act-list span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.scene.scene-wide{grid-column:1/-1;display:grid;grid-template-columns:1.55fr 1fr;align-items:center}.scene-wide figcaption{display:block;padding:30px 36px}.scene-wide figcaption b{font-size:31px;line-height:1.15;white-space:normal}.scene-wide figcaption span{display:block;font-size:14px;margin-top:18px}@media(max-width:800px){.act-list{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-wide figcaption{padding:22px}.scene-wide figcaption b{font-size:25px}}@media(max-width:560px){.scene.scene-wide{grid-template-columns:1fr}.scene-wide figcaption{padding:20px}.act-list{gap:22px 16px}}