:root{color-scheme:dark;background:#071317;color:#ecf2e9;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #e7c388;outline-offset:4px}.eternal{position:relative;min-height:100svh;overflow:hidden;background:#071317}.worlds,.world,.world img,.darkness,.fog,.stars{position:absolute;inset:0;width:100%;height:100%}.world{opacity:0;transition:opacity 3.5s ease}.world.active{opacity:1}.world img{object-fit:cover;object-position:center;transform:scale(1.04);animation:drift 22s ease-in-out infinite alternate}.darkness{background:linear-gradient(90deg,#06151cea 0%,#071821d0 39%,#07182152 71%,#07182139),linear-gradient(0deg,#061319e8 0%,transparent 30%,#06131965 100%)}.fog{background:radial-gradient(ellipse at 40% 80%,#96d6c21d,transparent 62%);filter:blur(22px);animation:mist 26s ease-in-out infinite alternate}.stars{background-image:radial-gradient(1px 1px at 24% 16%,#e4efe6aa 99%,transparent),radial-gradient(1px 1px at 42% 31%,#e4efe6aa 99%,transparent),radial-gradient(1px 1px at 63% 21%,#e4efe6aa 99%,transparent);opacity:.4}.header{position:relative;z-index:5;display:flex;align-items:center;gap:30px;padding:clamp(21px,3vw,44px) clamp(20px,5vw,78px)}.sigil{font:27px Georgia,serif;color:#c9d7c9;white-space:nowrap}.sigil span{font-size:18px;letter-spacing:.19em}.header-label{font-size:9px;letter-spacing:.3em;color:#cce4db;font-weight:800}.header button{margin-left:auto;margin-right:146px;background:none;border:0;color:#e5eade;font-size:10px;font-weight:800;letter-spacing:.14em;padding:10px}.header button:hover{color:#e9c996}.story{position:relative;z-index:4;width:min(730px,62vw);margin:clamp(55px,11vh,130px) 0 175px clamp(20px,9vw,155px);text-shadow:0 2px 20px #0009}.rune{font-size:28px;color:#c7d6c6;display:block;margin-bottom:24px}.chapter{font-size:10px;letter-spacing:.3em;font-weight:800;color:#b8d7c7;margin:0 0 18px}h1{font:400 clamp(62px,6vw,105px)/.93 Georgia,serif;letter-spacing:-.05em;margin:0;color:#f4f2e9;text-wrap:balance}.line{width:115px;height:1px;background:linear-gradient(90deg,#d4c497,transparent);margin:30px 0}.text{font:18px/1.68 Georgia,serif;color:#e1ece6;max-width:640px;margin:0}.destinations{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.destinations a{border:1px solid #a6c6bb9c;background:#0a2530c9;padding:13px 18px;font-size:10px;font-weight:800;letter-spacing:.17em}.destinations a:first-child{border-color:#e1c48e;color:#f2d9a9}.destinations a:hover{background:#d4bd8f;color:#121b1b}.sound{position:absolute;z-index:6;right:clamp(20px,5vw,78px);bottom:158px;display:flex;align-items:center;gap:18px;border:1px solid #a9c9c08c;background:#071c23c4;padding:10px 12px 10px 16px;backdrop-filter:blur(10px)}.sound span{font-size:8px;letter-spacing:.18em;color:#a9cbbf}.sound strong{display:block;margin-top:5px;font-size:11px;color:#eef4e7}.sound button{border:1px solid #e5c892;background:#d8bb88;color:#1a201f;padding:10px 13px;white-space:nowrap;font-size:9px;font-weight:800;letter-spacing:.08em}.sound button:hover{background:#f5dca5}.footer{position:absolute;z-index:5;left:clamp(20px,5vw,78px);right:clamp(20px,5vw,78px);bottom:clamp(20px,4vw,50px);display:grid;grid-template-columns:1fr minmax(140px,33%) auto;align-items:center;gap:28px}.scene-info{display:flex;gap:15px;align-items:center;font-size:10px;letter-spacing:.16em;color:#e2d3b0}.scene-info span:first-child{color:#f0cd8b}.progress{height:2px;background:#bbd6c075}.progress span{display:block;height:100%;background:#edca8b;transition:width .5s}.controls{display:flex;gap:8px}.controls button{border:1px solid #b5d2c39e;background:#0a2530d9;color:#ebf4ea;padding:10px 14px;font-size:10px;font-weight:800;letter-spacing:.08em}.controls button:hover:not(:disabled){background:#d5bd8e;color:#182023}.controls button:disabled{opacity:.35;cursor:default}@keyframes drift{to{transform:scale(1.1) translateX(-1.5%)}}@keyframes mist{to{transform:translateX(9%)}}@media(max-width:850px){.story{width:70vw}.footer{gap:14px;grid-template-columns:1fr 110px auto}.sound{bottom:112px}}@media(max-width:700px){.world img{object-position:63% center}.darkness{background:linear-gradient(0deg,#07171cf8 0%,#07171cda 52%,#07171c60 100%)}.header{padding:18px}.sigil{font-size:21px}.sigil span{font-size:14px}.header-label{display:none}.header button{position:absolute;top:71px;left:18px;margin:0;padding:5px 0;font-size:9px}.story{width:auto;margin:clamp(145px,23vh,260px) 19px 185px}.rune{font-size:19px;margin-bottom:12px}.chapter{font-size:8px;margin-bottom:12px}h1{font-size:clamp(43px,12vw,68px)}.line{margin:18px 0}.text{font-size:clamp(14px,3.7vw,17px);line-height:1.46}.destinations{gap:8px;margin-top:18px}.destinations a{padding:10px 11px;font-size:8px}.sound{left:18px;right:auto;bottom:95px;padding:6px 8px}.sound span{font-size:7px}.sound strong{font-size:9px}.sound button{font-size:8px;padding:8px}.footer{left:18px;right:18px;bottom:14px;grid-template-columns:1fr auto;gap:8px}.progress{grid-column:1/-1;grid-row:1}.scene-info{font-size:8px;gap:6px}.controls button{font-size:8px;padding:8px}}@media(max-width:380px){.story{margin-top:120px;margin-bottom:165px}.text{font-size:13px;line-height:1.36}.line{margin:13px 0}.destinations{margin-top:12px}.sound{bottom:84px}.scene-info span:last-child{display:none}}@media(max-height:650px) and (max-width:700px){.story{margin-top:109px}.rune{display:none}.text{font-size:12px;line-height:1.32}.sound{bottom:79px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.world img{transform:none}}
.eternal{height:100svh}
@media(max-width:380px) and (max-height:650px){.eternal{min-height:0}.story{margin-top:49px;margin-bottom:0}.rune{display:none}.chapter{margin-bottom:7px}h1{font-size:37px}.line{margin:10px 0}.text{font-size:12px;line-height:1.3}.destinations{flex-wrap:nowrap;margin-top:9px;gap:5px}.destinations a{white-space:nowrap;font-size:7px;letter-spacing:.04em;padding:8px 6px}.sound{bottom:70px}.footer{bottom:8px}}