/* ==========================================================================
   HelixWin — Reset + Base Styles · Game Theme
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');

/* ── Reset ───────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-light);
    background: var(--bg-game);
    background-color: var(--bg-game-solid);
    background-attachment: fixed;
    overflow-x: hidden;
    min-height: 100vh;
    min-height: 100dvh;
    -webkit-font-smoothing: antialiased;
    padding-top: env(safe-area-inset-top);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

/* ── Links & Form Reset ──────────────────────────────────────────────────── */
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
img, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; border: none; background: none; }

/* ── Scrollbar ───────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(41, 128, 185, 0.5); border-radius: 4px; }
* { scrollbar-width: thin; scrollbar-color: rgba(41, 128, 185, 0.5) transparent; }

/* ── Selection ───────────────────────────────────────────────────────────── */
::selection { background: var(--orange); color: #fff; }

/* ── App Container ───────────────────────────────────────────────────────── */
#app {
    min-height: 100vh;
    min-height: 100dvh;
    position: relative;
}