/* Salvaged field terminal. Original artwork and live HTML controls. */
:root {
 --worn-metal:linear-gradient(115deg,#b8ac7930,transparent 28%,#0006 70%,#b8ac791c),url('assets/shop-scratched-metal.webp');
 --rust:radial-gradient(ellipse at 2% 90%,#77391cbb,transparent 30%),radial-gradient(ellipse at 96% 4%,#6a321fcc,transparent 24%);
 --steel:#79765e;--phosphor:#a5d282;--engraving:#d1bf91;
}
.hud {
 position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(190px,1.3fr) 75px 100px minmax(210px,1fr) 105px 100px;
 gap:12px;align-items:stretch;flex:none;min-height:0;height:151px;padding:19px 25px 22px;
 border:0;border-top:7px ridge #999581;border-bottom:4px groove #666653;
 background:var(--rust),var(--worn-metal);background-size:auto,auto,auto,420px 250px;
 box-shadow:0 -4px 0 #161a14,0 -8px 20px #0009,inset 0 3px 9px #ddd2ab66,inset 0 -5px 15px #000c;
}
.hud::before,.game-panel::before,dialog:not(.shop-dialog)::before {
 content:'';position:absolute;inset:5px;pointer-events:none;z-index:2;
 background:radial-gradient(circle,#36382b 0 2px,#c0b798 3px,#585541 5px,#131a12 6px,transparent 7px) top left,
 radial-gradient(circle,#36382b 0 2px,#c0b798 3px,#585541 5px,#131a12 6px,transparent 7px) top right,
 radial-gradient(circle,#36382b 0 2px,#c0b798 3px,#585541 5px,#131a12 6px,transparent 7px) bottom left,
 radial-gradient(circle,#36382b 0 2px,#c0b798 3px,#585541 5px,#131a12 6px,transparent 7px) bottom right;
 background-size:14px 14px;background-repeat:no-repeat;
}
.hud::after {content:'';position:absolute;inset:4px 15px;pointer-events:none;border:1px solid #161d1280;box-shadow:0 1px #e5d4a448}
.hud-serial {position:absolute;bottom:3px;right:30px;font:8px monospace;letter-spacing:2px;color:#b0a27e;text-shadow:0 1px #1b2117}
.hud button,.game-panel button:not(.kit-item),#choices button,.voice-controls button {
 border:3px outset #91896c;border-radius:3px;
 background:linear-gradient(#bfaa7130,#0006),var(--worn-metal);background-size:auto,auto,240px 170px;
 color:#eee0b5;text-shadow:0 1px 2px #000;font-size:12px;
 box-shadow:0 2px 3px #0009,inset 0 0 0 1px #161b12,inset 0 0 10px #0005;
}
.hud button:hover:not(:disabled),.game-panel button:hover:not(:disabled),#choices button:hover:not(:disabled) {border-color:#c0b18a;color:#fff1ce;filter:brightness(1.12)}
.hud button:active:not(:disabled),#choices button:active:not(:disabled) {border-style:inset;transform:translateY(1px)}
button:focus-visible {outline:2px solid #e6c978;outline-offset:3px}
.hud button:disabled {opacity:1;color:#817c67;text-shadow:0 1px #1118;border-color:#65634f;box-shadow:inset 0 2px 7px #0009}
.hud-feed {min-width:0;padding:8px 13px;border:5px ridge #a4a18c;border-radius:15px 9px 15px 10px;
 background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px),radial-gradient(ellipse at 45% 10%,#324332,#0b160f 85%);
 box-shadow:0 0 0 2px #262d22,inset 0 0 13px 4px #000c,0 2px 4px #000b;color:var(--phosphor);
}
.hud-feed-caption {display:flex;align-items:center;gap:6px;font:8px monospace;letter-spacing:1px;color:#96a17c;border-bottom:1px solid #71835844;padding-bottom:5px;margin-bottom:5px}
.hud-feed #hudmode {margin-left:auto;color:#c6bc82;letter-spacing:0;font-size:8px}
.hud-lamp {width:5px;height:5px;border-radius:50%;background:#b2e18d;box-shadow:0 0 6px #9ccd7c;flex-shrink:0}
#hudfeed {font:11px/1.4 Consolas,monospace;text-shadow:0 0 4px #a5d28233;max-height:61px;overflow:auto;scrollbar-width:thin}
#hudfeed div {overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 3px}
#hudfeed div:not(:first-child) {opacity:.65;-webkit-line-clamp:1}
.hud-vitals {display:flex;flex-direction:column;gap:6px;justify-content:center}
.hud .hud-health,.hud-ap {width:100%;height:auto;border-radius:3px;border:3px inset #8e8567;background:linear-gradient(#0009,#0000),#172016;box-shadow:inset 0 0 9px #000c;padding:4px;text-align:center}
.hud-health small,.hud-ap small {font:8px/1 monospace;color:#b5aa84;letter-spacing:1px;margin:0 0 3px}
.hud-health strong {font:bold 26px/1 Consolas,monospace;color:#dbb98e;text-shadow:0 0 5px #c97d4b55;letter-spacing:3px}
.hud-ap {display:flex;align-items:center;justify-content:space-between;padding:4px 9px}
.hud-ap small {margin:0}.hud-ap b {font:bold 20px/1 Consolas,monospace;color:#b8ce87;text-shadow:0 0 4px #93d48355}
.hud-actions {display:grid;grid-template-columns:1fr;gap:5px;max-width:none;align-content:center}
.hud-actions button {padding:4px 6px;text-align:left;min-height:27px;font-size:11px}
.hud kbd {font:9px monospace;margin-left:4px;color:#c0b18a}
.hud button.hud-weapon {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:0;width:100%;max-width:none;padding:5px 9px;border:4px inset #969078;background:linear-gradient(#151c1799,#0b100de8),url('assets/shop-scratched-metal.webp');background-size:auto,350px;box-shadow:inset 0 0 15px #000b;text-align:center;color:#c6c6a0}
.hud-weapon #hudweapon {font:9px/1.1 Consolas,monospace;letter-spacing:1px;margin:0;color:#cfc18f}
.hud-weapon #hudweaponimage {width:145px;height:53px;max-width:100%;margin:0;filter:drop-shadow(2px 5px 2px #000b)}
.hud-weapon #hudweaponstats {font:9px/1.2 Consolas,monospace;color:#b0be90}
.hud #turn {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;max-width:none;padding:5px;font:11px/1.1 'Roboto Condensed',sans-serif;text-transform:uppercase}
.hud #turn kbd {float:none;margin:0;font-size:8px}
.turn-lamp {display:block;width:28px;height:28px;flex-shrink:0;border:4px ridge #b0a286;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8c68,#9b201a 42%,#3c120f);box-shadow:0 2px 4px #0009,inset 0 0 4px #000b}
#turn:disabled .turn-lamp {background:radial-gradient(circle at 35% 30%,#765647,#3d2a21 60%,#241b15)}
.hud-quick {display:grid;grid-template-columns:1fr;gap:4px;align-content:center}
.hud-quick button {font-size:10px;min-height:22px;padding:2px 6px}
/* Shared salvaged chassis for conversations, character, journal and settings. */
.game-panel,dialog:not(.shop-dialog) {
 border:7px ridge #8d8b75;border-radius:8px;
 background:var(--rust),linear-gradient(#17251de0,#111c17ed),url('assets/shop-scratched-metal.webp');background-size:auto,auto,auto,450px;
 box-shadow:0 0 0 2px #172017,0 20px 70px #000c,inset 0 0 0 2px #aca07b66,inset 0 0 25px #0009;
}
.game-panel {top:28px;max-height:calc(100dvh - 210px);padding:25px}
.game-panel h2,dialog h2 {color:#dfc992;text-shadow:0 2px 2px #000}
.game-panel .section-label,dialog .section-label {color:#b1ad84;font:10px Consolas,monospace;letter-spacing:1.5px}
.game-panel .close-panel {width:30px;height:28px;display:grid;place-items:center;padding:0!important;line-height:1;font-size:21px!important;color:#d2a88a!important;background:linear-gradient(#704b37,#34291f)!important;z-index:3}
#characterpanel .stat strong,#characterlevel,#characterderived {font-family:Consolas,monospace;color:#bbcf95}
#characterpanel .bar {height:7px;border:1px inset #79745b;background:#0b140d}
#characterpanel .bar i {background:linear-gradient(#a6c27e,#4a7342)}
#journalpanel #log {padding:12px;border:4px inset #837e62;border-radius:8px;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px),#101c13;color:#9dc980;font-family:Consolas,monospace;font-size:12px}
#journalpanel #log div:first-child {color:#c6e4a6}
#journalpanel #quest {padding:12px;border-left:3px solid #9c8b59;background:#0b150e77}
.settings-panel {width:min(430px,calc(100vw - 24px))}
.settings-panel .hud-system {display:grid;grid-template-columns:1fr 1fr;gap:10px}
.settings-panel .hud-system button {padding:9px;font-size:12px}
.settings-panel .music-controls {max-width:none;grid-column:1/-1;padding:12px;border:3px inset #81785e;background:#101b147d;gap:10px;grid-template-columns:1fr 1fr}
.settings-panel .music-controls button {width:100%}.settings-panel .music-controls label {font-size:12px;flex-wrap:wrap}
.settings-panel .music-controls input {width:100%;min-width:70px}
.settings-panel .music-controls small {display:block}
.settings-panel #help {grid-column:1/-1}
.settings-panel #voicetoggle {grid-column:auto}
dialog:not(.shop-dialog) {padding:25px;max-width:680px}
dialog:not(.shop-dialog) #dialogtext {color:#c9d1b5}
dialog:not(.shop-dialog) .dialog-portrait {border:4px inset #867e60;background:#111b14;box-shadow:inset 0 0 15px #000b}
dialog:not(.shop-dialog) .voice-controls {padding:8px;border:2px inset #716e55;background:#101a1488}
#choices button {padding:10px 14px;text-align:left}
#choices button::before {content:'› ';color:#c5b77d}
.camera-help,.map-label,#hint,#toast {border-color:#9a8b5c80}
canvas#minimap {border:5px ridge #8d876b;box-shadow:0 3px 8px #0009}
/* Preserve full-screen shop and romantic illustration layouts. */
dialog.mary-evening {background:radial-gradient(ellipse at 20% 10%,#64452b66,transparent 65%),#101512}
dialog.mary-illustrated {max-width:960px;padding:16px}
.game-panel.field-kit {top:50%;max-height:calc(100dvh - 26px)}
@media(min-width:1600px){.hud {grid-template-columns:minmax(250px,1.4fr) 82px 115px minmax(260px,1fr) 120px 115px;gap:16px;padding-inline:40px;height:160px}#hudfeed{font-size:12px;max-height:70px}}
@media(max-width:1050px){.hud{grid-template-columns:minmax(155px,1fr) 65px 88px minmax(175px,1fr) 86px 86px;gap:7px;padding:16px 16px 20px;height:145px}.hud-actions button{font-size:10px}.hud-feed{padding:7px}.hud-feed-caption{font-size:7px;letter-spacing:0}.hud button.hud-weapon{padding:5px}.hud-weapon #hudweaponstats{font-size:8px}}
@media(max-width:760px){.hud{height:auto;min-height:174px;grid-template-columns:58px 1fr 1.4fr 80px;grid-template-rows:90px 43px;padding:13px 15px 20px;gap:6px}.hud-feed{grid-row:2;grid-column:1/4;border-width:3px;border-radius:6px;padding:4px 7px}.hud-feed-caption{display:none}#hudfeed{font-size:9px;max-height:28px}#hudfeed div{-webkit-line-clamp:1}.hud-vitals{grid-column:1;grid-row:1}.hud-actions{grid-column:2;grid-row:1}.hud button.hud-weapon{display:flex;grid-column:3;grid-row:1}.hud #turn{grid-column:4;grid-row:1}.hud-quick{grid-column:4;grid-row:2;grid-template-columns:1fr 1fr;gap:2px}.hud-quick button{font-size:8px;min-height:17px;padding:2px}.hud-quick kbd{display:none}.hud-serial{font-size:6px;right:18px;letter-spacing:1px}.game-panel{max-height:calc(100dvh - 200px);top:12px;right:8px}.settings-panel .music-controls{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.hud{grid-template-columns:50px 1fr 1.15fr 67px;padding-inline:10px;gap:4px}.hud-health strong{font-size:22px}.hud-actions button{font-size:9px;padding:4px}.hud kbd{display:none}.hud-weapon #hudweapon{font-size:7px}.hud-weapon #hudweaponstats{font-size:7px}.hud #turn{font-size:9px}.hud-feed #hudmode{display:none}}
@media(max-width:760px){.hud{grid-template-rows:90px 38px 25px}.hud-feed{grid-column:1/-1}.hud-quick{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.hud-quick button{font-size:10px;min-width:0}.hud>*,.hud-quick>*{min-width:0}}

.loot-dialog #dialogtext {white-space:pre-line;font-family:Consolas,monospace;font-size:13px;color:#b5ce9a;padding:14px;border:3px inset #776f55;background:#111d14}