@import url("https://fonts.googleapis.com/css2?family=Audiowide&family=Rajdhani:wght@400;500;600;700&display=swap");/* audiowide-latin-ext-400-normal */
@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/audiowide-latin-ext-400-normal-DBgo3hnO.woff2) format('woff2'), url(/assets/audiowide-latin-ext-400-normal-BAMgNcg_.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* audiowide-latin-400-normal */
@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/audiowide-latin-400-normal-6GFCX7ni.woff2) format('woff2'), url(/assets/audiowide-latin-400-normal-D6mHIfnv.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* play-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-cyrillic-ext-400-normal-CceFcEei.woff2) format('woff2'), url(/assets/play-cyrillic-ext-400-normal-DZDmihnQ.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* play-cyrillic-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-cyrillic-400-normal-CIlwNE2I.woff2) format('woff2'), url(/assets/play-cyrillic-400-normal-BVKlG_2G.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* play-greek-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-greek-400-normal-DSzcrhge.woff2) format('woff2'), url(/assets/play-greek-400-normal-UtTjCjKX.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* play-vietnamese-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-vietnamese-400-normal-Dq6vChS4.woff2) format('woff2'), url(/assets/play-vietnamese-400-normal-BV5uTUb2.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* play-latin-ext-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-latin-ext-400-normal-T8yNC2xf.woff2) format('woff2'), url(/assets/play-latin-ext-400-normal-DWiNbbKY.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* play-latin-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-latin-400-normal-GKW-4YV7.woff2) format('woff2'), url(/assets/play-latin-400-normal-D2Hm0lRT.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  /* --- CORE PALETTE --- */
  --neon-cyan: #00f3ff;
  --neon-pink: #ff0055;
  --neon-purple: #bc13fe;
  --neon-gold: #ffd700;

  /* --- SURFACES --- */
  --bg-void: #050508;
  --bg-panel: rgba(15, 20, 30, 0.7);
  --bg-glass: rgba(255, 255, 255, 0.03);

  /* --- BORDERS & UTILS --- */
  --border-dim: rgba(255, 255, 255, 0.1);
  --border-glow: rgba(0, 243, 255, 0.3);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--bg-void);
  color: #ffffff;
  font-family: "Rajdhani", sans-serif;
  overflow-x: hidden;

  /* Cyber Grid Background */
  background-image:
    linear-gradient(rgba(0, 243, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 243, 255, 0.03) 1px, transparent 1px);
  background-size: 40px 40px;
  background-attachment: fixed;
}

/* --- HUD UTILITIES --- */

/* The "Angled Panel" Look */

.hud-panel {
  background: var(--bg-panel);
  backdrop-filter: blur(12px);
  border: 1px solid var(--border-dim);
  clip-path: polygon(
    15px 0,
    100% 0,
    100% calc(100% - 15px),
    calc(100% - 15px) 100%,
    0 100%,
    0 15px
  );
  position: relative;
  transition: all 0.3s ease;
}

.hud-panel:hover {
  border-color: var(--border-glow);
  box-shadow: 0 0 20px rgba(0, 243, 255, 0.1);
}

/* Custom Scrollbar */

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: var(--bg-void);
}

::-webkit-scrollbar-thumb {
  background: var(--neon-cyan);
}
/* play-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-cyrillic-ext-400-normal-CceFcEei.woff2) format('woff2'), url(/assets/play-cyrillic-ext-400-normal-DZDmihnQ.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* play-cyrillic-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-cyrillic-400-normal-CIlwNE2I.woff2) format('woff2'), url(/assets/play-cyrillic-400-normal-BVKlG_2G.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* play-greek-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-greek-400-normal-DSzcrhge.woff2) format('woff2'), url(/assets/play-greek-400-normal-UtTjCjKX.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* play-vietnamese-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-vietnamese-400-normal-Dq6vChS4.woff2) format('woff2'), url(/assets/play-vietnamese-400-normal-BV5uTUb2.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* play-latin-ext-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-latin-ext-400-normal-T8yNC2xf.woff2) format('woff2'), url(/assets/play-latin-ext-400-normal-DWiNbbKY.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* play-latin-400-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/play-latin-400-normal-GKW-4YV7.woff2) format('woff2'), url(/assets/play-latin-400-normal-D2Hm0lRT.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* play-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/play-cyrillic-ext-700-normal-BXW3iQT7.woff2) format('woff2'), url(/assets/play-cyrillic-ext-700-normal-6wnCTw4e.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* play-cyrillic-700-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/play-cyrillic-700-normal-DKD8ZQvp.woff2) format('woff2'), url(/assets/play-cyrillic-700-normal-CYA2uhLo.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* play-greek-700-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/play-greek-700-normal-DTsCUUOY.woff2) format('woff2'), url(/assets/play-greek-700-normal-DPV4uXCx.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* play-vietnamese-700-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/play-vietnamese-700-normal-DVbIRUI2.woff2) format('woff2'), url(/assets/play-vietnamese-700-normal-06SubvPC.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* play-latin-ext-700-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/play-latin-ext-700-normal-_L7IQNKL.woff2) format('woff2'), url(/assets/play-latin-ext-700-normal-NH0le58d.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* play-latin-700-normal */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/play-latin-700-normal-DyPlLDbb.woff2) format('woff2'), url(/assets/play-latin-700-normal-BI05-psG.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}