:root{--bg-base: #06080f;--ui-green: #9aff4f;--ui-green-dim: #6de63c;--ui-blue: #00eaff;--ui-blue2: #51b3ff;--ui-pink: #ff6ec7;--ui-aqua: #00eaff;--hud-bg: rgba(10, 18, 26, .6);--hud-border: rgba(40, 80, 40, .5);--hud-shadow: rgba(154, 255, 79, .35);--grid: rgba(40, 80, 120, .35);--btn-bg: #11151d;--btn-bg-hover: #1a1f29;--btn-border: #2c3e50;--title-grad-start: #00eaff;--title-grad-end: #51b3ff;--subtitle-color: #9bd4ff;--modal-overlay: rgba(0, 0, 0, .55)}html,body{margin:0;height:100%;background:var(--bg-base);overflow:hidden}*{box-sizing:border-box}.toast{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:2000;max-width:min(560px,calc(100vw - 24px));padding:10px 14px;border-radius:12px;background:#0a121adb;border:1px solid rgba(0,234,255,.22);box-shadow:0 10px 30px #00000073;color:#eafcff;font-size:14px;line-height:1.2;user-select:none;-webkit-user-select:none}.toast-installed{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn{appearance:none;border:1px solid var(--btn-border);background:var(--btn-bg);color:#fff;padding:10px 18px;border-radius:8px;font-size:16px;cursor:pointer;text-decoration:none;transition:background .15s ease,transform .06s ease}.btn:hover{background:var(--btn-bg-hover);transform:translateY(-1px)}.btn.primary{border-color:#00a8ff;background:#0f1822;box-shadow:0 0 18px #00a8ff26}.btn.primary:hover{background:#132032;box-shadow:0 0 22px #00a8ff40}.title-screen{position:relative;width:100vw;height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 700px at 30% 20%,#00eaff0f,#0000 60%),radial-gradient(900px 600px at 70% 80%,#ff6ec70d,#0000 65%),var(--bg-base)}.title-wrap{text-align:center;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:24px}.main-title{font-size:clamp(36px,6vw,72px);margin:0;letter-spacing:.06em;background:linear-gradient(180deg,var(--title-grad-start) 0%,var(--title-grad-end) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(0,234,255,.25)}.subtitle{font-size:clamp(16px,2.6vw,28px);margin:10px 0 24px;letter-spacing:.12em;color:var(--subtitle-color);opacity:.85}.menu{display:inline-flex;gap:14px;margin-top:10px}.game-container{position:relative;width:100vw;height:100vh;background:var(--bg-base)}.game-canvas{width:100%;height:100%;display:block;touch-action:none}.touch-ui{position:absolute;inset:0;pointer-events:none;z-index:20}.stick{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:clamp(120px,32vw,180px);aspect-ratio:1;border-radius:999px;pointer-events:auto;touch-action:none}.stick-ring{position:absolute;inset:0;border-radius:999px;background:#0a121a38;border:1px solid rgba(44,62,80,.75);box-shadow:0 0 18px #9aff4f1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stick-knob{position:absolute;left:50%;top:50%;width:36%;height:36%;border-radius:999px;transform:translate(-50%,-50%);background:#9aff4f1f;border:1px solid rgba(154,255,79,.35);box-shadow:0 0 18px #9aff4f38}.touch-buttons{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;pointer-events:auto}.touch-btn{width:clamp(96px,22vw,150px);height:clamp(44px,9vh,64px);border-radius:14px;border:1px solid rgba(44,62,80,.85);background:#0a121a80;color:#fff;font-weight:800;letter-spacing:.08em;font-size:14px;text-transform:uppercase;box-shadow:0 0 18px #00eaff14;-webkit-tap-highlight-color:transparent;touch-action:none}.touch-btn:active{transform:translateY(1px);background:#0a121aa6}@media(pointer:coarse){.game-container,.touch-ui,.hud,.hint{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}@media(pointer:coarse){.hud{gap:6px;padding-right:4px}.stat{font-size:13px}.hud .controls{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px}.btn{padding:6px 10px;font-size:12px;border-radius:10px}.hint{bottom:auto;top:calc(max(8px,env(safe-area-inset-top)) + 54px);left:8px;right:8px;max-width:none}}@media(max-height:680px)and (pointer:coarse){.hint{display:none}}@media(max-width:520px){.hint{left:10px;right:auto;max-width:62vw}}.hud{position:absolute;top:max(8px,env(safe-area-inset-top));left:8px;right:8px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--ui-green);font-family:Menlo,Consolas,Monaco,monospace;pointer-events:auto;z-index:40}.stat{font-weight:700;font-size:16px;background:var(--hud-bg);padding:6px 10px;border-radius:6px;text-shadow:0 0 10px var(--hud-shadow),0 0 3px rgba(154,255,79,.6);border:1px solid var(--hud-border)}.controls{margin-left:auto;display:flex;gap:8px;pointer-events:auto}.hint{position:absolute;bottom:10px;right:10px;font-size:12px;color:var(--ui-green);opacity:.85;background:var(--hud-bg);padding:6px 10px;border-radius:6px;text-shadow:0 0 8px var(--hud-shadow);pointer-events:none;border:1px solid var(--hud-border);z-index:35}.modal{position:absolute;inset:0;background:var(--modal-overlay);display:grid;place-items:center;z-index:50}.modal-content{width:min(560px,90vw);background:#0f1420;border:1px solid #1f2630;border-radius:12px;padding:18px;color:#fff;font-family:Menlo,Consolas,Monaco,monospace;box-shadow:0 20px 60px #00000080}.modal-title{font-weight:800;font-size:20px;color:var(--ui-green);margin:0 0 8px;text-shadow:0 0 10px var(--hud-shadow)}.modal-desc{font-size:14px;opacity:.85;margin-bottom:12px}.input{width:100%;padding:10px 12px;font-size:16px;border-radius:8px;border:1px solid #2c3e50;background:#11151d;color:#fff;outline:none}.input:focus{border-color:#00a8ff;box-shadow:0 0 10px #00a8ff40}.modal-actions{display:flex;gap:10px;margin-top:12px}.leaderboard-container{width:100vw;height:100vh;display:grid;place-items:center;background:radial-gradient(1000px 600px at 20% 30%,#00eaff0f,#0000 60%),radial-gradient(900px 600px at 80% 70%,#ff6ec70d,#0000 65%),var(--bg-base);color:#fff;font-family:Menlo,Consolas,Monaco,monospace}.card{width:min(900px,92vw);max-height:86vh;overflow:auto;background:#0f1420;border:1px solid #1f2630;border-radius:12px;padding:24px;box-shadow:0 20px 60px #00000080}.lb-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.lb-title{font-weight:800;font-size:22px;color:var(--ui-green);margin:0;text-shadow:0 0 10px var(--hud-shadow)}.lb-sub{font-size:12px;opacity:.8}.lb-table{width:100%;border-collapse:collapse}.lb-table th,.lb-table td{padding:10px 12px;border-bottom:1px solid #1f2630;text-align:left}.lb-table th{color:var(--ui-green);font-weight:700}.lb-table tr:hover td{background:#121a2499}.lb-actions{display:flex;gap:10px;margin-top:18px}@media(hover:none)and (pointer:coarse){.game-container,.game-container *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.game-container button,.game-container a{outline:none}}.pwa-card{margin-top:18px;max-width:520px;width:min(92vw,520px);padding:14px 16px;border-radius:14px;border:1px solid rgba(40,80,120,.35);background:#0a121a8c;box-shadow:0 0 26px #00eaff0d}.pwa-title{font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.pwa-desc{opacity:.92;margin-bottom:10px;line-height:1.35}.pwa-ios{font-size:14px;opacity:.95;display:flex;flex-direction:column;gap:2px}.rotate-overlay{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.rotate-card{width:min(520px,92vw);background:#0a121ab8;border:1px solid rgba(0,234,255,.18);border-radius:14px;padding:14px 14px 12px;box-shadow:0 0 24px #00eaff1a;color:#eafcff}.rotate-title{font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.rotate-desc{opacity:.9;font-size:14px;line-height:1.35;margin-bottom:12px}.rotate-actions{display:flex;gap:10px;flex-wrap:wrap}.rotate-error{margin-top:10px;font-size:12px;color:#ffb3b3;opacity:.95}