html,body,#root{color:#fff;background-color:#1a1a1a;width:100%;height:100%;margin:0;padding:0;font-family:Courier New,Courier,monospace;overflow:hidden}.ui-container{pointer-events:none;position:absolute;top:20px;left:20px}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #0fc;border-radius:5px;margin-bottom:15px;padding:15px;box-shadow:0 0 15px #00ffcc26}h1{color:#0fc;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:16px}p{color:#ddd;margin:5px 0;font-size:14px}.health-bar{background:#333;border:1px solid #555;width:200px;height:12px;margin-top:8px}.health-fill{background:linear-gradient(90deg,#f05,#f36);width:85%;height:100%;transition:width .3s}.quest-log{font-size:13px;line-height:1.5}.typewriter{white-space:nowrap;border-right:2px solid #0fc;animation:2s steps(40,end) typing,.75s step-end infinite blink-caret;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#0fc}}