#survival-ui{position:absolute;left:34px;bottom:175px;display:grid;grid-template-columns:135px 135px 100px;gap:6px;pointer-events:auto;font:10px var(--mono);color:#eaf2e7;z-index:3}
#survival-ui button{background:#0d1917e8;border:1px solid #8af0c33b;border-radius:3px;color:#c2dfcb;padding:10px 7px;min-height:38px;font:10px var(--mono);white-space:nowrap;touch-action:manipulation}
#survival-ui button:hover:not(:disabled){border-color:#8af0c3;color:#fff}#survival-ui button:disabled{opacity:.45;cursor:default}
#survival-hunger,#survival-thirst{min-height:38px;display:flex;align-items:center;justify-content:center;letter-spacing:.6px;border:1px solid #ffffff20;border-radius:3px;background:linear-gradient(to right,#9d7e3970 var(--fill,100%),#101c18e8 var(--fill,100%));}
#survival-thirst{background:linear-gradient(to right,#40829580 var(--fill,100%),#101c18e8 var(--fill,100%))}
#inventory-panel{position:absolute;bottom:calc(100% + 12px);left:0;width:390px;max-width:calc(100vw - 40px);padding:18px;background:#111d1bf5;border:1px solid #8af0c34d;border-radius:4px;box-shadow:0 10px 45px #0009;z-index:8;touch-action:pan-y}
#inventory-panel h3{margin:0 0 14px;font:700 12px var(--mono);color:#8af0c3;letter-spacing:1.5px}
#inventory-panel>button{position:absolute;right:10px;top:7px;min-height:32px;padding:3px 10px}
#inventory-panel .slots-container{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#inventory-panel .slot{min-width:0;min-height:56px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px;padding:7px;border:1px solid #ffffff19;background:#0a1513}
#inventory-panel .label{font:9px var(--mono);color:#c9dbcc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#inventory-panel .count{color:#8af0c3;font:10px var(--mono)}
#inventory-panel .use-btn,#inventory-panel .drop-btn{grid-column:1/3;min-height:25px;padding:3px;font-size:9px}
#survival-message{position:fixed;top:135px;left:50%;transform:translateX(-50%);padding:9px 12px;background:#101b19ed;border:1px solid #8af0c34d;color:#e7f4e8;font:10px var(--mono);letter-spacing:.4px;text-align:center;max-width:90vw;z-index:10}
@media(pointer:coarse){#survival-ui{left:20px;bottom:auto;top:285px;grid-template-columns:100px 100px 82px;gap:4px;font-size:9px}#survival-ui button,#survival-hunger,#survival-thirst{min-height:34px;font-size:9px;padding:6px 4px}#inventory-panel{width:320px;bottom:auto;top:calc(100% + 8px)}#inventory-panel .slot{min-height:48px}#inventory-panel .use-btn,#inventory-panel .drop-btn{min-height:28px}}
@media(pointer:coarse) and (max-height:500px){#survival-ui{left:50%;transform:translateX(-50%);top:auto;bottom:10px;grid-template-columns:repeat(7,64px)}#survival-ui button{font-size:8px;white-space:normal}#touch-sneak{left:155px;bottom:95px;z-index:3}#inventory-panel{width:420px;bottom:calc(100% + 8px);top:auto;max-height:70vh;overflow:auto}#inventory-panel .slots-container{grid-template-columns:repeat(4,1fr)}#inventory-panel .slot{min-height:40px}}

#inventory-panel .tab-bar{display:flex;gap:6px;margin:0 36px 12px 0}#inventory-panel .tab-btn{position:static;flex:1;min-height:36px;padding:4px 10px;font:700 11px var(--mono);letter-spacing:1.5px;color:#9bbd9c;background:#0a1513;border:1px solid #ffffff19;border-radius:6px}#inventory-panel .tab-btn.active{color:#8af0c3;border-color:#8af0c366;background:#16302a}
#skills-panel{display:grid;gap:12px;font:10px var(--mono)}#skills-panel[hidden]{display:none}.skill-row{display:grid;grid-template-columns:1fr auto auto;gap:3px 10px;align-items:baseline}.skill-row span{color:#cfe3cd}.skill-row b{color:#8af0c3}.skill-row i{font-style:normal;color:#9bbd9c;min-width:90px;text-align:right}.skill-bar{grid-column:1/4;height:6px;background:#0a1513;border:1px solid #ffffff19;border-radius:3px;overflow:hidden}.skill-bar div{height:100%;background:#8af0c3}.skill-row small{grid-column:1/4;color:#9bbd9c;font-size:9px}
#skill-toast{position:fixed;left:50%;top:22%;transform:translateX(-50%);padding:10px 22px;border:1px solid #e8c46a88;background:#1c1a0fe6;color:#e8c46a;font:700 16px var(--mono);letter-spacing:.2em;z-index:20;pointer-events:none}

#status-chips{display:flex;flex-wrap:wrap;gap:4px;min-height:0;margin:0 0 9px}#status-chips:empty{display:none}
#status-chips .chip{font:9px var(--mono);letter-spacing:.6px;padding:2px 6px;border:1px solid var(--chip,#ffffff40);border-radius:3px;color:#fff;background:#0d1917e8;border-left-width:4px}
#status-chips .chip[data-status="regen"]{--chip:#8af0c3;color:#c2dfcb}
#health-bar.bleeding{animation:bleed-pulse .8s ease-in-out infinite}
@keyframes bleed-pulse{0%,100%{filter:none}50%{filter:brightness(.55) saturate(1.6)}}