:root{--ink:#193b36;--forest:#194b42;--green:#4f9b62;--gold:#f6bd4c;--cream:#fff9ed;--orange:#ef7d43;--card:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 10% 0,#fff2c9,transparent 32%),var(--cream);font-family:ui-rounded,"Nunito",system-ui,-apple-system,sans-serif}.shell{width:min(1180px,100%);margin:auto;padding:18px clamp(14px,4vw,38px) 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:950;text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,#ffd66f,#e9893f);box-shadow:0 8px 20px #c2712d44;font-size:1.55rem}.player{display:flex;align-items:center;gap:9px;border:0;border-radius:999px;padding:7px 12px;background:white;box-shadow:0 8px 24px #25483a18;color:var(--ink);cursor:pointer}.player span{text-align:left}.player small{display:block;color:#6e7f78}.avatar{width:38px;height:38px;border-radius:50%;background-image:url('../dibutech/assets/avatars/kids-sprite.png');background-size:500% 200%;background-color:#fff0d9;box-shadow:0 0 0 3px var(--pc,#f3b644)}.stars{font-weight:950;color:#715112}.loading{min-height:75vh;display:grid;place-items:center;text-align:center;font-size:1.3rem;font-weight:900}.loading i{display:block;font-size:4rem;animation:bounce 1.2s infinite}.hero{position:relative;overflow:hidden;min-height:540px;border-radius:36px;background:#163f39;color:white;box-shadow:0 24px 65px #173c3050}.hero-bg{position:absolute;inset:0;background:url('assets/mapa-david.webp') center 78%/cover no-repeat}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,45,40,.92) 0%,rgba(12,45,40,.72) 40%,rgba(12,45,40,.06) 72%),linear-gradient(0deg,rgba(7,32,28,.4),transparent 45%)}.hero-copy{position:relative;z-index:2;width:min(570px,90%);padding:clamp(35px,7vw,75px)}.eyebrow{margin:0 0 10px;color:#ffd66f;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:950}.hero h1{margin:0;font-size:clamp(2.7rem,7vw,5.2rem);line-height:.92;letter-spacing:-.05em}.hero .lead{font-size:clamp(1rem,2vw,1.22rem);line-height:1.55;color:#f0fff9}.primary,.secondary{border:0;border-radius:16px;padding:14px 19px;font:inherit;font-weight:950;cursor:pointer}.primary{background:var(--gold);color:#443000;box-shadow:0 8px 22px #131f1533}.secondary{background:#eaf5ee;color:var(--forest)}.hero .primary{margin-top:10px}.route-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:44px 0 18px}.route-title h2{margin:0;font-size:clamp(1.8rem,4vw,2.7rem)}.route-title p{margin:5px 0 0;color:#6e7f78}.route-card{position:relative;overflow:hidden;min-height:760px;border-radius:34px;background:url('assets/mapa-david.webp') center bottom/cover no-repeat;box-shadow:0 20px 55px #25483a30}.route-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,49,43,.1),rgba(255,255,255,.02))}.route-node{position:absolute;z-index:2;width:min(245px,43%);padding:13px 15px;border:3px solid white;border-radius:18px;background:rgba(255,255,255,.93);box-shadow:0 10px 30px #153b3040;color:var(--ink);text-align:left}.route-node strong,.route-node span{display:block}.route-node span{font-size:.78rem;color:#73817d;margin-top:3px}.route-node .num{position:absolute;top:-17px;left:-14px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#a9afb0;color:white;font-weight:950}.route-node.open{cursor:pointer;border-color:#ffe07a;animation:pulse 2.1s infinite}.route-node.open .num{background:var(--orange)}.route-node.locked{filter:saturate(.45);opacity:.87}.n1{left:6%;bottom:6%}.n2{left:9%;bottom:38%}.n3{right:8%;bottom:36%}.n4{left:9%;top:19%}.n5{right:7%;top:22%}.n6{left:39%;top:5%}.story-page{min-height:100vh;background:linear-gradient(180deg,#173f38 0 250px,var(--cream) 250px)}.story-head{color:white}.back{color:white;text-decoration:none;font-weight:900}.story-head h1{margin:25px 0 6px;font-size:clamp(2.2rem,5vw,4rem)}.story-head p{margin:0;color:#dff2e8}.story-card{display:grid;grid-template-columns:1.15fr .85fr;gap:0;overflow:hidden;margin-top:34px;border-radius:30px;background:white;box-shadow:0 22px 60px #183e3130}.story-image{min-height:430px;background:url('assets/david-pastor.webp') center/cover}.story-copy{padding:clamp(27px,5vw,48px);align-self:center}.story-copy .chapter{color:var(--orange);font-weight:950;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem}.story-copy h2{margin:8px 0 15px;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.03}.story-copy p{color:#5e716a;line-height:1.66}.lesson{display:flex;gap:12px;padding:14px;border-radius:16px;background:#fff3cc;margin:20px 0}.lesson b{font-size:1.5rem}.actions{display:flex;gap:10px;flex-wrap:wrap}.puzzle-page{min-height:100vh;background:linear-gradient(180deg,#173f38 0 190px,var(--cream) 190px)}.puzzle-head{color:white;display:flex;justify-content:space-between;align-items:center;gap:12px}.puzzle-head h1{margin:10px 0 0;font-size:clamp(1.8rem,4vw,3rem)}.stats{display:flex;gap:8px}.stat{padding:8px 12px;border-radius:999px;background:#ffffff18;font-weight:900}.puzzle-layout{display:grid;grid-template-columns:minmax(280px,1fr) 300px;gap:22px;margin-top:28px;align-items:start}.board{width:min(700px,100%);aspect-ratio:1.6;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:7px;border-radius:24px;background:#fff;box-shadow:0 20px 60px #173d3030;touch-action:manipulation}.piece{position:relative;border:0;border-radius:8px;background-image:url('assets/david-pastor.webp');background-size:300% 300%;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff88}.piece.selected{outline:5px solid var(--gold);z-index:2;transform:scale(.96)}.piece:focus-visible{outline:5px solid var(--orange)}.puzzle-help{padding:24px;border-radius:24px;background:white;box-shadow:0 15px 45px #173d3020}.puzzle-help h2{margin:0 0 8px}.puzzle-help p{color:#65756f;line-height:1.55}.preview{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:16px;margin:10px 0 17px}.hint{font-size:.86rem}.complete{min-height:80vh;display:grid;place-items:center;text-align:center}.complete-card{width:min(650px,100%);padding:clamp(30px,7vw,64px);border-radius:34px;background:white;box-shadow:0 24px 65px #173d3030}.trophy{font-size:5rem}.rating{font-size:3rem;color:#f2b72f;letter-spacing:.12em}.complete h1{font-size:clamp(2rem,5vw,3.7rem);margin:10px}.complete p{color:#62726c;line-height:1.6}.complete .actions{justify-content:center}@keyframes pulse{50%{transform:translateY(-5px);box-shadow:0 17px 38px #ffcf4766}}@keyframes bounce{50%{transform:translateY(-10px)}}@media(max-width:760px){.hero{min-height:590px}.hero-bg{background-position:65% bottom}.hero-bg:after{background:linear-gradient(180deg,rgba(12,45,40,.9) 0%,rgba(12,45,40,.58) 65%,rgba(12,45,40,.08))}.route-card{min-height:690px}.route-node{font-size:.84rem}.n6{left:32%}.story-card{grid-template-columns:1fr}.story-image{min-height:310px}.puzzle-layout{grid-template-columns:1fr}.puzzle-help{display:grid;grid-template-columns:120px 1fr;gap:15px}.preview{margin:0}.puzzle-help .actions{grid-column:1/-1}.player small{display:none}}@media(max-width:460px){.shell{padding-inline:10px}.brand span:last-child{font-size:.9rem}.player{padding:6px}.stars{font-size:.82rem}.hero{border-radius:25px}.hero-copy{width:100%;padding:34px 24px}.route-card{min-height:620px;border-radius:24px}.route-node{width:45%;padding:10px 9px}.route-node span{display:none}.story-image{min-height:250px}.puzzle-help{display:block}.preview{margin:8px 0}.board{gap:3px;padding:5px}}