*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:#0b0e10;color:#e7ecee;font:14px/1.4 -apple-system,system-ui,"Hiragino Sans",sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none}
body{display:flex;flex-direction:column;height:100dvh;padding-top:env(safe-area-inset-top)}
#echoWrap,#neckWrap{flex:1 1 0;min-height:0;position:relative}
canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
#bar{flex:none;display:flex;align-items:center;gap:6px;padding:4px 6px;background:#161b1f}
#bar button{flex:none;min-height:36px;padding:0 9px;border:1px solid #39444b;border-radius:8px;background:#232b30;color:inherit;font:inherit}
#btnPress.on{background:#20b8a5;color:#04211d}
#angle{flex:1;min-width:0;display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}
#angle input{flex:1;min-width:30px;width:100%}
#hud{position:absolute;left:4px;bottom:2px;font-size:11px;color:#9fd8cf;pointer-events:none;white-space:pre}
#warn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:8px;background:rgba(160,70,20,.92);font-weight:600;white-space:nowrap}
#status{position:absolute;left:8px;right:44px;top:6px;padding:4px 8px;border-radius:7px;background:rgba(8,12,14,.78);font-size:13px;font-weight:600;pointer-events:none;min-height:28px}
#status.good{background:rgba(10,110,85,.94)}#status.bad{background:rgba(170,30,30,.94)}#status.warn{background:rgba(160,100,10,.94)}
#syringe{position:absolute;right:8px;top:6px;width:26px;height:74px;border:2px solid #cfd8dc;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden;pointer-events:none}
#blood{position:absolute;left:0;right:0;bottom:0;height:0;background:#6d0f1a}
#menu{position:fixed;inset:auto 0 0 0;max-height:80dvh;overflow:auto;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#1b2125;border-top:1px solid #39444b;z-index:5}
#menu label{display:flex;align-items:center;gap:8px;padding:5px 0}
#manual input{flex:1}
#menu button{width:100%;min-height:40px;margin-top:6px;border:0;border-radius:8px;background:#20b8a5;color:#04211d;font:inherit;font-weight:700}
.fine{font-size:11px;color:#9aa6ac}
[hidden]{display:none!important}
#start{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;justify-content:center;padding:24px;background:#0e1316;overflow:auto;-webkit-user-select:none}
#start h1{font-size:25px;margin:0 0 12px;line-height:1.3}
#start ol{padding-left:20px;margin:6px 0 20px}#start li{margin:6px 0}
#start button{min-height:50px;border:0;border-radius:10px;background:#20b8a5;color:#04211d;font:inherit;font-size:16px;font-weight:700;margin-top:8px}
#start button.sub{background:transparent;color:#9fd8cf;border:1px solid #39444b;font-weight:500}