:root{color-scheme:light;--sky-top: #eef1ec;--sky-bottom: #d7ddd7;--panel: rgba(252, 253, 250, .74);--panel-deep: rgba(241, 245, 238, .66);--border: rgba(58, 68, 57, .15);--text: #1f2823;--muted: rgba(31, 40, 35, .72);--accent: #5e6755;--accent-soft: #dbe2d8}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;color:var(--text);font-family:Avenir Next,Segoe UI Variable,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(255,255,255,.55),transparent 28%),radial-gradient(circle at top right,rgba(179,191,176,.2),transparent 24%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 24%),radial-gradient(circle at 50% 100%,rgba(90,102,88,.08),transparent 40%)}canvas{display:block}.hud{position:fixed;top:1.15rem;left:1.15rem;z-index:10;width:min(29rem,calc(100vw - 2.3rem));padding:1rem 1.1rem 1.1rem;border:1px solid var(--border);border-radius:1.2rem;background:linear-gradient(180deg,var(--panel),var(--panel-deep));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1.2rem 2.7rem #4d584924}.eyebrow,.description,.note,.hud h1{margin:0}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin-bottom:.55rem}.hud h1{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(1.9rem,2vw + 1rem,3rem);line-height:.92}.description{margin-top:.8rem;line-height:1.46;color:var(--muted)}.note{margin-top:.8rem;font-size:.84rem;line-height:1.45;color:#1f282394}.scene-links{display:flex;flex-wrap:wrap;gap:.72rem;margin-top:1rem}.scene-link{display:inline-flex;align-items:center;min-height:2.45rem;padding:.58rem .95rem;border:1px solid rgba(84,95,78,.16);border-radius:999px;background:#5e67551a;color:var(--text);text-decoration:none;font-size:.8rem;letter-spacing:.03em;transition:transform .16s ease,border-color .16s ease,background .16s ease}.scene-link:hover{transform:translateY(-1px);border-color:#545f4e47;background:#5e675529}.scene-link-ghost{background:#ffffff75}@media(max-width:720px){.hud{top:auto;left:.85rem;right:.85rem;bottom:.85rem;width:auto}}