body{background:#111;margin:0;font-family:Courier New,Courier,monospace;overflow:hidden}#ui{color:#fff;text-shadow:2px 2px #000;pointer-events:none;z-index:10;position:absolute;top:10px;left:10px}.bar-container{background:#0009;border:2px solid #fff;width:250px;height:25px;margin-bottom:5px;position:relative}.bar-fill{height:100%;transition:width .2s}#hp-bar{background:#f33;width:100%}#xp-bar{background:#3f3;width:0%}#dialogue-box{color:#fff;text-align:center;background:#000c;border:2px solid #fff;border-radius:10px;width:60%;padding:20px;font-size:18px;display:none;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}#controls{color:#aaa;font-size:14px;position:absolute;bottom:10px;left:10px}#start-screen{color:#fff;z-index:20;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}button{cursor:pointer;background:gold;border:none;padding:20px 40px;font-size:24px;font-weight:700}