/* ===================================================================
   Websnake - eigene Farbwelt
   Kobalt auf Nachtblau, Orange als Beute. Bewusst kuehl, damit der
   Automat neben dem roten Webris nicht verschwimmt.

   Copyright (C) 2025 Han Technologies
   Lizenz: GPL-3.0-or-later, siehe LICENSE.txt
   =================================================================== */

[data-game='websnake'] {
    --bg: #05080f;
    --surface-0: #070b16;
    --surface-1: #0b1120;
    --surface-2: #121a2e;
    --surface-glass: rgba(255, 255, 255, 0.04);
    --bg-texture: none;
    --tint: rgba(76, 201, 255, 0.14);

    --ink: #e9f2ff;
    --ink-dim: #90a2c2;
    --ink-faint: #5b6c8a;
    --line: rgba(120, 170, 255, 0.16);
    --line-strong: rgba(120, 170, 255, 0.45);

    --accent-base: #4cc9ff;
    --accent-soft: #9fe4ff;
    --accent-ink-base: #03121c;
    --accent-2: #ff7a2f;

    --ok: #5ee08a;
    --warn: #ffc94a;
    --bad: #ff5f6d;

    --font-display: 'Quantum', system-ui, Impact, sans-serif;
    --font-ui: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --font-hand: 'Quantum', system-ui, sans-serif;

    --radius: 12px;
    --radius-sm: 8px;
    --frame-style: solid;
    --tilt-a: 0deg;
    --tilt-b: 0deg;
    --tilt-c: 0deg;

    /* Brett und Figuren */
    --board-bg: #070b16;
    --cell-line: rgba(120, 170, 255, 0.08);
    --snake-head: #9fe4ff;
    --snake-body: #4cc9ff;
    --snake-tail: #2f6bff;
    --food: #ff7a2f;
    --bonus: #ffd44a;
    --wall: #1b2742;
    --portal: rgba(76, 201, 255, 0.45);
}

[data-game='websnake'] .board {
    box-shadow:
        0 0 0 1px rgba(76, 201, 255, 0.28),
        0 0 46px -12px rgba(76, 201, 255, 0.55),
        0 18px 40px rgba(0, 0, 0, 0.7);
}

[data-game='websnake'] .gbar-title b {
    text-shadow: 0 0 18px rgba(76, 201, 255, 0.6);
}