.field{display:block;color:var(--muted);font-size:11px;margin:12px 0}.field select{display:block;width:100%;font-size:11px;margin-top:5px;min-width:0}.file-button{display:block;text-align:center;padding:8px;border:1px solid var(--line);cursor:pointer;font-size:11px}.file-button:hover{border-color:var(--accent)}.note{font-size:10px;color:var(--muted);line-height:1.7}.lock-control{display:block;margin-top:14px}button:disabled,select:disabled{opacity:.4;cursor:default}#enemy-labels{position:absolute;inset:0;pointer-events:none}.enemy-label{position:absolute;transform:translate(-50%,-100%);width:72px;text-align:center;font-size:9px;color:#c2c8cf;text-shadow:0 1px 3px #000}.enemy-label>i{display:block;height:3px;background:#262d36;margin-top:3px}.enemy-label>i>b{display:block;height:100%;background:#b79868}.enemy-label.locked{color:#ffdea0}.enemy-label.locked>i>b{background:#e6c58b}#combat-banner{position:absolute;top:45%;left:50%;transform:translateX(-50%);text-align:center;color:#ead0a4;font-size:24px;letter-spacing:3px;pointer-events:none}.hud{gap:22px}#status{min-height:2em}aside input[type=range]{max-width:100%}

#hair-controls{margin-top:15px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#hair-controls>summary{font-size:11px;color:var(--accent);cursor:pointer;letter-spacing:1px}#hair-controls .field{margin:9px 0}#hair-controls input[type=color]{display:block;width:100%;height:26px;margin-top:5px;padding:2px;background:transparent;border:1px solid var(--line)}#hair-controls input[type=range]{margin:10px 0 6px}#hair-controls input:disabled{opacity:.35}#hair-controls .note{margin-bottom:0}
.viewport.playing canvas{cursor:default}.viewport.playing .canvas-footer{pointer-events:none}
.viewport.aiming canvas{cursor:none}#aim-reticle{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);color:#e4f7ec;filter:drop-shadow(0 1px 2px #000);pointer-events:none;z-index:4}#aim-reticle[hidden]{display:none}#aim-reticle i:before,#aim-reticle i:after,#aim-reticle b:before,#aim-reticle b:after{content:'';position:absolute;background:currentColor}#aim-reticle i:before{width:7px;height:1px;left:0;top:15px}#aim-reticle i:after{width:7px;height:1px;right:0;top:15px}#aim-reticle b:before{width:1px;height:7px;left:15px;top:0}#aim-reticle b:after{width:1px;height:7px;left:15px;bottom:0}#aim-reticle>span{position:absolute;left:14px;top:14px;width:3px;height:3px;border-radius:50%;background:currentColor}#aim-reticle small{position:absolute;top:43px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:1px;color:#adc2c3}#aim-reticle.on-target{color:#efab95}#aim-reticle.blocked{color:#ddac65}.aiming .enemy-label.locked:before{display:none}

#context-hint{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);color:#9ddfce;font-size:12px;text-shadow:0 2px 5px #000;pointer-events:none}.hud{gap:16px}.hud b{font-size:20px}
#combat-mode{position:absolute;top:190px;left:28px;padding:7px 10px;border:1px solid #688887;background:#14232ccc;color:#b5d9d5;font-size:11px;letter-spacing:1px;pointer-events:none}.viewport:not(.playing) #combat-mode{display:none}@media(max-width:900px){#combat-mode{left:18px;top:181px}}@media(max-width:560px){#combat-mode{top:164px}}

#aim-reticle[data-zone="head"]:not(.blocked){color:#ffd584}#aim-reticle[data-zone="lower-leg"]:not(.blocked){color:#94ddd5}#aim-reticle em{position:absolute;top:66px;left:50%;transform:translateX(-50%);white-space:nowrap;font:11px system-ui,sans-serif;color:#ffdfa2;text-shadow:0 1px 4px #000}
#loading.loading-detail{white-space:pre-line;max-width:calc(100% - 32px);box-sizing:border-box;line-height:1.9;text-align:center}

.render-quality{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#9eb7b7;white-space:nowrap}.render-quality select{width:auto;min-width:0;max-width:125px;padding:5px 7px;font:inherit;background:#132029;border:1px solid #54706d;color:#d5e6e1}@media(max-width:600px){.render-quality{font-size:10px}.render-quality select{max-width:100px}}

html[data-render-quality="minimal"] .intro,html[data-render-quality="minimal"] .overlay{backdrop-filter:none;-webkit-backdrop-filter:none}
