body{margin:0;overflow:hidden;background-color:#050510;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none}#canvas-container{width:100vw;height:100vh;display:block;transition:filter .2s ease;z-index:0;background:radial-gradient(circle at center,#1a1a2e,#000)}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;padding:25px;box-sizing:border-box;z-index:10;display:flex;flex-direction:column;justify-content:space-between}#ui-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}h1{margin:0;font-size:2.5rem;color:#0ff;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 15px #00ffff;font-weight:800}.stats-container{text-align:right;background:#00ffff0d;padding:10px 20px;border-left:2px solid #00ffff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stat-box{font-size:1.1rem;color:#ffffffe6;margin:5px 0;font-weight:700}.stat-value{color:#0ff;margin-left:10px}#ui-bottom{display:flex;justify-content:space-between;align-items:flex-end;width:100%}#integrity-section{width:350px;pointer-events:auto}.bar-label{color:#fff;font-size:.9rem;margin-bottom:8px;display:flex;justify-content:space-between;text-shadow:0 0 5px rgba(0,255,255,.5)}.progress-bg{width:100%;height:18px;background:#00000080;border:1px solid #00ffff;padding:2px;box-shadow:0 0 10px #0ff3}#integrity-bar{width:100%;height:100%;background:#0ff;box-shadow:0 0 15px #0ff;transform-origin:left;transform:scaleX(1);will-change:transform}#controls-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center;color:#ffffff80;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}#controls-section{text-align:right;pointer-events:auto;display:flex;flex-direction:row;align-items:center;gap:5px;flex-wrap:nowrap}#level-select{display:flex;gap:5px}button{background:#00142899;border:1px solid #00ffff;color:#0ff;padding:10px 20px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:15}button:hover{background:#0ff;color:#000;box-shadow:0 0 15px #0ff}.lvl-btn{min-width:60px}.lvl-btn.active{background:#0ff;color:#000;font-weight:700;box-shadow:0 0 10px #0ff}#hint-btn{border-color:gold;color:gold;font-weight:700;min-width:80px}#hint-btn:hover{background:gold;color:#000;box-shadow:0 0 20px gold}#restart-btn{border-color:#ff6b6b;color:#ff6b6b;font-weight:700;min-width:50px;font-size:1.2rem}#restart-btn:hover{background:#ff6b6b;color:#000;box-shadow:0 0 20px #ff6b6b}#help-btn{width:40px;padding:10px 0;text-align:center;border-radius:50%;font-weight:700;margin-left:5px}#combo-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:5}#combo-text{font-size:4rem;font-weight:900;color:gold;text-shadow:0 0 30px #ffd700;font-style:italic;letter-spacing:-2px}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:none;background:#00050a59;border:2px solid rgba(0,255,255,.4);box-shadow:0 0 50px #00ffff4d;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}#message-screen{padding:50px;min-width:300px}#message-title{color:#fff;font-size:3rem;margin:0 0 15px;text-shadow:0 0 30px currentColor}#message-desc{color:#aaa;margin-bottom:30px;font-size:1.2rem}#help-screen{width:80%;max-width:600px;height:80vh;display:none;flex-direction:column;padding:0;text-align:left;background:#00050af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-header{padding:20px;border-bottom:1px solid #00ffff;display:flex;justify-content:space-between;align-items:center;background:#00ffff1a}.help-header h2{margin:0;color:#0ff;font-size:1.5rem}.help-content{padding:30px;overflow-y:auto;color:#ddd;font-size:1rem;line-height:1.6;flex-grow:1}.help-content::-webkit-scrollbar{width:8px}.help-content::-webkit-scrollbar-track{background:#000}.help-content::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px}.help-section{margin-bottom:25px}.help-section h3{color:gold;margin-bottom:10px;border-bottom:1px solid rgba(255,215,0,.3);display:inline-block}.key-term{color:#fff;font-weight:700}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}25%{transform:translate(-1px,-2px) rotate(-1deg)}50%{transform:translate(-3px) rotate(1deg)}75%{transform:translate(3px,2px) rotate(0)}to{transform:translate(1px,-1px) rotate(1deg)}}.shake-screen{animation:shake .5s}.damage-flash{box-shadow:inset 0 0 150px #ff005580}.overdrive-active #integrity-bar{background:gold!important;box-shadow:0 0 25px gold!important}.glitch-storm #canvas-container{filter:invert(1) hue-rotate(180deg) contrast(1.5);animation:shake .1s infinite}.glitch-storm h1,.glitch-storm .stat-box{color:red!important;filter:blur(2px);text-shadow:2px 2px blue}