*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:#000;touch-action:none;-webkit-user-select:none;user-select:none}.menu-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.menu-content{background:#141414e6;border:2px solid rgba(255,255,255,.3);border-radius:4px;padding:40px;text-align:center;max-width:90%;max-height:90vh;overflow-y:auto}.menu-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:4px;text-transform:uppercase}.menu-subtitle{font-size:16px;color:#fff9;margin-bottom:30px;text-transform:uppercase;letter-spacing:2px}.menu-instructions{margin-bottom:30px;text-align:left}.menu-section-title{font-size:20px;color:#fff;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;text-align:center}.menu-control-section{margin-bottom:20px;padding:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px}.menu-control-section h3{font-size:16px;color:#fffc;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.menu-control-section p{font-size:14px;color:#fff9;margin:5px 0;line-height:1.6}.menu-options{margin-bottom:30px}.menu-option{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;color:#fff;cursor:pointer;padding:10px;-webkit-user-select:none;user-select:none;min-height:44px}.menu-option input[type=checkbox]{width:24px;height:24px;cursor:pointer}.menu-start-button{background:#ffffffe6;color:#000;border:2px solid #ffffff;border-radius:2px;padding:15px 60px;font-size:24px;font-weight:700;cursor:pointer;transition:all .2s;touch-action:manipulation;text-transform:uppercase;letter-spacing:2px;font-family:Courier New,monospace;min-height:44px}.menu-start-button:hover{background:#fff;transform:translateY(-2px)}.menu-start-button:active{transform:translateY(0);background:#fffc}.hud-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-top{position:absolute;top:env(safe-area-inset-top,20px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);width:calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));display:flex;justify-content:space-between;padding:20px;gap:10px}.hud-score,.hud-time{background:#000c;color:#fff;padding:12px 20px;border:1px solid rgba(255,255,255,.3);border-radius:2px;font-size:18px;font-weight:700;font-family:Courier New,monospace;letter-spacing:1px}.hud-bottom{position:absolute;bottom:calc(env(safe-area-inset-bottom,20px) + 20px);left:calc(env(safe-area-inset-left,0px) + 20px)}.hud-hp{background:#000c;color:#f33;padding:12px 20px;border:1px solid rgba(255,51,51,.5);border-radius:2px;font-size:16px;font-weight:700;font-family:Courier New,monospace;letter-spacing:1px}.scoreboard-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000e6;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.scoreboard-content{background:#141414f2;border:2px solid rgba(255,255,255,.3);border-radius:4px;padding:40px;text-align:center;min-width:300px;max-width:90%;max-height:90vh;overflow-y:auto}.scoreboard-title{font-size:42px;font-weight:700;color:#fff;margin-bottom:30px;text-transform:uppercase;letter-spacing:4px}.scoreboard-stats{margin-bottom:30px}.scoreboard-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px}.scoreboard-label{font-size:16px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.scoreboard-value{font-size:24px;font-weight:700;color:#fff;font-family:Courier New,monospace}.scoreboard-ranking{margin-bottom:30px}.scoreboard-ranking-title{font-size:20px;color:#fff;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.scoreboard-ranking-list{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px;padding:10px}.scoreboard-ranking-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin-bottom:5px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:2px}.scoreboard-ranking-item:last-child{margin-bottom:0}.scoreboard-ranking-rank{font-size:16px;color:#fffc;font-weight:700;min-width:30px;font-family:Courier New,monospace}.scoreboard-ranking-name{flex:1;font-size:16px;color:#ffffffb3;text-align:left;margin:0 20px;font-family:Courier New,monospace}.scoreboard-ranking-score{font-size:16px;color:#fff;font-weight:700;font-family:Courier New,monospace}.scoreboard-button{background:#ffffffe6;color:#000;border:2px solid #ffffff;border-radius:2px;padding:12px 40px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;touch-action:manipulation;text-transform:uppercase;letter-spacing:2px;font-family:Courier New,monospace;min-height:44px}.scoreboard-button:hover{background:#fff;transform:translateY(-2px)}.scoreboard-button:active{transform:translateY(0);background:#fffc}@media(max-width:768px){.menu-title{font-size:32px}.menu-subtitle{font-size:14px}.menu-content{padding:30px 20px}.menu-section-title{font-size:18px}.menu-control-section h3{font-size:14px}.menu-control-section p{font-size:12px}.menu-start-button{padding:12px 40px;font-size:20px}.hud-score,.hud-time,.hud-hp{font-size:14px;padding:10px 16px}.hud-top{padding:10px}.hud-bottom{bottom:calc(env(safe-area-inset-bottom,80px) + 80px);left:calc(env(safe-area-inset-left,0px) + 10px)}.scoreboard-title{font-size:28px}.scoreboard-value{font-size:20px}.scoreboard-content{padding:30px 20px}.scoreboard-ranking-item{padding:8px 12px}.scoreboard-ranking-rank,.scoreboard-ranking-name,.scoreboard-ranking-score{font-size:14px}}@media(max-width:896px)and (max-height:414px)and (orientation:landscape){.menu-content,.scoreboard-content{max-height:85vh;padding:20px}.menu-title{font-size:28px;margin-bottom:10px}.menu-instructions{margin-bottom:15px}.menu-control-section{padding:10px;margin-bottom:10px}.scoreboard-title{font-size:24px;margin-bottom:15px}.scoreboard-stats,.scoreboard-ranking{margin-bottom:15px}}