:root{--paper:#f7f4ff;--ink:#51416f;--muted:#776990;--line:#dcd3ed;--blue:#745798}
html,body{height:100%;width:100%;overflow:hidden}body{background:var(--paper);font-family:'Courier New','PingFang SC',monospace}
header{height:70px;margin:0 4%;border-color:#dfd6ec}.brand{font:700 36px monospace}.brand span{color:#99bfe1}.name{font-size:16px}nav button{font-size:14px}#language{border:2px solid #c9bddb;border-radius:0;padding:8px 12px}
body>main{height:calc(100dvh - 70px)}.world-section{height:100%;min-height:0!important;max-height:none;display:flex;flex-direction:column;padding:0 4%;overflow:hidden}
.intro{position:static;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;height:54px;flex-shrink:0;gap:14px}.intro h1{font:16px 'Courier New','PingFang SC',monospace;letter-spacing:0!important;margin:0;line-height:1.4!important}.intro .eyebrow,.intro-copy,#begin,.map-coordinate,.map-note,#destinations,.journey,main>footer{display:none!important}
.map-wrap{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;flex:1;min-height:0;width:100%;background:#d9caee;border:3px solid #ab98c7;box-shadow:4px 4px 0 #e4dbee;overflow:hidden}
#world{width:100%;height:100%;image-rendering:pixelated;outline-offset:-4px}
.world-footer{position:static;flex-shrink:0;min-height:50px;height:auto;gap:14px;width:100%;border:0;font-size:12px;padding:8px 0;color:#6d5b86}.world-footer>span:first-child{width:auto!important;flex:1}.world-footer #progress{margin-left:0}.world-footer button{font-size:12px;white-space:nowrap}
#pixel-back,#pixel-pause{border:2px solid #c0aed7;background:#fffaff;padding:6px 10px;font-size:13px;white-space:nowrap}#pixel-back[hidden]{display:none}#pixel-pause{margin-left:auto}
.pixel-controls{position:absolute;bottom:8px;left:12px;right:12px;display:flex;gap:8px;justify-content:space-between;pointer-events:none}.pixel-controls div{display:flex;gap:7px}.pixel-controls button{pointer-events:auto;touch-action:none;border:2px solid #9e8ab7;background:#f8f4ffed;box-shadow:2px 2px 0 #ae9ac5;min-width:38px;height:32px;padding:0 10px;font-size:13px}.pixel-controls button:active{transform:translate(2px,2px);box-shadow:none}
#pixel-cloud{position:absolute;z-index:4;left:50%;top:24%;transform:translateX(-50%);width:min(560px,88%);background:#fff;border:3px solid #b6a0cf;box-shadow:7px 7px 0 #a38bb33b;padding:22px 26px;text-align:center;clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px))}
#pixel-cloud p{font:16px/1.8 Arial,'PingFang SC',sans-serif;margin:8px 0 18px}#pixel-cloud small{font-size:12px;color:#867198}#pixel-cloud button{background:#eee6f9;border:2px solid #baa7cd;padding:7px 16px;font-size:14px}#pixel-cloud[hidden]{display:none}
dialog{background:#faf8ff;overflow:auto;overscroll-behavior:contain;border:3px solid #bcabd0;box-shadow:8px 8px 0 #89739d55}dialog::backdrop{background:#48355966;backdrop-filter:none}.reader-bar{background:#faf8fff5}.reader-pixel{width:84px;height:84px;display:block;margin:0 auto 16px;image-rendering:pixelated}#reader-content h2{font:700 30px 'Courier New','PingFang SC',monospace}.entry h3{font-family:'Courier New','PingFang SC',monospace}.entry p{font-size:16px}.reader-bar,#reader-content{border-color:#ded4ec}
@media(max-width:650px){header{height:60px;gap:10px}.name{font-size:12px}nav{gap:4px}nav button{font-size:12px}#language{padding:6px}.world-section{padding:0 2%}body>main{height:calc(100dvh - 60px)}.intro{height:62px;gap:6px}.intro h1{font-size:13px}#pixel-back,#pixel-pause{font-size:12px;padding:6px}.world-footer{font-size:11px;gap:8px;flex-wrap:wrap}.pixel-controls{bottom:12px;left:8px;right:8px}.pixel-controls button{height:38px;padding:0 8px}.map-wrap{border-width:2px}#pixel-cloud{top:18%;padding:18px}.world-footer #progress{font-size:11px}}
/* Height-led 14:9 stage: fits the browser viewport, not a physical pixel size. */
html,body{overscroll-behavior:none}
header{height:56px}
body>main{height:calc(100dvh - 56px)}
.world-section{--stage-width:min(92vw,calc((100dvh - 142px)*14/9));align-items:center;padding:0}
.intro{height:38px;width:var(--stage-width)}
.map-wrap{flex:none;width:var(--stage-width);height:auto;aspect-ratio:14/9;box-sizing:content-box;border:0;outline:3px solid #ab98c7}
.world-footer{width:var(--stage-width);min-height:40px;height:40px;padding:6px 0}
@media(max-width:650px){header{height:56px}body>main{height:calc(100dvh - 56px)}.world-section{--stage-width:min(94vw,calc((100dvh - 156px)*14/9));padding:0}.intro{height:48px}.world-footer{height:46px;min-height:46px}.map-wrap{border:0;outline-width:2px}}