/* Ouk Chaktrang – global styles */

/* Prevent page FOUC before Tailwind CDN loads */
body {
    background-color: #030712; /* gray-950 */
    color: #f3f4f6;            /* gray-100 */
}

/* Board squares – Ouk Chaktrang uniform golden board */
.sq-ouk      { background-color: #c99a2e; }
.sq-selected { background-color: #8db840; }
.sq-lastmove { background-color: #b8a030; }

/* Piece SVG containers */
.piece-svg {
    width: 82%;
    height: 82%;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    pointer-events: none;
}

/* Legal move indicators */
.legal-dot {
    position: absolute;
    width: 33%;
    height: 33%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.30);
}
.legal-ring {
    position: absolute;
    inset: 4%;
    border-radius: 50%;
    border: 4px solid rgba(0, 0, 0, 0.35);
    box-sizing: border-box;
}

/* Scrollbar (chat) */
.chat-scroll::-webkit-scrollbar { width: 4px; }
.chat-scroll::-webkit-scrollbar-thumb { background: #374151; border-radius: 4px; }

/* ── Mobile / touch improvements ──────────────────────────── */

/* Remove default tap flash on all interactive elements */
* { -webkit-tap-highlight-color: transparent; }

/* Prevent double-tap zoom; allow normal scroll */
button, a, [role="button"] { touch-action: manipulation; }

/* Safe-area insets for notched/home-bar phones (iOS, Android) */
.pt-safe  { padding-top:    env(safe-area-inset-top,    0px); }
.pb-safe  { padding-bottom: env(safe-area-inset-bottom, 0px); }
.pl-safe  { padding-left:   env(safe-area-inset-left,   0px); }
.pr-safe  { padding-right:  env(safe-area-inset-right,  0px); }

/* Ensure the sticky nav accounts for the status-bar notch */
nav.safe-top { padding-top: env(safe-area-inset-top, 0px); }