@font-face{font-family:FZ Da Biao Song;src:url(/modern-chronicle-cn/assets/fonts/FZDaBiaoSong.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--chronicle-font-serif: "FZ Da Biao Song", "STSong", "Songti SC", "SimSun", serif;--chronicle-time-heading-height: calc(40 / 810 * 100%);--chronicle-heading-size: clamp(2.25rem, 4.1667vw, 7.5rem);--chronicle-heading-leading: 1.3333;--chronicle-copy-size: clamp(.875rem, .9722vw, 1.75rem);--chronicle-copy-leading: 1.7143;font-family:var(--chronicle-font-serif);color:#302526;background:#f3f0e8;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f3f0e8;--ink: #302526;--muted-ink: #766b66;--dusty-blue: #7890a3;--forest: #355b49;--blush: #d8c0c3;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;overflow-x:hidden}.app-viewport{min-height:100vh}.app-viewport[data-mobile=true]{--chronicle-plane-width: calc( 100svw - var(--safe-area-left) - var(--safe-area-right) );--chronicle-plane-height: calc( 100svh - var(--safe-area-top) - var(--safe-area-bottom) );--chronicle-plane-rotation: 0deg;--chronicle-frame-width: min( var(--chronicle-plane-width), calc(var(--chronicle-plane-height) * 16 / 9) );--chronicle-frame-height: min( var(--chronicle-plane-height), calc(var(--chronicle-plane-width) * 9 / 16) );--chronicle-heading-size: calc(var(--chronicle-frame-height) * 60 / 810);--chronicle-copy-size: calc(var(--chronicle-frame-height) * 14 / 810);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;position:fixed;inset:0;overflow:hidden;width:100%;height:100%;background:#050708}.app-viewport[data-mobile=true][data-rotation="90"]{--chronicle-plane-width: calc( 100svh - var(--safe-area-top) - var(--safe-area-bottom) );--chronicle-plane-height: calc( 100svw - var(--safe-area-left) - var(--safe-area-right) );--chronicle-plane-rotation: 90deg}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;opacity:0;transform:translateY(8px);transition:opacity .42s var(--ease-out-quart),transform .42s var(--ease-out-quart)}.app-shell--visible{opacity:1;transform:none}.app-loading{position:fixed;z-index:1000;inset:0;display:grid;overflow:hidden;place-items:center;background:var(--paper);color:var(--ink);opacity:1;transition:opacity .42s var(--ease-out-quart),transform .42s var(--ease-out-quart)}.app-loading__plane{display:grid;width:100%;height:100%;place-items:center}.chronicle{position:relative;min-height:100vh;background:#050708}.chronicle-stage{position:relative;display:grid;width:100vw;height:100vh;overflow:hidden;place-items:center;background:#050708}.chronicle-landscape-plane{display:contents}.chronicle-frame{position:relative;width:min(100vw,177.7778vh);height:min(100vh,56.25vw);overflow:hidden;isolation:isolate}.chronicle-scroll-spacer{flex:none}.app-viewport[data-mobile=true] .app-shell{width:100%;height:100%;min-height:0}.app-viewport[data-mobile=true] .app-loading__plane{position:absolute;top:50%;left:50%;width:var(--chronicle-plane-width);height:var(--chronicle-plane-height);transform:translate(-50%,-50%) rotate(var(--chronicle-plane-rotation));transform-origin:center}.app-viewport[data-mobile=true] .app-loading__scene{width:min(88%,calc(var(--chronicle-plane-height) * 1.65));padding:clamp(8px,2%,16px) 0}.app-viewport[data-mobile=true] .app-loading__fullscreen-hint{display:none}.app-viewport[data-mobile=true] .chronicle{position:relative;width:100%;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-viewport[data-mobile=true] .chronicle::-webkit-scrollbar{display:none}.app-viewport[data-mobile=true][data-rotation="0"] .chronicle{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden}.app-viewport[data-mobile=true] .chronicle[data-scroll-locked=true]{overflow:hidden}.app-viewport[data-mobile=true] .chronicle-stage{position:sticky;top:0;left:0;flex:none;width:100%;height:100%;min-height:100%}.app-viewport[data-mobile=true][data-rotation="0"] .chronicle-stage{flex-basis:100%}.app-viewport[data-mobile=true] .chronicle-landscape-plane{position:absolute;top:50%;left:50%;display:block;width:var(--chronicle-plane-width);height:var(--chronicle-plane-height);transform:translate(-50%,-50%) rotate(var(--chronicle-plane-rotation));transform-origin:center}.app-viewport[data-mobile=true] .chronicle-frame{position:absolute;top:50%;left:50%;width:var(--chronicle-frame-width);height:var(--chronicle-frame-height);font-size:calc(var(--chronicle-frame-height) * 16 / 810);transform:translate(-50%,-50%)}.app-viewport[data-mobile=true] .chronicle-cover__panorama{width:calc(var(--chronicle-frame-height) * 9535 / 1620)}.app-viewport[data-mobile=true] .chronicle-boat{width:calc(var(--chronicle-frame-height) * 128.16 / 810)}.app-viewport[data-mobile=true][data-rotation="90"] .chronicle-scroll-spacer{width:100%}.app-viewport[data-mobile=true][data-rotation="0"] .chronicle-scroll-spacer{height:100%}.chronicle-matte{position:absolute;z-index:0;inset:0;background:#cbd8dd}.chronicle-world-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.chronicle-world-layer--exterior-background{z-index:1}.chronicle-world-layer--interior-background{z-index:6}.chronicle-world-layer--exterior-foreground{z-index:4}.chronicle-world-layer--exterior-content{z-index:12}.chronicle-world-layer--background-bound-content{z-index:2}.chronicle-world-layer--interior-foreground{z-index:8}.chronicle-world-layer--interior-content{z-index:12}.chronicle-rain{--rain-start-x: 12vw;--rain-start-y: -28vh;--rain-end-x: -18vw;--rain-end-y: 126vh;position:absolute;z-index:20;inset:0;overflow:hidden;opacity:0;pointer-events:none;visibility:hidden;will-change:opacity}.chronicle-rain__drop{position:absolute;width:2px;height:var(--rain-length);border-radius:999px;background:linear-gradient(180deg,#3d525800,#3d5258f5);opacity:var(--rain-opacity);transform:translate3d(var(--rain-start-x),var(--rain-start-y),0) rotate(16deg);transform-origin:center;animation:chronicle-rain-fall var(--rain-duration) linear var(--rain-delay) infinite;will-change:transform}@keyframes chronicle-rain-fall{to{transform:translate3d(var(--rain-end-x),var(--rain-end-y),0) rotate(16deg)}}.app-viewport[data-mobile=true] .chronicle-rain{--rain-start-x: calc(var(--chronicle-frame-width) * 12 / 100);--rain-start-y: calc(var(--chronicle-frame-height) * -28 / 100);--rain-end-x: calc(var(--chronicle-frame-width) * -18 / 100);--rain-end-y: calc(var(--chronicle-frame-height) * 126 / 100)}.chronicle-track-surface{position:absolute;top:0;left:0;display:flex;width:-moz-max-content;width:max-content;height:100%;will-change:auto}.chronicle-track-surface[data-active=true]{will-change:transform}.chronicle-track-slot{position:relative;flex:none;width:auto;height:100%;aspect-ratio:var(--scene-ratio);contain:layout paint}.chronicle-track-slot--content{font-size:min(100vh,56.25vw)}.chronicle-track-slot--background>img,.chronicle-track-slot--foreground>img{display:block;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chronicle-track-state{position:absolute;inset:0}.chronicle-track-slot[data-scene="2"] .chronicle-track-state[data-state="01"]{opacity:0;visibility:hidden}.chronicle-track-slot[data-scene="2"] .chronicle-track-state[data-state="01"][data-cropped=true]{transform-origin:32.6954% 57.3868%;will-change:transform,opacity}.chronicle-track-slot[data-scene="6"] .chronicle-track-state[data-state="00"]{opacity:1}.chronicle-track-slot[data-scene="6"] .chronicle-track-state[data-state="01"]{opacity:0;visibility:hidden}.chronicle-track-slot[data-scene="3"][data-layer=background]>img{width:calc(100% * 7306 / 7303);max-width:none;transform-origin:left center}.chronicle-cue{position:absolute;overflow:hidden;opacity:0;visibility:hidden}.chronicle-track-slot--content[data-motion-active=true] .chronicle-cue--chart,.chronicle-track-slot--content[data-motion-active=true] .chronicle-cue--illustration{will-change:transform,opacity}.chronicle-cue:not([data-cropped]){overflow:visible}.chronicle-cue img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left top;object-position:left top;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chronicle-cue__text{position:absolute;inset:0;overflow:visible;font-family:var(--chronicle-font-serif);font-style:normal;font-weight:400}.chronicle-cue__text-block{position:absolute;margin:0;white-space:pre-wrap;word-break:break-word}.chronicle-cue__text-block--heading{white-space:nowrap}.app-viewport[data-mobile=true] .chronicle-track-slot--content{font-size:var(--chronicle-frame-height)}.app-viewport[data-mobile=true] .chronicle-ending{font-size:calc(var(--chronicle-frame-height) * 16 / 810)}.app-viewport[data-mobile=true] .chronicle-ending__story{border-left-width:calc(var(--chronicle-frame-height) / 810)}.app-viewport[data-mobile=true] .chronicle-ending__conclusion h3{font-size:calc(var(--chronicle-frame-height) * 28.8 / 810)}.app-viewport[data-mobile=true] .chronicle-ending__copy{font-size:calc(var(--chronicle-frame-height) * 15.552 / 810)}.chronicle-annotation{border-radius:.08em;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:.08em;text-underline-offset:.2em;cursor:help;pointer-events:auto}button.chronicle-annotation{display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none}.chronicle-annotation:hover,.chronicle-annotation:focus-visible{background:#fff5c46b}.chronicle-annotation:focus-visible{outline:2px solid currentColor;outline-offset:2px}.chronicle-annotation__tooltip{z-index:100;display:block;width:-moz-max-content;width:max-content;max-width:min(360px,calc(100vw - 24px));padding:12px 14px;border:1px solid rgb(255 255 255 / 24%);border-radius:6px;background:#231f1cf5;box-shadow:0 8px 24px #0000003d;color:#f7f2e8;font-family:var(--chronicle-font-serif);font-size:clamp(13px,.9vw,16px);font-style:normal;font-weight:400;line-height:1.7;text-align:left;white-space:normal;pointer-events:none}.chronicle-annotation__tooltip--mobile{position:absolute;z-index:120;width:min(78%,520px);max-width:none;max-height:72%;overflow:auto;padding:12px 14px;font-size:10px;line-height:1.55;pointer-events:auto}.chronicle-annotation-layer{position:absolute;z-index:30;inset:0;overflow:hidden;pointer-events:none}.chronicle-cue--title{height:var(--chronicle-time-heading-height)!important}.chronicle-cue--title:not([data-cropped]) img{width:auto;max-width:none;height:100%;-o-object-fit:initial;object-fit:initial}.chronicle-cue--copy:not([data-cropped]) img{height:auto;-o-object-fit:initial;object-fit:initial}.chronicle-cue__svg,.chronicle-cue__svg>svg{display:block;width:100%;height:100%;overflow:visible}.chronicle-cue--initial{opacity:1;visibility:visible}.app-shell--visible .chronicle:not(.chronicle--static) .chronicle-cue--initial{animation:chronicle-title-enter .7s var(--ease-out-quart) both}@keyframes chronicle-title-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chronicle-cue--title,.chronicle-cue--copy,.chronicle-cue--source{z-index:2}.chronicle-cue--chart{z-index:3}.chronicle-cue[data-cue=s10-source],.chronicle-cue--illustration{z-index:4}.chronicle-boat-viewport{position:absolute;z-index:3;inset:0;overflow:visible;pointer-events:none;will-change:clip-path}.chronicle-boat{position:absolute;top:0;left:0;width:clamp(72px,8.9vw,144px);aspect-ratio:144 / 132;will-change:transform}.chronicle-boat__skin{position:absolute;inset:0;opacity:0;visibility:hidden}.chronicle-boat__bob,.chronicle-boat img{display:block;width:100%;height:100%}.chronicle-boat__body{position:absolute;inset:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.chronicle-boat__skin--chalk{aspect-ratio:138 / 61;height:auto;top:12%;transform:scaleX(1.08) scaleY(.92) skew(-2deg);transform-origin:50% 70%}.chronicle--static{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-loading:before{position:absolute;inset:0;background-image:radial-gradient(rgb(48 37 38 / 3%) .6px,transparent .7px);background-size:7px 7px;content:"";opacity:.34;pointer-events:none}.app-loading--exiting{opacity:0;transform:translateY(-8px);pointer-events:none}.chronicle-cover{position:absolute;z-index:8;inset:0;overflow:hidden;background:#cbd8dd;color:#fff;pointer-events:none}.chronicle-cover__panorama{position:absolute;top:0;left:0;width:min(588.5359vh,331.0514vw);height:100%;aspect-ratio:9535 / 1620;will-change:transform}.chronicle-cover__art{position:relative;z-index:1;display:block;width:100%;max-width:none;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chronicle-cover__window-loop{position:absolute;z-index:0;inset:0;overflow:hidden;background:#cbd8dd;pointer-events:none}.chronicle-cover__window-track{display:flex;width:-moz-max-content;width:max-content;height:100%;will-change:transform}.chronicle-cover__window-tile{display:block;flex:none;height:100%;-o-object-fit:fill;object-fit:fill;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chronicle-cover__title{position:absolute;top:40%;left:3%;width:19%;margin:0;opacity:0;transform:translateY(12%);will-change:transform,opacity;z-index:2}.chronicle-cover__title-art{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-shell--visible .chronicle-cover__title{animation:cover-title-enter .7s var(--ease-out-quart) both}@keyframes cover-title-enter{0%{opacity:0;transform:translateY(12%)}to{opacity:1;transform:translateY(0)}}.chronicle-cover__preface{position:absolute;top:68.5%;left:51.8165%;width:21.6535%;color:#fff;text-shadow:0 1px 1px rgb(5 8 7 / 35%);z-index:2}.chronicle-cover__preface h2{margin:0 0 .2em;font-size:var(--chronicle-heading-size);font-weight:400;line-height:var(--chronicle-heading-leading)}.chronicle-cover__preface-mask{height:6.8572em;overflow:hidden;font-size:var(--chronicle-copy-size);line-height:var(--chronicle-copy-leading);text-align:justify}.chronicle-cover__preface-copy{will-change:transform}.chronicle-cover__preface-copy p{margin:0}.chronicle-ending{position:absolute;z-index:24;inset:0;display:grid;grid-template-columns:40% 60%;overflow:hidden;background:#124e84;color:#f6edda;font-size:min(1.1111vw,1.9753vh);opacity:0;pointer-events:none;visibility:hidden;will-change:opacity,transform}.chronicle-ending__gallery{position:relative;overflow:hidden;background:radial-gradient(circle at center,#1e639e,#124e84 72%)}.chronicle-ending__film{position:absolute;inset:0;overflow:hidden;background:#070707}.chronicle-ending__perforations{position:absolute;z-index:3;top:0;bottom:0;display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:13%;padding:.55em .2em;background:#070707}.chronicle-ending__perforations--left{left:0}.chronicle-ending__perforations--right{right:0}.chronicle-ending__perforations i{display:block;flex:0 0 auto;width:3.1em;height:2.24em;border-radius:.4em;background:#505050;box-shadow:inset 0 0 0 1px #ffffff0a}.chronicle-ending__film-track{position:absolute;top:0;right:13%;left:13%;display:flex;flex-direction:column;animation:chronicle-ending-film-roll 38s linear infinite}.chronicle-ending__film-reel{display:block;flex:none;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes chronicle-ending-film-roll{to{transform:translate3d(0,-50%,0)}}.chronicle-ending__story{position:relative;isolation:isolate;overflow:hidden;background-color:#124e84;background-image:linear-gradient(#124e84e5,#124e84e5),var(--ending-background);background-position:center;background-size:cover;background-repeat:no-repeat;background-blend-mode:normal;border-left:1px solid rgb(255 255 255 / 12%)}.chronicle-ending__heading-art{position:absolute;top:6.5%;left:8%;display:block;width:84%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chronicle-ending__texture{position:absolute;z-index:4;inset:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chronicle-ending__conclusion{position:absolute;inset:46% 8.5% 5.5% 9.5%;overflow:hidden;text-shadow:0 1px 1px rgb(35 35 35 / 35%)}.chronicle-ending__conclusion h3{margin:0 0 .5em;font-size:min(2vw,3.5556vh);font-weight:400;line-height:1}.chronicle-ending__copy{font-size:min(1.08vw,1.92vh);line-height:1.68;text-align:justify}.chronicle-ending__copy p{margin:0 0 .62em;-moz-column-break-inside:avoid;break-inside:avoid}.chronicle-ending__copy p:last-child{margin-bottom:0}.chronicle-ending__quote{margin:1em 0 0;text-align:left;-moz-column-break-inside:avoid;break-inside:avoid}.motion-debug{position:fixed;z-index:2000;top:14px;right:14px;width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;padding:14px;border:1px solid rgb(238 229 208 / 28%);background:#131917f0;box-shadow:0 14px 40px #00000047;color:#eee5d0;font-family:ui-sans-serif,system-ui,Microsoft YaHei,sans-serif;font-size:12px}.screen-debug{position:fixed;z-index:2000;top:14px;left:14px;display:flex;align-items:baseline;gap:8px;padding:7px 10px;border:1px solid rgb(238 229 208 / 28%);background:#131917e0;box-shadow:0 8px 24px #00000038;color:#eee5d0;font-family:ui-sans-serif,system-ui,Microsoft YaHei,sans-serif;font-size:13px;font-variant-numeric:tabular-nums;pointer-events:none}.screen-debug span{color:#a8b7b0;font-size:11px}.screen-debug__jump{width:50px;margin-left:2px;padding:3px 5px;border:1px solid rgb(238 229 208 / 24%);border-radius:3px;background:#0507087a;color:#eee5d0;font:inherit;font-size:11px;line-height:1;pointer-events:auto}.screen-debug__jump::-moz-placeholder{color:#a8b7b0}.screen-debug__jump::placeholder{color:#a8b7b0}.screen-debug__jump:focus{border-color:#eee5d0a3;outline:none}.screen-debug__button{margin:-3px -5px -3px 2px;padding:4px 7px;border:1px solid rgb(238 229 208 / 24%);border-radius:3px;background:#eee5d01a;color:#eee5d0;font:inherit;font-size:11px;line-height:1;cursor:pointer;pointer-events:auto}.screen-debug__button:hover{background:#eee5d02e}.screen-debug__button:focus-visible{outline:2px solid #eee5d0;outline-offset:2px}.motion-debug__header,.motion-debug__actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.motion-debug__header{margin-bottom:12px}.motion-debug__header strong{font-size:14px;letter-spacing:.04em}.motion-debug__header span{color:#a8b7b0}.motion-debug__controls{display:grid;gap:9px}.motion-debug__control{display:grid;grid-template-columns:92px minmax(100px,1fr) 52px;gap:8px;align-items:center}.motion-debug__control input{width:100%;accent-color:#d8bc82;cursor:ew-resize}.motion-debug__control output{color:#d8bc82;font-variant-numeric:tabular-nums;text-align:right}.motion-debug__actions{justify-content:flex-end;margin-top:14px}.motion-debug__actions button{padding:6px 10px;border:1px solid rgb(238 229 208 / 30%);border-radius:0;background:transparent;color:inherit;cursor:pointer}.motion-debug__actions button:hover{background:#eee5d01a}.app-loading__scene{position:relative;width:min(88vw,1120px);padding:clamp(20px,4vw,48px) 0}.loading-city{display:block;width:100%;height:auto;overflow:visible}.loading-building{opacity:0;transform:translateY(26px) scaleY(.88);transform-box:fill-box;transform-origin:center bottom;transition:opacity .3s var(--ease-out-quart),transform .48s var(--ease-out-quart)}.loading-building--visible{opacity:1;transform:translateY(0) scaleY(1)}.building-fill{fill:#b9b1a8;stroke:var(--ink);stroke-linejoin:round;stroke-width:2}.building-fill--blue{fill:var(--dusty-blue)}.building-fill--green{fill:var(--forest)}.building-fill--blush{fill:var(--blush)}.building-fill--ivory{fill:#e3ddd1}.building-line{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.building-line--light{stroke:#f3f0e8c7;stroke-width:1.6}.loading-trees{fill:var(--forest);stroke:var(--ink);stroke-linecap:round;stroke-width:2}.loading-ground{stroke:var(--ink);stroke-width:2}.loading-rail{stroke:#3025263d;stroke-linecap:round;stroke-width:3}.loading-rail-progress{stroke:var(--forest);stroke-linecap:round;stroke-width:5}.loading-sleepers line{stroke:#3025263d;stroke-width:2}.loading-train{will-change:transform}.train-body{fill:#ede8dd;stroke:var(--ink);stroke-linejoin:round;stroke-width:2.5}.train-cab{fill:var(--dusty-blue);stroke:var(--ink);stroke-linejoin:round;stroke-width:2.5}.train-window{fill:var(--dusty-blue);stroke:var(--ink);stroke-width:1.8}.train-detail{fill:none;stroke:var(--forest);stroke-width:3}.train-wheel{fill:var(--ink);stroke:var(--paper);stroke-width:2}.app-loading__status{width:87%;margin:clamp(14px,2vw,24px) auto 0;border-top:1px solid rgb(48 37 38 / 16%);padding-top:clamp(14px,2vw,22px);font-size:clamp(1rem,1.8vw,1.35rem);font-weight:400;letter-spacing:.28em;text-align:center}.app-loading__fullscreen-hint{position:absolute;bottom:clamp(20px,4vh,42px);left:50%;width:-moz-max-content;width:max-content;max-width:calc(100vw - 32px);margin:0;color:var(--muted-ink);font-size:clamp(.78rem,1.1vw,.95rem);letter-spacing:.08em;text-align:center;transform:translate(-50%)}.app-loading__fullscreen-hint kbd{padding:.08em .42em;border:1px solid rgb(48 37 38 / 24%);border-radius:3px;background:#ffffff47;color:var(--ink);font:inherit;letter-spacing:.04em}@media(max-width:600px){.app-loading__scene{width:calc(100vw - 32px)}.loading-building--edge{visibility:hidden}.app-loading__status{width:94%;font-size:.92rem;letter-spacing:.16em;white-space:nowrap}.app-loading__fullscreen-hint{bottom:20px;font-size:.78rem;letter-spacing:.04em}}@media(prefers-reduced-motion:reduce){.chronicle-ending__film-track{animation:none;transform:none}.chronicle-rain__drop{animation:none;transform:rotate(16deg)}.app-shell,.app-loading{transform:none;transition-property:opacity;transition-duration:.15s}.loading-building,.loading-building--visible{opacity:1;transform:none;transition:none}.loading-train{will-change:auto}.app-shell--visible .chronicle-cue--initial{animation:none}.chronicle-cover__title,.app-shell--visible .chronicle-cover__title{opacity:1;transform:none;animation:none}}.mask-editor{min-height:100vh;padding:clamp(20px,3vw,48px);background:#111615;color:#f2eee4}.mask-editor__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1600px;margin:0 auto 24px}.mask-editor__header h1{margin:4px 0 8px;font-size:clamp(28px,4vw,56px);font-weight:500}.mask-editor__header p,.mask-editor__panel p{margin:0;color:#aeb9b4}.mask-editor__eyebrow{color:#d8b46a!important;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.mask-editor__header a{flex:none;color:#f2eee4}.mask-editor__workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:20px;max-width:1600px;margin:0 auto}.mask-editor__canvas{position:relative;overflow:hidden;border:1px solid rgb(255 255 255 / 18%);background:#080a09;box-shadow:0 24px 80px #00000059}.mask-editor__canvas img,.mask-editor__canvas svg{display:block;width:100%;height:auto;aspect-ratio:7306 / 1620}.mask-editor__foreground,.mask-editor__canvas svg{position:absolute;inset:0}.mask-editor__canvas svg{z-index:2;cursor:crosshair;touch-action:none}.mask-editor__polygon{fill:#d8b46a2e;stroke:none}.mask-editor__line{fill:none;stroke:#f3c35e;stroke-width:12;vector-effect:non-scaling-stroke}.mask-editor__handle{fill:#111615;stroke:#fff3cf;stroke-width:8;cursor:grab;vector-effect:non-scaling-stroke}.mask-editor__canvas text{fill:#fff3cf;font-size:54px;font-weight:700;paint-order:stroke;stroke:#111615;stroke-width:12px}.mask-editor__panel{display:flex;flex-direction:column;gap:18px;padding:20px;border:1px solid rgb(255 255 255 / 14%);background:#19201e}.mask-editor__panel label{display:flex;gap:8px}.mask-editor__actions{display:grid;gap:8px}.mask-editor__actions button{min-height:40px;border:1px solid rgb(255 255 255 / 18%);border-radius:4px;background:#252e2b;color:#f2eee4;cursor:pointer}.mask-editor__actions .mask-editor__primary{border-color:#d8b46a;background:#d8b46a;color:#171913;font-weight:700}.mask-editor__panel ol{max-height:36vh;overflow:auto;padding-left:22px;margin:0;color:#c8d0cc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}@media(max-width:840px){.mask-editor__header{align-items:flex-start;flex-direction:column}.mask-editor__workspace{grid-template-columns:1fr}}