body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#111;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#top-ui{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:10px;gap:10px}#level-display{color:#fff;font-size:20px;font-weight:700;text-shadow:1px 1px 2px #000;margin-bottom:5px;margin-left:10px}#exp-bar-container{width:50%;max-width:600px;height:12px;background-color:#00000080;border:1px solid #fff;border-radius:6px;overflow:hidden;margin-bottom:5px}#exp-bar-fill{width:0%;height:100%;background-color:#03a9f4;transition:width .2s ease-out}#timer{color:#fff;font-size:clamp(16px,3vw,20px);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-right:10px}#stress-bar-container{position:absolute;bottom:5vmin;left:50%;transform:translate(-50%);width:60%;max-width:400px;height:24px;background-color:#fff3;border:2px solid #fff;border-radius:12px;overflow:hidden}#stress-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,#4caf50,#ffeb3b,#f44336);transform-origin:left;transition:transform .2s ease-out}#stress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;text-shadow:1px 1px 2px #000;font-size:14px}#joystick-zone{position:absolute;bottom:8vmin;left:8vmin;width:120px;height:120px;pointer-events:auto}#joystick-base{width:100%;height:100%;background-color:#fff3;border-radius:50%;position:absolute;top:0;left:0;border:2px solid rgba(255,255,255,.5);box-sizing:border-box}#joystick-stick{width:50px;height:50px;background-color:#fffc;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #00000080}#game-over,#levelup-modal,#start-modal{position:absolute;top:0;left:0;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;z-index:100}#start-modal{background-color:#000000d9;display:flex}#start-modal.hidden{display:none!important}#start-modal h2{color:#fff;font-size:32px;margin-bottom:20px;text-shadow:2px 2px 4px #000}#start-choices{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:80%}#game-over{background-color:#000000d9;color:red;display:flex}#game-over.hidden{display:none!important}#game-over h1{font-size:clamp(30px,8vw,80px);margin-bottom:20px;text-shadow:2px 2px 10px rgba(255,0,0,.5);text-align:center}#restart-btn{padding:15px 30px;font-size:clamp(16px,4vw,24px);cursor:pointer;background-color:#333;color:#fff;border:2px solid white;border-radius:10px}#restart-btn:hover{background-color:#555}#levelup-modal{background-color:#000000b3;display:flex}#levelup-modal.hidden{display:none!important}#levelup-modal h2{color:#fff;font-size:32px;margin-bottom:20px;text-shadow:2px 2px 4px #000}#levelup-choices{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.choice-card{background-color:#1e1e28f2;border:2px solid #03a9f4;border-radius:12px;width:25%;padding:20px;cursor:pointer;color:#fff;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.choice-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #03a9f480;background-color:#282832f2}.choice-icon{font-size:40px;margin-bottom:10px}.choice-title{font-size:20px;font-weight:700;margin-bottom:10px;color:#ffca28}.choice-desc{font-size:14px;color:#ccc}#damage-text-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.damage-text{position:absolute;color:#f33;font-size:20px;font-weight:900;text-shadow:1px 1px 2px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;transition:transform .5s ease-out,opacity .5s ease-in;transform:translate(-50%,-50%);opacity:1}