:root{--ink: #fff;--muted: #c9c2ef;--panel: rgba(28, 18, 66, .86);--panel2: rgba(46, 30, 100, .9);--line: rgba(255, 255, 255, .16);--mint: #3dff9a;--pink: #ff5ad1;--gold: #ffd23f;--violet: #7c5cff;--red: #ff4f6d;--sky: #5ad7ff;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#2a1a5e;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#scene{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--sky)}.muted{color:var(--muted);font-size:.9em}.small{font-size:.82em}#cynnx-game-chip{display:none!important}.boot{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#5b3bd6,#1d1048)}.boot p{color:var(--muted)}.logo{margin:0;line-height:.86;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;font-family:Arial Black,Trebuchet MS,system-ui,sans-serif}.logo span{display:block}.logo .l1{font-size:clamp(54px,9vw,112px);color:var(--gold);text-shadow:0 5px 0 #b35c00,0 10px 24px rgba(0,0,0,.35);transform:rotate(-3deg)}.logo .l2{font-size:clamp(36px,5.6vw,70px);color:#fff;text-shadow:0 4px 0 var(--pink),0 8px 20px rgba(0,0,0,.35);margin:.14em 0 0 .15em}.menu{position:absolute;inset:0;display:flex;flex-direction:column}.menu.is-lobby{background:linear-gradient(90deg,#1e1050d1,#1e105073 45%,#1e105000 70%)}.menu.is-screen{background:#180e3c8c;backdrop-filter:blur(3px)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;cursor:pointer;letter-spacing:.02em}.brand b{color:var(--gold)}.brand img{border-radius:10px;box-shadow:0 3px 10px #0000004d}.top-stats{display:flex;align-items:center;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#140c32bf;border:1px solid var(--line);font-weight:800;font-size:15px;white-space:nowrap}.pill.lvl{color:var(--mint)}.coin{display:inline-block;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6b0,var(--gold) 45%,#c47f00);box-shadow:inset 0 -2px #9a5b00;flex:none}.icon-btn{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:#140c32cc;color:#fff}.icon-btn:hover{background:#3c2882e6}.lobby{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);gap:24px;padding:0 28px 24px;align-items:center;min-height:0}.hero{max-width:560px}.tag{font-size:18px;line-height:1.45;margin:18px 0 20px;max-width:470px;text-shadow:0 2px 6px rgba(0,0,0,.4)}.tag b{color:var(--gold)}.play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 40px;min-height:64px;border:0;border-radius:18px;font-weight:900;font-size:24px;letter-spacing:.04em;color:#17210a;background:linear-gradient(180deg,#8dffc4,var(--mint));box-shadow:0 6px #11995a,0 12px 28px #3dff9a59;transition:transform .08s}.play-btn:hover{transform:translateY(-2px)}.play-btn:active{transform:translateY(3px);box-shadow:0 2px #11995a}.sub{color:var(--muted);font-size:14px;margin:12px 0 18px}.account-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 12px;border-radius:14px;background:#140c32b3;border:1px solid var(--line);max-width:520px;font-size:14px}.acct-name{font-weight:800}.acct-status{color:var(--muted);flex:1;min-width:140px}.gp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;min-height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.4);background:#fff;color:#1b1440;font-weight:800;font-size:14px}.gp-g,.gp-p{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:900;color:#fff}.gp-g{background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0)}.gp-p{background:#ab9ff2}.link-btn{background:none;border:0;color:var(--sky);text-decoration:underline;padding:6px;font-weight:700}.side{display:flex;flex-direction:column;gap:12px}.player-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--panel);border:1px solid var(--line);cursor:pointer}.pc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pc-name{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-title{color:var(--pink);font-weight:700;font-size:14px}.pc-info small{color:var(--muted);font-size:12px}.xpbar{height:9px;border-radius:9px;background:#ffffff24;overflow:hidden}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--sky));border-radius:9px}.xpbar.big{height:16px;margin:10px 0}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-grid button{text-align:left;padding:14px;min-height:66px;border-radius:16px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:3px;transition:background .12s,transform .08s}.nav-grid button:hover{background:var(--panel2);transform:translateY(-1px)}.nav-grid b{font-size:16px}.nav-grid small{color:var(--muted);font-size:12.5px}.howto-link{align-self:flex-end;background:#140c32b3;border:1px solid var(--line);border-radius:10px;color:#fff;padding:8px 14px;font-weight:700}.panel{flex:1;min-height:0;overflow:auto;padding:0 22px 28px;max-width:1080px;width:100%;margin:0 auto;-webkit-overflow-scrolling:touch}.screen-head{display:flex;align-items:center;gap:14px;margin:4px 0 14px}.screen-head h2{margin:0;font-size:28px;font-weight:900}.back{padding:10px 16px;min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-weight:800}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}.card h3{margin:16px 0 10px;font-size:16px;color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.card h3:first-child{margin-top:0}.note{background:#7c5cff38;border:1px solid rgba(124,92,255,.5);border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.45}.empty{padding:22px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.big-level{font-size:22px}.big-level b{font-size:46px;color:var(--mint)}.curve,.board{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}.curve td,.curve th,.board td,.board th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.curve tr.cur,.board tr.me{background:#3dff9a1f}.board th{color:var(--muted);font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats div{background:#ffffff0f;border-radius:12px;padding:10px;text-align:center;display:flex;flex-direction:column}.stats b{font-size:20px}.stats small{color:var(--muted);font-size:12px}.unlocks{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:14px}.unlocks li{color:var(--muted)}.unlocks li.ok{color:var(--mint)}.unlocks b{color:#fff}.history{list-style:none;padding:0;margin:0;font-size:13.5px}.history li{display:grid;grid-template-columns:90px 1fr 70px 80px 70px;gap:6px;padding:7px 0;border-bottom:1px solid var(--line)}.oc{font-weight:800}.oc.extracted{color:var(--mint)}.oc.timeout,.oc.wiped{color:var(--red)}.ach-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.ach{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--line);opacity:.8}.ach.earned{opacity:1;border-color:#ffd23fb3;background:linear-gradient(135deg,rgba(255,210,63,.18),var(--panel))}.ach p{margin:4px 0 6px;font-size:14px;color:var(--muted);line-height:1.4}.ach small{font-size:12.5px;color:var(--muted)}.medal{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:#ffffff14;color:var(--muted)}.ach.earned .medal{background:radial-gradient(circle at 35% 35%,#fff6b0,var(--gold) 50%,#c47f00);color:#7a4a00}.profile-head{display:flex;gap:14px;align-items:flex-start}.profile-head>div{flex:1;display:flex;flex-direction:column;gap:6px}.lbl{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}input[readonly]{font:inherit;font-weight:800;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#00000040;color:#fff}.avatars{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.av{padding:3px;border-radius:14px;border:2px solid transparent;background:#ffffff0f;min-height:52px}.av.sel,.opt.sel,.tab.sel{border-color:var(--mint);background:#3dff9a26}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;min-height:48px;border-radius:12px;border:2px solid var(--line);background:#ffffff0f;font-weight:700;font-size:14px}.sw{display:inline-block;width:34px;height:14px;border-radius:8px}.sw.big{width:100%;height:64px;border-radius:14px}.shop-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:10px 18px;min-height:46px;border-radius:12px;border:2px solid var(--line);background:var(--panel);font-weight:800}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:12px}.item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.item.own{border-color:#3dff9a80}.item small{color:var(--muted);font-size:12.5px;min-height:2.6em}.title-prev{display:grid;place-items:center;height:64px;padding:0 10px;font-weight:900;color:var(--pink);font-size:18px}.btn{padding:10px 16px;min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:disabled{opacity:.6;cursor:default}.btn.buy{background:linear-gradient(180deg,#ffe680,var(--gold));color:#4a2a00;border:0}.btn.buy.poor{filter:grayscale(.7);opacity:.7}.btn.danger{background:#ff4f6d40;border-color:#ff4f6d99}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.badge{padding:6px 10px;border-radius:8px;background:#ffffff1a;font-weight:800;font-size:12.5px;letter-spacing:.05em}.badge.warn{background:#ffd23f33;color:var(--gold);border:1px solid rgba(255,210,63,.6)}.slider{display:grid;grid-template-columns:80px 1fr 52px;align-items:center;gap:10px;margin:10px 0;font-weight:700}.slider input{width:100%;accent-color:var(--mint);height:32px}.check{display:flex;align-items:center;gap:10px;margin:12px 0;font-weight:700;min-height:40px}.check input{width:22px;height:22px;accent-color:var(--mint)}.howto ol{padding-left:22px;line-height:1.6}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);max-width:min(560px,92vw);padding:12px 18px;border-radius:14px;background:#120a30;border:1px solid var(--mint);font-weight:700;text-align:center;z-index:50;box-shadow:0 8px 30px #0006}.toast[hidden]{display:none}.results{text-align:center;max-width:760px}.res-title{font-size:clamp(40px,7vw,72px);margin:10px 0 0;font-weight:900;font-family:Arial Black,system-ui,sans-serif}.res-title.ok{color:var(--mint);text-shadow:0 5px 0 #11995a}.res-title.bad{color:var(--red);text-shadow:0 5px 0 #7a1030}.res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.res-grid div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px}.res-grid small{color:var(--muted);font-size:12.5px}.res-grid b{font-size:24px}.res-grid b.gold{color:var(--gold)}.lvlup{font-size:22px;font-weight:900;color:var(--mint)}.new-ach{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px auto 4px}.ach-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:linear-gradient(135deg,rgba(255,210,63,.25),var(--panel));border:1px solid rgba(255,210,63,.7);font-weight:800;font-size:14px}.ach-chip .medal{width:30px;height:30px;font-size:17px}.ach-chip small{color:var(--gold);font-weight:700}.ach small{display:block}.warn-text{color:var(--red);font-weight:700}.res-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.hud{position:absolute;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}.hud>*,.hud button{pointer-events:auto}.hud .msgs,.hud .status,.hud .squad,.hud-top,.float-text,.end-banner,.dash-hint{pointer-events:none!important}.squad{position:absolute;left:14px;top:14px;display:flex;flex-direction:column;gap:6px;width:210px}.unit{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#140c32b8;font-size:13px;font-weight:800}.unit .hp{position:relative;height:10px;border-radius:6px;background:#ffffff29;overflow:hidden}.unit .hp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--mint),#b6ff6b);border-radius:6px}.unit .hp em{position:absolute;inset:0 auto 0 0;background:var(--sky)}.unit.down{background:#781428bf}.unit small{color:var(--red);font-size:11px}.hud-top{position:absolute;left:50%;top:10px;transform:translate(-50%);text-align:center}.timer{font-size:46px;font-weight:900;font-family:Arial Black,system-ui,sans-serif;text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 18px rgba(0,0,0,.3);line-height:1;letter-spacing:.02em}.timer.mid{color:var(--gold)}.timer.hot{color:var(--red);animation:pulse .8s infinite}@keyframes pulse{50%{transform:scale(1.08)}}.bag{margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#140c32c7;font-weight:800;font-size:16px}.bag b{color:var(--gold);font-size:20px}.crates{color:var(--muted);font-size:14px}.hud-tr{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.radar{width:150px;height:156px;border-radius:14px;border:1px solid var(--line)}.hud-btns{display:flex;gap:8px}.boss-bar{position:absolute;left:50%;top:110px;transform:translate(-50%);width:min(420px,50vw);text-align:center;font-weight:900;font-size:13px;letter-spacing:.12em;color:#cfe0ff;pointer-events:none!important}.boss-bar[hidden]{display:none}.boss-bar div{height:12px;border-radius:8px;background:#0006;overflow:hidden;margin-top:4px;border:1px solid rgba(255,255,255,.3)}.boss-bar i{display:block;height:100%;background:linear-gradient(90deg,#2f5bff,#8fb3ff)}.msgs{position:absolute;left:50%;bottom:120px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;width:min(640px,80vw)}.msg{padding:8px 16px;border-radius:12px;background:#140c32d1;font-weight:800;font-size:15px;text-align:center;animation:pop .25s ease-out}.msg.warn{border:1px solid var(--red)}.msg.gold{border:1px solid var(--gold);color:var(--gold)}@keyframes pop{0%{transform:scale(.85);opacity:0}}.status{position:absolute;left:50%;bottom:62px;transform:translate(-50%)}.prog{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 14px;border-radius:12px;background:#140c32d9;font-weight:900;letter-spacing:.08em}.prog div{width:220px;height:10px;border-radius:6px;background:#ffffff26;overflow:hidden}.prog i{display:block;height:100%;background:var(--mint)}.prog.bad{color:var(--red)}.prog.ok{color:var(--mint)}.dash-hint{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:12px;background:#140c32bf;font-weight:800;font-size:14px;color:var(--muted)}.dash-hint.ready{color:var(--mint)}kbd{padding:2px 6px;border-radius:6px;background:#ffffff26;font-family:inherit;font-size:12px}.float-text{position:absolute;left:0;top:0;font-weight:900;font-size:22px;text-shadow:0 2px 0 rgba(0,0,0,.5);pointer-events:none;will-change:transform}.end-banner{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:clamp(48px,9vw,96px);font-weight:900;font-family:Arial Black,system-ui,sans-serif;animation:pop .4s ease-out}.end-banner.extracted{color:var(--mint);text-shadow:0 6px 0 #11995a}.end-banner.timeout,.end-banner.wiped{color:var(--red);text-shadow:0 6px 0 #7a1030}.end-banner[hidden]{display:none}.pause-menu{position:absolute;inset:0;display:grid;place-items:center;background:#120a2c99;backdrop-filter:blur(4px);z-index:20}.pause-menu .card{width:min(380px,90vw);display:flex;flex-direction:column;gap:10px;text-align:center}.pause-menu h2{margin:0 0 6px;font-size:30px}.touch-zone{position:absolute;left:0;top:30%;width:50%;bottom:0;touch-action:none}.stick-base{position:absolute;width:130px;height:130px;margin:-65px 0 0 -65px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.35);opacity:0;pointer-events:none!important;transition:opacity .1s}.stick-base.on{opacity:1}.stick-knob{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:#ffffffbf;box-shadow:0 4px 12px #0000004d}.touch-dash{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:22px;width:96px;height:96px;border-radius:50%;border:3px solid rgba(255,255,255,.7);background:radial-gradient(circle at 40% 35%,#8af7ff,#2f9bff);color:#0b1a3a;font-weight:900;font-size:18px;letter-spacing:.06em;overflow:hidden;touch-action:none;box-shadow:0 6px 18px #00000059}.touch-dash span{position:relative;z-index:1}.touch-dash i{position:absolute;inset:0;background:#0a0a1e99;transform-origin:bottom;transform:scaleY(0)}.touch-dash.cool{color:#ffffffb3}body.touch .dash-hint,.rotate-prompt{display:none}@media (orientation: portrait) and (pointer: coarse){.rotate-prompt{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:radial-gradient(circle at 50% 40%,#5b3bd6,#1d1048);padding:30px;font-size:18px}.rotate-prompt b{font-size:26px}.rotate-prompt span{color:var(--muted)}.phone-icon{width:60px;height:100px;border:5px solid #fff;border-radius:14px;animation:rot 1.8s ease-in-out infinite;margin-bottom:14px}@keyframes rot{40%,70%{transform:rotate(-90deg)}}}@media (max-width: 900px){.lobby{grid-template-columns:1fr 340px;padding:0 16px 16px;gap:14px}.cols,.ach-list{grid-template-columns:1fr}.res-grid{grid-template-columns:repeat(2,1fr)}}@media (max-height: 520px){.topbar{padding:6px 12px}.brand{font-size:16px}.brand img{width:30px;height:30px}.icon-btn{width:44px;height:44px}.lobby{grid-template-columns:1fr minmax(300px,360px);padding:0 14px 10px;gap:12px}.logo .l1{font-size:52px}.logo .l2{font-size:32px}.tag{font-size:14px;margin:8px 0 10px}.sub{display:none}.play-btn{padding:12px 26px;min-height:56px;font-size:20px}.account-line{padding:6px 10px;margin-top:10px;font-size:12.5px}.acct-status{min-width:100px}.player-card{padding:8px 10px}.player-card .avatar,.player-card .skin-fig{width:44px;height:44px}.nav-grid{gap:6px}.nav-grid button{padding:8px 10px;min-height:52px}.nav-grid b{font-size:14px}.nav-grid small{font-size:11.5px}.howto-link{display:none}.screen-head{margin:0 0 8px}.screen-head h2{font-size:22px}.timer{font-size:34px}.bag{font-size:14px;padding:4px 10px}.bag b{font-size:16px}.squad{width:170px;gap:4px}.unit{padding:4px 8px;grid-template-columns:48px 1fr auto;font-size:11.5px}.radar{width:104px;height:108px}.hud-tr{right:max(10px,env(safe-area-inset-right));top:10px;gap:6px}.boss-bar{top:74px}.msgs{bottom:92px}.msg{font-size:13px;padding:6px 12px}.status{bottom:40px}.res-title{font-size:38px;margin:0}.res-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.res-grid div{padding:6px}.res-grid b{font-size:18px}.results p{margin:4px 0}.results .res-btns{margin-top:6px}.results .play-btn{min-height:48px;padding:8px 22px;font-size:18px}.results .btn{min-height:46px}.ach-chip{font-size:12px;padding:3px 10px 3px 3px}.ach-chip .medal{width:24px;height:24px;font-size:14px}.new-ach{margin-top:6px;gap:5px}.float-text{font-size:18px}}