:root{color-scheme:dark;--ink:#e4e4cc;--muted:#a5b6a8;--gold:#c4ac77;--line:#9caa8c35;font-family:"Songti SC","SimSun","Noto Serif CJK SC",serif;background:#0b191d;color:var(--ink)}
*{box-sizing:border-box}body{margin:0}.poster{position:relative;width:100%;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;background:#0d2226}.landscape{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.poster::after{content:"";position:absolute;inset:22px;border:1px solid var(--line);pointer-events:none;z-index:3}.masthead{position:absolute;top:49px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:center}.wordmark{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:14px;letter-spacing:4px}.mark{border:1px solid #b3b09088;color:#c0ae80;width:34px;height:40px;display:grid;place-items:center;font-size:23px;letter-spacing:0}.wordmark-en{display:block;font:8px/2.3 Arial,sans-serif;letter-spacing:2px;color:#a6b5a2}.edition{font:10px Arial,sans-serif;letter-spacing:2px;color:var(--muted)}.editorial{position:absolute;left:9%;top:23%;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 27px;color:var(--gold);font:10px Arial,sans-serif;letter-spacing:3px}.eyebrow span{width:24px;height:1px;background:var(--gold)}h1{margin:0;font-weight:400;font-size:clamp(66px,6.6vw,108px);line-height:1.2;letter-spacing:.12em;color:#e7e4cd;text-shadow:0 3px 30px #071b22}h1 span{display:block}.subtitle{display:flex;align-items:center;gap:16px;margin-top:25px;font-size:12px;letter-spacing:3px;color:#bdc4ae}.seal{color:#cf8c6e;font-size:11px;letter-spacing:2px;border:1px solid #a1684f;padding:7px 5px;writing-mode:vertical-rl}.poem{font-size:13px;letter-spacing:3px;line-height:2.3;color:#b2bdae;margin:28px 0 0}.colophon{font-size:10px;letter-spacing:2px;color:#8a9e92;line-height:2.4;margin-top:37px}.colophon span{font:7px Arial,sans-serif;letter-spacing:1.7px}.artwork{position:absolute;left:30%;top:11%;width:67%;height:80%;overflow:visible}.vertical-note{position:absolute;right:4.7%;top:36%;writing-mode:vertical-rl;font-size:10px;letter-spacing:7px;color:#9cab91}.footer{position:absolute;left:4.5%;right:4.5%;bottom:45px;display:flex;align-items:center;justify-content:space-between;gap:20px}.folio{font-size:11px;letter-spacing:3px;margin:0;color:#b7bea6}.folio span{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:11px;color:#839a8d}.controls{display:flex;align-items:center;border:1px solid #99ad8f55;border-radius:3px;padding:4px 8px;background:#12282bd9;box-shadow:0 8px 25px #06161a55;gap:4px}.controls[hidden]{display:none}button{font:12px "Songti SC","SimSun",serif;letter-spacing:2px;color:#ccd3bf;border:0;background:transparent;min-width:85px;min-height:48px;cursor:pointer;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:10px;touch-action:manipulation;border-radius:2px}button:hover{background:#69847826;color:#fff7d6}button:focus-visible,a:focus-visible{outline:2px solid #f5d99b;outline-offset:4px}button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}button span:not(.wind-dots){color:#e3d6ad}.wind-dots{font:10px Arial,sans-serif;letter-spacing:1px;color:#c0b88b}.divider{width:1px;height:18px;background:var(--line)}.key-hint{position:absolute;bottom:24px;right:5.2%;margin:0;font:8px Arial,sans-serif;letter-spacing:2px;color:#849a8d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.no-script{position:absolute;bottom:40px;right:5%;font-size:11px;color:var(--muted)}
/* Every animated SVG transform is set in its own user-space coordinates by JS.
   No CSS transform-origin or transform-box assumptions enter the load rig. */
@media(min-width:1600px){.artwork{left:31%;width:63%;}.editorial{left:11%}}
@media(max-width:760px){.poster{min-height:650px}.poster::after{inset:12px}.masthead{top:30px;left:7%;right:7%}.wordmark{font-size:11px;letter-spacing:2px;gap:9px}.mark{width:28px;height:34px;font-size:19px}.wordmark-en{font-size:6px;letter-spacing:1.3px}.edition{font-size:8px;letter-spacing:1px}.editorial{left:8%;right:8%;top:15%;text-align:center}.eyebrow{justify-content:center;font-size:8px;letter-spacing:2.5px;margin-bottom:15px}.eyebrow span{width:16px}h1{font-size:51px;letter-spacing:.16em;line-height:1.1}h1 span{display:inline}.subtitle{justify-content:center;margin-top:15px;font-size:10px;letter-spacing:2px;gap:12px}.seal{writing-mode:horizontal-tb;font-size:9px;padding:4px 5px}.poem{display:none}.colophon{display:none}.artwork{left:0;top:30%;width:100%;height:53%;}.vertical-note{right:6%;top:47%;font-size:8px;letter-spacing:5px;opacity:.55}.footer{left:6%;right:6%;bottom:47px;flex-direction:column;gap:17px}.folio{font-size:9px;letter-spacing:3px}.folio span{display:none}.controls{width:100%;justify-content:center;padding:3px 4px;gap:1px}button{font-size:11px;letter-spacing:1px;padding:0 10px;min-width:82px;gap:7px}.key-hint{bottom:26px;right:0;left:0;text-align:center;font-size:7px}.no-script{right:0;left:0;text-align:center;bottom:45px}}
@media(max-height:700px) and (min-width:761px){.poster{min-height:540px}.editorial{top:21%}h1{font-size:63px}.eyebrow{margin-bottom:15px}.poem{margin-top:16px}.colophon{display:none}.masthead{top:35px}.footer{bottom:30px}.key-hint{bottom:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.key-hint{visibility:hidden}}
@media(max-width:760px){.no-script{bottom:80px}}
button:disabled{cursor:default;color:#8da194;background:transparent}
/* Refinement: legible marginalia and distinct, stateful touch targets. */
.edition{font-size:12px;color:#c7cfb9;letter-spacing:1.6px}.vertical-note{font-size:12px;color:#c0c8af}.folio span{font-size:10px;color:#b1c4b3}.colophon{font-size:12px;color:#b6c5b4}.colophon span{font-size:9px;letter-spacing:1.4px}.wordmark-en{font-size:9px;color:#bcc9b4}.controls{gap:7px;padding:6px;border-color:#a7b99a77}.controls button{background:#28413d;border:1px solid #a1b39955;min-width:102px;transition:background .15s,border-color .15s;letter-spacing:1px}.controls button:hover{background:#40584b;border-color:#d1c390}.controls button:active{background:#706348;border-color:#f1daa3}.controls button[aria-pressed="true"]{background:#4e4b37;border-color:#c5ad74}.controls button:focus-visible{outline:2px solid #f5d99b;outline-offset:3px}.cycle-icon{font:17px/1 Arial,sans-serif;color:#cbd6b6}.key-hint{font-size:10px;color:#b4c5b2;letter-spacing:1.4px}
@media(max-width:760px){.edition{font-size:10px;letter-spacing:.4px}.wordmark-en{font-size:9px;letter-spacing:.3px}.vertical-note{right:5.5%;font-size:10px;letter-spacing:4px;opacity:1;color:#bac9b2}.eyebrow{font-size:10px;letter-spacing:1.7px}.subtitle{font-size:12px;letter-spacing:1px}.seal{font-size:11px}.folio{font-size:11px}.footer{bottom:calc(30px + env(safe-area-inset-bottom));gap:15px}.controls{gap:6px;padding:5px;width:100%}.controls button{flex:1;min-width:0;min-height:48px;padding:0 7px;font-size:12px;gap:5px;white-space:nowrap;letter-spacing:0}.cycle-icon{font-size:16px}.key-hint{display:none}.no-script{bottom:calc(74px + env(safe-area-inset-bottom));font-size:12px}.masthead{top:calc(28px + env(safe-area-inset-top))}}
/* Mobile-only optical spacing: translated wrappers never alter desktop pivots. */
.mobile-only{display:none}
@media(max-width:760px){
 .mobile-only{display:inline}
 .desktop-support{display:none}
 .mobile-bear-offset{transform:translate(-22px,0)}
 .mobile-near-clear{transform:translate(-18px,-12px)}
 .mobile-far-clear{display:none}
 .mobile-head-clear{transform:translate(0,-12px)}
 .mobile-static-back{transform:translate(0,-20px)}
 .motion-ready .mobile-static-back{transform:none}
}

/* Mobile composition revision: room for four separate paws and a belly-supporting hand. */
@media(max-width:760px){
 .artwork{left:3%;top:33%;width:94%;height:51%}
 .mobile-near-clear{display:none}
 .mobile-emperor-head-offset{transform:translate(25px,0)}
}