:root {
    --overlay-bg-game: rgba(0, 0, 0, 0.6);
    --dialog-bg-game: #111;
    --text-color-game: #fff;
    --shadow-color-game: rgba(0, 0, 0, 0.8);
    --hint-color-game: #9aa4b2;
    --canvas-bg-game: #1d1f22;

    --topbar-bg-game: #67D7E6;
    --topbar-border-game: #22418C;
    --title-color-game: #111827;
    --btn-bg-game: rgba(255, 255, 255, 0.1);
    --btn-bg-hover-game: rgba(255, 255, 255, 0.18);
    --text-shadow-light-game: rgba(255, 255, 255, 0.5);

    --z-overlay-game: 9999;

    --dialog-min-w-game: 320px;
    --dialog-max-w-game: 92vw;
    --dialog-radius-game: 12px;
    --dialog-pad-x-game: 16px;
    --dialog-pad-b-game: 20px;

    --hud-gap-game: 12px;
    --hud-font-size-game: 14px;

    --canvas-w-game: 800px;
    --canvas-max-w-game: 92vw;

    --hint-font-size-game: 12px;

    --frame-aspect-game: 8 / 3;

    --topbar-h-game: 60px;
    --topbar-pad-x-game: 16px;
    --topbar-gap-lr-game: 12px;
    --topbar-gap-center-game: 16px;
    --topbar-border-w-game: 3px;
    --topbar-glow-blur-game: 2px;

    --title-font-size-game: clamp(10px, 3.33vw, 40px);
    --label-font-size-game: clamp(10px, 3.33vw, 40px);
    --value-font-size-game: clamp(10px, 3.33vw, 40px);
    --value-min-w-game: 90px;
    --nick-font-size-game: clamp(10px, 2.92vw, 35px);


    --btn-square-size-game: 50px;
    --pause-icon-size-game: 24px;
    --close-font-size-game: 30px;

    --hud-font-family-game: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --title-font-family-game: "Jaro", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

    --dialog-shadow-game: 0 30px 80px var(--shadow-color-game);

    --m-title-font-size-game: 28px;
    --m-value-font-size-game: 28px;
    --m-nick-font-size-game: 24px;
    --m-topbar-h-game: 46px;

    --nickdlg-bg-game: #49D8EC;
    --nickdlg-header-bg-game: #22418C;
    --nickdlg-header-fg-game: #FFFFFF;
    --nickdlg-shadow-game: 0 4px 10px rgba(0, 0, 0, 0.25);
    --nickdlg-radius-game: 50px;
    --nickdlg-w-game: 459px;
    --nickdlg-h-game: 260px;

    --nickdlg-input-bg-game: #D9D9D9;
    --nickdlg-input-border-game: #22418C;
    --nickdlg-input-h-game: 48px;

    --nickdlg-btn-bg-game: #22418C;
    --nickdlg-btn-fg-game: #FFFFFF;

    --nickdlg-title-size-game: 45px;
    --nickdlg-input-font-size-game: 40px;
    --nickdlg-btn-font-size-game: 35px;

    --score-accent: #22418C;
    --score-accent-2: #23418C;
    --score-on-accent: #FFFFFF;
    --score-on-base: #111827;

    --score-grad-from: #48D7EB;
    --score-grad-to: #FFFFFF;

    --score-box-shadow: 4px 4px 4px rgba(0, 0, 0, .25);
    --score-back-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    --score-row-divider: rgba(0, 0, 0, .08);

    --score-overlay-bg: rgb(255, 255, 255, .80);
    --gameover-title-color-game: #2FBED2;
    --pause-overlay-fill-game: #ffffff;

    --score-back-color-game: #22418C;

    --topbar-active-border-game: #ffffff;
}