*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#bcb6a1;color:#fff7df;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #ffefcf40;background:#181e20a3;border-radius:7px;min-height:44px;transition:background .2s}button:hover{background:#485048}button:focus-visible,input:focus-visible{outline:2px solid #efc779;outline-offset:4px}#world{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#world:active{cursor:grabbing}header{position:absolute;top:30px;left:36px;right:36px;display:flex;justify-content:space-between;pointer-events:none;align-items:center;text-shadow:0 2px 16px #0009}.brand{display:flex;gap:12px;align-items:center;letter-spacing:3px;font-size:20px}.sigil{font-size:42px;color:#ffdd9f}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px;color:#fff6dcad}.top-right{display:flex;align-items:center;gap:22px}.edition{font-size:11px;letter-spacing:2px}.edition b{color:#ffda9a}#fullscreen{pointer-events:auto;width:44px;font-size:25px}#chapter{position:absolute;top:145px;left:40px;pointer-events:none;text-shadow:0 2px 22px #0008}.eyebrow{font-size:10px;letter-spacing:3px;color:#efd7a5}#chapter h1{font-family:Georgia,"Songti SC",serif;font-weight:400;font-size:42px;letter-spacing:7px;margin:10px 0 14px}#chapter p{font-size:13px;color:#fff5dfcc;letter-spacing:1px}#hint{position:absolute;bottom:132px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#fff9e6d9;text-shadow:0 2px 6px #000;pointer-events:none}#hint span{margin:0 10px;color:#edd4a3}footer{position:absolute;bottom:24px;left:30px;right:30px;padding:19px 24px;background:linear-gradient(120deg,#15282bea,#253135d9);backdrop-filter:blur(15px);border:1px solid #e8ddb827;border-radius:12px;display:flex;align-items:center;gap:28px;box-shadow:0 15px 45px #0003}.distance{white-space:nowrap}.distance strong{font-size:32px;font-weight:300;font-variant-numeric:tabular-nums}.distance span{font-size:12px;color:#e1ded0a1;margin-left:8px}.distance small{font-size:12px}.timeline{flex:1}.timeline input{display:block;width:100%;accent-color:#e6bc73;height:18px;cursor:pointer}.timeline-labels{display:flex;justify-content:space-between;font-size:10px;color:#d6dace9e;margin-top:4px;letter-spacing:1px}.controls{display:flex;gap:7px;align-items:center}.controls button{padding:0 13px}#back,#forward{font-size:21px}#play{background:#e6c18c;color:#253036;border:0;padding:0 21px;min-width:139px;font-size:13px;letter-spacing:1px}#play:hover{background:#f4d9b0}#play span{margin-left:8px;font-size:11px}#speed{font-size:12px;min-width:89px}#map-panel{position:absolute;right:37px;bottom:150px;width:150px;pointer-events:none;background:linear-gradient(0deg,#152a3080,transparent);border-radius:8px;padding:8px}#map{width:132px;height:180px}.map-caption{font-size:8px;letter-spacing:1px;color:#eee1be9c;display:flex;justify-content:space-between}#loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#172b30;z-index:20;transition:opacity .8s}#loader h1{font-family:Georgia,"Songti SC",serif;font-size:48px;font-weight:400;letter-spacing:14px;margin:20px}#load-status{font-size:13px;color:#d5d1c2}.load-track{width:230px;height:2px;background:#ffffff20;margin-top:18px}.load-track i{display:block;height:100%;background:#dfba7d;width:4%;transition:width .2s}#arrival{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:40px;text-align:center;background:#152b31ee;border:1px solid #e4c78e55;border-radius:14px;backdrop-filter:blur(12px)}#arrival h2{font-family:"Songti SC",serif;letter-spacing:3px;font-weight:400}#arrival p{font-size:13px;color:#ddd0b8}#arrival button{margin-top:18px;padding:0 24px;background:#dec08b;color:#23353a}[hidden]{display:none!important}
@media(max-width:760px){header{top:20px;left:20px;right:20px}.edition{display:none}#chapter{top:108px;left:22px}#chapter h1{font-size:30px}#chapter p{font-size:11px;max-width:210px;line-height:1.8}footer{bottom:12px;left:12px;right:12px;padding:12px;gap:10px;flex-wrap:wrap}.distance strong{font-size:24px}.timeline{min-width:120px}.controls{width:100%;justify-content:center}.controls button{min-height:42px}#hint{bottom:148px;font-size:10px}#hint span{margin:0 3px}#map-panel{right:14px;bottom:173px;width:100px}#map{width:84px;height:115px}.map-caption{display:none}#arrival{width:90%;padding:28px}#chapter-en{font-size:9px}}