@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#eeeade;background:#101c23;font-synthesis:none;--gold:#eac88f;--muted:#9aabae;--line:rgba(202,220,217,.13)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{transition:background .2s,color .2s,opacity .2s}#app{height:100dvh;min-height:720px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 65% 42%,#2c4248 0,#182a33 40%,#101b23 78%)}#app:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");z-index:3}.topbar{height:110px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:4;gap:25px}.brand{display:flex;gap:12px;text-decoration:none;color:#f3e7ce;font-family:Georgia,serif;font-size:28px;letter-spacing:5px;align-items:center}.brand-icon{font-size:44px;line-height:1;color:var(--gold)}.brand small{font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:2.1px;display:block;margin-top:5px;color:#9eafb2}.myth-switch{display:flex;padding:5px;border:1px solid var(--line);border-radius:8px;background:#0f1d235e;gap:4px}.myth-switch button{background:none;font-size:13px;padding:12px 20px;border-radius:5px;color:#afbec0}.myth-switch button span{margin-right:8px;font-size:18px}.myth-switch .selected{background:#d5bf9520;color:#efcf99;box-shadow:inset 0 0 0 1px #d5bf9540}.header-end{display:flex;align-items:center;gap:23px}.dedication{font-size:8px;letter-spacing:1.5px;color:#a9b5b5}.icon-button{background:transparent;border:1px solid var(--line);height:38px;width:38px;border-radius:50%;font-size:23px}.icon-button:hover,.small-control:hover{background:#ffffff13}main{position:absolute;inset:110px 0 80px}.chapters{position:absolute;top:45px;left:4%;width:210px;z-index:4}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--gold);margin:0 0 18px}.chapters>.eyebrow{color:#8d9fa4;font-size:8px;letter-spacing:1.8px;margin-bottom:26px}.chapter{display:flex;align-items:center;gap:13px;position:relative;border:0;background:none;text-align:left;width:100%;padding:12px 0;color:#84999f;font-size:12px;line-height:1.3}.chapter:not(:last-child):after{content:"";position:absolute;width:1px;height:22px;background:#84999f25;left:12px;top:36px}.chapter-number{width:25px;height:25px;border:1px solid #8a9e9f30;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chapter.active{color:#f0d4a3}.chapter.active .chapter-number{border-color:#d7b47a;color:#11212b;background:#e6c38b;box-shadow:0 0 20px #e6c38b22}.chapter:hover{color:#fff}.myth-note{display:flex;gap:13px;align-items:center;margin-top:30px;color:#81979d;font-family:Georgia,serif;font-style:italic;font-size:13px;line-height:1.6}.myth-note>span{font-size:30px;color:#b7a682}#stage{position:absolute;inset:0 0 160px 230px;touch-action:none}#world{display:block;width:100%;height:100%;outline:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:Georgia,serif;font-size:20px;pointer-events:none}.scene-caption{position:absolute;top:26px;left:52%;transform:translate(-50%);font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:#b1c1c2;white-space:nowrap}.live-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #eac88f99}.view-tools{position:absolute;right:4%;top:21px;display:flex;gap:8px}.small-control{background:transparent;color:#99aeb3;border:1px solid var(--line);border-radius:20px;padding:7px 11px;font-size:15px}.small-control span{font-size:9px;margin-left:4px}.small-control[aria-pressed=true]{color:var(--gold);border-color:#c4a97177}.explore-hint{position:absolute;bottom:182px;left:60%;transform:translate(-50%);display:flex;gap:10px;align-items:center;font-size:11px;color:#80999f;white-space:nowrap}.explore-hint i{font-style:normal;font-size:8px}.explore-hint span{font-size:9px;letter-spacing:.2px}.story{position:absolute;bottom:0;left:4%;right:4%;height:155px;padding-top:25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.05fr 1.3fr .75fr;gap:45px;z-index:4}.story .eyebrow{font-size:8px;margin-bottom:10px}.story h1{font-family:Georgia,serif;font-size:clamp(25px,2.7vw,39px);font-weight:400;line-height:1.13;letter-spacing:-.8px;margin:0;max-width:370px}.story-copy>p{font-size:13px;line-height:1.75;margin:0;color:#bdcbcc;max-width:540px}.listen{font-size:9px;letter-spacing:.3px;color:#d3bb95;background:transparent;padding:8px 0;display:flex;gap:8px;align-items:center}.listen>span:first-child{font-size:12px}.wonder{border-left:1px solid var(--line);padding-left:26px;position:relative}.wonder .eyebrow{color:#94aaa8;font-size:7px;letter-spacing:1.7px}.wonder p{font-family:Georgia,serif;font-style:italic;line-height:1.5;color:#d1c7b3;font-size:16px;margin:10px 0;max-width:220px}.wonder-spark{position:absolute;right:0;bottom:12px;font-size:25px;color:#b3976855}footer{position:absolute;bottom:0;left:4%;right:4%;height:80px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4}.journey-label{display:flex;gap:14px;align-items:center;font-size:10px;color:#a6b6b9}.journey-label>span:first-child{color:#d8dccc}.footer-divider{color:#49616a}#dots{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:11px}#dots button{width:22px;height:25px;padding:0;background:transparent;position:relative}#dots button:after{content:"";display:block;width:5px;height:5px;border-radius:10px;background:#49616a;margin:auto;transition:width .2s}#dots button.active:after{background:var(--gold);width:21px}.navigation{display:flex;gap:25px;align-items:center}.back{background:none;color:#acb8b9;font-size:10px;display:flex;gap:10px}.back:disabled{opacity:.25;cursor:default}.next{border:1px solid #e8c792;background:#e8c792;color:#273033;border-radius:5px;padding:12px 19px;font-size:11px;min-width:150px;display:flex;justify-content:space-between;gap:20px}.next:hover{background:#f7dbaa;box-shadow:0 4px 24px #edc68a19}.detail-card{position:absolute;right:5%;top:90px;padding:25px;width:265px;background:#15262af5;border:1px solid #a7906259;box-shadow:0 15px 70px #0005;z-index:6;border-radius:8px}.detail-card h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:0 0 10px}.detail-card p{font-size:12px;line-height:1.7;color:#b9c9ca;margin:0}.detail-card .eyebrow{font-size:7px}.detail-card>button{position:absolute;right:10px;top:8px;background:none;color:#bbc8c8;font-size:22px}#toast{position:absolute;top:100px;left:50%;transform:translate(-50%);background:#e8c792;color:#1a3039;padding:12px 20px;border-radius:5px;z-index:20;font-size:13px}@media(min-width:1700px){.chapters{top:75px}.chapter{padding:17px 0;font-size:14px}.chapter:not(:last-child):after{height:32px;top:41px}.story{height:175px}.story-copy>p{font-size:15px}#stage{bottom:180px}.explore-hint{bottom:201px}}@media(max-width:1100px){.dedication{display:none}.topbar{gap:15px}.brand{font-size:23px}.brand small{font-size:6px}.myth-switch button{padding:10px 13px}.chapters{width:185px}.chapter{font-size:10px}#stage{left:170px}.story{gap:25px;grid-template-columns:1fr 1.3fr .7fr}.story-copy>p{font-size:11px}.wonder p{font-size:14px}.view-tools span{display:none}.scene-caption{left:55%;font-size:7px}.story h1{font-size:28px}.myth-note{margin-top:12px}.journey-label{font-size:9px}}@media(max-width:740px){#app{min-height:780px;height:100dvh;overflow:hidden}.topbar{height:120px;align-items:flex-start;padding-top:18px;flex-wrap:wrap;gap:8px}.brand{font-size:21px;gap:8px}.brand-icon{font-size:32px}.brand small{font-size:5px;letter-spacing:1.6px}.header-end{margin-top:0}.icon-button{height:32px;width:32px}.myth-switch{position:absolute;left:50%;transform:translate(-50%);bottom:12px;width:max-content;padding:3px}.myth-switch button{font-size:11px;padding:7px 19px}.myth-switch button span{font-size:14px}main{top:120px;bottom:70px}.chapters{display:none}#stage{inset:5px -20px 250px}.scene-caption{top:17px;left:50%;font-size:6px;letter-spacing:1.3px}.view-tools{top:auto;bottom:267px;right:4%;gap:5px}.small-control{font-size:16px;padding:5px 8px}.explore-hint{bottom:273px;left:4%;transform:none;gap:6px}.explore-hint span{font-size:7px}.explore-hint span:last-child,.explore-hint i:last-of-type{display:none}.story{height:250px;padding-top:18px;display:grid;grid-template-columns:1fr;gap:10px;align-content:start}.story h1{font-size:28px;max-width:none}.story .eyebrow{margin-bottom:7px;font-size:7px}.story-copy>p{font-size:12px;line-height:1.65}.story-copy{position:relative}.listen{padding:7px 0}.wonder{padding-left:12px;margin-top:0}.wonder .eyebrow{font-size:6px;margin:0}.wonder p{font-size:13px;max-width:none;margin:5px 0}.wonder-spark{display:none}footer{height:70px;gap:8px}.journey-label{display:none}#dots{position:static;transform:none;gap:1px}#dots button{width:17px}.navigation{gap:12px}.back span{display:none}.back{font-size:18px}.next{font-size:10px;min-width:132px;padding:11px 13px}.detail-card{top:60px;right:6%;width:235px}.story-heading{padding-right:5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:741px)and (max-height:850px){.chapters{top:35px}.chapters>.eyebrow{margin-bottom:16px}.chapter{padding:7px 0}.chapter:not(:last-child):after{height:12px;top:31px}.myth-note{display:none}}#look-closer{font-size:9px;background:transparent;color:#c8b48f;padding:3px 0;border-bottom:1px dotted #c8b48f55}.explore-hint{bottom:166px}@media(max-width:740px){.explore-hint{bottom:263px}.explore-hint span:nth-of-type(2){display:none}#look-closer{font-size:8px}.view-tools{bottom:262px}}.narration-controls{display:flex;align-items:center;gap:12px}#voice-note{font-size:8px;color:#91a5aa;letter-spacing:.2px}#narrate[aria-busy=true]{opacity:.75}@media(max-width:740px){#voice-note{font-size:7px}.narration-controls{gap:10px}}.myth-switch button{white-space:nowrap}@media(min-width:741px)and (max-width:1200px){.classroom-button span{display:none}.topbar{gap:12px}.myth-switch button{padding:10px 11px}.header-end{gap:8px}}@media(max-width:740px){.myth-switch{max-width:100%;gap:2px}.myth-switch button{font-size:10px;padding:8px 9px}.myth-switch button span{margin-right:4px;font-size:13px}}@media(max-width:740px){#app{min-height:870px}.story{height:330px}#stage{bottom:330px}.explore-hint{bottom:343px}.view-tools{bottom:342px}}@media(max-width:350px){#app{min-height:920px}.story{height:370px}#stage{bottom:370px}.explore-hint{bottom:383px}.view-tools{bottom:382px}.story h1{font-size:26px}.next{gap:8px;min-width:128px;padding:11px 9px}}.classroom-button{font-size:15px;border-radius:5px;color:#d4bd97}.classroom-button span{font-size:9px}.dedication{display:none}#classroom{position:fixed;inset:0;background:#e6e4de;overflow:auto;z-index:30;color:#263e43;padding:80px 20px 40px}#classroom[hidden]{display:none}.book-toolbar{position:fixed;top:0;left:0;right:0;height:62px;background:#14262d;color:#e8deca;display:flex;align-items:center;justify-content:space-between;padding:0 25px;z-index:40;box-shadow:0 2px 20px #0002;gap:12px}.book-toolbar button{background:#e8c792;color:#20343d;border-radius:4px;padding:10px 15px;font-size:12px}.book-toolbar button:first-child{background:transparent;color:#e8deca}.book-toolbar>span{font-size:9px;letter-spacing:1.5px}.print-sheet{width:210mm;min-height:287mm;padding:14mm 15mm 12mm;margin:0 auto 25px;background:#fffdf8;box-shadow:0 3px 18px #0001;position:relative;display:flex;flex-direction:column}.print-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9c6b7;padding-bottom:6mm;font-size:8px;letter-spacing:1.5px}.print-header>span:first-child{font-family:Georgia,serif;letter-spacing:3px;font-size:20px}.print-heading{margin-top:8mm}.print-heading .eyebrow{color:#827049;font-size:8px;margin-bottom:10px}.print-heading h1{font:40px Georgia,serif;margin:0 0 6mm}.myth-summary{border-left:2px solid #bd9a61;padding-left:5mm;margin-bottom:7mm}.myth-summary h2{font-size:13px;margin:0 0 7px}.myth-summary p{font-size:12px;line-height:1.7;margin:0}.myth-summary .source-note{font-size:9px;color:#697976;margin-top:8px}.print-scene{margin-bottom:7mm;break-inside:avoid}.print-picture{height:60mm;position:relative;border-radius:5px;overflow:hidden;background:radial-gradient(ellipse at center,#30494d,#14252c);print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-picture img{width:100%;height:100%;object-fit:contain}.print-picture>span{position:absolute;left:15px;top:13px;color:#e4c38e;font-size:7px;letter-spacing:1.5px}.print-description h2{font:22px Georgia,serif;margin:12px 0 8px}.print-description h3{font-size:9px;text-transform:uppercase;letter-spacing:.8px;margin:10px 0 4px;color:#7b633d}.print-description p{font-size:11px;line-height:1.55;margin:0}.print-description .print-question{font-size:10px;margin-top:9px;color:#566c6c;font-style:italic}.print-footer{display:flex;justify-content:space-between;font-size:8px;color:#7b8984;border-top:1px solid #c9c6b7;padding-top:4mm;margin-top:auto}.print-sheet:has(.myth-summary) .print-picture{height:85mm}.print-sheet:has(.myth-summary) .print-description p{font-size:12px}.print-sheet:has(.myth-summary) .print-description h3{margin-top:14px}@media(max-width:850px){#classroom{padding:75px 10px 20px}.print-sheet{width:100%;min-height:auto;padding:25px;margin-bottom:15px}.book-toolbar{padding:0 10px}.book-toolbar>span{display:none}.book-toolbar button{font-size:10px}.print-picture,.print-sheet:has(.myth-summary) .print-picture{height:220px}.print-footer{margin-top:20px}.header-end{gap:8px}.classroom-button span{display:none}.classroom-button{padding:6px 9px}}@page{size:A4;margin:5mm}@media print{html,body{height:auto!important;overflow:visible!important;background:#fff!important}#app,#toast,.book-toolbar{display:none!important}#classroom,#classroom[hidden]{display:block!important;position:static!important;inset:auto!important;padding:0!important;overflow:visible!important;background:#fff!important}.print-sheet{width:200mm;min-height:287mm;height:287mm;margin:0;padding:9mm 10mm 7mm;box-shadow:none;break-after:page;break-inside:avoid;background:#fff}.print-sheet:last-child{break-after:auto}.print-picture{height:54mm}.print-sheet:has(.myth-summary) .print-picture{height:80mm}.print-scene{margin-bottom:5mm}.print-heading{margin-top:6mm}.print-heading h1{font-size:32px;margin-bottom:5mm}.print-description h2{font-size:19px}.print-description p{font-size:10px}.print-description h3{margin-top:7px;font-size:8px}.print-description .print-question{font-size:9px}.print-header{padding-bottom:4mm}.print-footer{margin-top:auto}}@media print{.print-description p{font-size:12px}.print-description h3{font-size:10px}.print-description h2{font-size:22px}.print-description .print-question{font-size:11px}}.book-actions{display:flex;align-items:center;gap:15px}.book-actions a{color:#e8c792;font-size:11px;text-decoration:none}@media(max-width:600px){.book-actions{gap:8px}.book-actions a{font-size:9px}.book-toolbar button{padding:10px 8px}}.print-website{border:2px solid #b4935e;border-radius:5px;background:#f4efe3;padding:14px 16px;margin:0 0 7mm;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-website p{font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;margin:0 0 8px;color:#53645d}.print-website a{display:block;font-size:21px;font-weight:700;line-height:1.4;letter-spacing:-.4px;color:#193e4c;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}@media(max-width:600px){.print-website a{font-size:17px}.print-website p{font-size:9px}}@media print{.print-website{margin-bottom:6mm;padding:12px 14px}.print-website a{font-size:21px}.print-website p{font-size:11px}}