:root{--paper:#f5f0e5;--ink:#28352c;--muted:#677268;--red:#a83f37;--bright:#d56550;--forest:#23372d;--border:#c8c3b4;--shadow:0 18px 50px #16251e55}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{color:var(--ink);background:#314538;font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ee9b75;outline-offset:3px}
.app-shell,.workspace{width:100%;height:100dvh;min-height:650px}.workspace{position:relative;overflow:hidden;isolation:isolate;background:#455c48}.map-panel,.map-viewport,#map{position:absolute;inset:0;width:100%;height:100%}.map-panel{z-index:0;color:#f9f1dd}.map-viewport{overflow:hidden;background:#556b56;touch-action:none;cursor:grab}.map-viewport:active{cursor:grabbing}#map{background:#65765f}.maplibregl-canvas{filter:saturate(.84) sepia(.07) contrast(1.08)}.map-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#172d24a8,transparent 18%,transparent 68%,#172d2499),linear-gradient(90deg,#1d3429a8,transparent 24%,transparent 78%,#1d34298c);box-shadow:inset 0 0 80px #15291f75}
.chapter-panel,.intel-panel,.map-heading,.playback-bar{position:absolute;z-index:5}.chapter-panel{top:18px;left:18px;bottom:112px;width:302px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;pointer-events:none}.story-card,.stage-dock,.intel-panel{background:linear-gradient(145deg,#f9f5ebed,#eee8d9ea);border:1px solid #fff9edaa;box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.story-card,.stage-dock{pointer-events:auto;border-radius:15px}.story-card{padding:18px 20px 16px;flex:none;animation:panelIn .7s both}.eyebrow,.overline,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--red)}.story-card h1{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:36px;line-height:1.14;letter-spacing:.035em;margin:8px 0 5px;color:#29382d}.story-card h1 em{font-style:normal;color:var(--red)}.lead{font-size:13px;line-height:1.5;color:#55655a;margin:0 0 10px;font-weight:600}.bridge-visual{height:112px;margin:0;overflow:hidden;border-radius:9px;position:relative;background:#857865}.bridge-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.83) contrast(1.05)}.bridge-visual:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#14231dc9)}.bridge-visual figcaption{position:absolute;z-index:1;bottom:8px;left:11px;color:#fff8e6;font-family:'Noto Serif SC','Songti SC',serif;font-size:12px;letter-spacing:.1em;text-shadow:0 1px 4px #101d17}.event-only{font-size:12px;line-height:1.55;color:#6b4e48;margin:11px 0 0;padding-left:9px;border-left:3px solid var(--red)}.event-only strong{font-weight:800;color:#944239}
.stage-dock{padding:12px 13px 9px;min-height:0;max-height:calc(100% - 285px);display:flex;flex-direction:column;animation:panelIn .85s .12s both}.chapter-rule{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 5px 8px;border-bottom:1px solid #c5bfaf;font-size:14px;font-weight:800;color:#37483b}.chapter-rule button{border:0;background:none;color:var(--red);font-size:12px;font-weight:700;white-space:nowrap;padding:4px}.chapter-rule button:hover{text-decoration:underline}.stage-list{min-height:0;overflow:auto;padding:3px 3px 3px 0;scrollbar-width:thin;scrollbar-color:#b7aa98 transparent;position:relative}.stage-list:before{content:'';position:absolute;left:14px;top:13px;bottom:15px;border-left:1px dashed #bd9d90;pointer-events:none}.stage-button{width:100%;position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:7px;text-align:left;align-items:center;border:0;border-radius:8px;background:transparent;color:#56685a;opacity:0;max-height:0;min-height:0;overflow:hidden;padding:0 6px 0 0;transform:translateY(10px);pointer-events:none;transition:max-height .55s cubic-bezier(.2,.8,.25,1),min-height .55s cubic-bezier(.2,.8,.25,1),padding .55s,opacity .55s,transform .55s,background .2s,color .2s}.stage-button.revealed{opacity:1;max-height:62px;min-height:60px;padding:5px 6px 5px 0;transform:translateY(0);pointer-events:auto}.stage-button:hover{background:#e6ded0}.stage-button.active{background:linear-gradient(90deg,#bc5a4a2d,#bc5a4a06);color:#8e3c35}.stage-dot{position:relative;z-index:1;width:13px;height:13px;margin-left:8px;border:2px solid #a0a998;background:#f7f3e8;border-radius:50%}.stage-button.active .stage-dot{background:#c85b4b;border-color:#fff3df;box-shadow:0 0 0 5px #d0655143}.stage-button.completed .stage-dot{background:#aa9e82}.stage-copy small{display:block;font-size:12px;font-weight:600;color:#7c8a7d;letter-spacing:.04em}.stage-button.active .stage-copy small{color:#ad4e42}.stage-copy strong{display:block;font-size:16px;line-height:1.35;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-heading{top:18px;right:18px;left:340px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.map-heading-title{padding:8px 12px;border-radius:10px;background:#1d3429a9;backdrop-filter:blur(8px);text-shadow:0 1px 6px #16231c}.map-heading-title .overline{color:#e2baa8}.map-heading h2{font-family:'Noto Serif SC','Songti SC',serif;font-size:19px;line-height:1.25;letter-spacing:.04em;margin:3px 0 0;color:#fff4df}.map-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;pointer-events:auto}.map-mode{font-size:12px;font-weight:600;color:#f2e8d1;margin-right:5px;text-shadow:0 1px 6px #16231c}.heading-button{border:1px solid #e5d9b59c;background:#203a2fe8;color:#fff4e2;border-radius:8px;min-height:39px;padding:8px 12px;font-size:13px;font-weight:700;box-shadow:0 5px 17px #10201866;backdrop-filter:blur(8px);transition:background .25s,transform .25s,border-color .25s}.heading-button:hover{background:#3c5945;transform:translateY(-2px)}#musicButton[aria-pressed=true]{background:#934a3ee9;border-color:#f4af91}.intel-toggle{display:none}
.map-top-left,.map-controls,.map-bottom-left,.map-bottom-right{position:absolute;z-index:3}.map-top-left{top:85px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;pointer-events:none;white-space:nowrap}.map-badge,.map-coord,.map-bottom-left,.map-bottom-right{background:#263c31c9;border:1px solid #dbdfc28c;color:#fff6e7;border-radius:8px;padding:7px 10px;backdrop-filter:blur(8px);box-shadow:0 6px 18px #14251c88;font-size:12px;font-weight:600}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e5765f;margin-right:5px;box-shadow:0 0 0 4px #df70564a}.map-controls{top:115px;right:20px;display:grid;gap:3px;overflow:hidden;border-radius:9px;box-shadow:0 5px 17px #1f3228a3}.map-controls button{width:40px;height:40px;border:1px solid #afc4af8c;background:#263e33e8;color:#fff2df;font-size:22px;line-height:1;transition:background .2s}.map-controls button:hover{background:#59715d}.map-controls button:nth-child(3){font-size:12px;font-weight:800}.map-bottom-left{bottom:105px;left:342px;display:flex;align-items:center;gap:7px;font-size:11px}.legend-line{display:inline-block;width:17px;height:3px;background:#f47a5a;margin-left:4px}.legend-line.east{background:#fff0c9}.legend-note{color:#d5ddc9;margin-left:3px}.map-bottom-right{bottom:105px;right:367px}.maplibregl-ctrl-bottom-right{right:360px;bottom:8px}.maplibregl-ctrl-attrib{background:#263c31d9!important;color:#f3ebdc!important;font-size:9px!important;border-radius:5px!important;backdrop-filter:blur(5px)}.maplibregl-ctrl-attrib a{color:#f3d3b0!important}.map-error{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:#213229ec;color:#fff0d6}.map-error[hidden]{display:none}.map-error strong{font-size:21px}.map-error p{font-size:14px;line-height:1.7;max-width:350px}
.site-marker{width:16px;height:16px;border-radius:50%;border:2px solid #fff3d9;background:#a0443a;box-shadow:0 0 0 5px #442e265c,0 4px 13px #14251ba3;cursor:pointer;position:relative;z-index:2;transition:background .25s,box-shadow .25s,transform .25s}.site-marker:hover,.site-marker.active{background:#e66a50;box-shadow:0 0 0 7px #de65484d,0 4px 14px #14251bb3;transform:scale(1.1)}.site-marker .label{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 8px;border-radius:6px;background:#263d32ec;border:1px solid #bbcbab;color:#fff6df;font-family:'Noto Serif SC','Songti SC',serif;font-size:13px;font-weight:800;pointer-events:none;text-shadow:0 1px 2px #0008;box-shadow:0 4px 12px #1d3129a3}.site-marker.bridge{width:20px;height:20px}.site-marker.bridge .label{font-size:15px;color:#ffe3bf}.unit-3d{width:19px;height:19px;border-radius:50%;background:#f47158;border:3px solid #fff4d2;box-shadow:0 0 0 8px #e9573e59,0 0 25px #fc715c;pointer-events:none;z-index:5}.maplibregl-marker{will-change:transform}
.playback-bar{left:342px;right:367px;bottom:18px;display:flex;align-items:center;gap:13px;min-height:76px;padding:12px 14px;background:#20382edc;border:1px solid #c1d2bd8c;border-radius:13px;box-shadow:var(--shadow);backdrop-filter:blur(13px);animation:panelIn .8s .2s both}.play-button{display:grid;place-items:center;flex:none;width:46px;height:46px;border:0;border-radius:50%;background:#bd5043;color:#fff9ed;font-size:18px;font-weight:800;box-shadow:0 5px 15px #15251d88;transition:background .25s,transform .25s}.play-button:hover{background:#dc6a52;transform:scale(1.08)}.playback-main{flex:1;min-width:0}.playback-meta{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:4px}.playback-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playback-meta span{font-size:12px;color:#e7d0b8;white-space:nowrap}.playback-main input{width:100%;appearance:none;height:5px;background:linear-gradient(90deg,#dd715a var(--progress,0%),#88a089 var(--progress,0%));border-radius:4px;margin:6px 0 0;cursor:pointer}.playback-main input::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:#fff6e5;border:3px solid #c35445;border-radius:50%;box-shadow:0 0 0 4px #d4695250}.playback-main input::-moz-range-thumb{width:11px;height:11px;background:#fff6e5;border:3px solid #c35445;border-radius:50%}.timeline-marks{display:flex;justify-content:space-between;color:#d4dfcf;font-size:10px;margin-top:3px}.speed-button,.restart-button{flex:none;height:36px;min-width:36px;border:1px solid #a7b79d;border-radius:7px;background:#29483a;color:#f5efdd;font-size:13px;font-weight:700;transition:background .25s}.speed-button:hover,.restart-button:hover{background:#526d54}.restart-button{font-size:22px}
.intel-panel{top:83px;right:18px;bottom:112px;width:330px;overflow:auto;display:flex;flex-direction:column;gap:0;padding:19px 21px;border-radius:15px;animation:panelIn .7s .1s both}.intel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.intel-head #stageCounter{margin-left:auto;color:#7e897f;font-size:12px;font-weight:700;letter-spacing:.08em}.intel-head button{display:none}.intel-date{color:#a85045;font-size:13px;font-weight:700;letter-spacing:.12em;margin-top:25px}.intel-panel h2{font-family:'Noto Serif SC','Songti SC',serif;font-size:29px;line-height:1.3;margin:8px 0 15px;color:#2a392d}.accent-rule{height:3px;width:52px;background:#c75749;margin-bottom:16px}.intel-section{margin-bottom:17px}.section-kicker{font-size:11px}.intel-section p{font-size:14px;color:#4b5c50;line-height:1.74;margin:6px 0 0}.strategy-card{background:#e7dfcf;border-left:3px solid #c65d4b;border-radius:0 9px 9px 0;padding:13px 14px;box-shadow:0 9px 19px #4b574123}.strategy-card strong{display:block;font-family:'Noto Serif SC','Songti SC',serif;font-size:17px;color:#8d3e39;margin-top:7px}.strategy-card p{color:#4f5e54;font-size:13px;line-height:1.7;margin:6px 0 0}.intel-footer{display:flex;gap:9px;margin-top:auto;padding-top:15px;border-top:1px solid #c8c6b9;color:#657267}.footer-icon{font-size:21px;color:var(--red)}.intel-footer p{font-size:12px;line-height:1.6;margin:1px 0 0}.intel-panel.stage-enter .intel-date,.intel-panel.stage-enter h2,.intel-panel.stage-enter .intel-section,.intel-panel.stage-enter .strategy-card,.intel-panel.stage-enter .intel-footer{animation:contentIn .55s both}.intel-panel.stage-enter h2{animation-delay:.04s}.intel-panel.stage-enter .intel-section{animation-delay:.08s}.intel-panel.stage-enter .strategy-card{animation-delay:.12s}
.about-dialog{position:relative;max-width:600px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;padding:28px 32px;border:1px solid #baa993;border-radius:14px;background:#f4efe4;color:#28372d;box-shadow:0 25px 90px #0d1c14a3}.about-dialog::backdrop{background:#14211ac9;backdrop-filter:blur(4px)}.about-dialog h2{font-family:'Noto Serif SC','Songti SC',serif;font-size:27px;margin:12px 0 14px}.about-dialog h3{font-size:15px;color:#9f4d41;margin:22px 0 8px}.about-dialog p,.about-dialog li{font-size:14px;line-height:1.75;color:#526056}.about-dialog ul{padding-left:19px}.about-dialog li{margin:5px 0}.about-dialog a{color:#9d4c40;text-decoration:none}.about-dialog a:hover{text-decoration:underline}.about-dialog form{position:absolute;right:13px;top:8px}.dialog-close{border:0;background:none;color:#4d5c50;font-size:27px}
@keyframes panelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes contentIn{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1250px){.chapter-panel{width:272px}.story-card{padding:15px 17px}.story-card h1{font-size:32px}.stage-dock{max-height:calc(100% - 258px)}.intel-panel{width:300px}.map-heading{left:306px}.map-heading-title,.map-mode{display:none}.playback-bar{left:306px;right:336px}.map-bottom-left{left:306px}.map-bottom-right{right:336px}.maplibregl-ctrl-bottom-right{right:329px}}
@media(max-width:1030px){.intel-panel{width:292px;top:75px;bottom:106px}.map-heading{left:302px}.map-bottom-right{display:none}.playback-bar{left:302px;right:326px;bottom:14px}.map-bottom-left{left:302px;bottom:98px}.map-top-left{top:74px}.map-controls{top:125px}.maplibregl-ctrl-bottom-right{right:320px}}
@media(max-width:880px){.chapter-panel{width:260px}.map-heading{left:auto;right:14px;top:14px}.map-heading-actions{max-width:270px}.map-mode{display:none}.intel-panel{right:14px;top:67px;bottom:126px;width:260px;padding:15px}.intel-panel h2{font-size:24px}.intel-section p{font-size:13px}.strategy-card p{font-size:12px}.playback-bar{left:286px;right:14px;bottom:14px}.map-bottom-left{left:286px;bottom:105px}.legend-note{display:none}.map-top-left{top:64px;left:286px;transform:none}.map-coord{display:none}.map-controls{top:117px;right:14px}.maplibregl-ctrl-bottom-right{right:10px;bottom:100px}}
@media(max-width:680px){.workspace,.app-shell{min-height:600px}.chapter-panel{top:10px;left:10px;bottom:100px;width:min(260px,calc(100% - 126px));gap:8px}.story-card{padding:11px 12px;border-radius:11px}.story-card .eyebrow{font-size:9px}.story-card h1{font-size:25px;margin:5px 0 3px}.lead{font-size:10px;margin-bottom:6px}.bridge-visual{height:70px}.bridge-visual figcaption{font-size:9px;bottom:5px;left:7px}.event-only{font-size:9px;line-height:1.38;margin-top:7px}.event-only br{display:none}.stage-dock{padding:7px 7px 5px;max-height:34dvh;border-radius:11px}.chapter-rule{font-size:11px;padding-bottom:4px}.chapter-rule button{font-size:10px;padding:2px}.stage-button.revealed{max-height:50px;min-height:49px;padding:3px 2px 3px 0}.stage-button{grid-template-columns:22px 1fr;gap:4px}.stage-dot{width:11px;height:11px;margin-left:6px}.stage-list:before{left:11px}.stage-copy small{font-size:10px}.stage-copy strong{font-size:13px}.map-heading{top:10px;right:10px;left:auto}.map-heading-actions{display:grid;gap:5px;max-width:104px}.heading-button{font-size:11px;min-height:32px;padding:5px 6px}.intel-toggle{display:block}.map-top-left{top:auto;left:auto;right:10px;bottom:160px;transform:none}.map-badge{font-size:10px;padding:5px 7px}.map-coord{display:none}.map-controls{top:127px;right:10px}.map-controls button{width:34px;height:34px;font-size:18px}.map-controls button:nth-child(3){font-size:10px}.map-bottom-left{left:10px;bottom:94px;font-size:9px;padding:5px 6px}.map-bottom-right{display:none}.playback-bar{left:10px;right:10px;bottom:10px;gap:7px;padding:8px;min-height:74px;border-radius:10px}.play-button{width:38px;height:38px;font-size:15px}.playback-meta{font-size:11px;gap:5px}.playback-meta span{font-size:10px}.timeline-marks{font-size:8px}.speed-button,.restart-button{height:29px;min-width:29px;font-size:10px}.restart-button{font-size:18px}.intel-panel{display:none;top:52px;right:10px;bottom:96px;width:min(300px,calc(100% - 20px));padding:15px;z-index:8}.intel-panel.open{display:flex;animation:panelIn .3s both}.intel-head button{display:block;border:0;background:none;font-size:24px;color:#675d50}.maplibregl-ctrl-bottom-right{right:8px;bottom:85px}.maplibregl-ctrl-attrib{font-size:8px!important;max-width:70vw}.site-marker .label{font-size:10px;padding:3px 5px}.site-marker.bridge .label{font-size:11px}.about-dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* The title and the stage list frame the map; the illustrations live with the stage analysis. */
.story-card{padding:22px 20px 18px}
.story-card h1{margin:0 0 13px;font-size:40px}
.story-card .event-only{margin:0}
.stage-dock{max-height:calc(100% - 150px)}
.intel-panel{padding:0;overflow:auto}
.intel-hero{position:relative;isolation:isolate;min-height:203px;padding:17px 20px 14px;overflow:hidden;border-radius:14px 14px 0 0;background-color:#2a4032;background-image:linear-gradient(180deg,#17271acc 0%,#18291f7c 43%,#17271be9 100%),var(--stage-art,url('./assets/stage-01-anshunchang.jpg'));background-size:cover;background-position:center;transition:background-image .5s ease}
.intel-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#14251e55,transparent 72%);pointer-events:none}
.intel-hero .eyebrow,.intel-hero #stageCounter,.intel-hero .intel-date,.intel-hero h2{color:#fff5e5;text-shadow:0 2px 7px #0d1b13d9}
.intel-hero .intel-date{margin-top:33px;font-size:12px}
.intel-hero h2{font-size:27px;margin:7px 0 9px}
.intel-hero .accent-rule{background:#e9aa81;margin-bottom:0}
.image-note{position:absolute;right:17px;bottom:13px;color:#fff5dfc9;font-size:10px;letter-spacing:.08em;text-shadow:0 1px 4px #0d1b13}
.intel-panel>.intel-section{padding:0 20px;margin-bottom:16px}
.intel-panel>.intel-section:nth-child(2){margin-top:19px}
.intel-panel>.strategy-card{margin:2px 20px 16px}
.intel-panel>.intel-footer{margin:0 20px 19px}
.intel-panel.stage-enter .intel-hero{animation:contentIn .55s both}
.map-bottom-left{left:18px;bottom:18px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:290px}
.legend-keys{display:flex;align-items:center;gap:6px;white-space:nowrap}
.legend-note{font-size:10px;font-weight:500;color:#d5ddc9;margin:0 0 0 3px}
.map-bottom-right{right:18px;bottom:18px}
.mobile-operation{display:none}
.maplibregl-ctrl-bottom-right{right:18px;bottom:51px}
@media(max-width:1250px){.story-card h1{font-size:35px}.stage-dock{max-height:calc(100% - 140px)}}
@media(max-width:880px){.map-bottom-right{right:14px;bottom:92px}.maplibregl-ctrl-bottom-right{right:286px;bottom:100px}}
@media(max-width:680px){.chapter-panel{bottom:147px}.story-card{padding:12px 12px 10px}.story-card h1{font-size:27px;margin:0 0 7px}.story-card .event-only{font-size:9px}.stage-dock{max-height:31dvh}.intel-panel{padding:0}.intel-hero{min-height:184px;padding:13px 15px}.intel-hero .intel-date{margin-top:27px}.intel-hero h2{font-size:24px}.intel-panel>.intel-section{padding:0 15px}.intel-panel>.strategy-card{margin-left:15px;margin-right:15px}.intel-panel>.intel-footer{margin-left:15px;margin-right:15px}.intel-head button{color:#fff5e5}.map-bottom-left{left:10px;bottom:94px;max-width:170px;padding:5px 6px}.legend-keys{font-size:9px;gap:3px}.legend-line{width:11px;margin-left:1px}.legend-note{display:none}.map-bottom-right{display:block;right:10px;bottom:94px;padding:5px 6px;font-size:9px}.desktop-operation{display:none}.mobile-operation{display:inline}.maplibregl-ctrl-bottom-right{right:8px;bottom:137px}}

.intro-screen{position:fixed;inset:0;z-index:1000;isolation:isolate;overflow:hidden;background:#15261e;color:#fff3df;opacity:1;transition:opacity .8s ease,transform .8s ease}
.intro-screen[hidden]{display:none}
.intro-screen.leaving{opacity:0;transform:scale(1.018);pointer-events:none}
.intro-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#13241f}
.intro-art,.intro-art img,.intro-shade{position:absolute;inset:0;width:100%;height:100%}
.intro-art img{display:block;object-fit:cover;object-position:center}
.intro-shade{background:linear-gradient(90deg,#0b1b17a8 0%,#0b1b174a 39%,transparent 72%),linear-gradient(0deg,#0b1b17a1,transparent 27%);pointer-events:none}
.intro-content{position:absolute;z-index:1;top:50%;left:8%;width:min(620px,55vw);transform:translateY(-50%);text-shadow:0 3px 15px #06110dab}
.intro-content h1{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:clamp(66px,8vw,124px);font-weight:900;line-height:1.05;letter-spacing:.055em;margin:0 0 40px}
.intro-content h1 span{display:block;color:#f4d6b3}
.intro-start{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-width:192px;min-height:58px;padding:12px 24px;border:1px solid #f0b690;border-radius:4px;background:#b34b3c;color:#fff8e8;box-shadow:0 9px 28px #081912a8;font-size:20px;font-weight:800;letter-spacing:.08em;text-shadow:none;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.intro-start span{font-size:26px;line-height:1}
.intro-start:hover{background:#d06049;transform:translateY(-3px);box-shadow:0 13px 30px #081912c9}
.intro-content p{max-width:450px;margin:20px 0 0;font-size:13px;line-height:1.6;color:#f4e4cc}
.intro-content .boot-warning{max-width:420px;margin:14px 0 0;padding:9px 12px;border:1px solid #f0b690;border-radius:5px;background:#5c211bcc;font-size:12px;line-height:1.6;color:#ffe9d4;text-shadow:none}
.intro-content .boot-warning[hidden]{display:none}
.boot-warning code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:1px 4px;border-radius:3px;background:#00000033}
.intro-image-note{position:absolute;z-index:1;right:24px;bottom:20px;font-size:11px;letter-spacing:.1em;color:#f4e2c4b8;text-shadow:0 1px 6px #06110d}
@media(max-width:680px){.intro-art img{object-position:center}.intro-shade{background:linear-gradient(180deg,#0819159c 0%,#08191549 28%,transparent 48%,#08191528 70%,#081915d6 100%)}.intro-content{inset:0;width:auto;height:100%;transform:none;display:flex;flex-direction:column;align-items:flex-start;padding:10vh 8% 10vh}.intro-content h1{font-size:clamp(56px,14vw,82px);margin:0;line-height:1.12}.intro-start{margin-top:auto;min-width:180px;min-height:54px;font-size:18px}.intro-content p{font-size:11px;margin:16px 0 0;max-width:290px}.intro-image-note{right:15px;bottom:13px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.intro-screen,.intro-start{transition-duration:.01ms!important}}