@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/prompt-thai-400.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/prompt-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/prompt-thai-600.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/prompt-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/prompt-thai-700.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/prompt-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #070b12;--frame: #0d1422;--panel: rgba(13, 21, 34, .82);--surface: #101928;--field: #080d16;--line: rgba(0, 240, 180, .16);--edge: rgba(0, 240, 180, .32);--text: #f1f5f9;--muted: #8899ac;--blue-primary: #00d2ff;--blue-neon: #00f0b4;--blue-fill: rgba(0, 240, 180, .14);--blue-glow: 0 0 16px rgba(0, 240, 180, .45), 0 0 32px rgba(0, 210, 255, .25);--bad: #f87171;--warn: #fbbf24;--shadow-out: 0 14px 34px rgba(0, 0, 0, .7), 0 0 1px rgba(0, 240, 180, .25);--shadow-btn: 0 4px 14px rgba(0, 0, 0, .55), inset 0 1px 1px rgba(255, 255, 255, .08);--shadow-btn-hover: 0 6px 22px rgba(0, 240, 180, .4), inset 0 1px 1px rgba(255, 255, 255, .16);--shadow-in: inset 2px 2px 6px rgba(0, 0, 0, .75), inset -1px -1px 3px rgba(255, 255, 255, .04);--shadow-in-sm: inset 1px 1px 4px rgba(0, 0, 0, .65);--border-bevel: rgba(0, 240, 180, .18);--lime: var(--blue-neon);--lime-fill: var(--blue-fill);--lime-glow: var(--blue-glow);--font: "Prompt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{height:100vh;height:100dvh;background:#070b12;color:var(--text);font:400 15px/1.6 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}h1,h2,h3,h4,p,ul,dl,dd{margin:0}button,input,textarea,select{font:inherit;color:inherit}[hidden]{display:none!important}a{color:var(--blue-neon);text-decoration:none;transition:color .2s ease}a:hover{color:var(--blue-primary);text-decoration:underline}code{font:14px/20px var(--mono)}h1,h2,h3,.status,.btn,.play,.set-label,.opt,.val,summary,.profiles .name,.hud-fps{font-weight:700}.hint{color:var(--muted);font-size:13.5px;line-height:20px}:focus-visible,.dlg[data-pad] :focus{outline:2px solid var(--blue-neon);outline-offset:3px;box-shadow:0 0 14px var(--blue-glow)}:focus:not(:focus-visible){outline:none}html[data-touch] .key-only,html:not([data-touch]) .touch-only{display:none}.app{width:100vw;height:100vh;height:100dvh;max-width:100vw;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.top{grid-column:1 / -1;background:var(--frame);border-radius:24px;padding:20px 28px 24px;box-shadow:var(--shadow-out);border:1px solid var(--border-bevel);position:relative;overflow:hidden}.top-navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand-group{display:flex;align-items:center;gap:16px;min-width:0}.brand-logo{width:52px;height:52px;border-radius:14px;object-fit:cover;box-shadow:0 4px 16px #0006,0 0 14px #00d2ff66;border:1.5px solid rgba(0,210,255,.5);flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.brand-logo:hover{transform:scale(1.06);box-shadow:0 6px 22px #00f0ff99}.brand-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:linear-gradient(135deg,#1d4ed8,#00d2ff);color:#fff;font-weight:800;font-size:13px;letter-spacing:1.5px;border-radius:12px;box-shadow:0 0 16px #00d2ff80,inset 1px 1px 2px #fff6}.brand-info{display:flex;flex-direction:column;min-width:0}.brand-info h1{font-size:28px;line-height:34px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text) 40%,var(--blue-neon) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(0,210,255,.3));white-space:nowrap}.brand-sub{font-size:13px;line-height:18px;color:var(--muted);margin-top:3px;max-width:600px}.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.lang-switch{display:inline-flex;align-items:center;background:#0b121ed9;box-shadow:0 4px 14px #00000073;border:1px solid rgba(0,240,180,.28);border-radius:20px;padding:3px 4px;height:38px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lang-btn{background:none;border:0;padding:5px 14px;color:var(--muted);font-weight:800;font-size:13px;letter-spacing:.5px;cursor:pointer;border-radius:16px;transition:all .22s cubic-bezier(.4,0,.2,1)}.lang-btn:hover{color:#fff}.lang-btn.active{background:linear-gradient(135deg,#00f0b4,#00d2ff);color:#042018;font-weight:900;box-shadow:0 0 14px #00f0b48c}.lang-divider{display:none}.pwa-btn{background:linear-gradient(135deg,#00f0b429,#00d2ff1f)!important;border:1px solid rgba(0,240,180,.35)!important;color:#fff!important;border-radius:14px!important;box-shadow:0 4px 14px #0006,inset 0 1px #ffffff26!important;height:38px!important;padding:0 14px!important;font-weight:700!important;transition:all .2s ease!important}.pwa-btn:hover{border-color:var(--blue-neon)!important;box-shadow:0 0 18px #00f0b480!important;transform:translateY(-1px)!important}.discord-btn{background:#5865f2!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:14px!important;box-shadow:0 4px 14px #5865f266!important;height:40px!important;padding:0 16px!important;transition:all .2s ease!important}.discord-btn:hover{box-shadow:0 6px 20px #5865f299!important;transform:translateY(-1px)!important}.bar{margin-top:16px;height:8px;border-radius:10px;background:var(--field);box-shadow:var(--shadow-in-sm);overflow:hidden;border:1px solid var(--border-bevel)}.bar-fill{height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#1d4ed8,#00d2ff);box-shadow:0 0 10px #00d2ff99;transition:width .25s ease-out}.dash-tabs{grid-column:1 / -1;display:flex;align-items:center;gap:10px;overflow-x:auto;padding:8px 12px;margin:14px 0 6px;background:#090f19e6;border:1px solid rgba(0,240,180,.22);border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px #000000a6,inset 0 1px #ffffff14;scrollbar-width:none}.dash-tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#101928bf;border:1px solid rgba(255,255,255,.07);border-radius:14px;box-shadow:0 4px 12px #0006;color:var(--muted);font-weight:700;font-size:13.5px;letter-spacing:.3px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{color:#fff;background:#162236f2;border-color:#00f0b466;box-shadow:0 4px 16px #00f0b440;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#00f0b447,#00d2ff29);color:#fff;border-color:var(--blue-neon);box-shadow:0 0 18px #00f0b473,inset 0 1px #ffffff40;transform:translateY(-1px)}.side,.content{display:grid;gap:24px;min-width:0}.panel{background:linear-gradient(180deg,#101928e0,#090e17f0);border-radius:20px;padding:24px 26px;box-shadow:0 16px 36px #000000a6,inset 0 1px #ffffff14,0 0 1px #00f0b440;border:1px solid rgba(0,240,180,.18);min-width:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow .3s ease,border-color .3s ease}.panel.tab-pulse{animation:panel-pulse 1.2s ease-out}@keyframes panel-pulse{0%{box-shadow:0 0 #00f0b499,var(--shadow-out)}70%{box-shadow:0 0 0 14px #00f0b400,var(--shadow-out)}to{box-shadow:var(--shadow-out)}}.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.row.end{justify-content:flex-end}h2{font-size:20px;line-height:28px;color:var(--blue-neon);margin-bottom:16px;letter-spacing:-.3px}h3{font-size:16px;line-height:24px;color:var(--blue-neon);margin:28px 0 10px}.panel>h2+.hint{margin:-10px 0 16px}.panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:16px}.panel-head.sub{margin:28px 0 10px}.panel-head h2{margin:0;line-height:38px}.panel-head h3{margin:0}.panel-head .hint{line-height:24px}.panel-head+.msg{margin:-10px 0 16px}.hero{text-align:center;position:relative}.status{font-size:32px;line-height:40px;letter-spacing:-.5px;display:flex;align-items:center;justify-content:center;gap:10px}body[data-phase=ready] .status{color:var(--blue-neon);text-shadow:0 0 20px rgba(0,210,255,.4)}body[data-phase=ready] .status:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--blue-neon);box-shadow:0 0 12px var(--blue-neon);animation:pulse-dot 1.8s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}body[data-phase=error] .status,body[data-phase=waiting] .status{color:var(--bad)}.status-sub{margin:6px 0 24px;color:var(--muted);font-size:14px}.hero .row{justify-content:center}.play{flex:1 0 100%;display:inline-flex;align-items:center;justify-content:center;gap:16px;height:56px;padding:0 28px;border-radius:20px;font-size:20px;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#2563eb4d,#00d2ff33),var(--surface);color:#fff;border:1.5px solid var(--blue-neon);box-shadow:var(--shadow-btn),0 0 24px #00d2ff59;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}html[data-theme=light] .play{color:#0f172a}.play:hover:not(:disabled){box-shadow:var(--shadow-btn-hover),0 0 32px #00d2ff99;transform:translateY(-2px);filter:brightness(1.1)}.play:active:not(:disabled){box-shadow:var(--shadow-in),0 0 12px #00d2ff66;transform:translateY(1px)}.play:disabled{background:var(--field);border-color:var(--edge);color:var(--edge);box-shadow:var(--shadow-in-sm);cursor:not-allowed;opacity:.6}.play kbd{background:var(--field);border:1px solid rgba(0,210,255,.3);color:var(--blue-neon);box-shadow:var(--shadow-in-sm)}button,.file-btn{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;background:linear-gradient(180deg,#121c2ceb,#0a101af5);color:#f1f5f9;font-size:13.5px;font-weight:700;letter-spacing:.3px;border:1px solid rgba(0,240,180,.28);box-shadow:0 4px 14px #0000008c,inset 0 1px 1px #ffffff14;white-space:nowrap;text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:hover:not(:disabled){color:#fff;border-color:var(--blue-neon);box-shadow:0 0 18px #00f0b473,inset 0 1px 1px #ffffff29;transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:inset 2px 2px 6px #000000b3;transform:translateY(1px)}.btn.primary,.btn.primary-accent,.btn.selected,#save-100-btn{background:linear-gradient(135deg,#00f0b442,#00d2ff2e);border-color:var(--blue-neon);color:#fff;box-shadow:0 0 18px #00f0b466,inset 0 1px #fff3}.btn.primary:hover:not(:disabled),.btn.primary-accent:hover:not(:disabled),#save-100-btn:hover:not(:disabled){box-shadow:0 0 26px #00f0b499,inset 0 1px #ffffff4d;transform:translateY(-2px)}.btn.danger{background:linear-gradient(180deg,#2d1016e6,#1c080ef2);color:var(--bad);border-color:#f8717173}.btn.danger:hover:not(:disabled){background:#f8717140;border-color:var(--bad);box-shadow:0 0 18px #f8717180}.btn:disabled,.file-btn[aria-disabled],.text-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;border-color:#ffffff14}.file-btn{position:relative}.file-btn input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.text-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.text-btn:hover:not(:disabled){color:var(--blue-neon);text-shadow:0 0 8px rgba(0,240,180,.5)}.text-btn.delete-btn{color:#f56;margin-right:6px}.text-btn.delete-btn:hover:not(:disabled){color:#f23;text-shadow:0 0 10px rgba(255,60,80,.6)}kbd{display:inline-block;min-width:24px;padding:2px 8px;border-radius:6px;background:var(--surface);color:var(--text);font-family:var(--font);font-size:13px;font-weight:700;line-height:20px;text-align:center;box-shadow:2px 2px 5px #060911,-2px -2px 5px #1a2744;border:1px solid var(--border-bevel)}html[data-theme=light] kbd{box-shadow:2px 2px 5px #bcc7d6,-2px -2px 5px #fff}.problems{list-style:none;padding:0;display:grid;gap:10px;margin-top:16px;text-align:left}.problems:empty{display:none}.problems li{background:var(--field);border:1px solid var(--bad);border-radius:14px;padding:12px 18px;box-shadow:var(--shadow-in-sm)}.problems li.warn{border-color:var(--warn)}.problems strong{display:block;font-size:14px;color:var(--text)}.problems p{color:var(--muted);font-size:13px;margin-top:4px}.keys>div{display:flex;align-items:center;gap:16px;padding:10px 0}.keys dt{order:1;flex:none;margin-left:auto;display:flex;align-items:center;gap:6px}.keys dd{font-size:14px;color:var(--text)}.set+.set,.more,.keys>div+div{border-top:1px solid var(--line)}.changes{display:grid;gap:10px;padding-left:18px;font-size:14px;line-height:22px}.changes li::marker{color:var(--blue-neon)}.group h3{margin-top:28px}.group:first-child h3{margin-top:0}.group-status{margin-bottom:6px;color:var(--muted);font-size:13.5px}.set{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label ctl" "help ctl";column-gap:16px;padding:14px 0;align-items:center}.set-label{grid-area:label;font-size:15px;color:var(--text)}.set-help{grid-area:help;color:var(--muted);font-size:13px;line-height:18px;margin-top:2px}.set-control{grid-area:ctl;display:flex;align-items:center;justify-content:flex-end;gap:10px}.seg{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--field);box-shadow:var(--shadow-in-sm);border:1px solid var(--border-bevel)}.opt{position:relative;display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.opt:hover{color:var(--text)}.opt:has(input:checked){background:var(--surface);color:var(--blue-neon);box-shadow:var(--shadow-btn)}.switch{appearance:none;margin:0;width:58px;height:32px;border-radius:20px;cursor:pointer;background:var(--field);box-shadow:var(--shadow-in-sm);border:1px solid var(--border-bevel);position:relative;transition:all .25s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--surface);box-shadow:2px 2px 5px #060911,-2px -2px 5px #1a2744;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s ease}html[data-theme=light] .switch:after{box-shadow:2px 2px 5px #bcc7d6,-2px -2px 5px #fff}.switch:checked{background:var(--blue-fill);border-color:#00d2ff66}.switch:checked:after{transform:translate(26px);background:var(--blue-neon);box-shadow:0 0 10px var(--blue-neon)}.set input[type=number],.set input[type=text],.profiles input[type=text],.dlg input[type=text],.keybox input{height:42px;padding:0 14px;border-radius:12px;background:var(--field);box-shadow:var(--shadow-in-sm);border:1px solid var(--border-bevel);color:var(--blue-neon);font:600 15px/22px var(--font);transition:border-color .2s ease,box-shadow .2s ease}.set input[type=number]{width:110px}.set input[type=text]{width:140px}.set input:focus,.dlg input:focus,.keybox input:focus{border-color:var(--blue-neon);box-shadow:var(--shadow-in-sm),0 0 10px #00d2ff59}.set select{appearance:none;height:42px;padding:0 38px 0 14px;border-radius:12px;background:linear-gradient(45deg,transparent 50%,var(--blue-neon) 50%) calc(100% - 20px) 50% / 6px 6px no-repeat,linear-gradient(135deg,var(--blue-neon) 50%,transparent 50%) calc(100% - 14px) 50% / 6px 6px no-repeat,var(--field);box-shadow:var(--shadow-in-sm);border:1px solid var(--border-bevel);color:var(--blue-neon);font:600 14px/22px var(--font);cursor:pointer}.set select option{background:var(--panel);color:var(--text)}.listen{position:relative;flex:none;height:42px;padding:0 14px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-btn);border:1px solid var(--border-bevel);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.listen:hover{color:var(--blue-neon);box-shadow:var(--shadow-btn-hover)}.listen[aria-pressed=true]{background:var(--blue-fill);color:var(--blue-neon);box-shadow:var(--shadow-in-sm)}summary{display:flex;align-items:center;gap:10px;min-height:48px;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;list-style:none;transition:color .2s ease}summary::-webkit-details-marker{display:none}summary:before{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);transition:transform .2s ease}details[open]>summary:before{transform:rotate(45deg)}summary:hover{color:var(--text)}details.raw textarea{width:100%;margin-top:12px;padding:14px;border-radius:14px;background:var(--field);box-shadow:var(--shadow-in);border:1px solid var(--border-bevel);color:var(--text);font-family:var(--mono);font-size:13px;line-height:20px}.profiles{list-style:none;padding:0;display:grid;gap:10px;margin-bottom:16px}.profiles li{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--field);box-shadow:var(--shadow-in-sm);border-radius:14px;border:1px solid var(--border-bevel);gap:8px;flex-wrap:wrap}.profiles li.empty{color:var(--muted);font-size:13.5px;justify-content:center}.keybox{display:flex;align-items:center;gap:10px;background:var(--field);box-shadow:var(--shadow-in-sm);border-radius:14px;padding:4px 8px;border:1px solid var(--border-bevel)}.keyfield{flex:1;min-width:0}.keyfield input{width:100%;border:0;background:none;box-shadow:none}.icon-btn{background:var(--surface);box-shadow:var(--shadow-btn);border:1px solid var(--border-bevel);border-radius:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:all .2s ease}.icon-btn:hover{color:var(--text);box-shadow:var(--shadow-btn-hover)}.shots{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px}.shots li button{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--border-bevel);box-shadow:var(--shadow-btn);background:var(--field);padding:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.shots li button:hover{transform:scale(1.03);box-shadow:var(--shadow-btn-hover),0 0 12px var(--blue-glow)}.shots img{width:100%;height:100%;object-fit:cover;display:block}dialog{color:var(--text);border:0;background:transparent;padding:0}dialog::backdrop{background:#0b111ebf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dlg{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;border-radius:28px;background:var(--frame);box-shadow:var(--shadow-out),0 20px 50px #0009;border:1px solid var(--border-bevel)}.dlg h2{margin-bottom:10px;font-size:22px}.dlg p{margin-bottom:16px;color:var(--muted);font-size:14px;line-height:22px}.dlg .row.end{margin-top:20px}.dlg-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dlg-head h2{margin:0}.menu-actions{display:grid;gap:10px}.menu-actions .btn{height:48px;font-size:15px}.foot{grid-column:1 / -1;text-align:center;padding:20px 0 0;display:flex;flex-direction:column;gap:6px}.foot .hint,.foot a{color:var(--muted);font-size:13px}.foot a:hover{color:var(--blue-neon)}.stage{position:fixed;inset:0;z-index:999;background:#000;display:block;width:100vw;height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.stage[hidden]{display:none!important}.stage canvas{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block;outline:none;z-index:1}.stage .toast{position:absolute;bottom:85px;left:50%;transform:translate(-50%);z-index:60;background:#0b111ef0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--blue-neon);box-shadow:0 10px 32px #000c,0 0 18px #00d2ff73;border-radius:28px;padding:10px 24px;color:#fff;font-size:14px;font-weight:700;max-width:min(520px,calc(100vw - 32px));text-align:center;pointer-events:none;white-space:normal;word-break:break-word}.stage .toast[hidden]{display:none!important}.stage .toast.away{bottom:auto;top:50%;transform:translate(-50%,-50%);font-size:16px;border-color:var(--warn);box-shadow:0 10px 32px #000c,0 0 18px #f59e0b73}.stage-menu{display:none!important}.hud-fps{position:absolute;left:calc(16px + env(safe-area-inset-left,0px));top:calc(16px + env(safe-area-inset-top,0px));z-index:50;background:#0b111ed9;backdrop-filter:blur(6px);padding:4px 12px;border-radius:8px;color:var(--blue-neon);font-size:13px;font-weight:700;border:1px solid rgba(0,210,255,.2)}:root{--touch-opacity: .65}.touch,.touch *,.tc,.tc *,.stick,.stick *,#stage,#stage *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;touch-action:none!important;-webkit-tap-highlight-color:transparent!important}.touch{position:absolute;inset:0;z-index:45;pointer-events:none;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;--touch-opacity: .65}.touch[hidden]{display:none!important}.tc{position:absolute;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;background:#0f172ab8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(0,210,255,.4);border-radius:18px;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 24px #0000008c,inset 0 1px 2px #fff3;cursor:pointer;opacity:var(--touch-opacity, .65);transition:opacity .15s ease,transform .08s ease,background .08s ease,box-shadow .08s ease}.stick{opacity:var(--touch-opacity, .65);transition:opacity .15s ease}.tc svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.tc svg .fill{fill:currentColor}.tc.on,.tc:active,.stick-base.on{background:#00d2ff73;border-color:#00f0ff;color:#00f0ff;box-shadow:0 0 28px #00f0ffcc,inset 0 2px 4px #fff6;transform:scale(.92);opacity:1!important}.tc.small{top:calc(14px + env(safe-area-inset-top,0px));width:44px;height:44px;border-radius:12px;font-size:11px}.tc[data-ctl=pause]{left:calc(16px + env(safe-area-inset-left,0px))}.tc[data-ctl=camera]{left:calc(68px + env(safe-area-inset-left,0px))}.tc[data-ctl=reset]{left:calc(120px + env(safe-area-inset-left,0px))}.tc[data-ctl=look]{left:calc(172px + env(safe-area-inset-left,0px))}.tc[data-ctl=horn]{left:calc(224px + env(safe-area-inset-left,0px))}.tc[data-ctl=map]{left:calc(276px + env(safe-area-inset-left,0px))}.tc[data-ctl=msgs]{left:calc(328px + env(safe-area-inset-left,0px))}.tc[data-ctl=qchat]{left:calc(380px + env(safe-area-inset-left,0px));color:#38bdf8;border-color:#38bdf8a6;background:#0f172ad1;box-shadow:0 4px 14px #00000080,0 0 12px #38bdf84d}.tc[data-ctl=qchat].on,.tc[data-ctl=qchat]:active{background:#38bdf8;color:#000;box-shadow:0 0 20px #38bdf8}.tc[data-ctl=mode]{right:calc(72px + env(safe-area-inset-right,0px))}.tc[data-ctl=center]{right:calc(124px + env(safe-area-inset-right,0px))}.touch:not([data-steering=tilt]) .tc[data-ctl=center]{display:none!important}.touch[data-steering=buttons] .tc[data-ctl=left]{display:flex;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));width:86px;height:86px;border-radius:22px}.touch[data-steering=buttons] .tc[data-ctl=right]{display:flex;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:calc(118px + env(safe-area-inset-left,0px));width:86px;height:86px;border-radius:22px}.touch:not([data-steering=buttons]) .tc[data-ctl=left],.touch:not([data-steering=buttons]) .tc[data-ctl=right]{display:none!important}.touch[data-steering=stick] .stick{display:block}.touch:not([data-steering=stick]) .stick{display:none!important}.stick{position:absolute;bottom:0;left:0;width:260px;height:240px;pointer-events:auto}.stick-base{position:absolute;width:130px;height:130px;border-radius:50%;background:#0f172aa6;border:2px solid rgba(0,210,255,.4);transform:translate(-50%,-50%);display:none;box-shadow:0 0 20px #00d2ff40}.stick-base.on{display:block}.stick-knob{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#00f0ff,#1d4ed8);top:50%;left:50%;transform:translate(calc(-50% + var(--dx, 0px)),-50%);box-shadow:0 0 18px #00f0ffcc}.tc[data-ctl=gas]{bottom:calc(18px + env(safe-area-inset-bottom,0px));right:calc(6px + env(safe-area-inset-right,0px));width:68px;height:168px;border-radius:20px;background:linear-gradient(180deg,#22c55e6b,#0f172aeb);border:2px solid rgba(34,197,94,.85);color:#4ade80;font-size:19px;font-weight:900;box-shadow:0 10px 28px #000000a6,0 0 18px #22c55e59;display:flex;align-items:center;justify-content:center}.tc[data-ctl=gas].on{background:#22c55e;color:#000;box-shadow:0 0 35px #22c55ee6}.tc[data-ctl=brake]{bottom:calc(18px + env(safe-area-inset-bottom,0px));right:calc(80px + env(safe-area-inset-right,0px));width:78px;height:78px;border-radius:22px;background:linear-gradient(180deg,#ef44446b,#0f172aeb);border:2px solid rgba(239,68,68,.85);color:#f87171;font-size:17px;font-weight:900;box-shadow:0 10px 28px #000000a6,0 0 18px #ef444459;display:flex;align-items:center;justify-content:center}.tc[data-ctl=brake].on{background:#ef4444;color:#fff;box-shadow:0 0 35px #ef4444e6}.tc[data-ctl=hb]{bottom:calc(108px + env(safe-area-inset-bottom,0px));right:calc(85px + env(safe-area-inset-right,0px));width:68px;height:68px;border-radius:50%;background:#f59e0b4d;border:2px solid #f59e0b;color:#fbbf24;font-size:12px;font-weight:900;text-align:center;line-height:1.15;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000008c,0 0 16px #f59e0b59}.tc[data-ctl=hb].on{background:#f59e0b;color:#000;box-shadow:0 0 30px #f59e0b}.tc[data-ctl=nitro]{bottom:calc(198px + env(safe-area-inset-bottom,0px));right:calc(6px + env(safe-area-inset-right,0px));width:68px;height:48px;border-radius:16px;background:linear-gradient(135deg,#00f0ff66,#9333ea80);border:2px solid #00f0ff;color:#00f0ff;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000008c,0 0 18px #00f0ff73}.tc[data-ctl=nitro].on{background:#00f0ff;color:#000;box-shadow:0 0 35px #00f0ff}.tc[data-ctl=start]{bottom:calc(170px + env(safe-area-inset-bottom,0px));left:calc(24px + env(safe-area-inset-left,0px));right:auto;top:auto;transform:none;width:78px;height:44px;border-radius:22px;background:linear-gradient(135deg,#00f0ffe0,#2563ebe0);border:1.5px solid #00f0ff;color:#000;font-size:14px;font-weight:900;letter-spacing:1px;box-shadow:0 6px 20px #0009,0 0 16px #00f0ff80;display:flex;align-items:center;justify-content:center}.tc[data-ctl=start].on,.tc[data-ctl=start]:active{transform:scale(.92);filter:brightness(1.25);background:#00f0ff;opacity:1!important}.tc[data-ctl=up]{display:flex;bottom:calc(118px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));width:86px;height:44px;border-radius:14px;background:#0f172ab8;border:1.5px solid rgba(0,240,255,.5);color:#00f0ff;flex-direction:column;justify-content:center;align-items:center;gap:1px;box-shadow:0 4px 14px #00000080}.tc[data-ctl=down]{display:flex;bottom:calc(118px + env(safe-area-inset-bottom,0px));left:calc(118px + env(safe-area-inset-left,0px));width:86px;height:44px;border-radius:14px;background:#0f172ab8;border:1.5px solid rgba(0,240,255,.5);color:#00f0ff;flex-direction:column;justify-content:center;align-items:center;gap:1px;box-shadow:0 4px 14px #00000080}.gear-sym{font-size:20px;font-weight:900;line-height:1}.gear-lbl{font-size:8.5px;font-weight:800;letter-spacing:1px;opacity:.75}.tc[data-ctl=up].on,.tc[data-ctl=down].on{background:#00f0ff;color:#000;box-shadow:0 0 24px #00f0ff}.tc-txt-b{font-size:19px;font-weight:900;color:#00f0ff;line-height:1;letter-spacing:.5px}.touch[data-hide-gears] .tc[data-ctl=up],.touch[data-hide-gears] .tc[data-ctl=down],.touch[data-hide-top] .tc[data-ctl=camera],.touch[data-hide-top] .tc[data-ctl=reset],.touch[data-hide-top] .tc[data-ctl=look],.touch[data-hide-roam] .tc[data-ctl=horn],.touch[data-hide-roam] .tc[data-ctl=map],.touch[data-hide-roam] .tc[data-ctl=msgs]{display:none!important}.touch:not([data-menu]) .tc[data-ctl=menu-up],.touch:not([data-menu]) .tc[data-ctl=menu-down],.touch:not([data-menu]) .tc[data-ctl=menu-left],.touch:not([data-menu]) .tc[data-ctl=menu-right],.touch:not([data-menu]) .tc[data-ctl=menu-prev-tab],.touch:not([data-menu]) .tc[data-ctl=menu-next-tab]{display:none!important}.touch[data-menu] .tc[data-ctl=gas],.touch[data-menu] .tc[data-ctl=brake],.touch[data-menu] .tc[data-ctl=nitro],.touch[data-menu] .tc[data-ctl=hb],.touch[data-menu] .tc[data-ctl=up],.touch[data-menu] .tc[data-ctl=down],.touch[data-menu] .tc[data-ctl=camera],.touch[data-menu] .tc[data-ctl=reset],.touch[data-menu] .tc[data-ctl=look],.touch[data-menu] .tc[data-ctl=horn],.touch[data-menu] .tc[data-ctl=map],.touch[data-menu] .tc[data-ctl=msgs],.touch[data-menu] .tc[data-ctl=qchat],.touch[data-menu] .tc[data-ctl=center],.touch[data-menu] .tc[data-ctl=left],.touch[data-menu] .tc[data-ctl=right],.touch[data-menu] .stick{display:none!important}.touch[data-menu] .tc[data-ctl=mode]{display:flex!important;top:calc(14px + env(safe-area-inset-top,0px))!important;right:calc(68px + env(safe-area-inset-right,0px))!important;border-radius:50%!important;width:48px!important;height:48px!important}.touch:not([data-menu]) .tc .menu-lbl{display:none!important}.touch:not([data-menu]) .tc .drive-lbl{display:inline-flex!important;align-items:center;justify-content:center}.touch[data-menu] .tc .drive-lbl{display:none!important}.touch[data-menu] .tc .menu-lbl{display:inline-flex!important;align-items:center;justify-content:center}.touch[data-menu] .tc[data-ctl=menu-up],.touch[data-menu] .tc[data-ctl=menu-down],.touch[data-menu] .tc[data-ctl=menu-left],.touch[data-menu] .tc[data-ctl=menu-right]{display:flex!important;width:66px!important;height:66px!important;border-radius:50%!important;background:#0d1424d9;border:2px solid rgba(0,210,255,.6);color:#00f0ff;box-shadow:0 8px 24px #000000a6,0 0 16px #00d2ff59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .12s ease;pointer-events:auto;user-select:none;align-items:center;justify-content:center}.touch[data-menu] .tc[data-ctl=menu-up] svg,.touch[data-menu] .tc[data-ctl=menu-down] svg,.touch[data-menu] .tc[data-ctl=menu-left] svg,.touch[data-menu] .tc[data-ctl=menu-right] svg{width:32px;height:32px}.touch[data-menu] .tc[data-ctl=menu-up]{bottom:calc(160px + env(safe-area-inset-bottom,0px))!important;left:calc(90px + env(safe-area-inset-left,0px))!important}.touch[data-menu] .tc[data-ctl=menu-down]{bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;left:calc(90px + env(safe-area-inset-left,0px))!important}.touch[data-menu] .tc[data-ctl=menu-left]{bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;left:calc(20px + env(safe-area-inset-left,0px))!important}.touch[data-menu] .tc[data-ctl=menu-right]{bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;left:calc(160px + env(safe-area-inset-left,0px))!important}.touch[data-menu] .tc[data-ctl=menu-up].on,.touch[data-menu] .tc[data-ctl=menu-down].on,.touch[data-menu] .tc[data-ctl=menu-left].on,.touch[data-menu] .tc[data-ctl=menu-right].on{background:#00f0ff!important;color:#040810!important;border-color:#fff!important;box-shadow:0 0 32px #00f0fff2!important;transform:scale(.92)!important}.touch[data-menu] .tc[data-ctl=vkb]{display:flex!important;position:absolute!important;left:50%!important;right:auto!important;top:auto!important;transform:translate(-50%)!important;bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;width:58px!important;height:44px!important;border-radius:14px!important;background:#0d1424d9!important;border:2px solid rgba(0,210,255,.65)!important;color:#00f0ff!important;font-size:20px!important;box-shadow:0 6px 20px #0009,0 0 16px #00d2ff59!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50;align-items:center;justify-content:center;transition:all .15s ease}.touch[data-menu] .tc[data-ctl=vkb].on,.touch[data-menu] .tc[data-ctl=vkb]:active{background:#00f0ff!important;color:#000!important;box-shadow:0 0 28px #00f0ff!important;transform:translate(-50%) scale(.92)!important}.touch[data-menu] .tc[data-ctl=start]{display:flex!important;bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;right:calc(24px + env(safe-area-inset-right,0px))!important;left:auto!important;top:auto!important;transform:none!important;width:78px!important;height:78px!important;border-radius:50%!important;background:#0d1424d9!important;border:2.5px solid #00f0ff!important;color:#00f0ff!important;box-shadow:0 8px 24px #000000b3,0 0 20px #00f0ff80!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-items:center;justify-content:center;transition:all .15s ease}.touch[data-menu] .tc[data-ctl=start] svg{width:36px!important;height:36px!important}.touch[data-menu] .tc[data-ctl=start].on,.touch[data-menu] .tc[data-ctl=start]:active{background:#00f0ff!important;color:#040810!important;box-shadow:0 0 35px #00f0fff2!important;transform:scale(.92)!important}.touch[data-menu] .tc[data-ctl=pause]{display:flex!important;bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;right:calc(116px + env(safe-area-inset-right,0px))!important;left:auto!important;top:auto!important;transform:none!important;width:64px!important;height:64px!important;border-radius:50%!important;background:#0d1424d9!important;border:2px solid rgba(239,68,68,.75)!important;color:#f87171!important;box-shadow:0 8px 24px #000000b3,0 0 16px #ef444459!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-items:center;justify-content:center;transition:all .15s ease}.touch[data-menu] .tc[data-ctl=pause] svg{width:28px!important;height:28px!important}.touch[data-menu] .tc[data-ctl=pause].on,.touch[data-menu] .tc[data-ctl=pause]:active{background:#ef4444!important;color:#fff!important;box-shadow:0 0 28px #ef4444!important;transform:scale(.92)!important}.touch[data-menu] .tc.menu-tab-btn{display:flex!important;align-items:center;justify-content:center;gap:6px;height:42px!important;padding:0 14px!important;border-radius:14px!important;font-size:13px!important;font-weight:800!important;letter-spacing:.5px!important;background:#0d1424e0!important;border:2px solid rgba(0,210,255,.75)!important;color:#00f0ff!important;box-shadow:0 6px 18px #000000a6,0 0 14px #00d2ff59!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50;transition:all .12s ease;pointer-events:auto;user-select:none}.touch[data-menu] .tc.menu-tab-btn.tab-prev{top:calc(14px + env(safe-area-inset-top,0px))!important;left:calc(16px + env(safe-area-inset-left,0px))!important}.touch[data-menu] .tc.menu-tab-btn.tab-next{top:calc(14px + env(safe-area-inset-top,0px))!important;right:calc(128px + env(safe-area-inset-right,0px))!important}.touch[data-menu] .tc.menu-tab-btn:active,.touch[data-menu] .tc.menu-tab-btn.on{background:#00f0ff!important;color:#040810!important;border-color:#fff!important;box-shadow:0 0 24px #00f0ff!important;transform:scale(.94)!important}.touch[data-menu] .tc.menu-tab-btn .tab-arr{font-size:14px}.touch[data-menu] .tc.menu-tab-btn .tab-txt{font-size:12px}@media(max-height:420px){.touch[data-menu] .tc[data-ctl=menu-up],.touch[data-menu] .tc[data-ctl=menu-down],.touch[data-menu] .tc[data-ctl=menu-left],.touch[data-menu] .tc[data-ctl=menu-right]{width:56px!important;height:56px!important}.touch[data-menu] .tc[data-ctl=menu-up]{bottom:calc(134px + env(safe-area-inset-bottom,0px))!important;left:calc(76px + env(safe-area-inset-left,0px))!important}.touch[data-menu] .tc[data-ctl=menu-down]{bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;left:calc(76px + env(safe-area-inset-left,0px))!important}.touch[data-menu] .tc[data-ctl=menu-left]{bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;left:calc(16px + env(safe-area-inset-left,0px))!important}.touch[data-menu] .tc[data-ctl=menu-right]{bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;left:calc(136px + env(safe-area-inset-left,0px))!important}.touch[data-menu] .tc[data-ctl=start]{width:66px!important;height:66px!important;right:calc(18px + env(safe-area-inset-right,0px))!important;bottom:calc(56px + env(safe-area-inset-bottom,0px))!important}.touch[data-menu] .tc[data-ctl=pause]{width:56px!important;height:56px!important;right:calc(96px + env(safe-area-inset-right,0px))!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}}@media(max-width:1024px){.app{grid-template-columns:minmax(0,1fr);padding:18px 18px 48px;gap:20px}.side,.content{gap:20px}}@media(max-width:768px){.top-navbar{flex-direction:column;align-items:flex-start;gap:16px}.nav-actions{width:100%;justify-content:flex-end}.brand-group{width:100%}}@media(max-width:580px){.app{padding:12px 12px 40px;gap:16px}.top{padding:16px 16px 20px;border-radius:20px}.panel{padding:18px 16px;border-radius:20px}.brand-info h1{font-size:22px;line-height:28px}.nav-actions{justify-content:space-between;gap:8px}.dash-tabs{gap:8px}.tab-btn{padding:8px 14px;font-size:13px}.set{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "help" "ctl";gap:8px}.set-control{justify-content:flex-start;flex-wrap:wrap;margin-top:6px}.set select{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}body:not([data-phase=playing]) .chat-voice-system{display:none!important}.chat-voice-system{position:fixed;inset:0;pointer-events:none;z-index:10000;font-family:inherit}.page-chat-container{display:flex;flex-direction:column;background:#0a101cb3;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;margin-top:14px;box-shadow:0 8px 32px #00000059}.page-chat-feed{height:320px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.page-chat-feed::-webkit-scrollbar{width:6px}.page-chat-feed::-webkit-scrollbar-thumb{background:#00d2ff4d;border-radius:3px}.page-chat-input-row{display:flex;gap:10px;padding:12px 16px;background:#050810d9;border-top:1px solid var(--border-color)}.page-chat-input{flex:1;background:#ffffff0f;border:1px solid var(--border-color);border-radius:10px;padding:10px 14px;color:#fff;font-size:14px;outline:none;transition:all .2s}.page-chat-input:focus{border-color:var(--blue-neon);box-shadow:0 0 14px #00d2ff4d;background:#00000080}.cv-toast-container{position:fixed;left:calc(20px + env(safe-area-inset-left,0px));bottom:calc(210px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;z-index:10005;pointer-events:none;max-width:min(340px,calc(100vw - 40px))}.cv-toast{position:relative;display:flex;align-items:center;gap:8px;padding:7px 14px;background:#0a0f19e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;font-weight:700;font-size:12.5px;letter-spacing:.3px;box-shadow:0 4px 16px #0009;animation:cvToastSlideIn .25s cubic-bezier(.16,1,.3,1) forwards;transition:all .25s ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-toast.join{border:1px solid rgba(0,240,255,.7);color:#e6ffff;box-shadow:0 0 14px #00f0ff4d}.cv-toast.leave{border:1px solid rgba(255,0,85,.7);color:#ffe6ec;box-shadow:0 0 14px #ff00554d}.cv-toast.hide{opacity:0;transform:translate(-16px) scale(.96)}@keyframes cvToastSlideIn{0%{opacity:0;transform:translate(-16px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.cv-top-cluster,.cv-mic-cluster{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:calc(126px + env(safe-area-inset-right,0px));display:flex;align-items:center;gap:8px;z-index:60;pointer-events:auto}.cv-chat-mini-btn,.cv-mic-mini-btn,.cv-radar-mini-btn{width:44px;height:44px;border-radius:12px;background:#111a2ed9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(0,210,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-shadow:0 4px 16px #00000080;transition:transform .1s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease;padding:0}.cv-chat-mini-btn:active,.cv-mic-mini-btn:active,.cv-radar-mini-btn:active{transform:scale(.92)}.cv-chat-mini-btn.active{border-color:#00f0ff;background:#00f0ff40;color:#00f0ff;box-shadow:0 0 16px #00f0ff99}.cv-chat-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#00f0ff;box-shadow:0 0 8px #00f0ff}.cv-chat-dot[hidden]{display:none!important}.cv-mic-mini-btn.muted{border-color:#ef444480;background:#ef444426;color:#fca5a5}.cv-mic-mini-btn.active{border-color:#00f0ff;background:#00f0ff38;color:#00f0ff;box-shadow:0 0 16px #00f0ff99}.cv-mic-mini-btn.speaking{border-color:#22c55e;background:#22c55e40;color:#22c55e;box-shadow:0 0 20px #22c55ecc;animation:cvPulse 1.2s infinite alternate}@keyframes cvPulse{0%{box-shadow:0 0 10px #22c55e4d}to{box-shadow:0 0 22px #22c55ecc}}.cv-mini-icon{font-size:18px;line-height:1}.cv-mini-badge{position:absolute;top:-4px;right:-4px;background:#00f0ff;color:#000;font-size:10px;font-weight:900;border-radius:10px;padding:1px 5px;min-width:16px;text-align:center;box-shadow:0 0 8px #00f0ffcc}.cv-radar-popover{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#0b101cf0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,210,255,.4);border-radius:14px;padding:10px;box-shadow:0 12px 36px #000000b3,0 0 20px #00d2ff33;display:flex;flex-direction:column;gap:8px;z-index:100;animation:cvPopoverIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes cvPopoverIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cv-radar-popover[hidden]{display:none!important}.cv-radar-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.cv-player-count{color:#00f0ff;font-weight:700}.cv-radar-close-btn{background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;padding:2px 4px;line-height:1}.cv-radar-close-btn:hover{color:#fff}.cv-radar-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.cv-radar-empty{font-size:11px;color:#64748b;text-align:center;padding:8px 0;font-style:italic}.cv-radar-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:6px 10px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.04);transition:all .2s}.cv-radar-item.speaking{background:#22c55e38!important;border-color:#22c55e!important;box-shadow:0 0 12px #22c55e59;animation:pulseSpeaking 1.5s infinite ease-in-out}.cv-radar-item.speaking .cv-radar-name{color:#4ade80!important;text-shadow:0 0 8px rgba(74,222,128,.7)}.cv-radar-item.speaking .cv-radar-voice{color:#22c55e;animation:bounceVoice .8s infinite alternate ease-in-out}@keyframes pulseSpeaking{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes bounceVoice{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.25);filter:brightness(1.3)}}.cv-vip-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:900;padding:1px 5px;border-radius:4px;background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff;box-shadow:0 0 8px #f59e0b80;margin-right:4px;flex-shrink:0}.cv-radar-name{font-weight:700;flex:1;margin:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-radar-name.vip{color:#fbbf24!important;text-shadow:0 0 8px rgba(245,158,11,.4)}.cv-radar-dist{font-size:11px;color:#94a3b8;margin-right:6px;font-variant-numeric:tabular-nums}.cv-chat-preview{position:absolute;top:calc(100% + 8px);right:0;max-width:320px;background:#0a0f1cf0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,210,255,.5);border-radius:12px;padding:6px 12px;font-size:12px;color:#fff;box-shadow:0 8px 24px #000000b3;pointer-events:none;animation:cvPopoverIn .25s ease forwards;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:99}.cv-chat-preview[hidden]{display:none!important}.cv-preview-text{color:#e2e8f0;margin-left:4px}.cv-chat-hud{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:calc(100vw - 32px);background:#0a0f1cf0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;border:1px solid rgba(0,210,255,.5);display:flex;flex-direction:column;box-shadow:0 10px 40px #000000bf,0 0 20px #00f0ff40;overflow:hidden;z-index:100;animation:cvPopoverIn .25s cubic-bezier(.16,1,.3,1) forwards}.cv-chat-hud[hidden]{display:none!important}.cv-chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#00000059;border-bottom:1px solid rgba(255,255,255,.08)}.cv-chat-title{font-size:11px;font-weight:800;color:#00f0ff;letter-spacing:1.2px;text-transform:uppercase}.cv-chat-min-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#94a3b8;border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;cursor:pointer;transition:all .15s}.cv-chat-min-btn:hover{background:#00f0ff33;border-color:#00f0ff;color:#00f0ff}.cv-chat-feed{height:160px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.cv-chat-feed::-webkit-scrollbar{width:5px}.cv-chat-feed::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:3px}.cv-chat-msg{font-size:13px;line-height:1.45;color:#e2e8f0;word-break:break-word}.cv-chat-msg.system{color:#94a3b8;font-style:italic;font-size:12px}.cv-msg-time{font-size:11px;color:#64748b;margin-right:6px;font-variant-numeric:tabular-nums}.cv-vip-tag{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:900;padding:1px 6px;border-radius:4px;letter-spacing:.5px;box-shadow:0 0 8px #f59e0b73;margin-right:5px;vertical-align:middle;text-shadow:0 1px 2px rgba(0,0,0,.6)}.cv-author{font-weight:700;color:#38bdf8;margin-right:6px}.cv-author.me{color:#34d399}.cv-author.vip{color:#fbbf24!important;font-weight:800;text-shadow:0 0 8px rgba(245,158,11,.5)}.cv-chat-msg.vip-msg{border-left:2px solid #f59e0b;padding-left:6px;margin-left:-6px}.cv-chat-input-wrap{display:flex;gap:8px;padding:10px;background:#050810d9;border-top:1px solid rgba(0,240,255,.3)}.cv-chat-input{flex:1;background:#ffffff0f;border:1px solid rgba(0,240,255,.6);border-radius:8px;padding:8px 14px;color:#fff;font-size:13px;outline:none;transition:all .2s}.cv-chat-input:focus{border-color:#00f0ff;box-shadow:0 0 14px #00f0ff59;background:#0006}.cv-chat-send-btn{background:linear-gradient(135deg,#00f0ff,#07f);border:none;border-radius:8px;padding:8px 16px;color:#000;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s}.cv-chat-send-btn:hover{filter:brightness(1.15);box-shadow:0 0 14px #00f0ff80}@media(max-width:768px),(max-height:500px){.cv-chat-hud{width:min(340px,calc(100vw - 40px));max-height:220px}.cv-chat-feed{height:110px}}.touch-opacity-box{background:#0f172ab3;border:1px solid rgba(0,210,255,.3);border-radius:14px;padding:12px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.touch-opacity-box .touch-opacity-header{color:#e2e8f0}.touch-opacity-box .preset-btn{background:#ffffff0d;border-color:#ffffff1f;color:#94a3b8;box-shadow:none}.touch-opacity-box .preset-btn.active{background:#00f0ff;border-color:#00f0ff;color:#000;box-shadow:0 0 10px #00f0ff80}.touch-opacity-panel{background:var(--field);border:1px solid var(--line);box-shadow:var(--shadow-in-sm);border-radius:16px;padding:16px 18px;margin-top:14px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px;transition:background .25s ease,border-color .25s ease}.touch-opacity-header{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:700;color:var(--text)}.touch-opacity-badge{background:var(--blue-fill);border:1px solid var(--blue-neon);color:var(--blue-neon);padding:2px 10px;border-radius:12px;font-size:12px;font-weight:800;min-width:44px;text-align:center}.touch-opacity-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--line);outline:none;cursor:pointer;accent-color:var(--blue-neon);transition:background .2s ease}.touch-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--blue-neon);cursor:pointer;box-shadow:0 0 12px var(--blue-neon);transition:transform .1s}.touch-opacity-slider::-webkit-slider-thumb:hover,.touch-opacity-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.touch-opacity-presets{display:flex;gap:6px;flex-wrap:wrap}.preset-btn{flex:1;min-width:60px;padding:8px 10px;border-radius:10px;background:#0e1623e6;border:1px solid rgba(0,240,180,.22);color:var(--muted);font-size:11.5px;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;box-shadow:0 4px 10px #00000073}.preset-btn:hover{background:#142034f2;border-color:var(--blue-neon);color:#fff;box-shadow:0 0 14px #00f0b459;transform:translateY(-1px)}.preset-btn.active{background:linear-gradient(135deg,#00f0b44d,#00d2ff2e);border-color:var(--blue-neon);color:#fff;box-shadow:0 0 16px #00f0b480,inset 0 1px #ffffff40}.touch-toggles-box{margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.touch-toggles-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px}.touch-toggles-grid{display:grid;grid-template-columns:1fr;gap:8px}.touch-toggle-lbl{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text);cursor:pointer;user-select:none}.touch-toggle-lbl input[type=checkbox]{accent-color:var(--blue-neon);width:16px;height:16px;cursor:pointer}.stage-brand-badge{position:absolute;right:calc(16px + env(safe-area-inset-right,0px))!important;top:calc(14px + env(safe-area-inset-top,0px));z-index:58;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;background:#0d1424e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(0,210,255,.55);border-radius:14px;box-shadow:0 4px 20px #0009,0 0 16px #00d2ff59;cursor:pointer;pointer-events:auto;user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.stage-brand-badge:hover{border-color:#00f0ff;box-shadow:0 4px 24px #000000b3,0 0 24px #00f0ff99;transform:translateY(-1px)}.stage-brand-badge:active{transform:scale(.92)}.stage-brand-logo{width:34px;height:34px;border-radius:8px;object-fit:contain;box-shadow:0 0 10px #00d2ff73}.stage-brand-text{display:none!important}.cv-top-cluster,.cv-mic-cluster{right:calc(72px + env(safe-area-inset-right,0px))!important}.touch:not([data-menu]) .tc[data-ctl=vkb]{display:none!important}.vkb-overlay{position:absolute;inset:0;z-index:999;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:auto;box-sizing:border-box}.vkb-overlay[hidden]{display:none!important}.vkb-card{width:100%;max-width:540px;background:#0f172af5;border:1.5px solid rgba(0,210,255,.6);border-radius:20px;box-shadow:0 12px 40px #000c,0 0 30px #00d2ff4d;padding:16px 18px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:12px;animation:vkbPopIn .2s cubic-bezier(.16,1,.3,1)}@keyframes vkbPopIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.vkb-header{display:flex;align-items:center;justify-content:space-between}.vkb-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#00f0ff;letter-spacing:.5px}.vkb-close-btn{background:#ffffff1a;border:none;color:#94a3b8;font-size:16px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.vkb-close-btn:hover{background:#ef44444d;color:#ef4444}.vkb-input-row{display:flex;gap:8px}.vkb-input{flex:1;background:#0009;border:1.5px solid rgba(0,210,255,.4);border-radius:12px;padding:10px 14px;color:#fff;font-size:16px;font-weight:700;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.vkb-input:focus{border-color:#00f0ff;box-shadow:0 0 14px #00f0ff66}.vkb-send-btn{background:linear-gradient(135deg,#00f0ff,#2563eb);border:none;border-radius:12px;padding:0 16px;color:#000;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 4px 14px #00d2ff66;transition:transform .1s ease,filter .15s ease;white-space:nowrap}.vkb-send-btn:active{transform:scale(.95)}.vkb-options-row{display:flex;align-items:center;gap:16px;font-size:12px;color:#94a3b8}.vkb-chk-lbl{display:flex;align-items:center;gap:6px;cursor:pointer}.vkb-chk-lbl input{accent-color:#00f0ff}.vkb-quick-actions{display:flex;flex-wrap:wrap;gap:6px}.vkb-action-btn{flex:1;min-width:70px;padding:7px 10px;background:#1e293bd9;border:1px solid rgba(148,163,184,.25);border-radius:8px;color:#cbd5e1;font-size:12px;font-weight:700;cursor:pointer;text-align:center;transition:all .1s ease;user-select:none}.vkb-action-btn:active{transform:scale(.94);background:#00d2ff4d;border-color:#00f0ff;color:#fff}.vkb-action-btn.enter-act{background:#00d2ff33;border-color:#00d2ff80;color:#00f0ff}.vkb-pad{display:flex;flex-direction:column;gap:5px}.vkb-row{display:flex;gap:4px;justify-content:center}.vkb-pad .vkb-key-btn{flex:1;height:36px;max-width:44px;background:#1e293bcc;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#f1f5f9;font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:all .08s ease}.vkb-pad .vkb-key-btn:active{transform:scale(.9);background:#00f0ff;color:#000}.vkb-status{font-size:12px;color:#94a3b8;text-align:center;min-height:18px}.vkb-status.success{color:#34d399;font-weight:700}.vkb-status.warn{color:#f59e0b}.pwa-btn{display:inline-flex;align-items:center;gap:6px;background:#00d2ff1f;border:1px solid rgba(0,210,255,.45);color:#00f0ff;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 0 10px #00d2ff33}.pwa-btn:hover{background:#00d2ff40;border-color:#00f0ff;color:#fff;box-shadow:0 0 16px #00d2ff80;transform:translateY(-1px)}.pwa-btn.pwa-active{background:#10b98126;border-color:#10b981;color:#34d399;box-shadow:0 0 12px #10b9814d}@media(max-width:600px){.pwa-btn .pwa-label{display:none}.pwa-btn{padding:6px 8px}}.pwa-dlg{max-width:480px;background:#0f172afa;border:1.5px solid rgba(0,210,255,.5);border-radius:20px;box-shadow:0 16px 48px #000c,0 0 24px #00d2ff40;color:#fff;padding:18px 22px}.pwa-guide-desc{font-size:14px;color:#cbd5e1;line-height:1.5;margin-bottom:16px}.pwa-steps{display:flex;flex-direction:column;gap:12px}.pwa-step{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.45;color:#e2e8f0;background:#1e293b99;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.pwa-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border-radius:50%;background:#00f0ff;color:#000;font-weight:900;font-size:12px}.pwa-benefit{margin-top:16px;padding:10px 14px;border-radius:10px;background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#6ee7b7;font-size:13px;font-weight:700;text-align:center}.hero-cockpit{grid-column:1 / -1;position:relative;width:100vw;height:100vh;height:100dvh;min-height:100dvh;max-height:100dvh;margin:0 auto;background:#070c18 url(/hero-bg.jpg) center 45% / cover no-repeat;border-radius:0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hero-cockpit:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 65%,transparent 20%,rgba(7,12,24,.45) 55%,rgba(7,12,24,.96) 100%),linear-gradient(to bottom,rgba(7,12,24,.75) 0%,transparent 25%,transparent 60%,rgba(7,12,24,.98) 100%);pointer-events:none;z-index:1}.hero-cockpit:after{content:"";position:absolute;bottom:0;left:0;right:0;height:140px;background:radial-gradient(ellipse at bottom center,rgba(245,158,11,.3) 0%,rgba(16,185,129,.15) 35%,transparent 75%);pointer-events:none;z-index:2}.hud-top-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding:max(10px,calc(env(safe-area-inset-top,0px) + 8px)) 24px 10px 24px;position:relative;z-index:30;width:100%;box-sizing:border-box}.hud-top-left{display:flex;align-items:center;justify-content:flex-end;gap:10px;z-index:31}.hud-center-plate{position:relative;left:auto;transform:none;top:0;background:linear-gradient(180deg,#1a263ef5,#0b121efa);border-left:2px solid #00f0aa;border-right:2px solid #00f0aa;border-bottom:2px solid #00f0aa;border-radius:0 0 16px 16px;clip-path:polygon(0 0,100% 0,84% 100%,16% 100%);padding:8px 42px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 25px #00f0aa73,0 10px 30px #000000e6;backdrop-filter:blur(16px);z-index:35;flex-shrink:0}.hud-plate-inner{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.hud-plate-icon{width:32px;height:32px;border-radius:7px;object-fit:contain;filter:drop-shadow(0 0 8px #00f0aa)}.hud-plate-title{font-family:Prompt,sans-serif;font-size:17px;font-weight:800;color:#fff;letter-spacing:.8px;text-shadow:0 0 12px rgba(0,240,170,.7);white-space:nowrap}.hud-plate-status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#94a3b8;font-weight:600}.hud-plate-online b{color:#00f0aa;font-weight:800;text-shadow:0 0 8px rgba(0,240,170,.8)}.hud-plate-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00f0aa;box-shadow:0 0 10px #00f0aa;animation:hudDotPulse 1.8s infinite}@keyframes hudDotPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #00f0aa}50%{opacity:.4;transform:scale(.8);box-shadow:0 0 4px #00f0aa}}.hud-top-right{display:flex;align-items:center;justify-content:flex-start;gap:10px;z-index:31}.donate-label-short{display:none}.donate-label-full{display:inline}.hero-cockpit-body{flex:1;position:relative;width:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 32px 20px;z-index:10}.mobile-cockpit-brand,.mobile-cockpit-essential{display:none}.hud-mobile-settings-btn{display:none;align-items:center;gap:6px;background:#1e293bd9;border:1px solid rgba(56,189,248,.5);border-radius:8px;padding:6px 12px;color:#38bdf8;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s ease}.hud-mobile-settings-btn:hover{background:#38bdf833;border-color:#38bdf8;color:#fff}.hud-refresh-btn{display:inline-flex;align-items:center;gap:6px;background:#0f172ad9;border:1px solid rgba(245,158,11,.5);border-radius:9px;padding:6px 12px;color:#fbbf24;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0006,inset 0 1px #ffffff14}.hud-refresh-btn:hover{background:#f59e0b38;border-color:#fbbf24;color:#fff;box-shadow:0 0 14px #f59e0b73;transform:translateY(-1px)}.hud-refresh-btn:active,.hud-refresh-btn.refreshing{transform:scale(.95);border-color:#f59e0b}.refresh-icon{flex-shrink:0;transition:transform .3s ease}.hud-refresh-btn:hover .refresh-icon,.drawer-refresh-btn:hover .refresh-icon,.refresh-fallback-btn:hover .refresh-icon{transform:rotate(180deg)}.hud-refresh-btn.refreshing .refresh-icon,.drawer-refresh-btn.refreshing .refresh-icon,.refresh-fallback-btn.refreshing .refresh-icon{animation:spinRefresh .8s linear infinite!important}@keyframes spinRefresh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){.hud-refresh-btn .refresh-label{display:none}.hud-refresh-btn{padding:6px 9px}}.hero-start-center{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0;transform:translateY(-12px);z-index:15;width:100%;max-width:520px}.hero-start-center .hud-card-settings{width:100%;max-width:480px;margin-top:10px}.auth-center-wrap{display:flex;justify-content:center;align-items:center;width:100%;margin:14px 0;z-index:15}.auth-center-wrap .auth-top-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 24px;font-size:14.5px;font-weight:600;border-radius:999px;backdrop-filter:blur(14px);box-shadow:0 4px 20px #0009,0 0 16px #38bdf859;transition:all .25s cubic-bezier(.2,.8,.2,1);cursor:pointer}.auth-center-wrap .auth-top-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 25px #000000b3,0 0 24px #38bdf8a6}.auth-center-wrap .auth-top-btn.guest{background:#0f172ae0;border:1.5px solid rgba(56,189,248,.65);color:#38bdf8}.auth-center-wrap .auth-top-btn.logged-in{background:#064e3be0;border:1.5px solid rgba(52,211,153,.8);color:#34d399}.start-btn-outer-glow{position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:visible;filter:drop-shadow(0 0 28px rgba(16,185,129,.85));transition:transform .25s ease,filter .25s ease}.start-btn-outer-glow:hover{transform:translateY(-2px);filter:drop-shadow(0 0 42px rgba(16,185,129,1))}.start-engine-btn{position:relative;min-width:380px;max-width:460px;height:82px;padding:0 42px;font-family:Prompt,sans-serif;color:#fff;background:linear-gradient(135deg,#047857,#10b981 45%,#059669);border:2.5px solid #34d399;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,22px 100%,0 50%);box-shadow:0 0 35px #10b981cc,inset 0 0 18px #fff6,inset 0 2px 4px #fff9;display:flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.2,.8,.2,1)}.start-engine-btn:active{transform:scale(.97)}.start-engine-btn:disabled{opacity:.65;cursor:not-allowed;filter:grayscale(.5)}.engine-labels{display:flex;flex-direction:column;align-items:center;line-height:1.15}.engine-title{font-size:27px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 0 16px rgba(255,255,255,.8),0 3px 12px rgba(0,0,0,.95);text-transform:uppercase}.engine-subtitle{display:none!important}.engine-flame{font-size:26px;filter:drop-shadow(0 0 12px #f59e0b);animation:flameWiggle 1.4s infinite alternate ease-in-out}@keyframes flameWiggle{0%{transform:translateY(0) rotate(-4deg) scale(.95)}to{transform:translateY(-3px) rotate(4deg) scale(1.05)}}.start-kbd-indicator{display:none!important}.hero-start-center .status{margin-top:14px;font-size:15px;font-weight:800;color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.6)}.hero-start-center .status-sub{margin-top:4px;font-size:12.5px;color:#94a3b8;max-width:460px;line-height:1.45;margin-left:auto;margin-right:auto}.hero-fallback-row{display:flex;gap:10px;margin-top:12px}.mobile-cockpit-toggles{display:none}.hud-left-stack{position:absolute;left:36px;top:76px;width:350px;max-height:calc(100vh - 90px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;z-index:25;scrollbar-width:thin;scrollbar-color:rgba(0,240,180,.4) transparent}.hud-guide-card{padding:14px 16px}.hud-guide-head-left{display:flex;align-items:center;gap:8px}.hud-carousel-dots{display:flex;align-items:center;gap:6px}.hud-dot{width:8px;height:8px;border-radius:4px;background:#ffffff40;border:none;padding:0;cursor:pointer;transition:all .25s ease}.hud-dot.active{width:20px;background:#00f0b4;box-shadow:0 0 10px #00f0b4cc}.hud-carousel-viewport{position:relative;width:100%;height:360px;max-height:calc(100vh - 380px);min-height:280px;overflow:hidden;border-radius:12px;border:1px solid rgba(0,240,180,.2);background:#050911;box-shadow:inset 0 2px 12px #000c}.hud-carousel-track{display:flex;width:300%;height:100%;transition:transform .55s cubic-bezier(.25,1,.5,1);will-change:transform}.hud-slide{width:33.333333%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;background:radial-gradient(circle at center,#0d152299,#04070df2)}.hud-guide-img{width:100%;height:100%;object-fit:contain;object-position:center top;transition:transform .3s ease,filter .3s ease}.hud-slide:hover .hud-guide-img{transform:scale(1.03);filter:brightness(1.08)}.hud-slide-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 12px 10px;background:linear-gradient(to top,rgba(4,8,16,.96) 0%,rgba(4,8,16,.7) 60%,transparent 100%);display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;pointer-events:none}.hud-slide-tag{font-size:12px;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(0,240,180,.8)}.hud-slide-zoom-hint{font-size:10.5px;color:#34d399;letter-spacing:.4px}.hud-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#0b121ed9;border:1px solid rgba(0,240,180,.5);color:#00f0b4;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:6;opacity:.7;padding:0 0 2px}.hud-carousel-arrow:hover{opacity:1;background:#00f0b433;border-color:#00f0b4;box-shadow:0 0 12px #00f0b499;transform:translateY(-50%) scale(1.1)}.hud-carousel-arrow.prev{left:8px}.hud-carousel-arrow.next{right:8px}.hud-chat-card{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.hud-chat-head-left{display:flex;align-items:center;gap:8px}.hud-card-pill.live-pill{background:#ef444433;border:1px solid #ef4444;color:#ef4444;font-weight:700;animation:liveBlink 1.8s infinite ease-in-out}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.45}}.hud-chat-body{display:flex;flex-direction:column;gap:10px}.page-chat-feed{height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#050a12b3;border:1px solid rgba(56,189,248,.25);border-radius:8px;font-size:13px;line-height:1.45;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.4) transparent}.cv-chat-welcome{color:#94a3b8;font-size:12px;font-style:italic;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.12)}.page-chat-feed .cv-chat-msg{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;word-break:break-word}.page-chat-feed .cv-msg-time{font-size:11px;color:#64748b;font-family:monospace}.page-chat-feed .cv-author{font-weight:600;color:#38bdf8}.page-chat-feed .cv-author.me{color:#34d399}.page-chat-feed .cv-msg-text{color:#f1f5f9}.page-chat-input-bar{display:flex;gap:8px;align-items:center}.page-chat-input{flex:1;height:38px;font-size:13px;padding:0 12px;border-radius:8px;background:#0f172ad9;border:1px solid rgba(56,189,248,.35);color:#fff}.page-chat-input:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf866}.page-chat-send-btn{height:38px;padding:0 16px;border-radius:8px;font-size:13.5px;font-weight:600;white-space:nowrap}.hud-card-settings{padding:12px 14px 14px}.hud-settings-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#0f172ad9;border:1px solid rgba(56,189,248,.25);border-radius:8px;padding:3px;margin-bottom:10px;width:100%;box-sizing:border-box}.hud-set-tab{display:flex;align-items:center;justify-content:center;padding:6px 2px;font-size:11px;font-weight:700;color:#94a3b8;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit;min-width:0}.hud-set-tab:hover{color:#e2e8f0;background:#ffffff0d}.hud-set-tab.active{color:#00f0b4;background:#00f0b426;border-color:#00f0b466;box-shadow:0 0 10px #00f0b440}.hud-set-panel{display:none}.hud-set-panel.active{display:flex;flex-direction:column;gap:8px;animation:fadeInPanel .2s ease}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.hud-set-row{display:flex;flex-direction:column;gap:4px}.hud-set-row.split{flex-direction:row;justify-content:space-between;align-items:center;min-height:28px}.hud-set-lbl{font-size:11px;font-weight:700;color:#cbd5e1;letter-spacing:.3px}.hud-seg-control{display:flex;background:#0f172af2;border:1px solid rgba(51,65,85,.85);border-radius:6px;padding:2px;gap:2px}.hud-seg-btn{flex:1;padding:4px 6px;font-size:10.5px;font-weight:700;color:#94a3b8;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;text-align:center;font-family:inherit}.hud-seg-btn:hover{color:#fff;background:#ffffff0d}.hud-seg-btn.active{color:#050911;background:#00f0b4;font-weight:800;box-shadow:0 0 10px #00f0b499}.hud-switch{position:relative;display:inline-block;width:38px;height:20px;flex-shrink:0}.hud-switch input{opacity:0;width:0;height:0}.hud-slider-round{position:absolute;cursor:pointer;inset:0;background-color:#1e293b;border:1px solid #475569;transition:.25s;border-radius:20px}.hud-slider-round:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#94a3b8;transition:.25s;border-radius:50%}.hud-switch input:checked+.hud-slider-round{background-color:#00f0b440;border-color:#00f0b4;box-shadow:0 0 10px #00f0b466}.hud-switch input:checked+.hud-slider-round:before{transform:translate(18px);background-color:#00f0b4;box-shadow:0 0 6px #00f0b4cc}.hud-more-settings-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:8px 12px;background:#1e293bd9;border:1px solid rgba(56,189,248,.45);border-radius:8px;color:#38bdf8;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}.hud-more-settings-btn:hover{background:#38bdf838;border-color:#38bdf8;color:#fff;box-shadow:0 0 14px #38bdf873}.hud-right-stack{position:absolute;right:36px;top:76px;width:320px;max-height:calc(100vh - 90px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;z-index:25;scrollbar-width:thin;scrollbar-color:rgba(0,240,180,.4) transparent}.hud-card{background:#0b121ee0;border:1.5px solid rgba(56,189,248,.4);border-radius:14px;backdrop-filter:blur(14px);box-shadow:0 12px 35px #000000d9,inset 0 0 14px #38bdf81a;padding:14px 16px;color:#e2e8f0;font-family:Prompt,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.hud-card:hover{border-color:#38bdf8b3;box-shadow:0 14px 40px #000000e6,inset 0 0 18px #38bdf82e}.hud-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.hud-card-title{font-size:13.5px;font-weight:800;letter-spacing:.8px;color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.5)}.hud-card-pill{font-size:10px;font-weight:900;background:#38bdf833;border:1px solid #38bdf8;color:#38bdf8;padding:2px 7px;border-radius:4px;letter-spacing:.5px}.hud-card-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.hud-btn{background:#1e293bd9;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;padding:7px 10px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.hud-btn:hover{background:#334155e6;border-color:#ffffff4d}.hud-btn.primary{background:linear-gradient(135deg,#10b98159,#065f4673);border-color:#10b981;color:#6ee7b7;box-shadow:0 0 12px #10b9814d}.hud-btn.primary:hover{background:linear-gradient(135deg,#10b98180,#065f4699);box-shadow:0 0 16px #10b98180}.hud-card-stats{display:flex;flex-direction:column;gap:5px;font-size:12px}.hud-stat-item{display:flex;justify-content:space-between;align-items:center;color:#94a3b8}.hud-stat-val{color:#e2e8f0;font-weight:600}.text-mint{color:#34d399!important;font-weight:800;text-shadow:0 0 8px rgba(52,211,153,.6)}.text-gold{color:#fbbf24!important;font-weight:800}.hud-row-split{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hud-label-bold{font-size:11.5px;font-weight:800;color:#cbd5e1;letter-spacing:.5px}.hud-badge-val{font-size:11px;font-weight:900;background:#38bdf833;border:1px solid #38bdf8;color:#38bdf8;padding:2px 8px;border-radius:10px}.hud-range-slider{width:100%;height:5px;background:#1e293b;border-radius:4px;outline:none;margin-bottom:10px;accent-color:#00f0aa}.hud-section-label{font-size:11px;font-weight:800;color:#94a3b8;letter-spacing:.6px;margin:8px 0 6px;text-transform:uppercase}.hud-checklist{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:#cbd5e1}.hud-checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.hud-checkbox-row input[type=checkbox]{accent-color:#00f0aa;width:15px;height:15px;cursor:pointer}.hud-keys-badge-preview{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.hud-keys-cluster{display:flex;flex-direction:column;align-items:center;gap:3px}.hud-keys-row{display:flex;gap:3px}.hud-key-cap{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#0f172ad9;border:1px solid #475569;border-radius:4px;font-size:10px;font-weight:900;color:#f59e0b;box-shadow:0 1px 3px #00000080}.hud-keys-etc{font-size:11px;color:#64748b;font-style:italic}.hud-online-indicator{display:inline-flex;align-items:center;padding:2px 10px;background:#10b98133;border:1px solid #10b981;border-radius:8px;color:#6ee7b7;font-size:13px;font-weight:800;text-shadow:0 0 8px rgba(16,185,129,.6)}.hud-player-list-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1e293bd9;border:1px solid rgba(0,240,170,.4);border-radius:8px;color:#6ee7b7;font-size:12.5px;font-weight:700;cursor:pointer;margin:8px 0 10px;transition:all .2s ease}.hud-player-list-btn:hover{background:#00f0aa26;border-color:#00f0aa}.hud-form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.hud-input-lbl{font-size:11px;font-weight:700;color:#94a3b8}.hud-text-input{width:100%;background:#0f172ae6;border:1px solid #334155;border-radius:6px;padding:6px 10px;color:#fff;font-size:12px;font-family:inherit;outline:none;transition:border-color .2s}.hud-text-input:focus{border-color:#00f0aa;box-shadow:0 0 8px #00f0aa4d}.hud-room-input-group{display:flex;align-items:center;gap:8px;width:100%}.hud-btn-random-room{background:#1e293bd9;border:1px solid rgba(56,189,248,.5);color:#38bdf8;font-size:11px;font-weight:700;padding:6px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.hud-btn-random-room:hover{background:#38bdf833;border-color:#38bdf8;color:#fff;box-shadow:0 0 10px #38bdf859}.hud-btn-random-room:active{transform:scale(.96)}.hud-select-input{width:100%;background:#0f172ae6;border:1px solid #334155;border-radius:6px;padding:6px 10px;color:#38bdf8;font-size:12px;font-family:inherit;font-weight:600;cursor:pointer;outline:none}.hud-select-input:focus{border-color:#00f0aa}@media(max-width:1024px){.hero-cockpit{height:100vh;height:100dvh;max-height:100dvh;min-height:100dvh;overflow:hidden;border-radius:0;justify-content:space-between}.hero-cockpit{height:auto;min-height:100vh;min-height:100dvh;overflow-y:auto;border-radius:0}.hero-cockpit-body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px 16px 30px;overflow-y:auto;gap:8px}.hud-top-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;padding-top:max(12px,calc(env(safe-area-inset-top,0px) + 8px))!important;padding-left:max(8px,calc(env(safe-area-inset-left,0px) + 8px))!important;padding-right:max(8px,calc(env(safe-area-inset-right,0px) + 8px))!important;padding-bottom:8px!important;width:100%!important;box-sizing:border-box!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.hud-top-bar::-webkit-scrollbar{display:none!important}.hud-top-left{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-shrink:0!important}.hud-top-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-shrink:0!important}.hud-top-left .hud-brand-link,.hud-top-left .hud-online-badge,.hud-center-plate{display:none!important}.lang-switch{height:34px!important;padding:2px 3px!important;border-radius:12px!important;gap:2px!important}.lang-btn{padding:3px 8px!important;font-size:11.5px!important;border-radius:9px!important}.hud-donate-btn{padding:6px 10px!important;font-size:12px!important;border-radius:10px!important;gap:4px!important;height:34px!important;box-sizing:border-box!important;white-space:nowrap!important}.donate-label-full{display:none!important}.donate-label-short{display:inline!important;font-weight:800!important}.hud-refresh-btn,.pwa-btn,.hud-mobile-settings-btn,.discord-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0!important;margin:0!important;border-radius:10px!important;flex-shrink:0!important;overflow:hidden!important;white-space:nowrap!important;box-sizing:border-box!important;position:relative!important}.hud-refresh-btn span,.pwa-btn span,.hud-mobile-settings-btn span,.discord-btn span,.refresh-label,.pwa-label,.settings-label,.discord-label,.pwa-btn.pwa-active{display:none!important}.mobile-cockpit-brand{order:1;display:flex;flex-direction:column;align-items:center;margin:0 auto 4px;text-align:center}.m-cockpit-logo-img{max-width:155px;height:auto;filter:drop-shadow(0 0 16px rgba(0,240,170,.6))}.hero-start-center{order:2;width:100%;margin:0;transform:none;display:flex;flex-direction:column;align-items:center;gap:4px}.auth-center-wrap{order:3;margin:6px 0 10px}.auth-center-wrap .auth-top-btn{padding:8px 18px;font-size:13px}.start-btn-outer-glow{order:1;margin-top:2px;margin-bottom:2px}#status,#status-sub{order:2}.hero-fallback-row{order:4}.mobile-cockpit-essential{order:5}.start-engine-btn{min-width:270px;max-width:320px;height:62px;padding:0 20px}.engine-title{font-size:19px}.engine-subtitle{font-size:10.5px}#hud-settings-card{display:none!important}.mobile-cockpit-essential{display:flex!important;flex-direction:column;gap:8px;width:100%;max-width:330px;margin:6px auto 10px;background:#0b121eeb;border:1.5px solid rgba(0,240,180,.35);border-radius:12px;padding:10px 14px;backdrop-filter:blur(14px);box-shadow:0 8px 24px #000000b3}.m-essential-row{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.m-quick-save-btn{background:linear-gradient(135deg,#10b98166,#065f4680);border:1px solid #10b981;color:#6ee7b7;font-weight:800;padding:9px 8px;font-size:12px;border-radius:8px;box-shadow:0 0 12px #10b9814d}.m-open-settings-btn{background:#1e293bd9;border:1px solid rgba(56,189,248,.5);color:#38bdf8;font-weight:800;padding:9px 8px;font-size:12px;border-radius:8px}.m-essential-username-row{display:flex;align-items:center;gap:8px}.m-lbl-user{font-size:11px;font-weight:700;color:#94a3b8;white-space:nowrap}.m-user-input{flex:1;padding:5px 10px;font-size:12px;font-weight:700;color:#00f0b4;background:#0f172ae6;border:1px solid #334155;border-radius:6px;outline:none}.m-essential-room-row{display:flex;align-items:center;gap:8px;margin-top:2px}.m-lbl-room{font-size:11px;font-weight:700;color:#94a3b8;white-space:nowrap}.m-room-input-group{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.m-room-input{flex:1;min-width:0;padding:5px 8px;font-size:12px;font-weight:700;color:#38bdf8;background:#0f172ae6;border:1px solid #334155;border-radius:6px;outline:none}.m-btn-random-room{background:#1e293be6;border:1px solid rgba(56,189,248,.6);color:#38bdf8;font-size:11px;font-weight:700;padding:5px 8px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.m-btn-random-room:active{transform:scale(.95);background:#38bdf84d}.hud-left-stack{order:3;display:flex!important;flex-direction:column!important;gap:14px!important;position:static!important;width:100%!important;max-width:350px!important;margin:10px auto 24px!important;max-height:none!important}.hud-carousel-viewport{height:380px!important}.hud-right-stack,.mobile-cockpit-toggles{display:none!important}.m-toggle-item{display:flex;align-items:center;justify-content:space-between}.m-toggle-text{display:flex;flex-direction:column;text-align:left}.m-toggle-name{font-size:13px;font-weight:800;color:#fff;letter-spacing:.5px}.m-toggle-sub{font-size:11px;color:#94a3b8}.m-toggle-tag{font-size:11px;font-weight:800;color:#34d399;margin-left:auto;margin-right:10px}.hud-switch{position:relative;display:inline-block;width:44px;height:24px}.hud-switch input{opacity:0;width:0;height:0}.hud-slider-round{position:absolute;cursor:pointer;inset:0;background-color:#334155;border-radius:24px;transition:.3s}.hud-slider-round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.hud-switch input:checked+.hud-slider-round{background-color:#10b981;box-shadow:0 0 10px #10b98199}.hud-switch input:checked+.hud-slider-round:before{transform:translate(20px)}}.cockpit-fog-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.fog-puff{position:absolute;border-radius:50%;filter:blur(40px);mix-blend-mode:screen;pointer-events:none}.fog-1{width:550px;height:280px;bottom:40px;left:15%;background:radial-gradient(ellipse,rgba(0,240,180,.28) 0%,rgba(0,210,255,.12) 40%,transparent 70%);animation:fogDrift 14s ease-in-out infinite alternate}.fog-2{width:600px;height:300px;bottom:20px;right:15%;background:radial-gradient(ellipse,rgba(0,210,255,.22) 0%,rgba(0,240,180,.1) 45%,transparent 70%);animation:fogDrift 18s ease-in-out infinite alternate-reverse}.fog-3{width:700px;height:220px;bottom:-40px;left:30%;background:radial-gradient(ellipse,rgba(0,240,180,.2) 0%,transparent 70%);animation:fogDrift 12s ease-in-out infinite alternate}@keyframes fogDrift{0%{transform:translate(0) scale(1);opacity:.55}50%{transform:translate(40px,-15px) scale(1.08);opacity:.75}to{transform:translate(-30px,10px) scale(.95);opacity:.5}}.flame-floor-glow{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:110%;max-width:440px;height:70px;background:radial-gradient(ellipse 65% 100% at 50% 100%,rgba(255,115,0,.95) 0%,rgba(255,60,0,.6) 40%,rgba(255,190,40,.3) 65%,transparent 80%);filter:blur(14px);pointer-events:none;z-index:0;animation:flamePulse 2.2s ease-in-out infinite}@keyframes flamePulse{0%,to{transform:translate(-50%) scale(1);opacity:.9;filter:blur(14px)}50%{transform:translate(-50%) scale(1.15,.92);opacity:1;filter:blur(16px)}}.sparks-particles{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100%;max-width:420px;height:120px;pointer-events:none;z-index:10;overflow:visible}.spark{position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:#fa0;box-shadow:0 0 8px #f70,0 0 14px #fd4;opacity:0;animation:sparkRise 3s cubic-bezier(.25,.46,.45,.94) infinite}.spark.s1{left:15%;animation-delay:.1s;animation-duration:2.4s}.spark.s2{left:28%;animation-delay:.6s;animation-duration:2.8s;width:3px;height:3px}.spark.s3{left:42%;animation-delay:1.2s;animation-duration:2.2s;width:5px;height:5px;background:#fd4}.spark.s4{left:55%;animation-delay:.3s;animation-duration:2.6s}.spark.s5{left:68%;animation-delay:1.8s;animation-duration:2.5s;width:3px;height:3px}.spark.s6{left:82%;animation-delay:.9s;animation-duration:2.9s}.spark.s7{left:22%;animation-delay:1.5s;animation-duration:2.1s;width:4px;height:4px}.spark.s8{left:48%;animation-delay:2.1s;animation-duration:2.7s}.spark.s9{left:62%;animation-delay:.4s;animation-duration:2.3s;width:3px;height:3px}.spark.s10{left:75%;animation-delay:1.1s;animation-duration:3.1s}@keyframes sparkRise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1;transform:translateY(-20px) scale(1.1)}50%{transform:translate(12px,-60px) scale(.9);opacity:.8}to{transform:translate(-10px,-110px) scale(.2);opacity:0}}.m-cockpit-logo-img{width:90px;height:90px;max-width:90px;border-radius:20px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,240,180,.65)) drop-shadow(0 8px 18px rgba(0,0,0,.85));display:block;margin:0 auto 6px;transition:transform .25s ease}.m-cockpit-logo-img:hover{transform:scale(1.06)}.hide-status-info #problems,.hide-status-info .status-sub,.hide-status-info #report,.hide-status-info .msg,.hide-status-info .hero-fallback-row,.hide-touch-controls #touch{display:none!important}.guide-gallery{margin:20px 0 28px}.guide-gallery-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:16px}.guide-gallery-title{font-size:17px;color:var(--blue-neon);margin:0;letter-spacing:-.2px}.guide-gallery-hint{font-size:13px;color:var(--muted)}.guide-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.guide-card{background:#0b121ee6;border:1px solid rgba(0,240,180,.22);border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #0009;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.guide-card:hover{transform:translateY(-4px);border-color:var(--blue-neon);box-shadow:0 14px 32px #00f0b447,0 0 1px var(--blue-neon)}.guide-card-badge{padding:10px 14px;font-size:13.5px;font-weight:800;color:#fff;background:linear-gradient(90deg,#00f0b42e,#00d2ff1a);border-bottom:1px solid rgba(0,240,180,.15);letter-spacing:.3px}.guide-img-frame{position:relative;width:100%;aspect-ratio:9 / 16;background:#05080e;overflow:hidden}.guide-img-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .3s ease;display:block}.guide-card:hover .guide-img-frame img{transform:scale(1.03)}.guide-zoom-overlay{position:absolute;inset:0;background:#070b12b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--blue-neon);font-size:14px;font-weight:700;opacity:0;backdrop-filter:blur(4px);transition:opacity .2s ease}.guide-card:hover .guide-zoom-overlay{opacity:1}.guide-card-footer{padding:10px 14px;font-size:12.5px;color:var(--muted);background:#080d16cc;border-top:1px solid rgba(255,255,255,.05)}.guide-details-text{margin-top:16px;background:#0a101abf;border:1px solid rgba(0,240,180,.15);border-radius:12px;padding:12px 18px}.guide-details-text summary{cursor:pointer;font-weight:700;color:var(--muted);user-select:none;transition:color .2s ease}.guide-details-text summary:hover{color:var(--blue-neon)}.guide-details-inner{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.guide-lightbox{border:1px solid rgba(0,240,180,.4);border-radius:20px;background:#070b12f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:0;max-width:90vw;max-height:92vh;box-shadow:0 24px 60px #000000e6,0 0 30px #00f0b459;color:#fff;overflow:hidden}.guide-lightbox::backdrop{background:#04070cd9;backdrop-filter:blur(8px)}.guide-lightbox-body{padding:16px;overflow:auto;max-height:calc(92vh - 70px);display:flex;justify-content:center;align-items:center}.guide-lightbox-body img{max-width:100%;max-height:80vh;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 8px 30px #000c}dialog.dashboard-drawer{width:min(1200px,94vw);height:88vh;height:88dvh;max-height:90dvh;margin:auto;padding:0;background:#0a101af7;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1.5px solid rgba(0,240,180,.35);border-radius:24px;box-shadow:0 24px 80px #000000f2,0 0 40px #00f0b433;color:#f1f5f9;z-index:9999;overflow:hidden;display:none;flex-direction:column}dialog.dashboard-drawer[open]{display:flex}dialog.dashboard-drawer::backdrop{background:#04070dd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.drawer-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0d1522f2;border-bottom:1px solid rgba(0,240,180,.2)}.drawer-title-group{display:flex;flex-direction:column;gap:2px}.drawer-title-group h2{font-size:18px;font-weight:800;color:#00f0b4;text-shadow:0 0 10px rgba(0,240,180,.4);margin:0;line-height:1.25}.drawer-sub{font-size:12px;color:#94a3b8}.drawer-header-actions{display:flex;align-items:center;gap:10px}.drawer-refresh-btn{background:#f59e0b26!important;border:1px solid rgba(245,158,11,.5)!important;color:#fbbf24!important;padding:7px 14px!important;border-radius:12px!important;cursor:pointer;font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.drawer-refresh-btn:hover{background:#f59e0b4d!important;border-color:#fbbf24!important;color:#fff!important;box-shadow:0 0 12px #f59e0b80}.drawer-close-btn{flex-shrink:0;background:#ef444426!important;border:1px solid rgba(239,68,68,.5)!important;color:#fca5a5!important;padding:7px 18px!important;border-radius:12px!important;cursor:pointer;font-weight:700;transition:all .2s ease}.drawer-close-btn:hover{background:#ef444459!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 0 12px #ef444480}.dashboard-drawer .dash-tabs{flex-shrink:0;margin:0;padding:10px 20px;background:#080d16eb;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dashboard-drawer .dash-tabs::-webkit-scrollbar{display:none}.drawer-body{flex:1 1 0%;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px;display:flex;flex-direction:column;gap:24px}.drawer-body .side{display:flex;flex-direction:column;gap:24px;width:100%}@media(max-width:900px){dialog.dashboard-drawer{width:96vw!important;max-width:96vw!important;height:92vh!important;height:92dvh!important;max-height:94dvh!important;border-radius:20px!important;margin:auto!important;position:fixed!important;inset:0!important}.drawer-header{padding:12px 14px!important}.drawer-title-group h2{font-size:15px!important;line-height:1.3!important}.drawer-sub{font-size:11px!important}.drawer-close-btn{padding:6px 14px!important;font-size:13px!important;border-radius:10px!important}.dashboard-drawer .dash-tabs{padding:8px 12px!important;gap:6px!important}.dashboard-drawer .tab-btn{padding:7px 12px!important;font-size:12px!important;border-radius:10px!important}.drawer-body{padding:14px 12px!important;gap:16px!important}.drawer-body .side{gap:16px!important}.drawer-body .panel{padding:16px 14px!important;border-radius:16px!important}.drawer-body .guide-cards-grid{grid-template-columns:1fr!important;gap:14px!important}.drawer-refresh-btn{padding:6px 10px!important;font-size:11.5px!important;border-radius:10px!important}.drawer-refresh-btn span{font-size:11px!important}}.refresh-fallback-btn{background:#f59e0b2e!important;border:1.5px solid rgba(245,158,11,.6)!important;color:#fbbf24!important;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.refresh-fallback-btn:hover{background:#f59e0b59!important;border-color:#fbbf24!important;color:#fff!important;box-shadow:0 0 14px #f59e0b80}.page-toast{position:fixed;top:calc(24px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%) translateY(-20px);background:#0d1626f5;border:1.5px solid #00f0b4;border-radius:14px;padding:12px 24px;color:#f1f5f9;font-size:14px;font-weight:700;box-shadow:0 12px 32px #000c,0 0 20px #00f0b466;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:99999;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:none}.page-toast.show{opacity:1;transform:translate(-50%) translateY(0);display:block}.quick-speech-bubble{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%) scale(1);z-index:95;pointer-events:none;user-select:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.quick-speech-bubble[hidden]{display:none!important}.speech-bubble-inner{display:inline-flex;align-items:center;gap:10px;background:#0d1424eb;border:2px solid #a3e635;box-shadow:0 10px 32px #000c,0 0 24px #a3e6358c;border-radius:24px;padding:8px 20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative}.speech-bubble-inner:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #a3e635}.speech-bubble-icon{font-size:20px;line-height:1}.speech-bubble-text{font-size:17px;font-weight:800;color:#fff;letter-spacing:.5px;text-shadow:0 0 12px rgba(163,230,53,.8),0 2px 4px rgba(0,0,0,.9);white-space:nowrap}.speech-bubble-inner.vip{border-color:#f59e0b!important;box-shadow:0 10px 32px #000000d9,0 0 26px #f59e0b99!important}.speech-bubble-inner.vip:after{border-top-color:#f59e0b!important}.speech-bubble-inner.vip .speech-bubble-text{color:#fef08a!important;text-shadow:0 0 12px rgba(245,158,11,.8),0 2px 4px rgba(0,0,0,.9)!important}.bubble-vip-tag{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:12px;font-weight:900;padding:2px 8px;border-radius:6px;margin-right:4px;box-shadow:0 0 10px #f59e0b80;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.quick-speech-bubble.pop-in{animation:speechPopIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.quick-speech-bubble.pop-out{animation:speechPopOut .25s ease forwards}@keyframes speechPopIn{0%{opacity:0;transform:translate(-50%,-40%) scale(.6)}70%{opacity:1;transform:translate(-50%,-52%) scale(1.06)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes speechPopOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.7)}}.quick-chat-modal{position:absolute;inset:0;z-index:980;display:flex;align-items:center;justify-content:center;pointer-events:auto}.quick-chat-modal[hidden]{display:none!important}.qc-backdrop{position:absolute;inset:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.qc-container{position:relative;z-index:2;width:min(840px,94vw);max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,#0c1322f5,#080d18fa);border:2px solid rgba(0,240,255,.45);border-radius:22px;box-shadow:0 20px 60px #000000d9,0 0 35px #00f0ff40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:16px 20px 20px;animation:qcModalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes qcModalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.qc-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);gap:12px}.qc-title{display:flex;align-items:center;gap:8px}.qc-title-icon{font-size:20px;line-height:1}.qc-title-text{font-size:16px;font-weight:900;color:#00f0ff;letter-spacing:1px;text-shadow:0 0 12px rgba(0,240,255,.5)}.qc-actions{display:flex;align-items:center;gap:10px}.qc-btn-edit{display:inline-flex;align-items:center;gap:6px;background:#00f0ff1f;border:1.5px solid rgba(0,240,255,.5);border-radius:12px;color:#38bdf8;font-size:13px;font-weight:700;padding:6px 14px;cursor:pointer;transition:all .15s ease}.qc-btn-edit:hover,.qc-btn-edit.active{background:#00f0ff4d;border-color:#00f0ff;color:#fff;box-shadow:0 0 16px #00f0ff66}.qc-btn-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ef44442e;border:1.5px solid rgba(239,68,68,.6);border-radius:50%;color:#f87171;font-size:16px;font-weight:800;cursor:pointer;transition:all .15s ease}.qc-btn-close:hover{background:#ef4444;color:#fff;box-shadow:0 0 16px #ef4444}.qc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.qc-col{display:flex;flex-direction:column;gap:8px}.qc-col-title{text-align:center;font-size:15px;font-weight:900;color:#a3e635;letter-spacing:.8px;text-shadow:0 0 10px rgba(163,230,53,.6);padding:4px 0}.qc-col-phrases{display:flex;flex-direction:column;gap:8px}.qc-phrase-btn{background:#101828e0;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 10px;color:#f1f5f9;font-size:14px;font-weight:700;text-align:center;cursor:pointer;transition:all .12s ease;user-select:none;box-shadow:0 4px 12px #0006}.qc-phrase-btn:hover{border-color:#00f0ffb3;background:#18243cf2;color:#00f0ff;box-shadow:0 0 16px #00f0ff66;transform:translateY(-1px)}.qc-phrase-btn:active{background:#00f0ff;border-color:#fff;color:#040810;box-shadow:0 0 24px #00f0ffd9;transform:scale(.96)}.qc-edit-intro{background:#00f0ff14;border:1px dashed rgba(0,240,255,.4);border-radius:12px;padding:8px 14px;margin-top:10px;color:#94a3b8;font-size:12.5px;text-align:center}.qc-col-title-edit{margin-bottom:4px}.qc-cat-input{width:100%;background:#0a101ce6;border:1.5px solid rgba(163,230,53,.6);border-radius:10px;padding:6px 8px;color:#a3e635;font-size:14px;font-weight:900;text-align:center;outline:none}.qc-cat-input:focus{border-color:#a3e635;box-shadow:0 0 12px #a3e63573}.qc-phrase-row{display:flex;align-items:center;gap:6px}.qc-phrase-input{flex:1;background:#101828e6;border:1.5px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 10px;color:#f8fafc;font-size:13px;font-weight:600;outline:none}.qc-phrase-input:focus{border-color:#00f0ff;box-shadow:0 0 12px #00f0ff66}.qc-del-btn{width:28px;height:28px;border-radius:8px;background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.qc-del-btn:hover{background:#ef4444;color:#fff}.qc-add-phrase-btn{background:#00f0ff14;border:1.5px dashed rgba(0,240,255,.4);border-radius:10px;padding:8px 10px;color:#38bdf8;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.qc-add-phrase-btn:hover{background:#00f0ff33;border-color:#00f0ff;color:#fff}.qc-edit-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.qc-save-btn{background:linear-gradient(135deg,#00f0ff,#2563eb);color:#000;font-weight:900;padding:8px 18px;border-radius:12px;border:none;cursor:pointer;box-shadow:0 0 16px #00f0ff80;transition:all .15s ease}.qc-save-btn:hover{transform:scale(1.02);box-shadow:0 0 24px #00f0ffcc}.qc-reset-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#94a3b8;font-weight:700;padding:8px 16px;border-radius:12px;cursor:pointer;transition:all .15s ease}.qc-reset-btn:hover{background:#ffffff26;color:#f8fafc}@media(max-width:640px){.qc-grid{grid-template-columns:repeat(2,1fr)}}.auth-top-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.auth-top-btn.guest{background:#00f0ff14;border:1px solid rgba(0,240,255,.3);color:#00f0ff;box-shadow:0 0 10px #00f0ff26}.auth-top-btn.guest:hover{background:#00f0ff2e;border-color:#00f0ff;box-shadow:0 0 16px #00f0ff66;transform:translateY(-1px)}.auth-top-btn.logged-in{background:#10b9811f;border:1px solid rgba(16,185,129,.4);color:#10b981;box-shadow:0 0 12px #10b98133}.auth-top-btn.logged-in:hover{background:#10b98138;border-color:#34d399;box-shadow:0 0 18px #10b98166;transform:translateY(-1px)}.auth-top-icon{font-size:15px}.account-cloud-card{margin:20px 0;padding:16px 20px;border-radius:14px;background:#0a141cb3;border:1px solid rgba(0,240,255,.2);box-shadow:0 4px 20px #0006}.auth-cloud-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:800;background:#00f0ff26;color:#00f0ff;border:1px solid rgba(0,240,255,.3);letter-spacing:.5px}.account-status-desc{margin:10px 0 14px;font-size:13.5px;color:#cbd5e1;line-height:1.5}.account-status-desc .guest-highlight{color:#f59e0b;font-weight:700}.account-status-desc .user-highlight{color:#10b981;font-weight:800}.account-status-desc .sub-hint{font-size:12px;color:#94a3b8}.account-actions-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.auth-modal{width:min(92vw,540px);max-width:540px;box-sizing:border-box;border-radius:18px;background:#09131b;border:1px solid rgba(0,240,255,.35);box-shadow:0 10px 40px #000c,0 0 25px #00f0ff33;padding:0;color:#f8fafc;overflow:hidden;position:fixed;inset:0;margin:auto}.auth-modal[open]{display:flex;flex-direction:column}.auth-modal::backdrop{background:#000000bf;backdrop-filter:blur(6px)}.auth-modal .dlg-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0006;border-bottom:1px solid rgba(255,255,255,.08)}.auth-tabs{display:flex;gap:8px}.auth-tab{background:none;border:none;color:#94a3b8;font-size:14px;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.auth-tab.active{color:#00f0ff;background:#00f0ff1f;border:1px solid rgba(0,240,255,.3);text-shadow:0 0 8px rgba(0,240,255,.5)}.auth-close-btn{background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:4px 8px}.auth-close-btn:hover{color:#f56}.auth-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-input-group label{font-size:13px;font-weight:700;color:#cbd5e1}.auth-input-group input{height:42px;padding:0 14px;border-radius:10px;background:#0f172acc;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:14px;transition:all .2s ease}.auth-input-group input:focus{outline:none;border-color:#00f0ff;box-shadow:0 0 12px #00f0ff66}.auth-submit-btn{height:44px;border-radius:12px;background:linear-gradient(135deg,#00f0ff,#0284c7);color:#000;font-weight:900;font-size:14px;border:none;cursor:pointer;box-shadow:0 0 16px #00f0ff66;transition:all .2s ease;margin-top:4px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px #00f0ffb3}.auth-guest-notice{padding:10px 14px;border-radius:10px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);font-size:12px;color:#fbbf24;line-height:1.45}.auth-msg{font-size:13px;padding:8px 12px;border-radius:8px;margin:0}.auth-msg.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.auth-msg.success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.auth-msg.info{background:#00f0ff1a;border:1px solid rgba(0,240,255,.25);color:#7dd3fc}.auth-label-row{display:flex;justify-content:space-between;align-items:center}.auth-link-btn{background:none;border:none;color:#00f0ff;font-size:12px;font-weight:700;cursor:pointer;padding:0;text-decoration:underline;transition:all .2s}.auth-link-btn:hover{color:#38bdf8;text-shadow:0 0 8px rgba(0,240,255,.6)}.auth-forgot-header{text-align:center;padding-bottom:4px}.auth-forgot-header h4{margin:0 0 6px;color:#00f0ff;font-size:16px;font-weight:800}.auth-forgot-header p{margin:0;font-size:12px;color:#94a3b8;line-height:1.4}.auth-acc-title{font-size:14px;font-weight:800;color:#00f0ff;display:flex;align-items:center;gap:6px}.auth-account-view{display:flex;flex-direction:column;gap:14px}.auth-acc-card{display:flex;flex-direction:column;gap:14px;background:#0f172ab3;border:1px solid rgba(0,240,255,.25);border-radius:14px;padding:16px;box-shadow:0 4px 20px #00000080;box-sizing:border-box;width:100%;overflow:hidden}.auth-acc-badge{display:flex;align-items:center;gap:12px}.auth-acc-avatar{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00f0ff1f;border:1px solid rgba(0,240,255,.35);border-radius:12px;box-shadow:0 0 15px #00f0ff40}.auth-acc-info{display:flex;flex-direction:column;gap:3px}.auth-acc-name{font-size:18px;font-weight:900;color:#fff;letter-spacing:.5px}.auth-acc-status{font-size:12px;color:#34d399;font-weight:700}.auth-acc-desc{font-size:13px;color:#cbd5e1;line-height:1.5;margin:0}.auth-acc-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px;width:100%;box-sizing:border-box}.auth-modal-action-btn{height:42px;border-radius:10px;font-weight:800;font-size:13.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;min-width:0;box-sizing:border-box;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-sync-btn-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;box-sizing:border-box}@media(max-width:520px){.auth-sync-btn-group{grid-template-columns:1fr}}.auth-smart-sync-btn{background:#00f0ff26!important;border:1px solid #00f0ff!important;color:#00f0ff!important}.auth-smart-sync-btn:hover{background:#00f0ff4d!important;box-shadow:0 0 15px #00f0ff66}.sync-compare-box{background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;width:100%}.sync-compare-header{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#94a3b8;flex-wrap:wrap}.sync-refresh-link{background:none;border:none;color:#38bdf8;font-size:12px;font-weight:700;cursor:pointer;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.sync-refresh-link:hover{text-decoration:underline;color:#7dd3fc}.sync-compare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;box-sizing:border-box}@media(max-width:520px){.sync-compare-grid{grid-template-columns:1fr}}.sync-slot{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px;min-width:0;box-sizing:border-box;overflow:hidden}.sync-slot.newer{border-color:#34d399;background:#34d39914;box-shadow:0 0 10px #34d39933}.slot-badge{font-size:11px;font-weight:800;padding:2px 6px;border-radius:4px;width:fit-content;white-space:nowrap}.slot-badge.cloud{background:#38bdf826;color:#38bdf8}.slot-badge.local{background:#a855f726;color:#c084fc}.slot-profile{font-size:14px;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-time{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-verdict{font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:8px;text-align:center;background:#ffffff0a;color:#e2e8f0;word-break:break-word;line-height:1.45}.hud-donate-btn{background:linear-gradient(135deg,#f59e0b40,#ef444440);border:1px solid rgba(245,158,11,.5);color:#fbbf24;font-weight:800;padding:6px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 0 12px #f59e0b40;transition:all .2s ease}.hud-donate-btn:hover{background:linear-gradient(135deg,#f59e0b73,#ef444473);border-color:#f59e0b;color:#fff;box-shadow:0 0 18px #f59e0b80;transform:translateY(-1px)}.donate-modal{width:min(92vw,680px);max-width:680px;border:1px solid rgba(245,158,11,.4);box-shadow:0 25px 60px #000000d9,0 0 30px #f59e0b40}.donate-head-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900;color:#fbbf24}.donate-modal-body{padding:18px 22px 24px;display:flex;flex-direction:column;gap:16px;max-height:80vh;overflow-y:auto}.donate-intro{font-size:13.5px;color:#cbd5e1;line-height:1.55;background:#f59e0b14;border-left:3px solid #f59e0b;padding:10px 14px;border-radius:0 8px 8px 0}.donate-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.donate-cards-grid{grid-template-columns:1fr}}.donate-perk-card,.donate-pay-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.donate-perk-card h4,.donate-pay-card h4{margin:0;font-size:14px;font-weight:800;color:#38bdf8}.donate-perk-list{margin:0;padding-left:18px;font-size:12.5px;color:#e2e8f0;line-height:1.6}.promptpay-box{display:flex;flex-direction:column;align-items:center;gap:10px;background:#00000059;border:1px dashed rgba(245,158,11,.4);border-radius:10px;padding:12px;text-align:center}.promptpay-badge{background:#1e3a8a;color:#93c5fd;font-size:11px;font-weight:900;letter-spacing:1px;padding:3px 10px;border-radius:20px}.promptpay-qr-mock{width:110px;height:110px;background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;color:#1e293b;box-shadow:0 4px 12px #00000080}.promptpay-qr-mock .qr-icon{font-size:32px}.promptpay-qr-mock .qr-text{font-size:9px;font-weight:700;color:#475569;text-align:center;line-height:1.1;margin-top:4px}.promptpay-info{display:flex;flex-direction:column;gap:4px;font-size:12px}.promptpay-info .pay-row{display:flex;gap:6px;justify-content:center;align-items:center}.promptpay-info .pay-label{color:#94a3b8}.promptpay-info .pay-val{color:#fbbf24;font-weight:800}.promptpay-info .pay-hint{font-size:11px;color:#64748b;margin-top:4px}.donate-form{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.donate-form h4{margin:0;font-size:14px;font-weight:800;color:#f59e0b}.donate-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.donate-form-grid{grid-template-columns:1fr}}.donate-submit-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;font-weight:900!important;border:none!important;height:44px;border-radius:10px;cursor:pointer;box-shadow:0 4px 16px #f59e0b59;transition:all .2s ease}.donate-submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.donate-msg{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;text-align:center}.donate-msg.success{background:#2ecc7126;border:1px solid rgba(46,204,113,.4);color:#2ecc71}.donate-msg.error{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#e74c3c}.hero-save-badge{display:inline-flex;align-items:center;gap:8px;background:#0a1320e0;border:1px solid rgba(0,240,180,.35);box-shadow:0 4px 18px #00000073,0 0 12px #00f0b426;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;margin:6px auto 10px;font-size:13px;color:#e2e8f0;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);user-select:none;max-width:92%}.hero-save-badge:hover{background:#0f1c30f2;border-color:#00f0b4;box-shadow:0 6px 24px #00f0b44d;transform:translateY(-1px)}.save-badge-dot{width:8px;height:8px;border-radius:50%;background:#00f0b4;box-shadow:0 0 8px #00f0b4;flex-shrink:0;animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.save-badge-icon{font-size:14px;flex-shrink:0}.save-badge-prefix{color:#94a3b8;font-weight:500;font-size:12px}.save-badge-name{color:#00f0b4;font-weight:800;margin:0 2px}.save-badge-sep{color:#475569;margin:0 2px}.save-badge-time{color:#38bdf8;font-size:12px;font-weight:600}.save-badge-chip{background:#00f0b42e;border:1px solid rgba(0,240,180,.4);color:#00f0b4;font-size:10px;font-weight:900;padding:1px 6px;border-radius:10px;letter-spacing:.5px;flex-shrink:0}.btn-force-takeover{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;font-weight:800!important;border:none!important;padding:8px 16px!important;border-radius:8px!important;margin:8px auto!important;cursor:pointer!important;box-shadow:0 4px 15px #f59e0b66!important;animation:pulseWarning 1.8s infinite ease-in-out;display:inline-flex;align-items:center;gap:6px}@keyframes pulseWarning{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.03);filter:brightness(1.15)}}.m-save-info-bar{display:flex;align-items:center;justify-content:center;gap:8px;background:#0f172acc;border:1px solid rgba(56,189,248,.25);border-radius:8px;padding:6px 10px;margin-top:6px;font-size:11px;color:#cbd5e1;cursor:pointer}.m-save-info-bar:hover{border-color:#38bdf8;background:#142038e6}.m-save-info-sep{color:#475569}.text-cyan{color:#38bdf8!important}.profile-name-modal{width:92%;max-width:480px;background:radial-gradient(circle at top,#0e1b31fa,#070b12fc);border:1px solid rgba(0,240,255,.35);border-radius:18px;padding:0;color:#e2e8f0;box-shadow:0 25px 70px #000000d9,0 0 40px #00f0ff33;backdrop-filter:blur(16px);overflow:hidden}.profile-name-modal::backdrop{background:#04070dd1;backdrop-filter:blur(8px)}.profile-name-modal .dlg-head{padding:16px 20px;background:#00f0ff0f;border-bottom:1px solid rgba(0,240,255,.18);display:flex;align-items:center;justify-content:space-between}.profile-head-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:.3px;color:#fff}.profile-head-title .profile-icon{font-size:20px;filter:drop-shadow(0 0 8px rgba(0,240,255,.6))}.profile-modal-body{padding:22px 24px;display:flex;flex-direction:column;gap:18px}.profile-modal-intro{background:#00f0ff0a;border-left:3px solid #00f0ff;border-radius:8px;padding:12px 14px}.profile-intro-text{font-size:13.5px;line-height:1.5;color:#f1f5f9;margin:0 0 4px}.profile-intro-text strong{color:#00f0ff}.profile-intro-sub{font-size:11.5px;color:#94a3b8;line-height:1.4;display:block}.profile-modal-form{display:flex;flex-direction:column;gap:18px}.profile-input-wrapper{display:flex;flex-direction:column;gap:8px}.profile-input-label{font-size:12.5px;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px}.profile-input-row{display:flex;gap:8px;align-items:center}.profile-modal-input{flex:1;background:#0f172ad9;border:1.5px solid rgba(0,240,255,.35);border-radius:10px;color:#fff;font-size:15px;font-weight:700;padding:12px 14px;letter-spacing:.5px;outline:none;transition:all .2s ease}.profile-modal-input:focus{border-color:#00ffa3;box-shadow:0 0 16px #00ffa359;background:#0f172afa}.profile-modal-input.input-error{border-color:#ff4757!important;box-shadow:0 0 16px #ff475766!important;animation:shakeInput .35s ease}@keyframes shakeInput{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.profile-random-btn{background:#00f0ff1f;border:1px solid rgba(0,240,255,.4);color:#00f0ff;border-radius:10px;font-size:13px;font-weight:700;padding:12px 16px;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.profile-random-btn:hover{background:#00f0ff40;border-color:#00f0ff;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00f0ff4d}.profile-random-btn:active{transform:scale(.96)}.profile-input-hint{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#64748b;padding:0 2px}.profile-char-count{font-weight:600;color:#94a3b8}.profile-modal-actions{display:flex;gap:10px;margin-top:6px}.profile-start-btn{flex:2;background:linear-gradient(135deg,#00ffa3,#00b4d8);color:#070b12;font-weight:800;font-size:14.5px;letter-spacing:.5px;border:none;border-radius:10px;padding:14px 18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px #00ffa359;transition:all .2s ease}.profile-start-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 30px #00ffa380}.profile-start-btn:active{transform:translateY(0)}.profile-cancel-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#94a3b8;border-radius:10px;font-size:13.5px;font-weight:600;padding:14px 16px;cursor:pointer;transition:all .2s ease}.profile-cancel-btn:hover{background:#ffffff1a;color:#fff}.profile-modal-msg{font-size:12px;font-weight:600;color:#ff4757;background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:8px;padding:8px 12px;margin:0;text-align:center}
/*# sourceMappingURL=main.css.map */