/* 雪巷日常 · 原创 HUD 样式。全部自绘（SVG/CSS），系统字体栈；无商用字体/图标。
   光景：<html data-mood="dusk|night">。调试：?debug=1 恢复渲染对照按钮。 */
:root{
 --hud-font:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","Source Han Serif CN","STSong","SimSun",ui-serif,Georgia,serif;
 --hud-font-ui:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
 --hud-gold:#ecd08f;--hud-gold-hi:#fff0c4;--hud-gold-dim:#ecd08f66;--hud-line:#ecd08f55;
 --hud-ink:#f6eddc;--hud-ink-dim:#d3c8b2;
 --hud-bg:#171d2ccc;--hud-bg-solid:#171d2cf2;--hud-bg-soft:#ffffff0d;
 --hud-shadow:0 8px 28px #0a0f1c55,0 1px 0 #ffffff14 inset;
 --hud-r:10px;--hud-r-sm:7px;--hud-stroke:1px;
 --hud-t-fast:.16s;--hud-t:.32s;--hud-t-slow:.7s;--hud-ease:cubic-bezier(.2,.8,.2,1);
 --hud-glow:#f3c46c55;
}
:root[data-mood="dusk"]{--hud-bg:#2a2230cc;--hud-bg-solid:#2a2230f2;--hud-gold:#f0cf8e;--hud-glow:#ffb86655;--hud-line:#f0cf8e5c}
:root[data-mood="night"]{--hud-bg:#0d1526d6;--hud-bg-solid:#0d1526f5;--hud-gold:#f3deaa;--hud-gold-hi:#fff7da;--hud-glow:#9ec4ff44;--hud-line:#f3deaa66;--hud-ink:#f4f0e6}

.hud-root{position:fixed;inset:0;z-index:20;pointer-events:none;font-family:var(--hud-font-ui);color:var(--hud-ink);font-size:13px}
.hud-root button{font:inherit;color:inherit}
.hud-root [hidden]{display:none!important}

/* —— 键位方框 —— */
.hud-key{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border:1.5px solid var(--hud-gold);border-radius:6px;color:var(--hud-gold-hi);font:700 13px/1 var(--hud-font-ui);letter-spacing:.02em;background:linear-gradient(#ffffff14,#ffffff05);box-shadow:0 2px 0 #00000055,0 0 10px var(--hud-glow)}
.hud-key.sm{min-width:20px;height:20px;font-size:11px;padding:0 5px;border-width:1px;box-shadow:0 1px 0 #00000055}
.hud-key.ghost{opacity:.45;box-shadow:none}

/* —— 交互提示条 —— */
.hud-prompt{position:absolute;right:max(32px,5vw);top:62%;transform:translateX(36px);opacity:0;transition:transform var(--hud-t) var(--hud-ease),opacity var(--hud-t);pointer-events:none}
.hud-prompt.show{transform:none;opacity:1}
.hud-prompt-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;justify-items:end}
.hud-prompt-item{display:flex;align-items:center;gap:9px;padding:7px 16px 7px 10px;background:linear-gradient(90deg,#0000,var(--hud-bg) 28%);border-radius:0 var(--hud-r-sm) var(--hud-r-sm) 0;border-right:2px solid transparent;opacity:.62;transition:opacity var(--hud-t-fast),transform var(--hud-t-fast);position:relative;white-space:nowrap}
.hud-prompt-item.on{opacity:1;border-right-color:var(--hud-gold);background:linear-gradient(90deg,#0000,var(--hud-bg) 22%)}
.hud-prompt-verb{font:600 15px var(--hud-font);letter-spacing:.12em}
.hud-prompt-dot{color:var(--hud-gold);opacity:.8}
.hud-prompt-label{font:600 16px var(--hud-font);letter-spacing:.1em;color:var(--hud-gold-hi)}
.hud-prompt[data-multi="1"]::after{content:"滚轮切换";position:absolute;right:16px;top:100%;margin-top:6px;font-size:10px;letter-spacing:.2em;color:var(--hud-ink-dim)}
.hud-prompt.press .hud-prompt-item.on{animation:hud-press .36s var(--hud-ease)}
.hud-prompt.press .hud-prompt-item.on .hud-key{animation:hud-keydown .36s var(--hud-ease)}
@keyframes hud-press{0%{transform:none}30%{transform:translateX(-6px);filter:brightness(1.4)}100%{transform:none}}
@keyframes hud-keydown{0%{transform:none}30%{transform:translateY(2px);box-shadow:0 0 0 #0000,0 0 18px var(--hud-gold)}100%{transform:none}}

/* —— 目标追踪 —— */
.hud-objective{position:absolute;left:20px;top:18px;width:min(300px,calc(100vw - 260px));padding:11px 16px 12px 16px;background:linear-gradient(90deg,var(--hud-bg) 0,var(--hud-bg) 40%,#0000 100%);border-left:2px solid var(--hud-gold);pointer-events:none}
.hud-objective::before{content:"";position:absolute;left:-6px;top:14px;width:9px;height:9px;background:var(--hud-gold);transform:rotate(45deg);box-shadow:0 0 12px var(--hud-glow)}
.hud-objective-head{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.34em;color:var(--hud-gold)}
.hud-objective-diamond{display:none}
.hud-objective-title{margin-top:5px;font:600 18px/1.3 var(--hud-font);letter-spacing:.08em;text-shadow:0 1px 6px #0007}
.hud-objective-desc{margin-top:4px;font-size:12px;line-height:1.6;color:var(--hud-ink-dim);text-shadow:0 1px 4px #0008}
.hud-objective-dist{margin-top:6px;font:600 12px var(--hud-font-ui);letter-spacing:.14em;color:var(--hud-gold)}
.hud-objective.optional{border-left-color:var(--hud-gold-dim)}.hud-objective.optional::before{background:transparent;border:1.5px solid var(--hud-gold)}
.hud-objective.swap{animation:hud-swap .9s var(--hud-ease)}
.hud-objective.swap::before{animation:hud-gem .9s var(--hud-ease)}
@keyframes hud-swap{0%{opacity:0;transform:translateX(-18px)}35%{opacity:1}100%{opacity:1;transform:none}}
@keyframes hud-gem{0%{transform:rotate(45deg) scale(2.4);box-shadow:0 0 28px var(--hud-gold)}100%{transform:rotate(45deg) scale(1)}}
.hud-edge-arrow{position:absolute;left:0;top:0;width:0;height:0;transition:opacity var(--hud-t)}
.hud-edge-arrow i{position:absolute;left:-13px;top:-15px;width:26px;height:30px;background:var(--hud-gold);clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%);filter:drop-shadow(0 0 7px var(--hud-glow)) drop-shadow(0 1px 2px #0009);animation:hud-nudge 1.6s ease-in-out infinite}
@keyframes hud-nudge{50%{transform:translateY(-4px)}}

/* —— 地名横幅 —— */
.hud-banner{position:absolute;left:50%;top:21%;transform:translateX(-50%);text-align:center;opacity:0;pointer-events:none;width:max-content;max-width:90vw}
.hud-banner.show{animation:hud-banner-in 1s var(--hud-ease) forwards}
.hud-banner.show.out{animation:hud-banner-out .7s ease forwards}
.hud-banner-name{font:600 clamp(30px,4.4vw,52px)/1.2 var(--hud-font);letter-spacing:.34em;text-indent:.34em;color:var(--hud-gold-hi);text-shadow:0 2px 14px #0009,0 0 36px var(--hud-glow)}
.hud-banner-line{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px auto 10px;width:min(380px,60vw)}
.hud-banner-line i{flex:1;height:1px;background:linear-gradient(90deg,#0000,var(--hud-gold))}
.hud-banner-line i:last-child{background:linear-gradient(270deg,#0000,var(--hud-gold))}
.hud-banner-line b{width:8px;height:8px;background:var(--hud-gold);transform:rotate(45deg);box-shadow:0 0 12px var(--hud-glow)}
.hud-banner-sub{font:400 13px var(--hud-font);letter-spacing:.42em;text-indent:.42em;color:var(--hud-ink);text-shadow:0 1px 8px #000a}
@keyframes hud-banner-in{0%{opacity:0;letter-spacing:.7em;filter:blur(6px)}100%{opacity:1;letter-spacing:.34em;filter:none}}
@keyframes hud-banner-out{to{opacity:0;transform:translateX(-50%) translateY(-8px)}}
.hud-banner.show .hud-banner-line{animation:hud-line-in 1.1s var(--hud-ease) both}
@keyframes hud-line-in{from{transform:scaleX(.2);opacity:0}}

/* —— 右上 HUD —— */
.hud-top{position:absolute;right:18px;top:16px;display:flex;align-items:center;gap:8px;pointer-events:auto}
.hud-memories{display:flex;align-items:center;gap:10px;height:38px;padding:0 14px 0 12px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:19px;box-shadow:var(--hud-shadow);backdrop-filter:blur(8px)}
.hud-memory-label{font:600 11px var(--hud-font);letter-spacing:.3em;color:var(--hud-gold)}
.hud-memory-dots{display:flex;gap:6px}
.hud-diamond{width:10px;height:10px;border:1.2px solid var(--hud-gold-dim);transform:rotate(45deg);transition:background var(--hud-t),box-shadow var(--hud-t),border-color var(--hud-t)}
.hud-diamond.on{background:var(--hud-gold);border-color:var(--hud-gold-hi);box-shadow:0 0 9px var(--hud-glow)}
.hud-diamond.pop{animation:hud-pop .8s var(--hud-ease)}
@keyframes hud-pop{0%{transform:rotate(45deg) scale(2.2)}100%{transform:rotate(45deg) scale(1)}}
.hud-memory-count{font:600 13px var(--hud-font-ui);letter-spacing:.08em;min-width:30px;text-align:right}
.hud-memories.full .hud-memory-count{color:var(--hud-gold-hi)}
.hud-icon-btn{width:38px;height:38px;padding:0;display:grid;place-items:center;cursor:pointer;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:50%;color:var(--hud-gold);box-shadow:var(--hud-shadow);backdrop-filter:blur(8px);transition:transform var(--hud-t-fast),border-color var(--hud-t-fast),color var(--hud-t-fast)}
.hud-icon-btn:hover{border-color:var(--hud-gold);color:var(--hud-gold-hi);transform:translateY(-1px)}
.hud-icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hud-icon-btn:focus-visible,.hud-controls-toggle:focus-visible,.hud-seg button:focus-visible{outline:2px solid var(--hud-gold-hi);outline-offset:2px}

/* —— 通知条 —— */
.hud-toast{position:absolute;left:50%;bottom:34px;transform:translate(-50%,14px);display:flex;align-items:center;gap:11px;padding:10px 24px 10px 18px;max-width:min(680px,calc(100vw - 40px));background:var(--hud-bg-solid);border:1px solid var(--hud-line);border-radius:22px;box-shadow:var(--hud-shadow);font:500 14px/1.5 var(--hud-font);letter-spacing:.06em;opacity:0;pointer-events:none;transition:opacity var(--hud-t),transform var(--hud-t) var(--hud-ease);backdrop-filter:blur(8px)}
.hud-toast.show{opacity:1;transform:translate(-50%,0)}
.hud-toast-gem{flex:none;width:8px;height:8px;background:var(--hud-gold);transform:rotate(45deg);box-shadow:0 0 10px var(--hud-glow)}
.hud-toast[data-tone="warn"] .hud-toast-gem{background:#f09a7a}

/* —— 左下操作提示 —— */
.hud-controls{position:absolute;left:18px;bottom:16px;pointer-events:auto;font-size:12px}
.hud-controls-toggle{display:block;padding:5px 11px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:14px;cursor:pointer;color:var(--hud-gold);letter-spacing:.16em;font-size:11px;backdrop-filter:blur(8px)}
.hud-controls-body{display:none;margin-top:6px;padding:9px 12px;background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:var(--hud-r);gap:6px;backdrop-filter:blur(8px)}
.hud-controls.open .hud-controls-body{display:grid}
.hud-controls-row{display:flex;align-items:center;gap:10px;color:var(--hud-ink-dim);white-space:nowrap}
.hud-keys{display:inline-flex;gap:3px;min-width:92px}
.hud-controls{display:flex;flex-direction:column-reverse;align-items:flex-start}
.hud-controls-body{margin-top:0;margin-bottom:6px}

/* —— 设置面板 —— */
.hud-settings{position:absolute;right:18px;top:64px;width:min(340px,calc(100vw - 36px));max-height:calc(100vh - 100px);overflow:auto;padding:16px 18px 18px;background:var(--hud-bg-solid);border:1px solid var(--hud-line);border-radius:var(--hud-r);box-shadow:var(--hud-shadow);pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity var(--hud-t),transform var(--hud-t) var(--hud-ease);z-index:2}
.hud-settings.show{opacity:1;transform:none}
.hud-settings-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.hud-settings h2{margin:0;font:600 17px var(--hud-font);letter-spacing:.3em;color:var(--hud-gold-hi)}
.hud-settings h3{margin:16px 0 6px;font:600 12px var(--hud-font);letter-spacing:.3em;color:var(--hud-gold)}
.hud-settings-close{padding:4px 10px;background:none;border:1px solid var(--hud-line);border-radius:12px;color:var(--hud-ink-dim);cursor:pointer;font-size:11px}
.hud-setting-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #ffffff12;cursor:pointer}
.hud-seg{display:flex;border:1px solid var(--hud-line);border-radius:14px;overflow:hidden}
.hud-seg button{padding:5px 14px;background:none;border:0;cursor:pointer;color:var(--hud-ink-dim);font-size:12px}
.hud-seg button.on{background:var(--hud-gold);color:#2b2230}
.hud-setting-row input{position:absolute;opacity:0}
.hud-switch{position:relative;width:38px;height:20px;border:1px solid var(--hud-line);border-radius:10px;transition:background var(--hud-t-fast)}
.hud-switch::after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;background:var(--hud-gold);transform:rotate(45deg) scale(.82);transition:transform var(--hud-t) var(--hud-ease)}
input:checked+.hud-switch{background:#ecd08f33}input:checked+.hud-switch::after{transform:translateX(18px) rotate(45deg) scale(.82)}
input:focus-visible+.hud-switch{outline:2px solid var(--hud-gold-hi);outline-offset:2px}
.hud-about p{margin:0 0 8px;font-size:12px;line-height:1.7;color:var(--hud-ink-dim)}
.hud-about a{color:var(--hud-gold)}

/* —— 加载页 —— */
.hud-loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(120% 90% at 50% 100%,#44324a 0%,#26304f 42%,#141b30 100%);color:var(--hud-ink);overflow:hidden;opacity:0;transition:opacity .9s ease;font-family:var(--hud-font-ui)}
.hud-loading.in{opacity:1}.hud-loading.out{opacity:0;pointer-events:none}
.hud-loading-sky{position:absolute;inset:auto 0 0 0;height:46vh}
.hud-loading-sky svg{width:100%;height:100%;display:block}
.hud-loading-sky .far{fill:#2b3858}.hud-loading-sky .near{fill:#394a70}.hud-loading-sky .town path{fill:#1a2238}.hud-loading-sky .win{fill:#ffcf80;filter:drop-shadow(0 0 5px #ffb866);animation:hud-twinkle 3.4s ease-in-out infinite}
@keyframes hud-twinkle{50%{opacity:.6}}
.hud-loading-snow{position:absolute;inset:0;pointer-events:none}
.hud-loading-snow i{position:absolute;top:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#fff;animation:hud-fall var(--d) linear var(--dl) infinite}
@keyframes hud-fall{to{transform:translate(var(--x),108vh)}}
.hud-loading-card{position:relative;z-index:1;width:min(420px,84vw);text-align:center;margin-top:-6vh}
.hud-loading-title{margin:0;font:600 clamp(40px,6vw,64px)/1.15 var(--hud-font);letter-spacing:.42em;text-indent:.42em;color:var(--hud-gold-hi);text-shadow:0 2px 24px #ffb86655}
.hud-loading-mark{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px auto 12px;width:240px}
.hud-loading-mark i{flex:1;height:1px;background:linear-gradient(90deg,#0000,var(--hud-gold))}.hud-loading-mark i:last-child{background:linear-gradient(270deg,#0000,var(--hud-gold))}
.hud-loading-mark b{width:9px;height:9px;background:var(--hud-gold);transform:rotate(45deg)}
.hud-loading-sub{font:400 14px var(--hud-font);letter-spacing:.4em;text-indent:.4em;color:var(--hud-ink-dim);margin-bottom:34px}
.hud-loading-bar{height:4px;border-radius:2px;background:#ffffff1c;overflow:hidden;position:relative}
.hud-loading-bar i{position:absolute;inset:0;background:linear-gradient(90deg,#c9985a,var(--hud-gold-hi));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--hud-ease);box-shadow:0 0 12px var(--hud-glow)}
.hud-loading-row{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;letter-spacing:.12em;color:var(--hud-ink-dim)}
.hud-loading.error .hud-loading-bar i{background:#e08c78}
.hud-loading-retry{margin-top:18px;padding:8px 22px;background:none;border:1px solid var(--hud-gold);border-radius:18px;color:var(--hud-gold-hi);cursor:pointer;letter-spacing:.2em}
.hud-loading-retry:hover{background:#ecd08f26}

/* ======= 与旧 DOM 共存 ======= */
body.hud-active #toast,body.hud-active #hint,body.hud-active footer .controls,body.hud-active footer .build-note,body.hud-active header>.title,body.hud-active #loading{display:none!important}
body.hud-active>details{display:none!important}
html:not(.hud-debug) header .render-modes,html:not(.hud-debug) .build-note{display:none!important}
body.hud-active #room-goal{top:132px}
/* 旧 #toast 在未接入 JS 时的统一外观（仅 hud.css 引入、尚未 createHud 的过渡期） */
body:not(.hud-active) #toast{top:auto;bottom:34px;background:var(--hud-bg-solid);border:1px solid var(--hud-line);color:var(--hud-ink);font:500 14px var(--hud-font);letter-spacing:.06em;border-radius:22px}

/* ======= 面板统一：深色半透明 + 金色细描边 + 菱形角饰（不改 DOM / JS） ======= */
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft){
 z-index:30;background:var(--hud-bg-solid)!important;color:var(--hud-ink)!important;border:1px solid var(--hud-line)!important;border-radius:var(--hud-r)!important;
 box-shadow:var(--hud-shadow),0 0 0 4px #0000!important;backdrop-filter:blur(10px);font-family:var(--hud-font-ui);
 background-image:linear-gradient(#ffffff08,#0000 60px)!important;
}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft)::before,
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft)::after{content:"";position:absolute;width:9px;height:9px;background:var(--hud-gold);transform:rotate(45deg);pointer-events:none;box-shadow:0 0 10px var(--hud-glow)}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft)::before{left:5px;top:5px;width:6px;height:6px;box-shadow:none}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft)::after{right:5px;bottom:5px;width:6px;height:6px;box-shadow:none}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) :is(h1,h2,h3){font-family:var(--hud-font)!important;font-weight:600!important;letter-spacing:.12em!important;color:var(--hud-gold-hi)!important}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) :is(p,li,label,span,small,div){color:inherit}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) :is(p,small){color:var(--hud-ink-dim)!important}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) .panel-top{padding:16px 18px 12px!important;background:transparent!important;border-bottom:1px solid var(--hud-line)!important;border-radius:0!important;position:relative}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) .panel-top::after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;height:7px;margin-left:-3px;background:var(--hud-gold);transform:rotate(45deg)}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) button{
 color:var(--hud-ink)!important;background:var(--hud-bg-soft)!important;border:1px solid var(--hud-line)!important;border-radius:var(--hud-r-sm)!important;
 transition:background var(--hud-t-fast),border-color var(--hud-t-fast),box-shadow var(--hud-t-fast),transform var(--hud-t-fast);letter-spacing:.04em}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) button:hover:not(:disabled){background:#ecd08f26!important;border-color:var(--hud-gold)!important;box-shadow:0 0 14px var(--hud-glow)}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) button:active:not(:disabled){transform:translateY(1px)}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) button:is(.active,.on,.selected,.chosen,[aria-pressed="true"],[aria-checked="true"],[aria-selected="true"]){background:linear-gradient(#f3d99a,#d9b36a)!important;color:#2b2230!important;border-color:var(--hud-gold-hi)!important;box-shadow:0 0 14px var(--hud-glow)}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) button:disabled{opacity:.4!important}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) button:focus-visible{outline:2px solid var(--hud-gold-hi)!important;outline-offset:2px}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) .panel-top button{background:transparent!important;color:var(--hud-gold)!important;font-size:11px}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) .quiet{background:transparent!important;color:var(--hud-ink-dim)!important}
html body :is(#craft-options,#dessert-options,#home-options,#cinema-options) button,
html body :is(#dessert-hold,#leave-home,#leave-cinema,#reset-flowers,#reset-dessert){min-height:40px}
html body :is(#craft-selection,#dessert-selection,#dessert-progress-text,#home-status,#cinema-subtitle,#universal-progress,#universal-personal){color:var(--hud-ink-dim)!important}
html body #universal-progress{color:var(--hud-gold)!important}
html body :is(#home-conditions,#cinema-subtitle){background:#ffffff0d!important;border:1px solid #ffffff14;border-radius:var(--hud-r-sm)!important;color:var(--hud-ink)!important}
html body .stir-progress{background:#ffffff1a!important;border-radius:3px}
html body #dessert-progress-fill{background:linear-gradient(90deg,#c9985a,var(--hud-gold-hi))!important}
html body .stir-bowl{border-color:var(--hud-gold)!important;background:#ffffff0a!important;color:var(--hud-ink-dim)}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) :is(a){color:var(--hud-gold)}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) ::-webkit-scrollbar{width:6px}
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft) ::-webkit-scrollbar-thumb,html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft)::-webkit-scrollbar-thumb{background:var(--hud-gold-dim);border-radius:3px}
/* 面板入场淡入（hidden 属性切换时触发） */
html body :is(#craft,#dessert-craft,#universal-craft,#cinema-craft,#home-craft):not([hidden]){animation:hud-panel-in .4s var(--hud-ease)}
@keyframes hud-panel-in{from{transform:translateX(14px)}}
html body #room-goal{background:var(--hud-bg-solid)!important;border:1px solid var(--hud-line)!important;border-radius:var(--hud-r-sm)!important;color:var(--hud-ink)!important}
html body #open-room-panel{background:var(--hud-gold)!important;color:#2b2230!important;border:0!important}

/* 减少动态 */
:root[data-reduced-motion] .hud-root *,:root[data-reduced-motion] .hud-loading *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
:root[data-reduced-motion] .hud-loading-snow{display:none}
@media (prefers-reduced-motion:reduce){.hud-root *,.hud-loading *{animation-duration:.01ms!important;animation-iteration-count:1!important}.hud-loading-snow{display:none}}
@media (max-width:760px){.hud-memory-label{display:none}.hud-objective{width:calc(100vw - 210px)}.hud-prompt{right:14px}}
body.hud-active #local-media-open{left:auto!important;right:18px!important;bottom:16px!important}