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}body{margin:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);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}#time-stop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 30%,rgba(0,80,255,.45) 100%);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease-out}#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:clamp(14px,2.5vw,24px);font-weight:700;text-shadow:1px 1px 2px #000;margin-bottom:5px;margin-left:10px}#exp-bar-container{width:40%;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(13px,3vw,20px);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-right:10px}#settings-btn{background:none;border:none;color:#fff;font-size:clamp(20px,4vw,28px);cursor:pointer;margin-right:15px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.8));transition:transform .2s;pointer-events:auto;position:relative;z-index:9999}#settings-btn:hover{transform:scale(1.2) rotate(45deg)}#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:clamp(10px,2vw,16px)}#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}#title-screen,#game-over,#levelup-modal,#start-modal,#settings-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}#title-screen{background-color:#141419f2;display:flex}#title-screen.hidden{display:none!important}#title-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}#game-start-btn{position:absolute;bottom:12vh;z-index:2;padding:15px 40px;font-size:clamp(20px,5vw,32px);font-weight:700;cursor:pointer;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;border:3px solid #fff;border-radius:15px;box-shadow:0 6px 15px #ff572299;transition:transform .2s,background .2s,box-shadow .2s;text-shadow:2px 2px 4px rgba(0,0,0,.5)}#game-start-btn:hover{transform:scale(1.1);background:linear-gradient(135deg,#ffb74d,#ff7043);box-shadow:0 8px 25px #ff5722cc}#start-modal{background-color:#000000d9;display:flex}#start-modal.hidden{display:none!important}#start-modal h2{color:#fff;font-size:clamp(20px,4vw,36px);margin-bottom:20px;text-shadow:2px 2px 4px #000}#start-choices{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:80%;overflow:auto;padding-block:15px}#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:clamp(20px,4vw,36px);margin-bottom:20px;text-shadow:2px 2px 4px #000}#levelup-choices{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}#settings-modal{background-color:#1e1e1ef2;display:flex;border:none;pointer-events:auto}#settings-modal.hidden{display:none!important}#settings-modal>div,#settings-modal>h2{max-width:400px;width:90%}#settings-modal h2{color:#fff;font-size:clamp(20px,4vw,36px);margin-bottom:20px;text-shadow:2px 2px 4px #000;border-bottom:1px solid #555;padding-bottom:10px}.settings-group{margin:15px 0;text-align:left;background:#0006;padding:15px;border-radius:8px}.settings-group label{display:block;font-size:clamp(14px,3vw,18px);margin-bottom:10px;color:#ddd}.radio-group{display:flex;gap:20px;justify-content:center}.radio-group label{display:inline-flex;align-items:center;font-size:clamp(14px,3vw,18px);cursor:pointer}.radio-group input{margin-right:8px;transform:scale(1.5);cursor:pointer}input[type=range]{width:100%;cursor:pointer;accent-color:#03a9f4}#settings-close-btn{margin-top:20px;padding:12px 25px;font-size:clamp(16px,4vw,20px);font-weight:700;background-color:#4caf50;border:2px solid white;border-radius:10px;color:#fff;cursor:pointer;transition:transform .1s}#settings-close-btn:hover{background-color:#45a049;transform:scale(1.05)}.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:clamp(24px,5vw,48px);margin-bottom:10px}.choice-title{font-size:clamp(14px,2.5vw,24px);font-weight:700;margin-bottom:10px;color:#ffca28}.choice-desc{font-size:clamp(10px,1.8vw,16px);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:clamp(14px,3vw,24px);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}.ai-hp-bar{width:30px;height:6px;background-color:#000000b3;border:1px solid #777;border-radius:3px;overflow:hidden;box-shadow:0 2px 4px #00000080;transform:translate(-50%,-50%);z-index:100}