/* ===== GNTLT STYLESHEET ===== */
/* Master entry point that imports all modular CSS files */

/* 1. SETTINGS - Variables, custom properties, design tokens */
@import url('./_variables.css');

/* 2. RESET - Normalize and reset styles */
@import url('./_reset.css');

/* 3. LAYOUT - Layout utilities, positioning, sizing */
@import url('./_layout.css');

/* 4. BUTTONS - All button variations (start, play, glass, tabs, etc.) */
@import url('./_buttons.css');

/* 5. INPUTS - Forms, text inputs, checkboxes */
@import url('./_inputs.css');

/* 6. GAME UI - Game-specific UI components (#split, #feed, #status, #fps-counter) */
@import url('./_game-ui.css');

/* 6b. HUD - Trader PvP terminal overlay (feed, position card, ticker, crowd) */
@import url('./_hud.css');

/* 7. CHAT - Chat box and all related styles */
@import url('./_chat.css');

/* 8. MODALS - Modal dialogs and popups */
@import url('./_modals.css');

/* 9. MENUS - Start menu, game menu, leaderboard */
@import url('./_menus.css');

/* 10. NOTIFICATIONS - Notification banners and alerts */
@import url('./_notifications.css');

/* 11. INFORMATION - How-to boxes, rules, power-ups guide, environment info */
@import url('./_information.css');

/* 13. ANIMATIONS - Keyframe animations */
@import url('./_animations.css');

/* 14. RESPONSIVE - Media queries and breakpoints */
@import url('./_responsive.css');


#withdraw-icon,
#leave-button {
    cursor: pointer;
    font-size: 18px;
    background: none;
    border: none;
    outline: none;
    transition: transform 0.2s;
}

#withdraw-icon:hover,
#leave-button:hover {
    transform: scale(1.2);
}


.settings-box h3 {
    font-size: 1.6rem;
    color: #ffffff;
    /* Dark gray-blue for contrast */
    margin-bottom: 16px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    /* soft top-glow */
    letter-spacing: 0.5px;
    margin: 0 0 1rem 0;
}

.settings-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.settings-box li {
    margin-bottom: 0.5rem;
    font-size: 1.05rem;
    display: flex;
    align-items: center;
}

.settings-box label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: color 0.2s ease;
}


#fps-counter {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: lime;
    font-family: monospace;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 9999;
    pointer-events: none;
}