:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#070012;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#070012}#root{width:100%;height:100%}canvas{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}#root,.app-root{width:100%;height:100%}.app-root{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.hud-root{position:absolute;inset:0;pointer-events:none;z-index:10;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.hud-hurt{position:absolute;inset:0;background:radial-gradient(140% 110% at 50% 45%,#ff004647,#ff00000d);mix-blend-mode:screen;opacity:.9;animation:hurt-flash .5s ease-out forwards;pointer-events:none}@keyframes hurt-flash{0%{opacity:.9}to{opacity:0}}.hud-panel.hurt{box-shadow:0 0 22px #ff00464d;border-color:#ff004666}.hud-value.hurt{color:#ff5f7a;text-shadow:0 0 12px rgba(255,0,70,.55)}.hud-help{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,255,240,.22);background:#05000c8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font-weight:900;pointer-events:auto}.hud-help:focus-visible{outline:2px solid rgba(255,0,170,.5);outline-offset:2px}.hud-panel{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);display:flex;gap:8px;flex-wrap:wrap;max-width:min(520px,calc(100vw - 24px));padding:10px;border-radius:14px;background:#05000c8c;border:1px solid rgba(255,0,170,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-item{display:flex;gap:8px;align-items:baseline;padding:6px 10px;border-radius:10px;background:#12001a8c;border:1px solid rgba(0,255,240,.14)}.hud-label{font-size:11px;letter-spacing:.18em;color:#00fff0d9}.hud-value{font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;color:#fffffff2}.hud-crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);transition:filter .12s ease,transform .12s ease}.hud-crosshair:before,.hud-crosshair:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;background:#ff00aae6;transform:translate(-50%,-50%);box-shadow:0 0 10px #f0a9}.hud-crosshair:after{width:2px;height:18px}.hud-crosshair.hot{filter:drop-shadow(0 0 10px rgba(255,214,0,.9)) drop-shadow(0 0 16px rgba(255,0,170,.7));transform:translate(-50%,-50%) scale(1.06)}.hud-crosshair.hot:before,.hud-crosshair.hot:after{background:#ffd600f2;box-shadow:0 0 12px #ffd600e6}.hud-hitmarker{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(45deg)}.hud-hitmarker:before,.hud-hitmarker:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;background:#00fff0f2;transform:translate(-50%,-50%);box-shadow:0 0 14px #00fff08c}.hud-hitmarker:after{width:2px;height:22px}.hud-muzzle{position:absolute;left:50%;top:50%;width:120px;height:120px;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,#ffd6008c,#f0a0 65%);mix-blend-mode:screen;filter:blur(.2px)}.hud-sparks{position:absolute;left:50%;top:50%;width:140px;height:140px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.55),transparent 45%),radial-gradient(circle at 30% 60%,rgba(255,200,0,.55),transparent 40%),radial-gradient(circle at 70% 70%,rgba(255,0,170,.4),transparent 45%);mix-blend-mode:screen;animation:sparks-pop .12s ease-out forwards}@keyframes sparks-pop{0%{transform:translate(-50%,-50%) scale(.9);opacity:.9}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.hud-hint{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;background:radial-gradient(110% 90% at 50% 30%,#00000026,#000000a6)}.hud-hint .hud-title{font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fffffffa;text-shadow:0 0 18px rgba(255,0,170,.3);text-align:center;font-size:clamp(18px,3vw,26px)}.hud-hint .hud-subtitle{font-size:clamp(14px,2.4vw,18px);color:#00fff0e6;text-align:center}.hud-hint .hud-keys{font-size:clamp(12px,2.1vw,14px);color:#ffffffdb;text-align:center;line-height:1.35;max-width:46ch}.hud-hint .hud-keys span{display:inline-block;padding:2px 8px;border-radius:999px;background:#00fff01f;border:1px solid rgba(0,255,240,.2);margin:0 2px}@media(max-width:720px){.hud-help{top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);width:32px;height:32px}.hud-panel{top:calc(env(safe-area-inset-top,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);max-width:unset;padding:8px;gap:6px}.hud-panel{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.hud-item{flex:0 0 auto}.hud-item{padding:6px 8px}.hud-label{font-size:10px}.hud-value{font-size:13px}}.hud-toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 120px);transform:translate(-50%);width:min(560px,calc(100vw - 24px));padding:10px 12px;border-radius:14px;background:#05000c9e;border:1px solid rgba(0,255,240,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;text-align:center;line-height:1.35;z-index:11}.hud-toast strong{color:#00fff0f2}.tc-root{position:absolute;inset:0;z-index:11;pointer-events:none}.tc-joystick,.tc-shoot,.tc-reload{pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none}.tc-joystick{position:absolute;left:calc(env(safe-area-inset-left,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:clamp(110px,22vw,160px);height:clamp(110px,22vw,160px);border-radius:999px;background:#00000040;border:1px solid rgba(0,255,240,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center}.tc-joystick:before{content:"";width:70%;height:70%;border-radius:999px;border:1px dashed rgba(255,0,170,.25);opacity:.9}.tc-stick{position:absolute;width:44%;height:44%;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ff00aae6,#780050e6);border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 24px #00000059;transform:translateZ(0)}.tc-lookpad{position:absolute;right:0;top:0;bottom:0;width:55vw;pointer-events:auto;touch-action:none;background:linear-gradient(90deg,transparent,rgba(0,0,0,.12));z-index:1}.tc-shoot{position:absolute;right:calc(env(safe-area-inset-right,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);width:clamp(68px,14vw,96px);height:clamp(68px,14vw,96px);border-radius:999px;background:radial-gradient(circle at 30% 30%,#00fff0d9,#008278e6);border:1px solid rgba(255,255,255,.25);box-shadow:0 16px 26px #00000073;display:grid;place-items:center;color:#fffffff2;font-weight:900;letter-spacing:.12em;font-size:12px;z-index:2}.tc-reload{position:absolute;right:calc(env(safe-area-inset-right,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 28px + clamp(68px,14vw,96px));width:clamp(56px,12vw,78px);height:clamp(40px,9vw,54px);border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#05000c85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font-weight:900;letter-spacing:.12em;font-size:11px;z-index:2}.tc-reload:disabled{opacity:.4}.tc-help{pointer-events:auto;position:absolute;right:calc(env(safe-area-inset-right,0px) + 18px);top:calc(env(safe-area-inset-top,0px) + 18px);width:38px;height:38px;border-radius:999px;border:1px solid rgba(0,255,240,.22);background:#05000c85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font-weight:900;z-index:2}.tc-arrows{position:absolute;right:calc(env(safe-area-inset-right,0px) + 16px);top:50%;transform:translateY(-50%);display:grid;grid-template-rows:auto auto auto;gap:6px;pointer-events:auto}.tc-arrow-row{display:grid;grid-template-columns:auto auto;gap:6px}.tc-arrow{min-width:46px;min-height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#05000c59;color:#fffc;font-weight:900;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tc-arrow:active{background:#00fff033;border-color:#00fff04d}.tc-rotate{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 64px);transform:translate(-50%);width:min(560px,calc(100vw - 24px));pointer-events:none;z-index:3}.tc-rotate-card{pointer-events:none;width:100%;padding:10px 12px;border-radius:14px;background:#05000ca8;border:1px solid rgba(255,0,170,.18);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tc-rotate-title{font-weight:900;letter-spacing:.08em}.tc-rotate-sub{margin-top:4px;opacity:.92;color:#00fff0e6}@media(min-width:900px){.tc-root{display:none}}.menu-root{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:18px;background:radial-gradient(110% 90% at 50% 30%,#0000001f,#000000b8);overflow:auto}.menu-root:before{content:"";position:absolute;inset:0;background-image:var(--menu-bg-url);background-size:cover;background-position:center;filter:saturate(1.05) contrast(1.08);opacity:.35;transform:scale(1.02);pointer-events:none}.menu-root:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 20%,#0000002e,#000000d1);pointer-events:none}.menu-card{position:relative;z-index:1;width:min(560px,100%);border-radius:18px;padding:18px 16px;background:#05000cb8;border:1px solid rgba(255,0,170,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-title{font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-align:center;font-size:clamp(18px,3.2vw,28px)}.menu-sub{margin-top:8px;text-align:center;color:#00fff0e6;opacity:.95}.menu-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}.menu-btn{pointer-events:auto;width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(0,255,240,.18);background:linear-gradient(135deg,#ff00aa8c,#00fff040);color:#fffffff2;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.menu-btn.secondary{background:#0e061a9e;border-color:#ffffff24;font-weight:700}.menu-scores{margin-top:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:grid;gap:8px}.menu-net{margin-top:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:grid;gap:10px}.menu-net h3{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#00fff0d9}.menu-net-row{display:flex;gap:8px}.menu-btn.tiny{padding:10px 12px;border-radius:12px;font-size:12px;letter-spacing:.14em}.menu-btn.active{border-color:#ffffff47;box-shadow:0 0 0 2px #00fff01f}.menu-net-card{padding:10px 12px;border-radius:14px;background:#0e061a8c;border:1px solid rgba(255,255,255,.12);display:grid;gap:8px}.menu-net-line{display:grid;gap:6px;font-size:13px;color:#ffffffe6}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.menu-net-actions{display:flex;gap:8px}.menu-net-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,255,240,.18);background:#05000c99;color:#ffffffeb;outline:none}.menu-net-input:focus{border-color:#ff00aa59;box-shadow:0 0 0 2px #ff00aa24}.menu-net-qr{display:grid;place-items:center;padding:8px 0}.menu-net-qr img{width:220px;height:220px;image-rendering:pixelated;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.menu-net-hint{font-size:12px;opacity:.86;line-height:1.35}.menu-net-status{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.88}.dot{width:10px;height:10px;border-radius:999px;background:#ffffff4d}.dot.ok{background:#00fff0d9;box-shadow:0 0 10px #00fff059}.dot.warn{background:#ff00aabf;box-shadow:0 0 10px #ff00aa4d}.menu-support{margin-top:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:grid;gap:10px}.menu-support h3{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#00fff0d9}.menu-support-copy{font-size:12px;opacity:.9;line-height:1.4}.menu-support-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;align-items:start}.menu-support-qr{pointer-events:auto;display:grid;place-items:center;gap:6px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0e061a8c}.menu-support-qr img{width:min(220px,100%);height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.menu-support-qr-hint{font-size:11px;opacity:.82}.menu-support-bank{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0e061a8c;display:grid;gap:8px}.menu-support-line{font-size:12px;line-height:1.35;color:#ffffffe6}.menu-support-actions{margin-top:4px}.menu-support-actions .menu-btn{text-decoration:none;display:inline-block}.menu-support-credits{font-size:12px;opacity:.86;line-height:1.35}.menu-support-credits a{color:#00fff0f2;text-decoration:none}.menu-support-credits a:hover{text-decoration:underline}.menu-support-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px}.menu-support-modal-bg{position:absolute;inset:0;background:#000000b3;border:0}.menu-support-modal-card{position:relative;z-index:1;width:min(520px,calc(100vw - 24px));padding:14px;border-radius:16px;background:#05000cd9;border:1px solid rgba(255,0,170,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;gap:12px}.menu-support-modal-card img{width:100%;height:auto;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.menu-support-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:720px){.menu-support-grid,.menu-support-modal-actions{grid-template-columns:1fr}}.menu-scores h3{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#00fff0d9}.menu-scores ol{margin:0;padding-left:20px;display:grid;gap:6px;max-height:34vh;overflow:auto}.menu-scores li{font-variant-numeric:tabular-nums;font-size:13px;color:#ffffffe0}.menu-footer{margin-top:10px;font-size:12px;opacity:.82;text-align:center}.help-root{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:18px;pointer-events:none}.help-bg{position:absolute;inset:0;background:#000000ad;border:0;pointer-events:auto}.help-card{pointer-events:auto;position:relative;width:min(760px,calc(100vw - 24px));max-height:min(86vh,calc(100dvh - 24px));overflow:auto;padding:16px 14px;border-radius:18px;background:#05000ce0;border:1px solid rgba(255,0,170,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.help-title{text-align:center;font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(18px,3.2vw,28px)}.help-sub{margin-top:6px;text-align:center;color:#00fff0e6;opacity:.95;font-size:13px}.help-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-section{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0e061a8c}.help-section-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#00fff0e0;margin-bottom:8px}.help-section ul{margin:0;padding-left:18px;display:grid;gap:6px;color:#ffffffe6;line-height:1.35;font-size:13px}.k{display:inline-block;padding:2px 8px;border-radius:999px;background:#00fff01f;border:1px solid rgba(0,255,240,.22);font-variant-numeric:tabular-nums}.help-footer{margin-top:10px;font-size:12px;opacity:.86;line-height:1.4;text-align:center}.help-actions{margin-top:12px;display:grid;grid-template-columns:1fr;gap:10px}@media(max-width:860px){.help-grid{grid-template-columns:1fr}}.seo-overlay{position:absolute;inset:0;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1.4;color:#f5f5f5}.seo-overlay h1,.seo-overlay h2,.seo-overlay p{margin:0 0 8px}