.cybersky{--cs:#7ee7ff;--cs2:#c49bff;--cs3:#ff4d6d;width:100%;max-width:100%;min-width:0;color:#f4f8ff;background:#070b14;border:1px solid #2c4562;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px #0008;font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-foot,.cs-top{min-height:48px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0a1320;font-size:11px;font-weight:800;letter-spacing:.12em}.cs-top{border-bottom:1px solid #ffffff14}.cs-foot{border-top:1px solid #ffffff14;color:#8ea3b8;letter-spacing:.14em;font-size:10px}.cs-icon{border:1px solid #ffffff2a;background:#101b2c;color:var(--cs);border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.06em;cursor:pointer}.cs-stage{position:relative;aspect-ratio:12/7;min-height:380px;max-height:680px;background:#070b14;touch-action:none;overscroll-behavior:contain}.cs-stage canvas{display:block;width:100%;height:100%}.cs-live{width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cs-hud,.cs-live{position:absolute}.cs-hud{z-index:2;top:10px;left:10px;right:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;pointer-events:none}.cs-hud div,.cs-meter{background:#07111bcc;border:1px solid #ffffff22;border-radius:12px;padding:6px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cs-hud span,.cs-meter{display:block;color:#c5d4e4;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cs-hud strong{font-size:16px;color:#fff}.cs-wide{grid-column:span 2}.cs-meter{pointer-events:none}.cs-meter i{height:8px;margin-top:4px;background:#132033;overflow:hidden}.cs-meter b,.cs-meter i{display:block;border-radius:99px}.cs-meter b{height:100%;background:#d5deea}.cs-meter b.energy{background:linear-gradient(90deg,#3ec8ff,#7d8cff)}.cs-meter b.boost{background:linear-gradient(90deg,#ffd56a,#ff5d73)}.cs-pause{pointer-events:auto;border:1px solid #9adfff;background:#102033;border-radius:12px;cursor:pointer}.cs-pause,.cs-toast{color:#e8fbff;font-weight:800}.cs-toast{position:absolute;top:108px;left:50%;transform:translateX(-50%);margin:0;padding:8px 12px;border-radius:999px;background:#07111bf2;border:1px solid var(--cs);letter-spacing:.14em;font-size:12px}.cs-touch{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;display:none;justify-content:space-between;gap:12px;pointer-events:none}.cs-touch div{display:flex;gap:8px;align-items:flex-end}.cs-touch button{pointer-events:auto;touch-action:none;width:58px;height:52px;border-radius:14px;border:1px solid #ffffff44;background:#07111bcc;color:#fff;font:800 20px system-ui,sans-serif;cursor:pointer}.cs-touch button:active{transform:scale(.96);background:#143044}.cs-boost{width:76px!important;color:#071018!important;background:var(--cs)!important;font-size:13px!important;letter-spacing:.04em}.cs-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(180deg,rgba(5,8,16,.42),rgba(5,8,16,.78));overflow:auto}.cs-panel{width:min(640px,100%);max-height:100%;overflow:auto;padding:20px 18px;border:1px solid #35516f;border-radius:18px;background:#091321ee;box-shadow:0 18px 50px #0008}.cs-kicker{margin:0 0 6px;color:var(--cs);font-size:11px;font-weight:800;letter-spacing:.16em}.cs-panel h2{margin:0 0 8px;font-size:clamp(28px,5vw,42px);letter-spacing:-.04em}.cs-panel li,.cs-panel p{color:#d5e1ee;line-height:1.5}.cs-panel ul{margin:8px 0 12px;padding-left:18px}.cs-garage,.cs-modes{display:grid;grid-gap:8px;gap:8px;margin:12px 0}.cs-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-actions button,.cs-garage button,.cs-modes button,.cs-primary,.cs-quality button{border:1px solid #3c5876;background:#102033;color:#f4f8ff;border-radius:12px;padding:10px;cursor:pointer;text-align:left}.cs-garage strong,.cs-modes strong{display:block}.cs-garage small,.cs-modes small{display:block;color:#b7c6d6;font-size:12px;line-height:1.35}.cs-garage .is-on,.cs-modes .is-on,.cs-quality .is-on{border-color:var(--cs);box-shadow:0 0 0 1px var(--cs) inset}.cs-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cs-primary{background:var(--cs);color:#071018;font-weight:800}.cs-skinline{color:#d7e4f2}.cs-check{align-items:center;font-weight:700}.cs-check,.cs-quality{display:flex;gap:8px;margin:8px 0}.cs-range{display:block;font-weight:700;margin:8px 0 12px}.cs-range input{display:block;width:100%;margin-top:6px;accent-color:#7ee7ff}.cs-garage{grid-template-columns:1fr 1fr}.cs-garage i{display:block;height:28px;border-radius:8px;margin-bottom:6px}.cs-garage button:disabled{opacity:.55;cursor:not-allowed}.cs-stats{list-style:none;padding:0}.cs-stats li{padding:4px 0;border-bottom:1px solid #24384e}.cs-unlock{color:#d9ffb0}.cybersky button:focus-visible,.cybersky input:focus-visible{outline:3px solid #fff;outline-offset:2px}@media (max-width:800px),(pointer:coarse){.cs-touch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:8px;right:8px}.cs-touch div{display:contents}.cs-boost,.cs-touch button{width:100%!important;height:46px;font-size:16px}.cs-boost{font-size:11px!important}.cs-stage{aspect-ratio:4/5;min-height:480px;width:100%;max-width:100%}.cs-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-garage,.cs-modes{grid-template-columns:1fr}.cs-top{flex-wrap:wrap;letter-spacing:.04em;font-size:10px}.cs-top span{min-width:0}}@media (prefers-reduced-motion:reduce){.cs-toast{transition:none}}