.cyber-btn{--cy:#38e1ff;--cy-dim:#1f6b80;--bg-edge:#02060a;--bg-core:#06222e;--notch:11px;--frame:1.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;gap:.7rem;padding:0;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:inline-flex}.cyber-btn__body{--clip:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));padding:var(--frame);background:var(--cy-dim);clip-path:var(--clip);filter:drop-shadow(0 0 3px rgba(56,225,255,.25));transition:background .16s,filter .22s}.cyber-btn__fill{clip-path:var(--clip);background:radial-gradient(120% 140% at 50% 50%, var(--bg-core), var(--bg-edge) 70%);padding:.85em 2.6em;transition:background .16s;display:block;position:relative;overflow:hidden}.cyber-btn__label{z-index:1;text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--cy);opacity:.78;text-shadow:0 0 6px rgba(56,225,255,.35);font-size:.95rem;font-weight:600;transition:opacity .16s,color .16s,text-shadow .22s;display:block;position:relative}.cyber-btn__bracket{align-items:center;gap:3px;display:inline-flex}.cyber-btn__chevron{border:solid var(--cy-dim);filter:drop-shadow(0 0 2px rgba(56,225,255,.2));border-width:0 2px 2px 0;width:8px;height:8px;transition:border-color .16s,filter .22s;transform:rotate(-45deg)}.cyber-btn__bracket--right .cyber-btn__chevron{transform:rotate(135deg)}.cyber-btn:focus-visible{outline:none}.cyber-btn:hover:not(.cyber-btn--active) .cyber-btn__body{background:var(--cy);filter:drop-shadow(0 0 5px rgba(56,225,255,.5))}.cyber-btn:focus-visible:not(.cyber-btn--active) .cyber-btn__body{background:var(--cy);filter:drop-shadow(0 0 5px rgba(56,225,255,.5))}.cyber-btn:hover:not(.cyber-btn--active) .cyber-btn__label{opacity:.95}.cyber-btn:focus-visible:not(.cyber-btn--active) .cyber-btn__label{opacity:.95}.cyber-btn:hover:not(.cyber-btn--active) .cyber-btn__chevron{border-color:var(--cy)}.cyber-btn:focus-visible:not(.cyber-btn--active) .cyber-btn__chevron{border-color:var(--cy)}.cyber-btn:active .cyber-btn__body,.cyber-btn--active .cyber-btn__body{background:var(--cy);filter:drop-shadow(0 0 9px rgba(56,225,255,.8))}.cyber-btn:active .cyber-btn__fill,.cyber-btn--active .cyber-btn__fill{background:radial-gradient(130% 170% at 50% 0,#0a4a5e,#03161e 78%)}.cyber-btn:active .cyber-btn__label,.cyber-btn--active .cyber-btn__label{opacity:1;color:#d6f8ff;text-shadow:0 0 10px rgba(56,225,255,.9)}.cyber-btn:active .cyber-btn__chevron,.cyber-btn--active .cyber-btn__chevron{border-color:var(--cy);filter:drop-shadow(0 0 4px rgba(56,225,255,.85))}.cyber-btn--pulse .cyber-btn__fill:before{content:"";background:linear-gradient(105deg,transparent 35%,rgba(214,248,255,.28) 50%,transparent 65%);animation:8s ease-in-out 3s infinite backwards cyber-pulse;position:absolute;inset:0}@keyframes cyber-pulse{0%{transform:translate(-130%)}35%,to{transform:translate(240%)}}@media (prefers-reduced-motion:reduce){.cyber-btn--pulse .cyber-btn__body{filter:drop-shadow(0 0 9px rgba(56,225,255,.8));animation:none}.cyber-btn--pulse .cyber-btn__fill:before{content:none}}.supernova-controls{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:22svh;display:flex;position:fixed;bottom:0;left:0;right:0}.supernova-controls>*{pointer-events:auto}@media (orientation:landscape){.supernova-controls{width:30vw;height:auto;inset:0 0 0 auto}}body{overscroll-behavior:none;max-width:100dvw;min-height:100dvh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}