@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0a0a0f;width:100%;height:100%;font-family:Orbitron,sans-serif;overflow:hidden}body{justify-content:center;align-items:stretch;padding:0;display:flex}#game-field{--game-field-max-width:520px;width:min(100vw, var(--game-field-max-width));background:radial-gradient(circle at top,#00d4ff14,#0000 42%),linear-gradient(#111118 0%,#0a0a0f 100%);height:100dvh;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#loading-screen{z-index:1000;background:radial-gradient(#0f1923 0%,#0a0a0f 100%);justify-content:center;align-items:center;transition:opacity .8s ease-out;display:flex;position:absolute;inset:0}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-content h1{letter-spacing:.3em;background:linear-gradient(135deg,#0f8,#00d4ff,#85f);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(1.5rem,5vw,3rem);font-weight:900;animation:2s ease-in-out infinite titlePulse}@keyframes titlePulse{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.loading-bar{background:#ffffff1a;border-radius:2px;width:clamp(200px,60vw,400px);height:3px;margin:0 auto 1rem;overflow:hidden}.loading-fill{background:linear-gradient(90deg,#0f8,#00d4ff);border-radius:2px;width:0%;height:100%;animation:1.5s ease-out forwards loadingProgress}@keyframes loadingProgress{to{width:100%}}.loading-content p{letter-spacing:.2em;color:#fff6;font-size:.7rem}.status-toast{color:#dffcff;letter-spacing:.24em;text-transform:uppercase;opacity:0;pointer-events:none;z-index:1200;background:linear-gradient(135deg,#05101aeb,#0a0a0fd1);border:1px solid #00d4ff42;border-radius:999px;padding:.85rem 1.4rem;font-size:.82rem;font-weight:700;transition:opacity .45s,transform .45s;position:absolute;top:32px;left:50%;transform:translate(-50%,-18px);box-shadow:0 22px 50px #00000059,inset 0 0 30px #00d4ff14}.status-toast.visible{opacity:1;transform:translate(-50%)}.status-toast.loss{color:#ffe6e0;background:linear-gradient(135deg,#240a0cf0,#12070adb);border-color:#ff6b6b47;box-shadow:0 22px 50px #0000006b,inset 0 0 30px #ff6b6b14}.status-screen{-webkit-backdrop-filter:blur(3px)brightness(.55)saturate(.85);backdrop-filter:blur(3px)brightness(.55)saturate(.85);opacity:0;pointer-events:none;z-index:1100;background:radial-gradient(circle at top,#00d4ff1f,#0000 40%),radial-gradient(circle at bottom,#00ff881a,#0000 35%),#03070c2e;justify-content:center;align-items:center;padding:24px;transition:opacity .9s;display:flex;position:absolute;inset:0}.status-screen.visible{opacity:1;pointer-events:auto}.status-screen.loss{background:radial-gradient(circle at top,#ff5e5e29,#0000 42%),radial-gradient(circle at bottom,#ffa64d14,#0000 36%),#0e040747}.status-content{text-align:center;background:linear-gradient(#09141fd1,#06090eeb);border:1px solid #00d4ff29;border-radius:28px;width:min(92vw,560px);padding:clamp(2rem,6vw,3.5rem);box-shadow:0 30px 80px #0000006b,inset 0 0 80px #00d4ff0a}.status-screen.loss .status-content{background:linear-gradient(#220b0fd6,#0e0508f0);border-color:#ff6b6b2e;box-shadow:0 30px 80px #0000007a,inset 0 0 80px #ff6b6b0d}.status-kicker{color:#dffcffad;letter-spacing:.34em;text-transform:uppercase;margin-bottom:1rem;font-size:.78rem}.status-title{letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(135deg,#f3ffe8,#0f8 42%,#00d4ff 85%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.4rem;font-size:clamp(2.2rem,10vw,4.6rem);font-weight:900;animation:2.4s ease-in-out infinite titlePulse}.status-screen.loss .status-kicker,.status-screen.loss .status-subtitle{color:#ffe4e1c2}.status-screen.loss .status-title{background:linear-gradient(135deg,#fff0eb,#ff9a62 38%,#ff5e5e 82%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.status-bar{background:#ffffff1a;border-radius:999px;width:min(100%,300px);height:3px;margin:0 auto 1.25rem;overflow:hidden}.status-bar-fill{transform-origin:0;background:linear-gradient(90deg,#0f8,#00d4ff);width:100%;height:100%;transform:scaleX(0)}.status-screen.loss .status-bar-fill{background:linear-gradient(90deg,#ff9a62,#ff5e5e)}.status-screen.visible .status-bar-fill{animation:1s cubic-bezier(.2,.8,.2,1) .2s forwards victorySweep}.status-subtitle{color:#dffcffb3;letter-spacing:.18em;text-transform:uppercase;font-size:clamp(.8rem,2.5vw,.95rem);line-height:1.8}.status-action{color:#dffcff;min-width:min(100%,260px);font:inherit;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#0a1c28eb,#060e16f5);border:1px solid #00d4ff52;border-radius:999px;margin-top:1.5rem;padding:.95rem 1.4rem;font-size:.78rem;font-weight:700;box-shadow:0 16px 40px #00000057,inset 0 0 18px #00d4ff14}.status-action:hover{border-color:#00d4ff7a;transform:translateY(-1px)}.status-action:active{transform:translateY(0)}.status-screen.loss .status-action{color:#ffe6e0;background:linear-gradient(135deg,#290d10f0,#12070afa);border-color:#ff6b6b4d}@keyframes victorySweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.joystick{z-index:100;pointer-events:auto;width:130px;height:130px;display:none;position:absolute;bottom:60px}.joystick-left{left:30px}.joystick-right{right:30px}.joystick-base{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle,#ffffff0f 0%,#ffffff05 100%);border:2px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.joystick-thumb{will-change:transform;background:radial-gradient(circle,#00d4ff66 0%,#00d4ff26 100%);border:2px solid #00d4ff80;border-radius:50%;width:50px;height:50px;transition:transform 50ms ease-out;position:absolute;box-shadow:0 0 15px #00d4ff33,inset 0 0 10px #00d4ff1a}@media (pointer:coarse){.joystick{display:block}.status-toast{text-align:center;width:calc(100% - 32px);top:22px}}@media (width>=521px){body{background:radial-gradient(circle at top,#00d4ff14,#0000 28%),linear-gradient(#06080d 0%,#090b11 100%)}#game-field{box-shadow:0 0 0 1px #ffffff0d,0 32px 80px #00000073}}@media (pointer:fine){#game-canvas{cursor:crosshair}}