:root{--paper:#f4f1e9;--ink:#423e33;--red:#924c3a;--line:#4c412b29}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:Songti SC,STSong,Noto Serif CJK SC,Georgia,serif;overflow:hidden}button,input{font:inherit}.poster{background:radial-gradient(ellipse at 48% 36%, #fffefa 0, #fff0 72%), var(--paper);grid-template-rows:76px 1fr 70px;height:100svh;min-height:560px;display:grid;overflow:hidden}header{border-bottom:1px solid var(--line);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 3vw;display:grid;position:relative}header>span{letter-spacing:.15em;font:500 24px/1 Songti SC,serif}.wordmark{align-items:center;gap:12px;display:flex}.wordmark i{border:1px solid var(--red);width:27px;height:30px;color:var(--red);place-items:center;font:18px/1 Songti SC,serif;display:grid}.wordmark em{letter-spacing:.16em;margin-left:8px;font:500 8px/1.5 Arial,sans-serif}header small{letter-spacing:.2em;opacity:.55;font:600 8px/1 Arial,sans-serif}header button{letter-spacing:.13em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:5px 0;font:600 9px/1 Arial,sans-serif}.header-actions{justify-self:end;align-items:center;gap:18px;display:flex}.scene{grid-template-columns:minmax(170px,20vw) minmax(390px,1fr) minmax(140px,16vw);align-items:center;min-height:0;padding:0 3vw;display:grid}.brief{z-index:3;pointer-events:none;padding-left:.7vw}.micro{letter-spacing:.18em;opacity:.55;margin-bottom:4vh;font:500 9px/1.8 Arial,sans-serif}.micro span{margin-top:10px;font-family:Songti SC,serif;display:block}.brief h2{letter-spacing:-.03em;margin:0;font-size:clamp(29px,3vw,47px);font-weight:400;line-height:1.55}.brief .accent{color:var(--red);margin:18px 0 4vh;font-size:12px}.brief blockquote{color:#898171;text-underline-offset:5px;margin:0;font-size:clamp(11px,1vw,16px);line-height:1.85;-webkit-text-decoration:none;text-decoration:none;text-decoration-thickness:1px}.index{align-items:center;gap:9px;margin-top:4vh;font:700 9px/1 Arial,sans-serif;display:flex}.index i{background:var(--ink);opacity:.4;width:62px;height:1px;display:block}.tower-stage{z-index:2;height:100%;min-height:0;position:relative;overflow:visible}.three-scene{cursor:grab;touch-action:none;position:absolute;inset:0 -8% 4%}.three-scene:active{cursor:grabbing}.three-scene canvas{outline:none;width:100%;height:100%;display:block}.stage-label{z-index:4;letter-spacing:.16em;white-space:nowrap;pointer-events:none;background:0 0;border:0;padding:7px 0;font:500 10px/1 Arial,sans-serif;position:absolute;top:17px;bottom:auto;left:50%;transform:translate(-50%)}.stage-label i{background:var(--red);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-right:9px;display:inline-block}.stage-label span{color:#aaa18e;font-variant-numeric:tabular-nums;margin-left:13px;font-size:8px}.view-selector{border:1px solid var(--line);background:#f9f7f1e6;border-radius:30px;gap:3px;padding:4px;display:flex;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.view-selector button{white-space:nowrap;color:#847a66;cursor:pointer;background:0 0;border:0;border-radius:24px;padding:9px 16px;font:11px/1 Songti SC,serif;transition:background .2s,color .2s}.view-selector button[aria-pressed=true]{color:#f7f3e9;background:#4b5146}.view-selector button:hover{color:var(--red)}.view-selector button[aria-pressed=true]:hover{color:#fff}.scene-loading{background:var(--paper);color:var(--red);letter-spacing:.4em;place-items:center;font:16px/1 serif;display:grid;position:absolute;inset:0}button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:4px}.orbit-hint{color:#3b3a3485;letter-spacing:.12em;pointer-events:none;font:600 8px/1 Arial,sans-serif;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.title-block{z-index:3;pointer-events:none;text-align:center;align-self:center}.symbols{letter-spacing:.15em;opacity:.48;font:10px/1.8 Songti SC,serif}.title-block h1{letter-spacing:-.13em;margin:6vh 0 10px;font-size:clamp(58px,7.2vw,108px);font-weight:400;line-height:1.02}.title-block>p{text-align:center;color:#918875;margin:22px 0 0;font:italic 12px/1.65 Georgia,serif}.original-mark{border-top:1px solid var(--line);width:max-content;color:var(--red);letter-spacing:.15em;margin:6vh auto 0;padding:12px 0 0;font:500 7px/2 Arial,sans-serif}.original-mark b{letter-spacing:.25em;font:400 13px/2 Songti SC,serif}footer{border-top:1px solid var(--line);z-index:5;grid-template-columns:34px 1fr 105px;align-items:center;gap:14px;margin:0 3vw;display:grid;position:relative}.play{width:30px;height:30px;color:var(--paper);background:var(--ink);cursor:pointer;border:0;border-radius:50%;font:700 11px/1 Arial,sans-serif}.timeline{background:#3b3a3421;height:4px;position:relative}.timeline span{background:var(--red);position:absolute;inset:0 auto 0 0}.timeline input{opacity:0;cursor:ew-resize;width:100%;margin:0;position:absolute;inset:-12px 0}footer time{text-align:right;letter-spacing:.1em;font:700 9px/1 Arial,sans-serif}@media (width<=900px){.poster{grid-template-rows:48px 1fr 58px;min-height:0}header{margin:0 16px}header small{display:none}header>span{font-size:21px}.wordmark em{display:none}.header-actions{gap:10px}.scene{grid-template-columns:1fr;padding:0}.brief,.title-block{display:none}.tower-stage{min-height:0}.three-scene{inset:0 -3% 6%}.stage-label{top:10px}footer{grid-template-columns:34px 1fr 83px;margin:0 16px}}@media (height<=720px) and (width>=901px){.brief blockquote{line-height:1.55}.brief .accent,.micro{margin-bottom:2vh}.title-block h1{margin-top:3vh}.original-mark{margin-top:4vh}}@media (prefers-reduced-motion:reduce){.three-scene{cursor:default}}