#scene-switch{display:flex;align-items:center;gap:10px;padding:11px 15px;color:#fff9f1;background:#26354d33;border:1px solid #ffffff70;backdrop-filter:blur(16px);border-radius:24px;font-size:11px;letter-spacing:1px;white-space:nowrap}#scene-switch>span{font-size:17px}#scene-switch small{font-size:10px;opacity:.65;padding-left:9px;border-left:1px solid #fff5}#scene-switch:hover{background:#ffffff25}#scene-dialog{color:#f7f6f0;width:min(820px,calc(100vw - 42px));max-height:calc(100dvh - 50px);padding:30px;border:1px solid #ffffff45;border-radius:24px;background:#253747ed;backdrop-filter:blur(30px);box-shadow:0 24px 100px #09182e66;overflow:auto}#scene-dialog::backdrop{background:#15233270;backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dialog-eyebrow{font-size:9px;letter-spacing:3px;opacity:.45}.dialog-heading h2{font-family:"SimSun",serif;font-size:29px;font-weight:400;letter-spacing:3px;margin:15px 0 10px}.dialog-heading p{font-size:11px;letter-spacing:1px;opacity:.65;line-height:1.8}.dialog-heading button{background:#ffffff0d;border:1px solid #fff4;border-radius:50%;font-size:24px;width:34px;height:34px;flex-shrink:0}.dialog-heading button:hover{background:#ffffff25}#scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:20px}.scene-card{border:1px solid #ffffff25;border-radius:15px;background:linear-gradient(145deg,var(--scene-color),#ffffff08);text-align:left;padding:18px 14px;display:flex;flex-direction:column;gap:10px;min-height:149px;overflow:hidden;position:relative;transition:transform .2s,border-color .2s}.scene-card:hover{transform:translateY(-3px);border-color:#fffa}.scene-card[aria-pressed=true]{border-color:#f6dfb3;box-shadow:inset 0 0 0 1px #f6dfb380}.scene-card[aria-pressed=true]::after{content:'当前';position:absolute;top:12px;right:10px;border:1px solid #fff4;border-radius:7px;background:#12233366;font-size:8px;padding:3px 5px}.scene-icon{font-size:28px;line-height:1.2;opacity:.88}.scene-card strong{font-size:13px;font-weight:500;letter-spacing:2px}.scene-card small{font-size:9px;letter-spacing:1px;opacity:.65}.dialog-footnote{font-size:10px;text-align:center;opacity:.45;margin:22px 0 0;letter-spacing:1px}.scene-fade{position:fixed;inset:0;background:#8c96a3;opacity:0;pointer-events:none;transition:opacity .3s;z-index:20}.switching .scene-fade{opacity:.9}body.flying .scene-caption{display:none}@media(max-width:600px){#scene-switch{padding:8px 12px;font-size:10px;gap:7px}#scene-current{display:none}.top-actions .icon-button{margin-left:0;width:32px;height:32px;font-size:20px}header{left:22px;right:22px}#scene-dialog{width:calc(100vw - 28px);padding:23px 18px;border-radius:19px;max-height:calc(100dvh - 36px)}#scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scene-card{padding:14px 12px;min-height:123px;gap:8px}.scene-icon{font-size:24px}.scene-card strong{font-size:12px}.dialog-heading h2{font-size:22px;letter-spacing:1px}.dialog-heading p{font-size:10px}.dialog-eyebrow{font-size:8px;letter-spacing:2px}.dialog-footnote{font-size:8px}.flight-top{top:93px}.intro h1{font-size:34px;letter-spacing:3px}.intro>p{max-width:210px}}
@media(prefers-reduced-motion:reduce){.scene-fade,.scene-card{transition:none}}
.scene-card{padding:0;gap:0;min-height:175px;background:#ffffff08}.scene-card img{display:block;width:100%;height:104px;object-fit:cover}.scene-card .scene-icon{display:none}.scene-card strong{margin:11px 12px 0}.scene-card small{margin:6px 12px 13px}.scene-card[aria-pressed=true]::after{background:#233547bf}@media(max-width:600px){.scene-card{min-height:147px;padding:0;gap:0}.scene-card img{height:84px}.scene-card strong{margin-top:10px}.scene-card small{margin-bottom:11px}}

/* Keep the environment in view; the controls are a quiet corner overlay. */
.intro{top:auto;bottom:122px;left:38px;padding:20px 24px;border-radius:22px;background:linear-gradient(120deg,#172e2980,#14282720);backdrop-filter:blur(7px);max-width:290px}
.intro h1{font-size:28px;line-height:1.35;letter-spacing:4px;margin:12px 0}.intro p{font-size:10px;line-height:1.8;margin:0}.intro .eyebrow{font-size:7px;letter-spacing:2px}.intro .breath{display:none}.intro .fly-entry{margin-top:15px;padding:11px 15px;font-size:11px}.scene-caption{display:none}
.vignette{background:linear-gradient(0deg,#081a2344,transparent 22%,transparent 85%,#10202633)}header{top:25px;left:34px;right:34px}footer{left:34px;right:34px;bottom:24px}.controls{background:#172e2966}.brand,.top-actions{text-shadow:0 2px 10px #13262d88}
@media(max-width:600px){header{left:18px;right:18px;top:19px}.intro{left:16px;bottom:124px;top:auto;padding:13px 17px;max-width:218px}.intro h1{font-size:22px;letter-spacing:3px;margin:7px 0}.intro p,.intro .eyebrow{display:none}.intro .fly-entry{margin-top:8px}.intro .breath{display:none}footer{left:12px;right:12px;bottom:22px}}
