*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#000;overscroll-behavior:none}canvas{display:block;touch-action:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#ui{position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:20;font-family:Segoe UI,Helvetica Neue,sans-serif;color:#1a1a2a}#title-bar{display:flex;justify-content:space-between;align-items:center;padding:calc(18px + env(safe-area-inset-top)) 28px 18px 28px;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);pointer-events:none}#title-bar h1{font-size:18px;font-weight:400;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 20px rgba(255,200,100,.6),0 1px 3px rgba(0,0,0,.4);color:#fff}#title-bar .info{font-size:12px;opacity:.8;letter-spacing:1px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}#controls{position:fixed;bottom:0;left:0;width:100%;padding:20px 28px calc(20px + env(safe-area-inset-bottom)) 28px;display:flex;justify-content:center;flex-wrap:wrap;gap:16px;pointer-events:none;z-index:20;background:linear-gradient(to top,rgba(0,0,0,.4),transparent)}.btn{pointer-events:auto;position:relative;z-index:1;padding:12px 32px;border:1px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;font-size:13px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2px;font-family:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.btn:hover{background:#ff8c3c40;border-color:#ffaa6499;box-shadow:0 0 30px #ff8c3c4d}.btn.primary{background:#ff64284d;border-color:#ff965a80}.btn.primary:hover{background:#ff642880;box-shadow:0 0 40px #ff783280}#stats{position:fixed;top:60px;right:28px;font-size:11px;color:#ffffffb3;text-align:right;line-height:1.6;font-family:SF Mono,Consolas,monospace;pointer-events:none;z-index:20;text-shadow:0 1px 2px rgba(0,0,0,.5)}#loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#1a1530,#2a1a2a);z-index:100;color:#fa6;font-size:14px;letter-spacing:4px;font-family:SF Mono,monospace;transition:opacity 1s}#loading.hidden{opacity:0;pointer-events:none}#intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#05060deb;z-index:150;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .6s;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}#intro-screen.hidden{opacity:0;pointer-events:none}.intro-card{text-align:center;color:#fff;font-family:Segoe UI,sans-serif;max-width:520px;padding:50px 60px}.intro-card h1{font-size:42px;font-weight:200;letter-spacing:6px;text-transform:uppercase;color:#fa6;text-shadow:0 0 40px rgba(255,140,60,.7);margin-bottom:12px}.intro-card .subtitle{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#ffffff80;margin-bottom:36px}.intro-card .desc{font-size:14px;line-height:1.7;color:#ffffffbf;margin-bottom:36px}.intro-card .desc strong{color:#fc8}.intro-card .start-btn{pointer-events:auto;padding:16px 56px;border:1px solid rgba(255,150,90,.6);background:#ff642840;color:#fff;font-size:15px;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2px;font-family:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.intro-card .start-btn:hover{background:#ff642880;box-shadow:0 0 50px #ff783299;transform:scale(1.03)}.intro-hint{margin-top:24px;font-size:11px;letter-spacing:1px;color:#ffffff59;font-family:SF Mono,monospace}#game-hud{position:fixed;top:60px;left:28px;z-index:20;pointer-events:none;font-family:SF Mono,Consolas,monospace;color:#fff;min-width:200px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.hud-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:12px}.hud-label{letter-spacing:2px;opacity:.7;font-size:10px}.hud-val{font-size:18px;font-weight:600;color:#fc8}.hud-bar{width:200px;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden;margin-top:6px}.hud-bar-fill{height:100%;background:linear-gradient(to right,#f62,#fa4);border-radius:3px;transition:width .2s;box-shadow:0 0 10px #ff8c3c99}#win-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0a0514d9;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .5s}#win-overlay.hidden{opacity:0;pointer-events:none}.win-card{text-align:center;color:#fff;font-family:Segoe UI,sans-serif;padding:40px 60px;border:1px solid rgba(255,170,100,.3);background:#28141e99;border-radius:4px;box-shadow:0 0 60px #ff78324d}.win-card h2{font-size:28px;letter-spacing:4px;text-transform:uppercase;color:#fa6;text-shadow:0 0 30px rgba(255,140,60,.8);margin-bottom:20px}.win-stats{font-family:SF Mono,monospace;font-size:16px;line-height:2;margin-bottom:30px}.win-stats span{color:#fc8;font-weight:600}.win-card .btn{margin:0 8px}.win-quote{font-style:italic;font-size:15px;color:#fffc;margin-bottom:24px;max-width:400px;line-height:1.5}#flash-msg{position:fixed;top:120px;left:50%;transform:translate(-50%) translateY(-10px);padding:12px 28px;background:#140a1ed9;border:1px solid rgba(255,170,100,.5);color:#fff;font-size:13px;letter-spacing:1px;border-radius:3px;z-index:50;opacity:0;transition:all .3s;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;font-family:Segoe UI,sans-serif}#flash-msg.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 640px){#title-bar{padding:calc(12px + env(safe-area-inset-top)) 16px 12px 16px}#title-bar h1{font-size:14px;letter-spacing:1px}#stats{top:48px;right:16px;font-size:10px;max-width:42vw}#game-hud{top:48px;left:16px;min-width:0;max-width:46vw}.hud-bar{width:100%;max-width:150px}.hud-val{font-size:16px}#controls{flex-direction:column;align-items:stretch;padding:12px 16px calc(12px + env(safe-area-inset-bottom)) 16px;gap:10px}.btn{width:100%;min-height:48px;padding:12px 16px;font-size:12px;letter-spacing:1px}.intro-card{padding:28px 20px;max-width:100%;width:100%}.intro-card h1{font-size:28px;letter-spacing:3px}.intro-card .desc{font-size:13px;margin-bottom:28px}.intro-card .start-btn{width:100%;min-height:48px;padding:14px 24px;font-size:13px}.intro-hint{margin-top:16px;line-height:1.5}.win-card{padding:28px 24px;max-width:90vw}.win-card h2{font-size:22px}.win-quote{font-size:13px}.win-card .btn{width:100%;min-height:48px;margin:0}}