#buildBadge{position:fixed;left:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:72;display:flex;align-items:center;gap:8px;font:12px/1.2 monospace;color:#c3b7a0;pointer-events:auto}
#buildBadge span{padding:7px 10px;background:rgba(8,9,8,.82);border:1px solid #5d5445;border-radius:3px;letter-spacing:.04em}
#debugOpen{display:grid;place-items:center;width:34px;height:32px;border:1px solid #73634c;border-radius:3px;background:#151614;color:#e9d9bc;cursor:pointer}
#debugOpen:hover,#debugOpen:focus-visible{border-color:#e1c698;background:#2a2820;outline:2px solid #dbc195;outline-offset:2px}
body:not(.touch) #inv{bottom:66px}
#snapshotPanel{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.72);backdrop-filter:blur(5px);display:none;place-items:center;padding:18px;overflow:auto;touch-action:pan-y}
#snapshotPanel[open]{display:grid}
.snap-card{width:min(470px,100%);margin:auto;background:linear-gradient(145deg,#23251f,#10120f);border:1px solid #73614a;box-shadow:0 25px 120px #000;padding:28px;color:#e9dfca;font:17px/1.4 'Barlow Condensed',Arial,sans-serif;text-align:left;position:relative}
.snap-eyebrow{font:11px monospace;letter-spacing:.22em;color:#bbaa87;margin-bottom:8px}
.snap-card h2{font-size:32px;font-weight:600;line-height:1;margin:0 0 20px;letter-spacing:.06em}
.snap-card p{font-size:16px;color:#aea995;margin:12px 0}
.snap-card label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #35372c}
.snap-card select{color:#eee4d1;background:#0d100d;border:1px solid #827056;padding:10px 12px;width:190px;font:16px monospace;cursor:pointer}
.snap-card input[type=checkbox]{width:18px;height:18px;accent-color:#ceb98e;cursor:pointer;flex:none}
.snap-card input[type=range]{width:135px;accent-color:#ceb98e}
#snapshotFeatures{white-space:pre-line;border-left:2px solid #b09b74;padding-left:12px;min-height:86px}
.snap-actions{display:flex;gap:10px;margin-top:22px}
.snap-actions button{border:1px solid #9f8d6a;background:#d8c59f;color:#12170e;padding:11px 14px;cursor:pointer;font:600 17px 'Barlow Condensed',Arial,sans-serif;flex:1}
.snap-actions button:last-child{background:transparent;color:#d2c4aa;border-color:#555545}
.snap-actions button:disabled{opacity:.4;cursor:default}
#snapshotStatus{font:12px/1.5 monospace;color:#b9bc9e;overflow-wrap:anywhere}
#previewDrag{position:fixed;z-index:31;display:none;cursor:grab;touch-action:none;background:transparent;border:0;outline:0}
#previewDrag:active{cursor:grabbing}
#previewDrag:focus-visible{outline:1px dashed #ceb98e;outline-offset:-10px}
#previewHelp{font:12px/1.4 monospace;color:#b2a996;margin:12px 0 0;text-align:center}
#previewReset{background:none;border:0;border-bottom:1px solid #746e5d;color:#d6c4a5;font:inherit;cursor:pointer;padding:3px}
#bloodFx{position:fixed;inset:0;width:100%;height:100%;z-index:40;pointer-events:none}
#breathHud{display:none;position:fixed;left:50%;bottom:calc(102px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:210px;z-index:19;color:#e5d8bd;text-align:center;text-shadow:0 1px 6px #000;font:12px/1.5 monospace;pointer-events:none}
#breathHud .meter{margin:6px 0;height:3px;background:#373931;box-shadow:0 1px 4px #000}
#breathFill{display:block;height:100%;background:#d8c5a4;transform-origin:left}
#breathHud[data-state=empty] #breathFill{background:#b36751}
#breathTouch{display:none;position:fixed;right:18px;bottom:310px;width:66px;height:50px;border-radius:5px;border:1px solid #aa9572;background:#1c2318d9;color:#e8d9bc;font:14px 'Barlow Condensed',Arial;z-index:24;touch-action:none}
body.touch.playing[data-snapshot-extended=true] #breathTouch{display:block}
@media(max-width:740px){.snap-card{padding:20px}.snap-card label{gap:8px}#buildBadge{left:9px;bottom:7px;font-size:10px}#buildBadge span{padding:7px}#debugOpen{width:30px}#breathHud{bottom:89px;width:160px}body.touch #lookPanel{bottom:52px;width:170px;max-height:45vh;overflow:auto}}