@charset "UTF-8";
:root{--ink:#103b42;--teal:#16767c;--gold:#eab64b;--cream:#fff8e9;--paper:#f3e9d3;--muted:#5e706e;--line:#dcd5c4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #b55c23;outline-offset:5px}button:disabled{opacity:.6}.skip{position:fixed;top:-100px;background:var(--ink);color:white;z-index:1000;padding:10px}.skip:focus{top:0}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:0 max(5vw,24px)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;line-height:1.5}.brand strong{font-size:17px;letter-spacing:1px}.header-note{font:italic 19px Georgia,serif;color:var(--muted)}.free-pill{font-size:10px;letter-spacing:2px;border:1px solid var(--teal);border-radius:30px;padding:8px 14px;color:var(--teal);white-space:nowrap}main{max-width:1520px;margin:auto;padding:0 5vw;min-height:70vh}.view[hidden],section[hidden],[hidden]{display:none!important}.hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5%;padding:66px 0 55px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.1px;line-height:1.6;display:flex;align-items:center;gap:9px}.eyebrow>span{width:8px;height:8px;border-radius:50%;background:#c68a2f}.hero h1,.solved-hero h1{font:normal clamp(62px,6.4vw,100px)/.99 Georgia,serif;letter-spacing:-4px;margin:26px 0}.hero h1 em,.solved-hero h1 em,.book-panel h2 em{font-style:italic;color:var(--teal)}.lead{font-size:20px;line-height:1.6;margin:24px 0 15px}.hero-detail{max-width:420px;color:var(--muted);font-size:15px;margin:0 0 30px}.button{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:15px;line-height:1.4;font-weight:700;padding:17px 25px;border-radius:7px;min-height:54px;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{color:var(--cream);background:var(--ink)}.primary:hover:not(:disabled){background:#1b5b61}.primary span{font-size:23px;line-height:1}.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}.hero-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;margin-top:20px;color:var(--muted)}.hero-facts span+span:before{content:"·";margin-right:18px}.hero-art{position:relative;padding:13px;background:var(--paper);transform:rotate(1deg);box-shadow:0 24px 45px #153c3c18;border-radius:130px 130px 8px 8px}.hero-art>img{width:100%;height:auto;aspect-ratio:1/1.04;object-fit:cover;border-radius:120px 120px 3px 3px;object-position:48% 50%}.art-tag{position:absolute;left:-18px;bottom:40px;background:var(--cream);padding:20px 24px;box-shadow:0 5px 25px #103b4220;transform:rotate(-4deg);border:1px solid var(--line)}.tiny{font-size:10px;font-weight:800;letter-spacing:2px;display:block;line-height:1.5}.art-tag strong{font:24px/1.25 Georgia,serif;display:block;margin-top:9px}.art-stamp{position:absolute;right:-20px;top:30px;background:var(--gold);border:2px solid var(--ink);outline:5px solid var(--gold);border-radius:50%;width:96px;height:96px;text-align:center;font:39px/1 Georgia,serif;display:grid;place-content:center;transform:rotate(9deg)}.art-stamp span{font:800 10px/2 system-ui;letter-spacing:2px}.invite{display:flex;gap:24px;align-items:center;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.invite p{font-size:15px;margin:0}.compass-glyph{font-size:42px;color:#bc822b}.handwriting{font:italic 22px Georgia,serif;margin-left:35px;color:var(--teal);white-space:nowrap}.preview-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:42px 0 50px;gap:40px}.preview-strip>div{position:relative;padding-left:48px}.preview-strip span{position:absolute;left:0;top:3px;font:italic 26px Georgia;color:#9b772b}.preview-strip h2{font-size:17px;margin:0 0 6px}.preview-strip p{color:var(--muted);font-size:13px;margin:0}.mission-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:40px}.section-title{font:normal clamp(32px,3.2vw,48px)/1.2 Georgia,serif;letter-spacing:-1px;margin:10px 0 0}.mission-brief{max-width:870px;color:var(--muted);font-size:15px;margin:20px 0 28px}.mission-brief strong{color:var(--ink)}.progress{border:1px solid var(--line);border-radius:40px;padding:8px 18px;white-space:nowrap;font-size:13px}.progress span{font-size:26px;font-weight:800}.investigation-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:28px;align-items:start;padding-bottom:60px}.scene-wrap{position:relative;border:8px solid #e8dcc3;border-radius:12px;box-shadow:0 15px 40px #103b4210;overflow:hidden}.scene-wrap>img{width:100%;height:auto}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:54px;height:54px;border:2px solid var(--cream);border-radius:50%;background:var(--gold);color:var(--ink);box-shadow:0 0 0 7px #eab64b55,0 4px 15px #0005;display:grid;place-content:center;transition:box-shadow .2s;font-weight:800}.hotspot:hover{box-shadow:0 0 0 13px #eab64b44,0 4px 15px #0005}.hotspot>span:first-child{font-size:25px;line-height:1}.hotspot-label{position:absolute;left:50%;top:61px;transform:translateX(-50%);font-size:8px;letter-spacing:1px;white-space:nowrap;color:white;background:var(--ink);padding:3px 7px;border-radius:4px}.hotspot.found{background:var(--teal);color:white;box-shadow:0 0 0 6px #16767c66}.scene-caption{background:var(--ink);color:#eee2c8;text-align:center;font-size:9px;letter-spacing:.5px;padding:6px 12px;line-height:1.5}.notebook{padding:26px 25px;border:1px solid var(--line);background:#f7edda;border-radius:5px;box-shadow:5px 5px 0 #e7ddc9}.notebook h2{font:28px/1.2 Georgia;margin:12px 0}.notebook>p{font-size:13px;color:var(--muted)}.clue-list{display:grid;gap:12px;margin:24px 0}.clue-link{display:flex;align-items:center;text-align:left;gap:12px;width:100%;background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:13px 10px;color:var(--ink)}.clue-link.found{border-color:var(--teal)}.clue-symbol{font-size:24px;color:var(--teal);width:28px;text-align:center}.clue-link strong{font-size:13px;display:block}.clue-link small{font-size:10px;display:block;color:var(--muted)}.clue-status{margin-left:auto;font-size:9px;font-weight:800;color:var(--teal)}.notebook .button{width:100%;font-size:13px}.quiet{display:block;border:0;background:none;color:var(--teal);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:15px 0}.notebook .quiet{margin:auto}.chapter-chip{border:1px dashed var(--teal);font-size:10px;letter-spacing:2px;padding:10px 18px;white-space:nowrap}.deduction-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;padding:35px 0}.map-card{background:#ecdfc0;border:1px solid #c7b58b;border-radius:10px;padding:24px;align-self:start;box-shadow:0 10px 30px #103b4210}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-top h2{font:25px Georgia;margin:0}.card-top>span{font-size:19px;font-weight:800;color:var(--teal)}.map-card>p{font-size:12px;line-height:1.7;color:#4f625d}.map-grid{display:grid;grid-template-columns:28px repeat(4,1fr);gap:6px;margin-top:22px}.map-label{font-size:12px;display:grid;place-content:center;font-weight:800;color:var(--teal)}.map-cell{aspect-ratio:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;border:1px solid #c6b994;background:#fcf5e4;border-radius:5px;color:var(--ink);font:inherit;padding:5px}.map-cell .coordinate{position:absolute;top:5px;left:6px;font-size:9px;color:var(--muted)}.map-cell .landmark{font-size:clamp(21px,3vw,34px);line-height:1}.map-cell .place{font-size:9px;font-weight:800}.map-cell.water{background:repeating-linear-gradient(0deg,#d8e9e5,#d8e9e5 12px,#d3e5e0 12px,#d3e5e0 14px)}.map-cell.selected{outline:3px solid var(--teal);outline-offset:0;background:#fff3b7}.map-cell.correct{outline:3px solid var(--teal);background:#d7ebdf}.map-caption{text-align:center;margin-top:18px!important}.route-paper{background:#fff9eb;border:1px solid var(--line);padding:25px 28px;position:relative;box-shadow:3px 4px 0 #eee2cb;transform:rotate(-1deg)}.route-paper:before{content:"";position:absolute;top:-8px;left:40%;height:20px;width:80px;background:#c3ac7f77;transform:rotate(4deg)}blockquote{font:24px/1.65 Georgia;margin:15px 0}.route-paper p{font-size:12px;color:var(--muted);line-height:1.7}.answer-prompt{padding-top:20px}.answer-prompt h2{font:27px Georgia;margin-bottom:10px}.answer-prompt p{font-size:14px}.feedback{min-height:24px;color:#9c461c;font-size:14px;line-height:1.6}.feedback.good{color:var(--teal);font-weight:700}.hint{margin-top:18px;border-top:1px solid var(--line);padding-top:12px;font-size:13px}.hint summary,footer summary{cursor:pointer;color:var(--teal)}.hint p{font-size:13px}.reason-section{border-top:1px solid var(--line);padding:30px 0 55px}.reason-section h2{font:33px Georgia;margin:12px 0}.reason-section p{font-size:14px}.reason-options{display:grid;gap:12px;max-width:720px;margin-top:20px}.reason-options button{display:flex;align-items:center;gap:20px;padding:14px 20px;border:1px solid var(--line);background:#fffaf0;border-radius:7px;font-size:17px;color:var(--ink);text-align:left}.reason-options button:hover{border-color:var(--teal)}.reason-options span{border:1px solid var(--teal);border-radius:50%;display:grid;place-content:center;width:30px;height:30px;font-size:12px;font-weight:800;flex-shrink:0}.solved-hero{text-align:center;position:relative;padding:45px 0 30px}.solved-hero .eyebrow{justify-content:center}.solved-hero h1{font-size:clamp(48px,6vw,80px);letter-spacing:-3px;margin:20px 0}.solved-hero p{font-size:16px;color:var(--muted)}.seal{width:60px;height:60px;display:grid;place-content:center;border-radius:50%;background:var(--gold);font-size:40px;margin:0 auto 18px;box-shadow:0 0 0 8px #eab64b30}.solution-line{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px auto}.solution-line>span{background:var(--paper);border-radius:7px;width:70px;padding:12px 5px;font-weight:800;font-size:19px;line-height:1.3}.solution-line small{font-size:9px;font-weight:400}.solution-line>b{font-size:12px;color:var(--teal)}.solution-line .final-cell{color:white;background:var(--teal)}.solved-hero .final-note{font:italic 20px Georgia;color:var(--teal)}.reward-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;max-width:900px;margin:25px auto 55px}.detective-card{text-align:center;background:var(--ink);color:var(--cream);border-radius:18px;padding:28px 24px;border:5px double var(--gold);transform:rotate(-3deg);box-shadow:0 20px 40px #103b4220}.detective-card>img{margin:0 auto 15px}.detective-card h2{font:36px/1.05 Georgia;margin:16px 0;color:var(--gold);letter-spacing:1px}.detective-card p{font-size:13px;line-height:1.6}.detective-card>span{font-size:8px;letter-spacing:2px}.reward-actions h2{font:35px/1.2 Georgia;margin:15px 0}.reward-actions>p{font-size:14px;color:var(--muted)}.reward-actions .button{margin:7px 0;width:100%}#share-url{width:100%;padding:10px;font-size:13px}.book-panel{display:grid;grid-template-columns:.6fr 1.4fr;gap:55px;align-items:center;background:var(--paper);padding:50px 60px;border-radius:12px;margin-bottom:25px}.book-cover img{max-height:390px;width:auto;box-shadow:8px 12px 25px #103b4233;transform:rotate(-3deg)}.book-panel h2{font:38px/1.15 Georgia;margin:16px 0}.book-panel p,.book-panel li{font-size:14px;color:#486360}.book-panel ul{padding-left:20px;margin-bottom:25px}.book-panel .book-note{font-size:11px;max-width:450px}.restart{margin:0 auto 35px}footer{border-top:1px solid var(--line);padding:25px 5vw 35px;display:flex;gap:30px;align-items:start;justify-content:space-between;font-size:10px;color:var(--muted)}footer>span:first-child{font-size:8px;letter-spacing:1.4px;white-space:nowrap}footer details{max-width:570px}footer summary{font-size:11px}footer p{font-size:11px}.footer-motto{font:italic 15px Georgia;white-space:nowrap}dialog{border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--ink);padding:25px;max-width:560px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;box-shadow:0 40px 90px #0006}dialog::backdrop{background:#092c35bb;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:start}.dialog-header h2{font:32px Georgia;margin:8px 0 18px}.dialog-close{border:1px solid var(--line);border-radius:50%;font-size:25px;line-height:1;width:40px;height:40px;flex-shrink:0;background:transparent;color:var(--ink)}#clue-content{font-size:15px}#clue-content .message-paper{padding:18px 22px;background:var(--paper);border-left:3px solid var(--gold);margin:15px 0;font:20px/1.65 Georgia}#clue-content .map-card{padding:16px;margin:15px 0}#clue-content .map-grid{margin-top:8px}#clue-content .map-cell{font-size:11px}#clue-content .compass-rose{position:relative;display:grid;place-content:center;width:165px;height:165px;border:2px solid var(--gold);border-radius:50%;margin:25px auto;font-size:85px;color:var(--teal);background:var(--paper)}.compass-rose b{position:absolute;font:bold 16px system-ui}.compass-rose .north{top:6px;left:75px}.compass-rose .south{bottom:6px;left:75px}.compass-rose .east{right:8px;top:70px}.compass-rose .west{left:8px;top:70px}dialog .button{width:100%;margin-top:18px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:99;border-radius:30px;background:var(--ink);color:white;font-size:12px;padding:10px 20px;box-shadow:0 4px 20px #0002;pointer-events:none;opacity:0;transition:opacity .2s;max-width:90vw;text-align:center}#toast.visible{opacity:1}
@media(min-width:1600px){main{padding:0 75px}}@media(max-width:1000px){.hero{gap:5%;padding-top:45px}.hero h1{font-size:70px}.hero-art>img{aspect-ratio:1/1.3}.art-stamp{right:-12px;width:76px;height:76px;font-size:30px}.header-note{display:none}.investigation-layout{grid-template-columns:1.55fr 1fr;gap:20px}.notebook{padding:20px 14px}.notebook h2{font-size:24px}.clue-link small{display:none}.clue-symbol{font-size:20px;width:20px}.clue-link{gap:8px}.clue-status{font-size:8px}.hotspot{width:44px;height:44px}.hotspot-label{top:50px}.handwriting{display:none}.deduction-layout{gap:25px}.map-card{padding:20px}.book-panel{padding:35px;gap:40px}.book-panel h2{font-size:32px}}
@media(max-width:700px){body{font-size:16px}.site-header{height:77px;padding:0 20px;gap:10px}.brand{font-size:9px;gap:9px;letter-spacing:1px}.brand strong{font-size:14px}.brand img{width:34px;height:34px}.free-pill{padding:6px 10px;font-size:8px;letter-spacing:1px}main{padding:0 20px}.hero{display:flex;flex-direction:column;gap:32px;padding:30px 0}.hero-copy{width:100%}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero h1{font-size:68px;letter-spacing:-3px;margin:20px 0}.lead{font-size:18px;margin:20px 0 10px}.hero-detail{font-size:14px;margin-bottom:22px}.hero .button{width:100%;min-height:58px}.hero-facts{justify-content:center;gap:6px 12px;font-size:9px;margin-top:15px}.hero-facts span+span:before{margin-right:12px}.hero-art{width:100%;padding:9px;border-radius:95px 95px 5px 5px;transform:rotate(0)}.hero-art>img{aspect-ratio:1.08;border-radius:88px 88px 3px 3px;object-position:45% 53%}.art-tag{left:-5px;bottom:25px;padding:14px 17px}.art-tag strong{font-size:20px}.art-tag .tiny{font-size:8px}.art-stamp{right:-5px;top:25px;width:68px;height:68px;font-size:28px;outline-width:3px}.art-stamp span{font-size:8px}.invite{padding:22px 0;gap:15px}.invite p{font-size:12px;line-height:1.7}.compass-glyph{font-size:30px}.preview-strip{grid-template-columns:1fr;gap:25px;padding:30px 0 38px}.preview-strip h2{font-size:16px}.preview-strip p{font-size:12px}.mission-top{display:block;padding-top:27px}.section-title{font-size:35px;margin-top:8px}.progress{display:inline-block;margin-top:18px;font-size:11px;padding:5px 14px}.progress span{font-size:22px}.mission-brief{font-size:13px;margin:18px 0 20px}.investigation-layout{grid-template-columns:1fr;gap:24px;padding-bottom:35px}.scene-wrap{border-width:5px;border-radius:8px}.hotspot{width:42px;height:42px;box-shadow:0 0 0 5px #eab64b66,0 3px 10px #0005}.hotspot>span:first-child{font-size:21px}.hotspot-label{font-size:6px;letter-spacing:.5px;top:45px;padding:2px 5px}.scene-caption{font-size:7px;padding:4px 8px}.notebook{padding:24px}.notebook h2{font-size:30px}.clue-list{margin:20px 0}.clue-link{padding:13px 12px;gap:14px}.clue-link small{display:block;font-size:11px}.clue-status{font-size:10px}.clue-symbol{width:25px;font-size:25px}.notebook .button{font-size:14px}.chapter-chip{display:inline-block;margin-top:18px;padding:7px 12px;font-size:9px}.deduction-layout{grid-template-columns:1fr;gap:30px;padding-top:25px}.map-card{padding:17px}.card-top h2{font-size:21px}.map-cell .landmark{font-size:26px}.map-cell .place{font-size:8px}.map-grid{gap:4px;grid-template-columns:20px repeat(4,1fr)}.map-cell .coordinate{font-size:8px;left:4px;top:3px}.route-paper{padding:23px}blockquote{font-size:22px}.answer-prompt .button{width:100%}.reason-section h2{font-size:30px}.reason-options button{font-size:14px;padding:14px 10px;gap:12px}.solved-hero{padding-top:30px}.solved-hero h1{font-size:56px}.solved-hero p{font-size:14px}.solution-line{gap:8px}.solution-line>span{font-size:17px;width:57px;padding:10px 3px}.solution-line>b{font-size:10px}.solved-hero .final-note{font-size:18px}.reward-layout{grid-template-columns:1fr;gap:32px;margin-top:10px;margin-bottom:35px}.detective-card{max-width:320px;width:90%;margin:auto}.reward-actions h2{font-size:32px}.book-panel{grid-template-columns:1fr;padding:30px 22px;gap:25px}.book-cover img{max-width:185px;margin:auto}.book-panel h2{font-size:31px}.book-panel .eyebrow{font-size:8px}.book-panel .button{width:100%;gap:12px;font-size:13px}.book-panel p,.book-panel li{font-size:13px}footer{display:block;padding:22px 20px 30px}footer details{margin-top:14px}.footer-motto{display:block;margin-top:17px}dialog{padding:20px;max-height:88dvh}.dialog-header h2{font-size:29px}.dialog-close{width:36px;height:36px}.dialog-header{gap:10px}#clue-content{font-size:14px}#clue-content .message-paper{font-size:19px;padding:16px}.map-card>p{font-size:11px}#toast{font-size:11px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Encuadre completo: personajes y pistas visibles en todos los tamaños. */
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.hero-art{transform:none;border-radius:40px 40px 8px 8px;min-width:0}
.hero-art>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;border-radius:30px 30px 3px 3px}
.art-tag{position:relative;left:auto;bottom:auto;width:fit-content;margin:15px auto 3px;padding:15px 24px;transform:rotate(-1deg);text-align:center}
.art-tag strong{font-size:22px}
.art-stamp{right:15px;top:20px}
@media(max-width:700px){.hero-art{border-radius:30px 30px 6px 6px}.hero-art>img{aspect-ratio:3/2;border-radius:22px 22px 3px 3px;object-position:center}.art-tag{left:auto;bottom:auto;margin:12px auto 2px;padding:12px 16px}.art-tag strong{font-size:19px}.art-stamp{right:12px;top:15px;width:52px;height:52px;font-size:21px}.art-stamp span{font-size:7px}}