@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#11131e;--panel:#1a1b2b;--ink:#edf0e9;--muted:#9aa6ac;--yellow:#c8b8f0;--mint:#a8e4d0;--line:rgba(227,236,229,.16);--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;z-index:-1}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.055;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.topbar{height:76px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(16,21,28,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;font:11px var(--mono);letter-spacing:.11em;white-space:nowrap}.brand b{color:var(--yellow);font-weight:500}.brand-mark{display:grid;place-items:center;border:1px solid var(--yellow);width:28px;height:28px;color:var(--yellow);font-size:18px}.topbar nav{display:flex;gap:clamp(12px,2.2vw,32px);align-items:center}.topbar nav a{font-size:12px;color:#b7c0c4;transition:color .2s}.topbar nav a:hover{color:var(--yellow)}.sound-button{border:1px solid var(--line);background:transparent;padding:10px 12px;color:var(--yellow);font:10px var(--mono);white-space:nowrap}.menu-toggle{display:none;background:none;border:0;font-size:23px}
.hero{min-height:660px;height:calc(100vh - 76px);max-height:900px;position:relative;overflow:hidden;display:flex;align-items:center;padding:7% 9%}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,15,27,.96) 0%,rgba(14,15,27,.78) 43%,rgba(14,15,27,.12) 100%),linear-gradient(0deg,#11131e 0%,transparent 28%),radial-gradient(ellipse at 76% 37%,#8494b6 0%,#4b4c73 23%,#2e304e 48%,#11131e 77%);z-index:0}.hero-bg:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 8%,rgba(202,183,239,.08) 8.1% 8.3%,transparent 8.4% 16%),linear-gradient(125deg,transparent 43%,rgba(226,218,145,.1) 43.1%,transparent 43.5%);transform:perspective(500px) rotateY(-8deg) scale(1.1)}.hero-bg:after{content:"";position:absolute;width:40vw;height:40vw;border-radius:50%;right:7%;top:5%;background:radial-gradient(circle,rgba(181,203,163,.14),transparent 68%);filter:blur(10px)}.hero-content{position:relative;z-index:2;max-width:630px}.eyebrow{font:10px var(--mono);letter-spacing:.15em;color:var(--yellow);margin:0 0 25px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--mint)}h1{font-size:clamp(58px,9vw,125px);line-height:.83;letter-spacing:-.075em;margin:0 0 24px;font-weight:600}h1 em,h2 em{font-style:normal;color:var(--yellow)}h1 em{font-weight:400}.tagline{font-size:19px;letter-spacing:.02em;margin:0 0 15px}.intro{max-width:390px;color:#aeb9bd;line-height:1.75;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font:11px var(--mono);letter-spacing:.015em;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--yellow);color:#1a1a2b}.button-primary:hover{background:#e1d7fa}.button-ghost{border-color:rgba(237,240,233,.32);background:rgba(15,20,27,.25)}.button-ghost:hover{border-color:var(--yellow)}.hero-foot{display:flex;gap:35px;margin-top:75px;font:9px var(--mono);letter-spacing:.12em;color:#819096}.hero-stamp{position:absolute;right:9%;bottom:15%;z-index:2;border:1px solid rgba(200,184,240,.5);width:125px;height:125px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:rotate(12deg);font:9px var(--mono);letter-spacing:.1em;color:var(--yellow);background:rgba(16,21,28,.25)}.hero-stamp b{font-size:10px}.stamp-eye{font-size:24px;margin-top:4px}
.section{padding:110px 9%;max-width:1600px;margin:auto}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-bottom:1px solid var(--line)}h2{font-size:clamp(34px,4.5vw,62px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:0}h2 em{font-weight:400}.story-copy{max-width:500px;padding-top:28px;color:#aab4b8;font-size:15px;line-height:1.85}.story-copy p:first-child{font-size:18px;color:#e3e8e3}.story-copy strong{color:var(--ink)}.small-note{font:9px var(--mono);letter-spacing:.1em;color:var(--mint);display:block;margin-top:27px}.game-section{padding-top:100px;padding-bottom:95px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:18px}.chapter{font:9px var(--mono);color:#87979d;letter-spacing:.12em;padding-bottom:7px}.game-window{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);background:#171927;min-height:430px}.game-scene{position:relative;overflow:hidden;min-height:430px;background:linear-gradient(180deg,#485775,#24263f 75%);isolation:isolate}.game-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,20,.3),transparent 55%),repeating-linear-gradient(90deg,transparent 0 18%,rgba(200,184,240,.07) 18.2% 18.5%,transparent 18.7% 36%);z-index:-1}.scene-sun{position:absolute;top:15%;left:43%;width:125px;height:125px;border-radius:50%;background:#d9c9f5;opacity:.3;filter:blur(2px);box-shadow:0 0 80px #c5c8f4}.scene-hall{position:absolute;left:20%;right:15%;top:10%;height:75%;background:linear-gradient(90deg,rgba(200,184,240,.2),rgba(25,32,58,.08)),linear-gradient(180deg,#8992b7,#3c4665);clip-path:polygon(0 0,100% 0,70% 100%,25% 100%);border-left:2px solid rgba(200,184,240,.18)}.scene-floor{position:absolute;bottom:-5%;left:0;width:100%;height:44%;background:repeating-linear-gradient(0deg,rgba(204,198,239,.1) 0 1px,transparent 1px 28px),linear-gradient(180deg,#66758e,#242b42);clip-path:polygon(25% 0,70% 0,100% 100%,0 100%)}.scene-plant{position:absolute;bottom:18%;width:75px;height:130px;border-left:2px solid #a8e4d0;filter:drop-shadow(0 0 12px rgba(153,198,151,.2))}.scene-plant:before,.scene-plant:after{content:"";position:absolute;width:44px;height:19px;background:#8ab5b0;border-radius:100% 0 100% 0;transform:rotate(-25deg);left:-3px;top:20px;box-shadow:18px 32px 0 -2px #778aa9,-6px 62px 0 -3px #a8a1d2}.scene-plant:after{transform:rotate(40deg) scaleX(-1);left:-37px;top:45px}.plant-one{left:12%;transform:scale(1.2)}.plant-two{right:10%;bottom:13%;transform:scale(.8)}.scene-label{position:absolute;left:24px;top:22px;font:9px var(--mono);letter-spacing:.12em;color:#d1d9c1}.dialogue{padding:30px 30px 22px;display:flex;flex-direction:column}.dialogue-top{display:flex;align-items:center;gap:10px;color:#83949a;font:9px var(--mono);letter-spacing:.09em}.tiny-square{width:7px;height:7px;background:var(--yellow)}.dialogue-line{height:1px;background:var(--line);flex:1}.dialogue h3{font-size:25px;letter-spacing:-.04em;font-weight:500;margin:32px 0 12px}.dialogue>p{font-size:13px;line-height:1.8;color:#aab5b8;min-height:90px;margin:0 0 22px}.choices{display:grid;gap:8px}.choice{display:flex;align-items:center;text-align:left;gap:14px;padding:14px 12px;border:1px solid var(--line);background:rgba(255,255,255,.015);font-size:12px;transition:.2s}.choice span{font:9px var(--mono);color:var(--yellow)}.choice b{margin-left:auto;color:#849398;font-weight:400}.choice:hover{border-color:var(--yellow);background:rgba(200,184,240,.07)}.game-status{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;gap:10px;font:8px var(--mono);letter-spacing:.05em;color:#7f9196}.game-status button{background:none;border:0;color:#a6b1b3;font:inherit}.game-status button:hover{color:var(--yellow)}.caption{font:10px var(--mono);color:#73838a;margin-top:16px}
.settings-save{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:45px}.panel{border:1px solid var(--line);padding:35px;background:var(--panel)}.panel .eyebrow{margin-bottom:18px}.panel h2{font-size:clamp(30px,3vw,42px)}.muted{color:#93a1a7;font-size:13px;line-height:1.7}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row:first-of-type{margin-top:23px}.setting-row b,.save-card b{display:block;font-size:12px;font-weight:500}.setting-row small,.save-card small{display:block;color:#84949a;font-size:10px;margin-top:5px;line-height:1.5}.switch{position:relative;display:block;flex-shrink:0;width:38px;height:21px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border:1px solid #59666b;border-radius:30px;transition:.2s;cursor:pointer}.switch span:before{content:"";position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:#879398;transition:.2s}.switch input:checked+span{border-color:var(--yellow);background:rgba(200,184,240,.16)}.switch input:checked+span:before{transform:translateX(17px);background:var(--yellow)}.switch input:focus-visible+span{outline:2px solid white;outline-offset:3px}.setting-feedback{font:9px var(--mono);color:var(--mint);margin:18px 0 0}.save-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);margin:28px 0 18px;min-height:90px;position:relative}.save-icon{width:40px;height:40px;display:grid;place-items:center;background:rgba(167,200,176,.1);color:var(--mint);font-size:24px}.save-card>div:nth-child(2){padding-right:50px}.save-slot{position:absolute;right:12px;top:12px;font:8px var(--mono);color:#6f8086}.full-width{width:100%;margin-top:8px}.fine-print{font-size:10px;line-height:1.6;color:#74858b;margin-top:18px}
.endings{padding-top:65px}.endings-intro{max-width:260px;margin:0 0 3px}.ending-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ending-card{min-height:260px;padding:24px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(200,184,240,.08),transparent 65%),#1a1b2b}.ending-card:after{content:"";position:absolute;right:-25px;bottom:-70px;width:180px;height:180px;border:1px solid rgba(200,184,240,.18);border-radius:50%;box-shadow:0 0 0 22px rgba(200,184,240,.025),0 0 0 44px rgba(200,184,240,.02)}.ending-green{background:linear-gradient(145deg,rgba(122,177,139,.12),transparent 65%),#1a1b2b}.ending-blue{background:linear-gradient(145deg,rgba(115,162,191,.13),transparent 65%),#1a1b2b}.ending-number{font:9px var(--mono);letter-spacing:.1em;color:#88999f}.ending-symbol{font-size:31px;color:var(--yellow);margin:26px 0 10px}.ending-green .ending-symbol{color:var(--mint)}.ending-blue .ending-symbol{color:#9fc4d6}.ending-card h3{font-size:23px;font-weight:500;margin:0 0 9px}.ending-card p{font-size:12px;line-height:1.7;color:#98a6aa;max-width:260px}.ending-state{display:inline-block;margin-top:12px;padding:6px 8px;border:1px solid var(--line);font:8px var(--mono);letter-spacing:.08em;color:#78878d}.ending-state.unlocked{color:var(--yellow);border-color:rgba(200,184,240,.5)}
.gallery-section{padding-top:75px}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.gallery-item{height:250px;position:relative;overflow:hidden;border:1px solid var(--line);text-align:left;padding:18px;background-color:#293d3b;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.gallery-item:before{content:"";position:absolute;inset:0;z-index:-1;transition:transform .5s}.gallery-item:hover:before{transform:scale(1.06)}.gallery-one:before{background:linear-gradient(0deg,rgba(10,15,20,.85),transparent 70%),repeating-linear-gradient(90deg,#69758c 0 16%,#b9a9d6 16.2% 17%,#354b5e 17.2% 34%)}.gallery-two:before{background:radial-gradient(ellipse at 55% 25%,#c4c9e8,transparent 23%),linear-gradient(0deg,rgba(10,15,20,.85),transparent 70%),linear-gradient(135deg,#26374b,#879eb0,#354258)}.gallery-three:before{background:linear-gradient(0deg,rgba(10,15,20,.85),transparent 70%),radial-gradient(ellipse at 55% 25%,#d8b9dc,transparent 28%),linear-gradient(135deg,#607b99,#24263d)}.gallery-item>span{font:9px var(--mono);color:#d8dfd2;letter-spacing:.12em}.gallery-item b{font-size:16px;font-weight:500}.contact-section{text-align:center;padding:100px 20px 105px;border-top:1px solid var(--line);background:radial-gradient(ellipse at center top,rgba(106,141,120,.13),transparent 55%)}.contact-orb{font-size:33px;color:var(--yellow);margin-bottom:22px}.contact-section .eyebrow{margin-bottom:18px}.contact-section h2{font-size:clamp(48px,7vw,78px)}.contact-section>p:not(.eyebrow){color:#a2afb2;font-size:14px;margin:20px 0 28px}.contact-number{display:block;font:10px var(--mono);color:#86969b;margin-top:18px;letter-spacing:.1em}footer{border-top:1px solid var(--line);padding:24px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#73838a;font:8px var(--mono);letter-spacing:.09em}
.lightbox{position:fixed;inset:0;background:rgba(7,10,14,.94);z-index:50;display:none;align-items:center;justify-content:center;flex-direction:column;padding:25px}.lightbox.open{display:flex}.lightbox>button{position:absolute;top:22px;right:30px;border:1px solid var(--line);background:none;font-size:32px;width:45px;height:45px}.lightbox-art{width:min(780px,90vw);height:min(58vh,500px);border:1px solid var(--line)}.lightbox-art.gallery-one{background:repeating-linear-gradient(90deg,#69758c 0 16%,#b9a9d6 16.2% 17%,#354b5e 17.2% 34%)}.lightbox-art.gallery-two{background:radial-gradient(ellipse at 55% 25%,#c4c9e8,transparent 23%),linear-gradient(135deg,#26374b,#879eb0,#354258)}.lightbox-art.gallery-three{background:radial-gradient(ellipse at 55% 25%,#d8b9dc,transparent 28%),linear-gradient(135deg,#607b99,#24263d)}.lightbox p{font-size:23px;margin:20px 0 8px}.lightbox>span{font:9px var(--mono);letter-spacing:.12em;color:#829298}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:60;background:var(--yellow);color:#151b20;padding:13px 18px;font:11px var(--mono);transition:.25s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}body.large-text .dialogue>p,body.large-text .story-copy{font-size:17px}body.high-contrast{--muted:#e1e8e8;--line:rgba(255,255,255,.35)}body.no-motion *,body.no-motion *:before,body.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:900px){.topbar{padding:0 4%}.topbar nav{gap:12px}.topbar nav a{font-size:10px}.sound-button{padding:9px}.sound-button span{display:none}.hero{padding:8% 7%}.hero-stamp{right:6%;bottom:10%;width:100px;height:100px}.section{padding-left:7%;padding-right:7%}.dialogue{padding:24px}.game-window{grid-template-columns:1fr 1fr}.settings-save{padding-top:20px}.panel{padding:25px}.gallery-item{height:210px}}
@media(max-width:680px){.topbar{height:66px}.menu-toggle{display:block;order:3}.sound-button{margin-left:auto;margin-right:15px}.topbar nav{display:none;position:absolute;top:65px;left:0;right:0;padding:15px 6% 22px;background:#171827;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.topbar nav.open{display:flex}.topbar nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.hero{height:auto;min-height:670px;padding:95px 7% 65px;align-items:flex-start}.hero-bg{background:linear-gradient(90deg,rgba(12,17,23,.91),rgba(12,17,23,.55)),linear-gradient(0deg,#11131e,transparent 45%),radial-gradient(ellipse at 78% 35%,#667a92,#252840 65%,#11131e)}.hero-content{max-width:100%}h1{font-size:clamp(56px,16vw,90px)}.intro{max-width:330px}.hero-stamp{right:7%;bottom:7%;width:82px;height:82px;font-size:7px}.hero-stamp b{font-size:8px}.stamp-eye{font-size:16px}.hero-foot{margin-top:55px;gap:18px;font-size:8px}.section{padding:72px 6%}.story-grid{grid-template-columns:1fr;gap:15px}.story-copy{padding-top:0}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:26px}.chapter{padding:0}.game-window{grid-template-columns:1fr}.game-scene{min-height:280px}.dialogue{padding:23px 20px}.dialogue h3{margin-top:25px}.dialogue>p{min-height:auto}.game-status{margin-top:25px}.settings-save{grid-template-columns:1fr;padding-top:0;gap:15px}.panel{padding:24px 20px}.endings{padding-top:45px}.endings-intro{max-width:420px}.ending-grid{grid-template-columns:1fr}.ending-card{min-height:220px}.ending-symbol{margin:18px 0 7px}.gallery-grid{grid-template-columns:1fr}.gallery-item{height:220px}.contact-section{padding:75px 7%}.contact-section .button{gap:16px}footer{padding:22px 6%;flex-wrap:wrap;justify-content:center;text-align:center}footer .brand{width:100%;justify-content:center}footer>span{font-size:7px}.lightbox-art{height:45vh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* POOLROOMS EDITION — azulejo, agua tibia y una presencia que nunca se muestra del todo */
:root{--bg:#07191e;--panel:#0e272d;--ink:#e7fbf8;--muted:#9bbfc1;--yellow:#8de8e0;--mint:#b3f5ec;--line:rgba(170,235,231,.17)}
body{background:radial-gradient(ellipse at 50% 110%,#123c43 0%,#07191e 68%);}
body:before{background-image:linear-gradient(rgba(158,238,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(158,238,232,.025) 1px,transparent 1px)}
.topbar{background:rgba(5,24,29,.9)}
.hero-bg{background:linear-gradient(90deg,rgba(4,21,26,.97) 0%,rgba(4,21,26,.72) 44%,rgba(4,21,26,.05) 100%),linear-gradient(0deg,#07191e 0%,transparent 28%),radial-gradient(ellipse at 78% 37%,#8de8e0 0%,#277e84 18%,#12464f 43%,#07191e 78%)}
.hero-bg:before{background:repeating-linear-gradient(90deg,transparent 0 8%,rgba(165,250,242,.12) 8.1% 8.3%,transparent 8.4% 16%),repeating-linear-gradient(0deg,transparent 0 8%,rgba(165,250,242,.06) 8.1% 8.3%,transparent 8.4% 16%);transform:perspective(500px) rotateY(-8deg) scale(1.1)}
.hero-bg:after{background:radial-gradient(circle,rgba(111,238,229,.2),transparent 68%)}
.hero-stamp{border-color:rgba(141,232,224,.5)}
.game-window{background:#0a2228}
.game-scene{background:linear-gradient(180deg,#b4e9e6 0%,#559da0 38%,#11606a 100%)}
.game-scene:before{background:repeating-linear-gradient(90deg,transparent 0 9.8%,rgba(255,255,255,.28) 10% 10.2%,transparent 10.4% 20%),repeating-linear-gradient(0deg,transparent 0 9.8%,rgba(255,255,255,.19) 10% 10.2%,transparent 10.4% 20%),linear-gradient(90deg,rgba(0,28,35,.12),transparent 60%)}
.scene-sun{top:7%;left:37%;width:180px;height:65px;border-radius:50%;background:#e6fffb;opacity:.62;filter:blur(5px);box-shadow:0 0 75px #d8fffa}
.scene-hall{left:12%;right:12%;top:0;height:80%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 2px,transparent 2px 38px),repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 2px,transparent 2px 38px),linear-gradient(180deg,#a9dcdb,#3a9298 75%,#1d626c);clip-path:polygon(0 0,100% 0,76% 100%,24% 100%);border:0;box-shadow:inset 0 0 35px rgba(3,55,62,.24)}
.scene-floor{bottom:-5%;height:48%;background:repeating-linear-gradient(0deg,rgba(215,255,251,.33) 0 2px,transparent 2px 28px),repeating-linear-gradient(90deg,rgba(215,255,251,.26) 0 2px,transparent 2px 38px),linear-gradient(180deg,#3bafb2,#07505d);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}
.scene-plant{display:none}
.scene-waterline{position:absolute;z-index:2;left:0;right:0;bottom:0;height:29%;background:linear-gradient(180deg,rgba(99,245,234,.04),rgba(3,55,66,.48));border-top:1px solid rgba(220,255,250,.55);box-shadow:0 -8px 30px rgba(126,255,245,.12);pointer-events:none}
.scene-ripple{position:absolute;z-index:3;border:1px solid rgba(222,255,251,.58);border-radius:50%;height:16px;width:70px;filter:blur(.2px);opacity:.65;transform:scaleY(.35);pointer-events:none;animation:ripple 5.5s ease-out infinite}
.ripple-one{bottom:21%;left:57%}.ripple-two{bottom:17%;left:31%;animation-delay:2.7s}
.scene-shadow-underwater{position:absolute;z-index:2;width:110px;height:24px;bottom:9%;left:58%;background:rgba(0,21,29,.6);border-radius:50%;filter:blur(12px);opacity:.7;transform:rotate(-8deg);animation:shadowDrift 11s ease-in-out infinite}
.game-scene.scene-reflection .scene-shadow-underwater{width:155px;left:37%;bottom:13%;height:30px;opacity:.9}
.game-scene.scene-columns .scene-shadow-underwater{width:190px;left:23%;bottom:10%;height:38px;opacity:.8}
.game-scene.scene-echo{filter:saturate(.72)}.game-scene.scene-echo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,21,29,.12),rgba(1,16,23,.62));z-index:4;pointer-events:none}
.scene-label{color:#edfffc;text-shadow:0 1px 8px rgba(0,40,45,.65)}
.dialogue{background:linear-gradient(135deg,rgba(17,51,57,.98),rgba(9,31,37,.98))}
.ending-card{background:linear-gradient(145deg,rgba(88,222,215,.1),transparent 65%),#0e272d}
.ending-green{background:linear-gradient(145deg,rgba(52,176,161,.12),transparent 65%),#0e272d}.ending-blue{background:linear-gradient(145deg,rgba(57,153,190,.15),transparent 65%),#0e272d}
.gallery-item{background-color:#0c424a}
.gallery-one:before{background:linear-gradient(0deg,rgba(3,18,24,.88),transparent 70%),repeating-linear-gradient(90deg,#7bbfc0 0 16%,#e1f8f4 16.2% 17%,#347b83 17.2% 34%),repeating-linear-gradient(0deg,transparent 0 15%,rgba(255,255,255,.2) 15.2% 15.7%,transparent 16% 30%)}
.gallery-two:before{background:linear-gradient(0deg,rgba(3,18,24,.88),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,transparent 2px 32px),linear-gradient(135deg,#d4f2ee,#4a9fa4,#0d4c59)}
.gallery-three:before{background:linear-gradient(0deg,rgba(3,18,24,.88),transparent 70%),radial-gradient(ellipse at 55% 25%,#d6fffa,transparent 28%),linear-gradient(135deg,#4e9da4,#153f4a,#031b24)}
.lightbox-art.gallery-one{background:repeating-linear-gradient(90deg,#7bbfc0 0 16%,#e1f8f4 16.2% 17%,#347b83 17.2% 34%),repeating-linear-gradient(0deg,transparent 0 15%,rgba(255,255,255,.2) 15.2% 15.7%,transparent 16% 30%)}
.lightbox-art.gallery-two{background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,transparent 2px 32px),linear-gradient(135deg,#d4f2ee,#4a9fa4,#0d4c59)}
.lightbox-art.gallery-three{background:radial-gradient(ellipse at 55% 25%,#d6fffa,transparent 28%),linear-gradient(135deg,#4e9da4,#153f4a,#031b24)}
.contact-section{background:radial-gradient(ellipse at center top,rgba(61,193,186,.14),transparent 55%)}
@keyframes ripple{0%{transform:scale(.45,.25);opacity:0}25%{opacity:.65}100%{transform:scale(2.6,.7);opacity:0}}
@keyframes shadowDrift{0%,100%{transform:translateX(0) rotate(-8deg) scaleX(1)}50%{transform:translateX(-65px) rotate(7deg) scaleX(1.18)}}
body.no-motion .scene-ripple,body.no-motion .scene-shadow-underwater{animation:none!important}
@media(max-width:680px){.hero-bg{background:linear-gradient(90deg,rgba(4,21,26,.92),rgba(4,21,26,.48)),linear-gradient(0deg,#07191e,transparent 45%),radial-gradient(ellipse at 78% 35%,#529da2,#173f49 65%,#07191e)}.scene-hall{left:5%;right:5%}}

/* A FLOODED PLACE — overgrowth, rot and submerged vegetation */
:root{--yellow:#b9d8a4;--mint:#7eaaa0;--bg:#091b1b;--panel:#102725;--line:rgba(190,218,190,.16)}
body{background:radial-gradient(ellipse at 50% 110%,#25443a 0%,#091b1b 68%)}
.topbar{background:rgba(7,24,21,.92)}
.hero-bg{background:linear-gradient(90deg,rgba(5,19,17,.98) 0%,rgba(5,19,17,.82) 43%,rgba(5,19,17,.16) 100%),linear-gradient(0deg,#091b1b 0%,transparent 28%),radial-gradient(ellipse at 78% 37%,#78988a 0%,#365a4c 19%,#19392f 43%,#071614 78%)}
.hero-bg:before{background:repeating-linear-gradient(90deg,transparent 0 8%,rgba(179,213,160,.09) 8.1% 8.3%,transparent 8.4% 16%),repeating-linear-gradient(0deg,transparent 0 8%,rgba(179,213,160,.04) 8.1% 8.3%,transparent 8.4% 16%);}
.hero-bg:after{width:62vw;height:65vw;right:-7%;top:-9%;border-radius:0;background:radial-gradient(ellipse at 50% 45%,rgba(111,154,105,.13),transparent 60%),repeating-linear-gradient(118deg,transparent 0 29px,rgba(8,30,21,.72) 30px 34px,transparent 35px 61px);filter:blur(2px);transform:rotate(-9deg)}
.hero-stamp{border-color:rgba(185,216,164,.42)}
.game-window{background:#0b211d}.game-scene{background:linear-gradient(180deg,#607e6b 0%,#2c594b 38%,#123e3b 100%)}
.game-scene:before{background:repeating-linear-gradient(90deg,transparent 0 9.8%,rgba(224,237,198,.22) 10% 10.2%,transparent 10.4% 20%),repeating-linear-gradient(0deg,transparent 0 9.8%,rgba(224,237,198,.13) 10% 10.2%,transparent 10.4% 20%),linear-gradient(90deg,rgba(0,22,18,.45),transparent 60%)}
.scene-sun{background:#c6d6a8;opacity:.16;box-shadow:0 0 75px #b2d0a1}
.scene-hall{background:repeating-linear-gradient(90deg,rgba(230,238,207,.2) 0 2px,transparent 2px 38px),repeating-linear-gradient(0deg,rgba(230,238,207,.14) 0 2px,transparent 2px 38px),linear-gradient(180deg,#78917a,#3b6c5a 75%,#244f46);filter:saturate(.7)}
.scene-floor{background:repeating-linear-gradient(0deg,rgba(213,234,193,.22) 0 2px,transparent 2px 28px),repeating-linear-gradient(90deg,rgba(213,234,193,.17) 0 2px,transparent 2px 38px),linear-gradient(180deg,#377d70,#063b3a)}
.scene-plant{display:block;z-index:3;bottom:18%;width:110px;height:175px;border-left:4px solid #263d2b;filter:drop-shadow(0 0 10px rgba(3,18,12,.5))}
.scene-plant:before,.scene-plant:after{width:58px;height:24px;background:#415d35;border-radius:100% 0 100% 0;box-shadow:18px 32px 0 -2px #314c30,-6px 62px 0 -3px #6d8050,18px 91px 0 -4px #263e2a;}
.scene-plant:after{background:#536b3b;box-shadow:-18px 29px 0 -2px #2b452c,-3px 65px 0 -4px #6b7b4b;}
.plant-one{left:7%;transform:scale(1.3) rotate(-7deg)}.plant-two{right:5%;bottom:12%;transform:scale(1.05) rotate(8deg)}
.overgrowth{position:absolute;z-index:4;pointer-events:none}
.overgrowth-left{left:-3%;top:-7%;width:31%;height:75%;background:repeating-linear-gradient(112deg,transparent 0 19px,rgba(19,45,25,.95) 20px 24px,transparent 25px 37px);clip-path:polygon(0 0,100% 0,75% 18%,95% 36%,58% 47%,78% 67%,30% 100%,0 82%);filter:drop-shadow(0 0 8px #142c1b)}
.overgrowth-top{right:0;top:-3%;width:38%;height:43%;background:repeating-radial-gradient(ellipse at 30% 100%,#405c32 0 8px,transparent 9px 24px);clip-path:polygon(0 0,100% 0,100% 100%,75% 75%,63% 100%,45% 70%,27% 94%);opacity:.88}
.root-mass{position:absolute;z-index:3;left:0;right:0;bottom:18%;height:22%;pointer-events:none;background:repeating-linear-gradient(168deg,transparent 0 17px,rgba(31,54,29,.8) 18px 21px,transparent 22px 34px);clip-path:polygon(0 30%,15% 10%,25% 60%,40% 15%,53% 48%,67% 6%,82% 56%,100% 16%,100% 100%,0 100%);opacity:.9}
.scene-waterline{height:31%;background:linear-gradient(180deg,rgba(110,170,145,.08),rgba(2,37,35,.68));border-top:1px solid rgba(181,218,190,.32);box-shadow:0 -8px 30px rgba(86,147,119,.1)}
.scene-shadow-underwater{background:rgba(1,14,12,.82);filter:blur(14px)}
.dialogue{background:linear-gradient(135deg,rgba(17,47,38,.99),rgba(7,27,24,.99))}
.ending-card{background:linear-gradient(145deg,rgba(125,165,94,.12),transparent 65%),#10251f}.ending-green{background:linear-gradient(145deg,rgba(57,117,65,.18),transparent 65%),#10251f}.ending-blue{background:linear-gradient(145deg,rgba(42,116,108,.16),transparent 65%),#10251f}
.gallery-item{background-color:#173c31}.gallery-one:before{background:linear-gradient(0deg,rgba(3,18,14,.9),transparent 70%),repeating-linear-gradient(90deg,#63796b 0 16%,#9fb59a 16.2% 17%,#264638 17.2% 34%),repeating-linear-gradient(135deg,transparent 0 17px,rgba(15,43,25,.85) 18px 21px,transparent 22px 34px)}
.gallery-two:before{background:linear-gradient(0deg,rgba(3,18,14,.9),transparent 70%),repeating-radial-gradient(ellipse at 20% 0%,#49663c 0 8px,transparent 9px 24px),linear-gradient(135deg,#8ba18b,#386d5b,#102f2b)}
.gallery-three:before{background:linear-gradient(0deg,rgba(3,18,14,.9),transparent 70%),repeating-linear-gradient(110deg,transparent 0 23px,rgba(22,47,28,.8) 24px 28px,transparent 29px 42px),linear-gradient(135deg,#416a5a,#153e38,#031a17)}
.lightbox-art.gallery-one{background:repeating-linear-gradient(90deg,#63796b 0 16%,#9fb59a 16.2% 17%,#264638 17.2% 34%),repeating-linear-gradient(135deg,transparent 0 17px,rgba(15,43,25,.85) 18px 21px,transparent 22px 34px)}
.lightbox-art.gallery-two{background:repeating-radial-gradient(ellipse at 20% 0%,#49663c 0 8px,transparent 9px 24px),linear-gradient(135deg,#8ba18b,#386d5b,#102f2b)}
.lightbox-art.gallery-three{background:repeating-linear-gradient(110deg,transparent 0 23px,rgba(22,47,28,.8) 24px 28px,transparent 29px 42px),linear-gradient(135deg,#416a5a,#153e38,#031a17)}
.contact-section{background:radial-gradient(ellipse at center top,rgba(78,127,78,.16),transparent 55%)}
@media(max-width:680px){.hero-bg{background:linear-gradient(90deg,rgba(5,19,17,.94),rgba(5,19,17,.59)),linear-gradient(0deg,#091b1b,transparent 45%),radial-gradient(ellipse at 78% 35%,#526e5c,#1b382e 65%,#071614)}.overgrowth-left{width:25%;opacity:.7}.overgrowth-top{width:45%;height:35%}}

/* A FLOODED PLACE v6 — viento, espacios escolares y criaturas */
.survival-panel{margin-top:14px;padding:18px 22px;border:1px solid rgba(143,177,153,.18);background:linear-gradient(110deg,rgba(22,42,35,.92),rgba(10,25,28,.95));}
.survival-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#8da69a;font:9px var(--mono);letter-spacing:.1em;margin-bottom:15px}.survival-heading .eyebrow{margin:0;color:#9eaf9d}.survival-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.survival-stat{display:flex;align-items:center;gap:10px;min-height:55px;padding:9px 11px;background:rgba(255,255,255,.025);border:1px solid rgba(171,202,177,.1)}.stat-icon{font-size:18px;color:#9cbca1}.survival-stat small{display:block;color:#81938a;font:8px var(--mono);letter-spacing:.08em}.survival-stat b{display:block;margin-top:5px;color:#d9e4d7;font:10px var(--mono);font-weight:500}.inventory-note{font-size:11px;color:#8c9f95;line-height:1.6;margin:13px 0 0}.choice:disabled{opacity:.48;cursor:not-allowed}.choice-done{opacity:.68}.game-scene.scene-windy .scene-plant{transform-origin:bottom center;animation:plantWind 3.8s ease-in-out infinite}.game-scene.scene-windy .plant-two{animation-delay:-1.4s}.game-scene.scene-windy .overgrowth{animation:vineWind 5.2s ease-in-out infinite}.game-scene.scene-windy .overgrowth-top{animation-delay:-2.2s}.game-scene.scene-school{background:linear-gradient(180deg,#b4c5c4 0%,#657b7d 42%,#16383b 100%)}.game-scene.scene-school .scene-sun{background:#f0f4dc;opacity:.58;box-shadow:0 0 65px #e4f1d4}.game-scene.scene-school .scene-hall{background:repeating-linear-gradient(90deg,rgba(242,245,220,.36) 0 3px,transparent 3px 42px),repeating-linear-gradient(0deg,rgba(242,245,220,.25) 0 2px,transparent 2px 42px),linear-gradient(180deg,#c1d0c8,#526c6c 75%,#274a4b)}.game-scene.scene-school .scene-floor{background:repeating-linear-gradient(0deg,rgba(245,248,222,.32) 0 2px,transparent 2px 30px),repeating-linear-gradient(90deg,rgba(245,248,222,.22) 0 2px,transparent 2px 42px),linear-gradient(180deg,#4e8c87,#082e32)}.game-scene.scene-school:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 22%,rgba(246,255,225,.04) 22.2% 22.7%,transparent 23% 45%);pointer-events:none;z-index:4}.game-scene.scene-garden{filter:saturate(.7) brightness(.8)}.game-scene.scene-dark{filter:brightness(.58) saturate(.7)}.game-scene.scene-dark .scene-sun{opacity:.06}.game-scene.scene-dark:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 65%,transparent 0%,rgba(0,8,8,.76) 90%);pointer-events:none;z-index:4}.game-scene.scene-service{background:linear-gradient(180deg,#7c8473,#37453d 55%,#111d1c)}.game-scene.scene-service .scene-sun{background:#d5e4a0;opacity:.45;box-shadow:0 0 35px #b4ca77;width:100px;height:75px}.game-scene.scene-service .scene-hall{background:repeating-linear-gradient(90deg,rgba(203,205,166,.2) 0 2px,transparent 2px 34px),linear-gradient(180deg,#626f60,#253a34)}.game-scene.scene-service .scene-floor{background:repeating-linear-gradient(0deg,rgba(203,205,166,.15) 0 2px,transparent 2px 25px),linear-gradient(180deg,#4a6657,#172c2a)}.game-scene.scene-creature .scene-shadow-underwater{width:55%;height:55px;bottom:8%;left:23%;opacity:1;filter:blur(16px);background:rgba(0,5,8,.92);animation:predatorDrift 6s ease-in-out infinite}.game-scene.scene-creature .scene-ripple{width:150px;left:42%;bottom:22%;animation-duration:3.8s}.game-scene.scene-safe .scene-shadow-underwater{width:70px;height:30px;opacity:.35;background:rgba(12,20,13,.7)}
@keyframes plantWind{0%,100%{rotate:-1deg}25%{rotate:4deg}65%{rotate:-5deg}}@keyframes vineWind{0%,100%{translate:0 0}50%{translate:7px 2px}}@keyframes predatorDrift{0%,100%{translate:-12px 0;scale:.92 1}50%{translate:18px -7px;scale:1.08 1.12}}
body.no-motion .game-scene.scene-windy .scene-plant,body.no-motion .game-scene.scene-windy .overgrowth,body.no-motion .game-scene.scene-creature .scene-shadow-underwater{animation:none!important}
@media(max-width:680px){.survival-stats{grid-template-columns:repeat(2,1fr)}.survival-heading{align-items:flex-start;flex-direction:column}.survival-panel{padding:15px}.creature-status{grid-column:span 2}}

/* A FLOODED PLACE v7 — bestiario húmedo y vegetación que crece desde dentro */
.bestiary{padding-top:78px;padding-bottom:90px;border-top:1px solid var(--line)}
.bestiary-note{display:flex;align-items:flex-start;gap:16px;max-width:850px;padding:18px 20px;margin:-5px 0 28px;border:1px solid rgba(151,181,145,.22);background:linear-gradient(100deg,rgba(72,104,67,.16),rgba(7,25,23,.3))}
.note-mark{display:grid;place-items:center;flex:0 0 27px;height:27px;border:1px solid rgba(185,216,164,.45);color:#c2d7a6;font:13px var(--mono)}
.bestiary-note p{margin:0;color:#a6b6a7;font-size:12px;line-height:1.8}.bestiary-note b{color:#dce8d6}
.creature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.creature-card{border:1px solid rgba(174,202,172,.15);background:linear-gradient(160deg,rgba(71,102,73,.12),transparent 52%),#0d211d;min-width:0;overflow:hidden}
.creature-art{height:220px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 100%,rgba(106,156,127,.2),transparent 60%),linear-gradient(180deg,#263b34,#091816)}
.creature-art:before{content:"";position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(177,203,171,.06) 28px 29px),linear-gradient(90deg,transparent 0 16%,rgba(190,210,180,.08) 16.2% 16.7%,transparent 17% 82%,rgba(190,210,180,.06) 82.2% 82.7%,transparent 83%)}
.creature-tag{position:absolute;z-index:3;left:14px;top:13px;font:8px var(--mono);letter-spacing:.1em;color:#b6c9b3}
.creature-silhouette{position:absolute;left:50%;bottom:10px;width:88px;height:150px;transform:translateX(-50%);border-radius:46% 46% 25% 25%;background:linear-gradient(100deg,#182b25,#65776a 45%,#172720 75%);filter:drop-shadow(0 0 14px rgba(0,0,0,.7));opacity:.95}
.creature-silhouette:before{content:"";position:absolute;left:19px;top:-24px;width:50px;height:58px;border-radius:48% 48% 38% 38%;background:linear-gradient(110deg,#1c2e26,#6b7a69 48%,#17261f);box-shadow:0 0 0 5px rgba(5,20,16,.2)}
.creature-silhouette:after{content:"";position:absolute;left:10px;right:7px;top:40px;height:92px;border-radius:50% 50% 35% 35%;background:repeating-linear-gradient(105deg,transparent 0 13px,rgba(5,20,15,.5) 14px 18px),linear-gradient(90deg,#17271f,#728071 48%,#14241d)}
.creature-wader .creature-silhouette{height:119px;width:57px;bottom:19px;border-radius:45% 45% 15% 15%;transform:translateX(-50%) skewY(-5deg)}
.creature-wader .creature-silhouette:before{left:7px;top:-21px;width:43px;height:45px;border-radius:45% 45% 55% 15%;transform:rotate(-12deg)}
.creature-wader .creature-silhouette:after{left:18px;right:auto;top:91px;width:4px;height:75px;background:#53634a;box-shadow:17px -4px 0 #354936, -5px 29px 0 -1px #26382b, 18px 23px 0 -1px #26382b}
.creature-dog .creature-silhouette{width:137px;height:76px;bottom:33px;border-radius:45% 38% 32% 35%;transform:translateX(-50%) rotate(-5deg)}
.creature-dog .creature-silhouette:before{left:-13px;top:-19px;width:47px;height:48px;border-radius:48% 30% 40% 40%;transform:rotate(-20deg);box-shadow:-8px -8px 0 -3px #1a2b22,24px 7px 0 -13px #c2b991}
.creature-dog .creature-silhouette:after{left:20px;right:14px;top:55px;height:42px;border-radius:0 0 40% 40%;background:#273b2e;box-shadow:7px 22px 0 -17px #8b9b7c,72px 20px 0 -17px #8b9b7c}
.creature-root .creature-silhouette{height:158px;width:90px;background:linear-gradient(100deg,#18241c,#3f5740 46%,#101e18)}
.creature-root .creature-silhouette:after{background:repeating-linear-gradient(70deg,transparent 0 8px,rgba(135,166,92,.8) 9px 11px,transparent 12px 19px),linear-gradient(90deg,#19251c,#53664a 48%,#17241b)}
.creature-root:after{content:"";position:absolute;left:10%;right:8%;bottom:0;height:100px;background:repeating-linear-gradient(110deg,transparent 0 18px,rgba(89,119,60,.9) 19px 22px,transparent 23px 33px);clip-path:polygon(0 20%,12% 50%,21% 10%,32% 75%,45% 28%,53% 85%,68% 19%,80% 62%,100% 15%,100% 100%,0 100%);opacity:.85;z-index:2;pointer-events:none}
.wet-drip{position:absolute;z-index:4;top:80px;width:3px;height:22px;background:linear-gradient(#95b6a0,transparent);border-radius:50%;opacity:.7;animation:dripFall 3.8s ease-in infinite}.drip-one{left:36%;animation-delay:-1.2s}.drip-two{right:32%;height:14px;animation-delay:-2.5s}
.creature-copy{padding:18px 19px 20px}.creature-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:.07em;color:#a9bca9}.risk{padding:5px 6px;border:1px solid rgba(170,197,166,.2);white-space:nowrap}.risk-low{color:#a9d2a4}.risk-mid{color:#d7c18b}.risk-high{color:#d29a91;border-color:rgba(210,154,145,.25)}.creature-copy h3{font-size:20px;font-weight:500;line-height:1.2;margin:17px 0 10px;color:#e1e9dc}.creature-copy p{font-size:11px;line-height:1.8;color:#96a99b;margin:0;min-height:112px}.field-quote{display:block;margin-top:16px;padding-top:12px;border-top:1px solid rgba(170,197,166,.13);font:italic 10px var(--mono);color:#a8bd9e}
@keyframes dripFall{0%{transform:translateY(-5px);opacity:0}20%{opacity:.8}80%{opacity:.55}100%{transform:translateY(45px);opacity:0}}
body.no-motion .wet-drip{animation:none!important}
@media(max-width:900px){.creature-grid{grid-template-columns:1fr 1fr}.creature-card:last-child{grid-column:span 2}.creature-copy p{min-height:0}}
@media(max-width:600px){.creature-grid{grid-template-columns:1fr}.creature-card:last-child{grid-column:auto}.creature-art{height:210px}.bestiary-note{padding:15px}}