.hud{--ink:#f4ecd8;--ink-dim:#f4ecd8b3;--ink-faint:#f4ecd866;--panel:#211a1e8c;--panel-strong:#211a1edb;--line:#f4ecd81a;--edge:inset 0 0 0 1px #f4ecd812;--lift:0 8px 28px #00000029;--water:#8cc6c2;--food:#e2907c;--warmth:#eeaa58;--stick:#d9bb8c;--gold:#f3e08c;--warn:#f2b45e;--danger:#e66a52;--good:#cfe5a0;--loss:#d3cade;--gutter:12px;--radius:16px;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--prompt-rows:0;--light-size:76px;--ui-font:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;pointer-events:none;color:var(--ink);font-family:var(--ui-font);text-shadow:0 1px 2px #00000073;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.3;position:absolute;inset:0}@media (min-width:900px){.hud{--gutter:18px}}.hud .is-hidden{display:none!important}.hud button{font:inherit;color:inherit;cursor:pointer;text-shadow:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}.hud .tap{pointer-events:auto;touch-action:manipulation}.hud .icon{width:100%;height:100%;display:block;overflow:visible}.hud .card{background:var(--panel);-webkit-backdrop-filter:blur(12px)saturate(1.15);backdrop-filter:blur(12px)saturate(1.15);border-radius:var(--radius);box-shadow:var(--lift), var(--edge)}.hud .kbd{min-width:20px;height:20px;font:600 11px/1 var(--ui-font);letter-spacing:.02em;color:var(--ink);text-shadow:none;background:#f4ecd81f;border-radius:6px;place-items:center;padding:0 6px;display:inline-grid;box-shadow:inset 0 -1px #0000004d,inset 0 0 0 1px #f4ecd824}.hud.is-touch .kbd{display:none!important}.hud .status{z-index:10;pointer-events:auto;top:calc(var(--sat) + var(--gutter));left:calc(var(--sal) + var(--gutter));flex-direction:column;gap:7px;padding:8px 10px 9px;display:flex;position:absolute}.hud .status-top{align-items:center;gap:9px;display:flex}.hud .dial{flex:none;width:48px;height:30px;overflow:visible}.hud .dial-track{fill:none;stroke:#f4ecd833;stroke-width:1.3px;stroke-dasharray:1.4 2.6}.hud .dial-done{fill:none;stroke:#ffd68c99;stroke-width:1.6px;stroke-linecap:round}.hud .dial-horizon{stroke:#f4ecd861;stroke-width:1.2px;stroke-linecap:round}.hud .dial-dusk{fill:var(--warmth);opacity:.85}.hud .dial-glow{fill:#ffd68c3d}.hud .dial-sun{fill:#ffd98a}.hud .dial.dusk .dial-sun{fill:#f59b5c}.hud .dial-moon{fill:#e1e7ff;display:none}.hud .dial.night .dial-done{stroke:#b0c2ff80}.hud .dial.night .dial-dusk,.hud .dial.night .dial-sun{display:none}.hud .dial.night .dial-moon{display:block}.hud .dial.night .dial-glow{fill:#becdff29}.hud .status-day{letter-spacing:.01em;font-size:15px;font-weight:650}.hud .status-dist{color:var(--ink-dim);white-space:nowrap;font-size:12px}.hud .meters{gap:8px;display:flex}.hud .meter{--mc:var(--ink);width:44px;height:44px;color:var(--mc);background:#00000024;border-radius:50%;place-items:center;transition:transform .15s,background-color .4s,color .4s;display:grid;position:relative}.hud .meter-water{--mc:var(--water)}.hud .meter-food{--mc:var(--food)}.hud .meter-warmth{--mc:var(--warmth);cursor:default}.hud .meter .ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hud .ring-track{fill:none;stroke:#f4ecd821;stroke-width:3px}.hud .ring-fill{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .35s}.hud .meter>.icon{filter:drop-shadow(0 1px 1px #00000059);width:20px;height:20px;position:relative}.hud .meter:active{transform:scale(.92)}.hud .meter.low{animation:1.8s ease-in-out infinite hud-meter-pulse}.hud .meter.empty{--mc:var(--danger);background:#e66a5238;animation:1.1s ease-in-out infinite hud-meter-pulse}.hud .meter.nudge{animation:.4s nudge}.hud .prompt.nudge{animation:.28s ease-out hud-rise,.4s nudge}.hud .pack{text-align:left;border-radius:10px;align-items:center;gap:6px;width:calc(100% + 8px);margin:-8px -4px -9px;padding:8px 5px 9px;font-size:12px;font-weight:600;display:flex}.hud .pack:active{background:#f4ecd814}.hud .pack-item{align-items:center;gap:2px;transition:opacity .3s;display:inline-flex}.hud .pack-item .icon{width:13px;height:13px}.hud .pack-water .icon{color:var(--water)}.hud .pack-food .icon{color:var(--food)}.hud .pack-sticks .icon{color:var(--stick)}.hud .pack-find .icon{color:var(--gold)}.hud .pack-item.zero{opacity:.42}.hud .pack-cap{text-align:right;min-width:32px;color:var(--ink-dim);margin-left:auto;font-weight:500}.hud .pack-cap.full{color:var(--warn);font-weight:650}.hud .corner{z-index:10;top:calc(var(--sat) + var(--gutter));right:calc(var(--sar) + var(--gutter));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.hud .chip{--c:#ffd27a;min-width:156px;min-height:52px;max-width:min(220px, calc(100vw - 168px - 2 * var(--gutter) - 10px - var(--sal) - var(--sar)));text-align:left;align-items:center;gap:10px;padding:8px 13px 8px 12px;transition:box-shadow .3s,background-color .3s;display:flex}.hud .chip-dot{background:var(--c);width:14px;height:14px;box-shadow:0 0 10px 2px color-mix(in srgb, var(--c) 65%, transparent), inset 0 0 2px #ffffffe6;border-radius:50%;flex:none;animation:3.6s ease-in-out infinite hud-glow;position:relative}.hud .chip-chip{display:none}.hud .chip.worn .chip-dot{opacity:.68;box-shadow:0 0 6px 1px color-mix(in srgb, var(--c) 45%, transparent), inset 0 0 2px #ffffffb3;animation-duration:6s}.hud .chip.worn .chip-chip{background:#211a1ef2;border-radius:50%;width:7px;height:7px;display:block;position:absolute;top:-2px;right:-2px}.hud .chip-pot{color:#c98a5a;flex:none;width:22px;height:22px;position:relative}.hud .chip-pot-star{background:var(--c);opacity:0;border-radius:50%;width:6px;height:6px;margin-left:-3px;transition:opacity .4s;position:absolute;top:34%;left:50%}.hud .chip-pot.has-star .chip-pot-star{opacity:.55}.hud .chip-pot.waking .chip-pot-star{opacity:1;box-shadow:0 0 8px 2px color-mix(in srgb, var(--c) 70%, transparent);animation:3.6s ease-in-out infinite hud-glow}.hud .chip-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.hud .chip-name,.hud .chip-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud .chip-name{font-size:14px;font-weight:650}.hud .chip-sub{color:var(--ink-dim);font-size:12px}.hud .chip-bar{background:#f4ecd824;border-radius:2px;height:3px;margin-top:4px;display:block;overflow:hidden}.hud .chip-bar i{border-radius:inherit;background:var(--c);transform-origin:0;height:100%;transition:transform .4s;display:block}.hud .chip.selected{box-shadow:var(--lift), 0 0 0 2px color-mix(in srgb, var(--c) 80%, transparent), 0 0 24px color-mix(in srgb, var(--c) 40%, transparent);background:#261e22b8}.hud .chip.selected .chip-sub{color:var(--c)}.hud .chip.empty .chip-name{color:var(--ink-dim);font-weight:550}.hud .corner-buttons{gap:8px;display:flex}.hud .icon-btn{border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .12s,background-color .2s;display:grid}.hud .icon-btn .icon{width:20px;height:20px}.hud .icon-btn:active{transform:scale(.92)}.hud .light{--c:#ffd27a;--p:0;z-index:10;right:calc(var(--sar) + var(--gutter));bottom:calc(var(--sab) + var(--gutter));width:var(--light-size);height:var(--light-size);color:var(--c);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--lift), var(--edge);border-radius:50%;place-items:center;transition:background-color .3s,box-shadow .4s,transform .12s,color .3s;display:grid;position:absolute}.hud .light-ring{background:conic-gradient(var(--c) calc(var(--p) * 1turn), #f4ecd81f 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px))}.hud .light-icon{width:34px;height:34px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--c) 60%, transparent));transition:opacity .3s,transform .3s}.hud .light-key{position:absolute;bottom:-2px;right:-2px}.hud .light:active{transform:scale(.94)}.hud .light[data-mode=ready] .light-ring{opacity:.75}.hud .light[data-mode=cooldown] .light-ring{opacity:.55}.hud .light[data-mode=cooldown] .light-icon{opacity:.4;transform:scale(.88)}.hud .light[data-mode=active]{background:color-mix(in srgb, var(--c) 28%, #211a1e8c);box-shadow:var(--edge), 0 0 36px 8px color-mix(in srgb, var(--c) 45%, transparent)}.hud .light[data-mode=active] .light-icon{transform:scale(1.14)}.hud .light[data-mode=off]{color:var(--ink-faint);cursor:default}.hud .light[data-mode=off] .light-icon{opacity:.45;filter:none}.hud .light[data-mode=off] .light-key{opacity:.4}.hud .light.ping{animation:.9s ease-out hud-ping}.hud .prompts{z-index:10;right:calc(var(--sar) + var(--gutter));bottom:calc(var(--sab) + var(--gutter) + var(--light-size) + 12px);max-width:min(300px, calc(100vw - 2 * var(--gutter) - var(--sal) - var(--sar)));flex-direction:column-reverse;align-items:flex-end;gap:8px;display:flex;position:absolute}.hud .prompt{text-align:left;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:100%;min-height:48px;box-shadow:var(--lift), var(--edge);border-radius:24px;align-items:center;gap:12px;padding:7px 14px 7px 17px;transition:transform .12s,opacity .2s;animation:.28s ease-out hud-rise;display:flex}.hud .prompt.primary{box-shadow:var(--lift), inset 0 0 0 1px #ffd68c61;background:#2e261cb3}.hud .prompt.disabled{opacity:.66;cursor:default;background:#211a1e6b}.hud .prompt:active{transform:scale(.97)}.hud .prompt-text{flex-direction:column;min-width:0;display:flex}.hud .prompt-label,.hud .prompt-detail{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud .prompt-label{font-size:15px;font-weight:650}.hud .prompt.disabled .prompt-label{font-weight:550}.hud .prompt-detail{color:var(--ink-dim);font-size:12px}.hud .joy{z-index:5;position:absolute;inset:0}.hud .joy-base,.hud .joy-knob{will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.hud .joy-base{--r:60px;width:calc(2 * var(--r) + 8px);height:calc(2 * var(--r) + 8px);margin:calc(-1 * var(--r) - 4px) 0 0 calc(-1 * var(--r) - 4px);background:#211a1e29;box-shadow:inset 0 0 0 1.5px #f4ecd852}.hud .joy-knob{background:#f4ecd88c;width:50px;height:50px;margin:-25px 0 0 -25px;box-shadow:0 2px 10px #00000040}.hud .toasts{z-index:60;left:calc(var(--sal) + var(--gutter));right:calc(var(--sar) + var(--gutter) + var(--light-size) + 10px);bottom:calc(var(--sab) + var(--gutter) + 2px);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}@media (min-width:900px){.hud .toasts{left:50%;right:auto;bottom:calc(var(--sab) + 30px);width:360px;transform:translate(-50%)}}.hud .toast{text-align:center;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:100%;box-shadow:var(--lift), var(--edge);transition:opacity var(--fade,.5s) ease, transform var(--fade,.5s) ease;border-radius:20px;padding:9px 16px;font-size:14px;line-height:1.3;animation:.35s ease-out hud-rise}.hud .toast.out{opacity:0;transform:translateY(6px)}.hud .toast.bump{animation:.35s ease-out hud-rise,.3s hud-bump}.hud .toast-good{box-shadow:var(--lift), inset 0 0 0 1px #cfe5a038}.hud .toast-warn{color:#ffe1b5;box-shadow:var(--lift), inset 0 0 0 1px #f2b45e61}.hud .toast-loss{font-family:var(--serif);color:var(--loss);box-shadow:none;background:#211a1e6b;font-size:15px;font-style:italic}.hud .banner{z-index:30;text-align:center;opacity:0;transition:opacity var(--fade,1s) ease, transform var(--fade,1s) ease;text-shadow:0 1px 2px #00000080,0 2px 16px #00000059;padding:0 24px;position:absolute;top:26%;left:0;right:0;transform:translateY(8px)}@media (max-width:599px){.hud .banner{top:max(26%, calc(var(--sat) + var(--gutter) + 210px))}}.hud .banner:before{content:"";z-index:-1;background:radial-gradient(closest-side,#1812154d,#18121500 100%);width:min(640px,110vw);height:220%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud .banner.show{opacity:1;transform:none}.hud .banner-text{font-family:var(--serif);letter-spacing:.01em;font-size:clamp(30px,6.4vw,48px)}.hud .banner-sub{font-family:var(--serif);color:#f4ecd8db;text-shadow:0 1px 2px #181215bf,0 0 10px #1812158c,0 2px 18px #18121559;margin-top:8px;font-size:clamp(16px,2.6vw,20px);font-style:italic}.hud .banner-small .banner-text{font-family:var(--ui-font);letter-spacing:.42em;text-transform:uppercase;align-items:center;gap:14px;padding-left:.42em;font-size:13px;font-weight:600;display:inline-flex}.hud .banner-small .banner-text:before,.hud .banner-small .banner-text:after{content:"";background:#f4ecd880;width:28px;height:1px}.hud .banner-small:before{width:min(360px,90vw);height:300%}.hud .banner-loss .banner-text{color:#f1e9f4}@media (min-width:600px) and (min-height:600px){.hud .banner-loss{top:13%}}.hud .hints{z-index:25;left:50%;top:calc(var(--sat) + var(--gutter) + 136px);width:min(360px, calc(100vw - 2 * var(--gutter)));justify-content:center;display:flex;position:absolute;transform:translate(-50%)}@media (min-width:600px){.hud .hints{top:calc(var(--sat) + var(--gutter));width:min(400px, calc(100vw - 2 * var(--gutter) - 400px - var(--sal) - var(--sar)))}}.hud .hint{pointer-events:auto;align-items:flex-start;gap:10px;padding:11px 15px 11px 12px;font-size:14px;line-height:1.4;transition:opacity .45s,transform .45s;animation:.45s ease-out hud-drop;display:flex}.hud .hint.out{opacity:0;transform:translateY(-6px)}.hud .hint-icon{width:18px;height:18px;color:var(--good);flex:none;margin-top:1px}.hud .vignette{z-index:0;opacity:0;background:radial-gradient(#6e081400 42%,#6e08146b 70%,#48020aeb 100%);transition:opacity .8s;position:absolute;inset:0}.hud .vignette-beat{opacity:0;background:radial-gradient(#960c1c00 50%,#960c1c99 100%);position:absolute;inset:0}.hud .vignette.beating .vignette-beat{animation:1.3s ease-in-out infinite hud-heartbeat}.hud .transition{z-index:100;opacity:0;visibility:hidden;background:#07060a;place-items:center;transition:opacity 1.3s,visibility 0s 1.3s;display:grid;position:absolute;inset:0}.hud .transition.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1.1s}.hud .transition-lines{text-align:center;flex-direction:column;gap:16px;padding:0 28px;transition:opacity .7s;display:flex}.hud .transition-lines.out{opacity:0}.hud .transition-line{font-family:var(--serif);color:#f4ecd8d1;opacity:0;text-shadow:none;font-size:clamp(19px,4.4vw,28px);animation:1.3s forwards hud-line-in}.hud .transition-line:first-child{color:var(--ink);font-size:clamp(24px,5.6vw,36px)}.hud .panel-backdrop{z-index:50;padding:calc(var(--sat) + 14px) calc(var(--sar) + 12px) calc(var(--sab) + 14px) calc(var(--sal) + 12px);opacity:0;visibility:hidden;background:#140f1266;place-items:center;transition:opacity .25s,visibility 0s .25s;display:grid;position:absolute;inset:0}.hud .panel-backdrop.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s}.hud .panel{background:var(--panel-strong);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);width:min(460px,100%);max-height:100%;text-shadow:none;border-radius:22px;flex-direction:column;transition:transform .3s;display:flex;overflow:hidden;transform:translateY(10px)scale(.98);box-shadow:0 24px 70px #0006,inset 0 0 0 1px #f4ecd814}.hud .panel-backdrop[data-panel=journal] .panel{width:min(540px,100%)}.hud .panel-backdrop.show .panel{transform:none}.hud .panel-head{align-items:center;gap:10px;padding:12px 10px 6px 22px;display:flex}.hud .panel-title{font-family:var(--serif);letter-spacing:.01em;margin:0;font-size:24px;font-weight:400}.hud .panel-aside{font-family:var(--serif);color:var(--ink-dim);margin-left:auto;font-size:14px;font-style:italic}.hud .panel-close{flex:none}.hud .panel-body{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:2px 22px 22px;overflow-y:auto}.hud .panel-section{margin-top:20px}.hud .panel-section h3{font:650 11px/1 var(--ui-font);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px}.hud .panel-note{color:var(--ink-dim);margin:8px 0 0;font-size:13px}.hud .panel-empty{font-family:var(--serif);color:var(--ink-dim);margin:2px 0;font-size:15px;font-style:italic}.hud .panel-foot-note{text-align:center;color:var(--ink-faint);margin:24px 0 0;font-size:12px}.hud .muted{color:var(--ink-dim)}.hud .btn{white-space:nowrap;background:#f4ecd817;border-radius:14px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .15s,transform .1s,opacity .2s;box-shadow:inset 0 0 0 1px #f4ecd81f}.hud .btn:active:not(:disabled){transform:scale(.97)}.hud .btn:disabled{opacity:.32;cursor:default}.hud .btn-small{padding:0 11px;font-size:13px}.hud .btn-primary{background:#ffd68c2e;box-shadow:inset 0 0 0 1px #ffd68c6b}.hud .btn-danger{background:#e66a523d;box-shadow:inset 0 0 0 1px #e66a5280}@media (hover:hover){.hud .btn:hover:not(:disabled),.hud .icon-btn:hover,.hud .meter-water:hover,.hud .meter-food:hover{background-color:#f4ecd829}.hud .btn-primary:hover:not(:disabled){background-color:#ffd68c42}.hud .prompt:not(.disabled):hover{background-color:#342c22c7}.hud .chip:hover{background-color:#261e22a8}}.hud .stash-grid{margin-top:4px;display:grid}.hud .stash-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 44px 52px 214px;align-items:center;gap:8px;min-height:56px;display:grid}.hud .stash-head{letter-spacing:.12em;text-transform:uppercase;text-align:center;min-height:26px;color:var(--ink-faint);border:0;font-size:11px;font-weight:650}.hud .stash-type{align-items:center;gap:9px;font-weight:600;display:inline-flex}.hud .stash-type .icon{flex:none;width:20px;height:20px}.hud .stash-water .icon{color:var(--water)}.hud .stash-food .icon{color:var(--food)}.hud .stash-sticks .icon{color:var(--stick)}.hud .stash-find .icon{color:var(--gold)}.hud .stash-n{text-align:center;font-size:17px;font-weight:650}.hud .stash-n.zero{color:var(--ink-faint);font-weight:500}.hud .stash-acts{grid-template-columns:62px 64px 72px;justify-content:end;gap:6px;display:grid}.hud .stash-acts .btn-small{padding:0 6px}.hud .drop-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 44px auto;align-items:center;gap:8px;min-height:56px;display:grid}.hud .drop-row .stash-acts{grid-template-columns:72px 80px}.hud .stash-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}@media (max-width:420px){.hud .stash-label{display:none}.hud .stash-row{grid-template-columns:22px 1fr 1fr auto;gap:6px}.hud .stash-acts{grid-template-columns:54px 56px 62px;gap:5px}.hud .stash-acts .btn-small{padding:0 4px}.hud .drop-row{grid-template-columns:22px 1fr auto}.hud .drop-row .stash-acts{grid-template-columns:66px 72px}}.hud .stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 0;display:grid}.hud .stat{text-align:center;background:#f4ecd80f;border-radius:12px;padding:10px 6px 9px}.hud .stat dd{font-family:var(--serif);margin:0;font-size:21px}.hud .stat dt{letter-spacing:.05em;color:var(--ink-dim);margin-top:3px;font-size:11px}.hud .people,.hud .finds,.hud .log{margin:0;padding:0;list-style:none}.hud .people{flex-direction:column;gap:14px;display:flex}.hud .person{align-items:flex-start;gap:12px;display:flex}.hud .person-dot{background:var(--c);width:12px;height:12px;box-shadow:0 0 9px color-mix(in srgb, var(--c) 70%, transparent);border-radius:50%;flex:none;margin-top:6px}.hud .person-grave .person-dot,.hud .person-unburied .person-dot{box-shadow:inset 0 0 0 2px var(--c);background:0 0}.hud .person-unburied .person-dot{opacity:.6}.hud .person-name{font-family:var(--serif);font-size:18px}.hud .person-meta{color:var(--ink-dim);font-size:12px}.hud .person-line{font-family:var(--serif);color:#f4ecd8db;margin-top:4px;font-size:15px;font-style:italic}.hud .finds{flex-wrap:wrap;gap:6px;display:flex}.hud .find{background:#f3e08c14;border-radius:14px;padding:6px 12px;font-size:13px;box-shadow:inset 0 0 0 1px #f3e08c38}.hud .log{font-family:var(--serif)}.hud .log-day{font:650 11px/1 var(--ui-font);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:16px 0 6px}.hud .log-day:first-child{margin-top:0}.hud .log-entry{margin:0 0 6px;font-size:15px;line-height:1.45}.hud .menu-actions{margin-top:6px;display:flex}.hud .menu-actions .btn{flex:1}.hud .segmented{gap:6px;display:flex}.hud .segmented .btn{flex:1;max-width:96px}.hud .segmented .btn.on{background:#ffd68c3d;box-shadow:inset 0 0 0 1.5px #ffd68c99}.hud .controls-list{grid-template-columns:auto 1fr;gap:7px 18px;margin:0;font-size:14px;display:grid}.hud .controls-list dt{color:var(--ink-dim)}.hud .controls-list dd{margin:0}.hud .confirm{background:#e66a521a;border-radius:14px;margin-top:10px;padding:12px;box-shadow:inset 0 0 0 1px #e66a524d}.hud .confirm p{margin:0 0 10px;font-size:14px}.hud .confirm-row{gap:8px;display:flex}.hud .confirm-row .btn{flex:1}.hud .panel-section>.btn{margin-top:10px}@media (max-height:440px){.hud{--light-size:68px}.hud .prompt,.hud .stash-row,.hud .drop-row{min-height:44px}.hud .stash-foot{margin-top:8px}.hud .panel-backdrop[data-panel=stash] .panel-note{display:none}.hud .panel-head{padding-top:8px;padding-bottom:2px}.hud .panel-body{padding-bottom:12px}.hud .panel-section{margin-top:12px}.hud .status{grid-template-columns:auto auto;grid-template-areas:"top meters""pack pack";align-items:center;gap:5px 12px;padding:6px 10px 7px;display:grid}.hud .status-top{grid-area:top}.hud .meters{grid-area:meters;gap:6px}.hud .status .pack{grid-area:pack}.hud .dial{width:40px;height:25px}.hud .meter{width:40px;height:40px}.hud .hints{left:calc(var(--sal) + var(--gutter) + 336px);right:calc(var(--sar) + var(--gutter) + 182px);width:auto;transform:none}}.hud .cues{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hud .cue{width:0;height:0;transition:opacity .25s linear;position:absolute;top:0;left:0}.hud .cue-eyes{gap:6px;display:flex;position:absolute;top:-3px;left:-9px}.hud .cue-eyes i{background:#eef3ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px 2px #d6e2ff8c}.hud .cue-arrow{transform-origin:5px 5px;width:10px;height:10px;position:absolute;top:-5px;left:-5px}.hud .cue-arrow:before{content:"";border-top:2px solid #e8eeffbf;border-right:2px solid #e8eeffbf;position:absolute;inset:1px;transform:rotate(45deg)}.hud.is-beat .prompts,.hud.is-beat .joy{opacity:0;transition:opacity .4s}.hud.is-beat .prompts .tap{pointer-events:none}.hud .banner-sub .lack{opacity:.42}.hud .banner-sub2{color:#f4ecd8bd;margin-top:4px;font-size:clamp(14px,2.2vw,17px)}.hud .light-tag{white-space:nowrap;color:var(--ink);background:var(--panel);box-shadow:var(--edge);opacity:0;pointer-events:none;border-radius:10px;padding:3px 9px;font-size:12px;font-weight:650;transition:opacity .3s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.hud .light[data-kind=hold] .light-tag{opacity:1}.hud .light[data-kind=hold]{box-shadow:var(--lift), inset 0 0 0 1.5px color-mix(in srgb, var(--c) 55%, transparent)}.hud:has(.light[data-kind=hold]) .prompts{bottom:calc(var(--sab) + var(--gutter) + var(--light-size) + 36px)}.hud.left-handed .light{right:auto;left:calc(var(--sal) + var(--gutter))}.hud.left-handed .light-key{left:-2px;right:auto}.hud.left-handed .prompts{right:auto;left:calc(var(--sal) + var(--gutter));align-items:flex-start}.hud.left-handed .toasts{left:calc(var(--sal) + var(--gutter) + var(--light-size) + 10px);right:calc(var(--sar) + var(--gutter))}@media (min-width:900px){.hud.left-handed .toasts{left:50%;right:auto}}.hud .waits{z-index:70;opacity:0;visibility:hidden;background:#0e0b106b;place-items:center;transition:opacity .6s,visibility 0s .6s;display:grid;position:absolute;inset:0}.hud .waits.show{opacity:1;visibility:visible;pointer-events:auto;cursor:pointer;transition:opacity .6s}.hud .waits-line{font-family:var(--serif);color:#f4ecd8e6;padding:0 24px;font-size:clamp(24px,5vw,36px);font-style:italic}.hud .elsewhere{z-index:120;pointer-events:auto;background:#0a080cc7;place-items:center;padding:24px;display:none;position:absolute;inset:0}.hud .elsewhere.show{display:grid}.hud .elsewhere-card{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:360px;display:flex}.hud .elsewhere-title{font-family:var(--serif);font-size:clamp(22px,5vw,30px)}.hud .elsewhere-sub{color:var(--ink-dim);margin-bottom:8px;font-size:14px}.hud .hints{flex-direction:column;align-items:center;gap:8px}.hud .notice{pointer-events:auto;align-items:center;gap:10px;width:100%;padding:10px 6px 10px 14px;animation:.45s ease-out hud-drop;display:flex}.hud .notice-body{flex:1;min-width:0}.hud .notice-title{font-weight:650}.hud .notice-sub{color:var(--ink-dim);margin-top:2px;font-size:13px}.hud .notice-close{flex:none;width:36px;height:36px}.hud .menu-update{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.hud .walk-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hud .walk-row .btn{flex:1}.hud .walk-text{box-sizing:border-box;resize:vertical;width:100%;color:var(--ink);word-break:break-all;-webkit-user-select:text;user-select:text;touch-action:auto;background:#f4ecd814;border:0;border-radius:12px;margin-top:10px;padding:8px 10px;font:12px/1.35 ui-monospace,SF Mono,Menlo,monospace;display:block;box-shadow:inset 0 0 0 1px #f4ecd829}.hud .walk-msg{color:var(--ink)}.hud .person.worn .person-dot{opacity:.7}@keyframes hud-meter-pulse{0%,to{transform:scale(1);box-shadow:0 0 #0000}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--mc) 28%, transparent);transform:scale(1.07)}}@keyframes nudge{0%,to{translate:0}25%{translate:-4px}75%{translate:4px}}@keyframes hud-glow{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes hud-ping{0%{box-shadow:var(--lift), 0 0 0 0 color-mix(in srgb, var(--c) 65%, transparent)}to{box-shadow:var(--lift), 0 0 0 20px transparent}}@keyframes hud-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hud-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes hud-bump{50%{transform:scale(1.06)}}@keyframes hud-heartbeat{0%{opacity:0}10%{opacity:.95}22%{opacity:.2}34%{opacity:.75}60%,to{opacity:0}}@keyframes hud-line-in{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.hud .meter.low,.hud .meter.empty,.hud .chip-dot,.hud .vignette.beating .vignette-beat{animation:none}}
