:root{--bg:#0b1918;--ink:#ede8da;--muted:#a8b6ac;--gold:#d2ae72;--line:#ffffff24;--paper:#ded1ae}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;font-size:15px;line-height:1.6}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a{color:inherit}button{color:inherit;background:none;border:0}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:relative;z-index:2}#brand{text-decoration:none;letter-spacing:.23em;font-size:15px;font-weight:bold}#brand span{display:block;font-size:9px;letter-spacing:.55em;color:var(--gold)}.header-actions{display:flex;gap:25px;font-size:12px}.header-actions button{min-height:44px}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.04}h1{font-size:clamp(64px,7.7vw,115px);letter-spacing:-.055em;margin:22px 0 28px}h2{font-size:clamp(40px,5vw,66px);letter-spacing:-.035em;margin:18px 0 26px}h3{font-size:30px}p{max-width:620px}.eyebrow{font-size:10px;letter-spacing:.27em;text-transform:uppercase;color:var(--gold);font-weight:bold}.hero{min-height:760px;height:calc(100svh - 90px);max-height:1050px;position:relative;overflow:hidden;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1918 3%,#0b1918ed 25%,#0b191800 75%),linear-gradient(0deg,#0b1918,transparent 30%),url('assets/city.svg') right center/auto 115% no-repeat;opacity:.95}.hero-content{position:relative;width:100%;padding:65px 9%}.hero h1 em{font-weight:normal;color:var(--gold)}.hero .intro{color:#c2c9be;max-width:355px;font-size:16px}.hero .number{position:absolute;right:4%;bottom:15%;font:180px Georgia;color:#d2ae7215;letter-spacing:-.06em}.hero-bottom{display:flex;gap:32px;margin-top:54px;font-size:11px;color:var(--muted)}.hero-bottom strong{display:block;color:var(--ink);font-size:13px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:34px;background:var(--gold);color:#152320;padding:17px 24px;min-height:56px;font-weight:bold;font-size:13px;border:1px solid var(--gold);text-decoration:none}.primary:hover{background:#e4c48f}.secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:14px 20px;min-height:49px;text-decoration:none;font-size:13px}.secondary:hover{border-color:var(--gold)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.text-link{border-bottom:1px solid var(--gold);padding:8px 0;font-size:13px}.page{max-width:1120px;margin:auto;padding:65px 32px 90px;min-height:75vh;animation:reveal .5s ease}.narrow{max-width:800px}.lead{font-size:19px;color:#bdc8bd;line-height:1.75}.grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.panel{border-top:1px solid var(--line);padding:24px 0}.muted{color:var(--muted)}.small{font-size:12px}.mode{display:flex;gap:12px}.mode label{flex:1;padding:20px;border:1px solid var(--line);cursor:pointer}.mode label:has(input:checked){border-color:var(--gold);background:#d2ae720a}.mode strong{display:block;margin-top:8px}.mode input{accent-color:var(--gold)}.game-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:35px}.progress{display:flex;gap:6px}.progress span{height:3px;width:34px;background:#ffffff24}.progress .done{background:var(--gold)}.scene-meta{font-size:11px;letter-spacing:.14em;color:var(--muted)}.paper{color:#342f23;background:var(--paper);padding:35px;position:relative;box-shadow:0 20px 70px #0003;background-image:repeating-linear-gradient(0deg,transparent,transparent 30px,#55452108 31px)}.paper:before{content:'ARCHIVO DE LA CIUDAD · RECREACIÓN FICTICIA';font-size:8px;letter-spacing:.17em;display:block;border-bottom:1px solid #342f2340;padding-bottom:12px;margin-bottom:24px}.paper p{font:19px/1.7 Georgia}.paper .seal{width:65px;height:65px;border:3px double #794a35;border-radius:50%;display:grid;place-items:center;font:24px Georgia;color:#794a35}.symbols{font:38px Georgia;letter-spacing:.3em;color:#795637;margin:12px 0}.message{border-left:2px solid var(--gold);background:#ffffff05;padding:18px 22px;margin:22px 0;animation:reveal .7s ease}.message span{display:block;color:var(--gold);font-size:9px;letter-spacing:.2em;margin-bottom:10px}.choices{display:grid;gap:10px;margin:22px 0}.choice{text-align:left;border:1px solid var(--line);padding:17px 20px;min-height:55px}.choice:hover{background:#ffffff08;border-color:var(--gold)}.feedback{min-height:28px;color:#e7c38a;margin:16px 0}.hints{border-top:1px solid var(--line);padding-top:15px;margin-top:24px}.hint{font-size:14px;color:#c2cdbc}.tools{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px}.tools button{font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:5px}.code{display:flex;gap:10px}.code input{min-width:0;width:100%;background:#081311;color:var(--ink);border:1px solid var(--line);padding:14px;letter-spacing:.22em;font-size:24px}.strips{display:grid;gap:9px;margin:25px 0}.strip{display:grid;grid-template-columns:40px 1fr 45px;align-items:center;border:1px solid #342f2340;background:#ffffff33;padding:6px;font:17px Georgia;min-height:56px}.strip button{color:#342f23;font:22px Arial;min-height:44px}.strip b{font:26px Georgia;text-align:center}.dial{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dial label{display:grid;gap:8px;font-size:12px}.dial select{width:100%;padding:14px;background:#132724;color:var(--ink);border:1px solid var(--line);font-size:20px}.route{list-style:none;padding:0;counter-reset:stops}.route li{padding:20px 0 20px 44px;border-bottom:1px solid var(--line);position:relative}.route li:before{counter-increment:stops;content:'0' counter(stops);position:absolute;left:0;color:var(--gold)}.route a{font-size:12px}.chapter{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.chapter-num{color:var(--gold);font:27px Georgia}.chapter h3{font-size:24px;margin:0 0 7px}.chapter p{margin:0;color:var(--muted);font-size:13px}.badge{font-size:9px;color:var(--gold);letter-spacing:.17em}footer{padding:24px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted);letter-spacing:.06em}footer button{font-size:11px;min-height:44px}dialog{background:#112421;color:var(--ink);border:1px solid #b7996255;max-width:760px;width:calc(100% - 30px);max-height:85svh;padding:45px;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#020b0bea;backdrop-filter:blur(8px)}dialog h2{font-size:38px}.close{position:sticky;top:0;float:right;width:44px;height:44px;background:#112421}.note{font-size:12px;border-left:1px solid var(--gold);padding-left:16px;color:var(--muted);margin-top:30px}.victory-symbol{color:var(--gold);font:100px Georgia}.chapter-end{text-align:center}.chapter-end p{margin:20px auto}.chapter-end .actions{justify-content:center}.tag{font-size:10px;letter-spacing:.18em;padding:8px 0;color:var(--gold)}.hidden{display:none!important}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:700px){header{height:76px;padding:0 6%}#brand{font-size:12px}.header-actions{gap:8px}.header-actions button{font-size:10px}.hero{min-height:720px;height:calc(100svh - 76px);align-items:flex-end}.hero:before{background:linear-gradient(0deg,#0b1918 5%,#0b1918d9 48%,#0b191833 80%),url('assets/city.svg') 60% top/auto 90% no-repeat}.hero-content{padding:230px 7% 50px}.hero h1{font-size:70px;margin:18px 0}.hero .intro{font-size:14px;max-width:290px}.hero .number{display:none}.hero-bottom{margin-top:32px;gap:26px}.hero .primary{width:100%}.page{padding:38px 24px 65px}.grid{grid-template-columns:1fr;gap:28px}.grid .paper{order:0}.paper{padding:25px}.paper p{font-size:18px}.lead{font-size:17px}.mode{flex-direction:column}.game-top{align-items:flex-start}.progress span{width:22px}.tools{gap:12px}dialog{padding:28px 24px}footer{flex-wrap:wrap;padding:20px 6%}footer span:nth-child(2){display:none}.code{flex-wrap:wrap}.code button{width:100%}h2{font-size:43px}.dial{gap:7px}.dial select{padding:12px 5px}.header-actions #menu{max-width:82px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
h1[tabindex]:focus,h2[tabindex]:focus{outline:none}
@media(max-width:700px){.grid .paper{order:-1}}
/* Segunda dirección artística: luz, profundidad y escenas originales */
.hero{min-height:850px}.hero:before{background:linear-gradient(90deg,#071513f5 0%,#0b1918b8 37%,#0b19181a 75%),linear-gradient(0deg,#0b1918 1%,transparent 42%),url('assets/archivo.webp') 65% center/cover no-repeat;animation:camera-drift 25s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 40%,#e6b36518,transparent 60%);box-shadow:inset 0 0 160px #0007}.hero-content{z-index:1}.hero h1{font-size:clamp(66px,7.4vw,112px);text-shadow:0 3px 40px #0005}.film-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.other-story{display:block;margin-top:35px;max-width:390px;font-size:9px;letter-spacing:.2em;color:var(--gold);text-decoration:none;border-top:1px solid #d2ae7255;padding-top:20px}.other-story span{display:block;font:23px/1.4 Georgia;letter-spacing:0;color:var(--ink);margin-top:5px}.scene-art{height:240px;position:relative;margin:0 0 45px;overflow:hidden;border:1px solid #d2ae7233}.scene-art img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:brightness(.75);animation:camera-drift 22s ease-in-out infinite alternate}.scene-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071513ee,transparent 90%)}.scene-art figcaption{position:absolute;z-index:1;bottom:25px;left:30px;font:32px Georgia}.scene-art figcaption span{display:block;font:8px Arial;letter-spacing:.22em;color:var(--gold);margin-bottom:10px}.paper{border:1px solid #eadbbe;box-shadow:4px 5px 0 #b9a57c33,8px 10px 0 #b9a57c12,0 25px 65px #0006;transform:rotate(.5deg)}.message{background:linear-gradient(110deg,#d2ae720d,#ffffff02);box-shadow:0 15px 30px #0002}.primary{transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 8px 40px #d2ae7212}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #d2ae722b}.page{position:relative}.page:before{content:'';position:absolute;z-index:-1;inset:0 -5%;pointer-events:none;background:radial-gradient(ellipse at 80% 35%,#365e4e12,transparent 65%)}@keyframes camera-drift{from{transform:scale(1)}to{transform:scale(1.055)}}@media(max-width:700px){.hero{min-height:880px;height:auto}.hero:before{background:linear-gradient(0deg,#0b1918 2%,#0b1918d9 60%,#0b191820 100%),url('assets/archivo.webp') 60% top/auto 65% no-repeat}.hero-content{padding:240px 7% 42px}.hero h1{font-size:59px}.scene-art{height:185px;margin-bottom:28px}.scene-art figcaption{left:20px;bottom:20px;font-size:25px}.hero-bottom{margin-top:30px;gap:20px}.other-story{margin-top:25px}.paper{transform:none}}@media(prefers-reduced-motion:reduce){.hero:before,.scene-art img{animation:none}.primary:hover{transform:none}}
.radio-hero:before{background:linear-gradient(90deg,#071513f5 0%,#0b1918b8 40%,#0b19181a 90%),linear-gradient(0deg,#0b1918,transparent 50%),url('assets/frecuencia.webp') 65% center/cover no-repeat}.radio-hero h1{font-size:clamp(58px,7vw,104px)}.radio-art img{object-position:center 53%}.tuner-face{margin:15px 0 25px;background:linear-gradient(140deg,#1e3832,#08120f);padding:25px;border:1px solid #d2ae7255;box-shadow:inset 0 0 25px #0008}.tuner-face output{font:60px Georgia;color:var(--gold);font-variant-numeric:tabular-nums}.tuner-face>span{margin-left:15px;font-size:12px}.tuner-face input{width:100%;accent-color:var(--gold);height:44px}.wave{color:#d2ae7266;letter-spacing:5px;overflow:hidden;white-space:nowrap;font-size:23px}.tuner-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.radio-hero .hero-content{padding-top:80px}@media(max-width:700px){.radio-hero:before{background:linear-gradient(0deg,#0b1918 2%,#0b1918d9 60%,#0b191820 100%),url('assets/frecuencia.webp') 58% top/auto 70% no-repeat}.radio-hero .hero-content{padding-top:280px}.radio-hero h1{font-size:54px}}
.stories-nav{font-size:11px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;color:var(--gold)}.luz-hero:before{background:linear-gradient(90deg,#071513f5 0%,#0b1918b8 40%,#0b19181a 90%),linear-gradient(0deg,#0b1918,transparent 50%),url('assets/luz.webp') 65% center/cover no-repeat}.darkroom{background:#0c100f;padding:25px;border:1px solid #d2ae7233;margin:25px 0}.darkroom input{width:100%;accent-color:var(--gold);height:44px}.darkroom label{display:flex;justify-content:space-between;font-size:12px}.negative{height:150px;background:linear-gradient(120deg,#d6d5aa,#397168);display:grid;place-items:center;border:10px solid #1f201c;border-left:15px dotted #37382c;border-right:15px dotted #37382c;margin-bottom:25px;transition:filter .2s}.negative span{font:23px Georgia;color:#162921;letter-spacing:.08em;text-align:center}.luz-hero h1{font-size:clamp(70px,8vw,120px)}@media(max-width:700px){.header-actions{gap:7px}.header-actions #menu{max-width:65px;font-size:9px}.header-actions #sound{max-width:70px;font-size:9px}.stories-nav{font-size:9px}.luz-hero:before{background:linear-gradient(0deg,#0b1918 2%,#0b1918d9 60%,#0b191820 100%),url('assets/luz.webp') 58% top/auto 70% no-repeat}.luz-hero h1{font-size:72px}}
.library-intro{max-width:1150px;margin:auto;padding:75px 40px 65px}.library-intro h1{font-size:clamp(60px,7.2vw,100px);margin:25px 0 35px}.library-intro h1 em,.story-row h2 em{color:var(--gold);font-weight:normal}.library-intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.library-intro-bottom p{color:#bdc8bd;margin:0;line-height:1.7}.library-intro-bottom>span{font-size:11px;color:var(--muted);text-align:right;line-height:1.9}.story-row{position:relative;min-height:590px;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--line)}.story-row>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.story-row:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071513f5,#071513a8 43%,#07151325),linear-gradient(0deg,#0b19188c,transparent 50%)}.story-row-content{position:relative;z-index:1;padding:55px max(7%,calc((100% - 1070px)/2));width:100%}.story-row h2{font-size:clamp(50px,6.3vw,87px);margin:22px 0}.story-row-content>p{color:#d1d6cb;font-size:16px;max-width:460px}.story-facts{font-size:11px;letter-spacing:.04em;color:#d4c6a6;margin:25px 0 20px}.story-row .save-status{font-size:10px;color:var(--muted);margin-top:16px}.story-index{position:absolute;right:6%;bottom:0;font:180px Georgia;line-height:1;color:#e7d5ac18;z-index:1}.library-note{max-width:1120px;margin:auto;padding:90px 40px}.library-note h2{font-size:48px}.library-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.library-guide p{font-size:14px;color:var(--muted)}.library-guide strong{display:inline-block;color:var(--ink);margin-bottom:10px;font-size:15px}.library footer a{font-size:10px}.library{scroll-behavior:smooth}@media(max-width:700px){.library-intro{padding:48px 26px 40px}.library-intro h1{font-size:56px}.library-intro-bottom{display:block}.library-intro-bottom p{font-size:14px}.library-intro-bottom>span{display:block;text-align:left;margin-top:20px;font-size:10px}.story-row{min-height:650px;align-items:flex-end}.story-row>img{object-position:65% center}.story-row:after{background:linear-gradient(0deg,#071513f5,#071513b8 52%,#07151310 100%)}.story-row-content{padding:210px 26px 35px}.story-row h2{font-size:56px}.story-row-content>p{font-size:14px}.story-facts{max-width:280px;line-height:1.7}.story-row .primary{width:100%}.story-index{font-size:110px;bottom:auto;top:20px;right:25px}.library-note{padding:55px 26px}.library-note h2{font-size:40px}.library-guide{grid-template-columns:1fr;gap:5px}.story-row .eyebrow{font-size:8px;letter-spacing:.2em}.library .header-actions{gap:20px}}@media(prefers-reduced-motion:reduce){.library{scroll-behavior:auto}}
.negative{position:relative;grid-template-rows:1fr auto;height:185px;padding:12px}.negative span{font-size:15px;padding-top:10px}.contact-frames{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:105px;gap:9px}.contact-frames i{display:block;position:relative;border:2px solid #2b4942;background:#83a78d;overflow:hidden}.contact-frames i:before{content:'';position:absolute;width:22px;height:28px;background:#1d3932;border-radius:50% 45% 35% 30%;left:calc(50% - 11px);top:22px}.contact-frames i:after{content:'';position:absolute;width:55px;height:65px;background:#1d3932;border-radius:45% 45% 0 0;left:calc(50% - 27px);top:47px}