:root {
    --bg-primary: #0c0914;
    --bg-secondary: #130f22;
    --bg-card: #1a1530;
    --bg-card-hover: #221c3f;
    --bg-overlay: rgba(12, 9, 20, 0.85);
    --accent-gradient-start: #ff2a74;
    --accent-gradient-end: #00f0ff;
    --text-light-primary: #ffffff;
    --text-light-secondary: #9d9bb6;
    --text-light-muted: #686580;
    --accent-primary: #ff2a74;
    --accent-secondary: #00f0ff;
    --accent-success: #00ff87;
    --accent-warning: #ffb800;
    --border-subtle: #272144;
    --border-active: #ff2a74;
    --border-glow: rgba(255, 42, 116, 0.15);
}

.text-muted {
    color: #9d9bb6 !important;
}

.app-body {
    background-color: var(--bg-primary);
    color: var(--text-light-primary);
    font-family: 'Plus Jakarta Sans', sans-serif;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

/* ===== header ===== */
.blink-header {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.blink-header .logo-font {
    font-family: 'Space Grotesk', sans-serif;
}

.blink-header a,
.blink-header button {
    transition: none !important;
}

/* ===== hero ===== */
.bq-hero-section {
    font-family: 'Space Grotesk', 'Plus Jakarta Sans', sans-serif;
}

.bq-hero-section .js-slide {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.bq-hero-section .js-content-item {
    animation: none;
}

.bq-hero-section button {
    outline: none;
}

/* ===== games_grid ===== */
.games-grid-section {
    background-color: #0c0914;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.games-grid-section h2,
.games-grid-section h3 {
    font-family: 'Space Grotesk', sans-serif;
}

.games-grid-section .game-card {
    transition: none !important;
}

.games-grid-section .game-card:hover {
    background-color: #221c3f;
}

.games-grid-section .js-filter-tab {
    transition: none !important;
}

.games-grid-section .js-iframe-wrapper:fullscreen {
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.games-grid-section .js-iframe-wrapper:fullscreen .js-game-iframe {
    width: 100%;
    height: 100%;
}

.games-grid-section .js-iframe-wrapper:-webkit-full-screen {
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.games-grid-section .js-iframe-wrapper:-webkit-full-screen .js-game-iframe {
    width: 100%;
    height: 100%;
}

.games-grid-section .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ===== about_preview ===== */
.blink-about-preview * {
    transition: none !important;
}

.blink-about-preview .btn-primary {
    background-color: #ff2a74;
    color: #ffffff;
    border: 2px solid #ff2a74;
    display: inline-block;
}

.blink-about-preview .btn-primary:hover {
    background-color: transparent;
    color: #ff2a74;
}

.blink-about-preview .btn-secondary {
    background-color: transparent;
    color: #00f0ff;
    border: 2px solid #00f0ff;
    display: inline-block;
}

.blink-about-preview .btn-secondary:hover {
    background-color: #00f0ff;
    color: #0c0914;
}

/* ===== news_preview ===== */
.blink-news-section {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.blink-news-section .font-heading {
    font-family: 'Space Grotesk', sans-serif;
}

/* ===== footer ===== */
.blink-footer {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.blink-footer h3 {
    font-family: 'Space Grotesk', sans-serif;
}

.blink-footer a {
    color: inherit;
    text-decoration: none;
}

.blink-footer iframe {
    filter: grayscale(1) invert(0.9) contrast(1.2);
}

/* ===== PAGE: about ===== */
.about-page .active-tab {
  background-color: #ff2a74 !important;
  color: #ffffff !important;
  border-color: #ff2a74 !important;
}
.about-page .js-timeline-tab {
  transition: none !important;
}
.about-page .js-timeline-tab:hover {
  background-color: #ff2a74;
  color: #ffffff !important;
  border-color: #ff2a74 !important;
}
.about-page .js-timeline-content {
  animation: none !important;
}

/* ===== PAGE: all-games ===== */
.blink-catalog {
  background-color: #0c0914;
}
.blink-catalog .search-input {
  background-color: #130f22;
  border-color: #272144;
}
.blink-catalog .search-input:focus {
  border-color: #00f0ff;
}
.blink-catalog .game-card {
  background-color: #1a1530;
  border-color: #272144;
}
.blink-catalog .game-card:hover {
  border-color: #ff2a74;
}
.blink-catalog .btn-primary:hover {
  background-color: transparent;
  color: #ff2a74;
  border-color: #ff2a74;
}
.blink-catalog .btn-secondary:hover {
  background-color: #00f0ff;
  color: #0c0914;
}

/* ===== PAGE: update-news ===== */
.blink-news-section {
  font-family: 'Plus Jakarta Sans', sans-serif;
}
.blink-news-section h2, .blink-news-section h3 {
  font-family: 'Space Grotesk', sans-serif;
}
.blink-news-section .js-filter-btn {
  transition: none;
}
.blink-news-section .js-filter-btn.is-active {
  background-color: #ff2a74;
  border-color: #ff2a74;
  color: #ffffff;
}

/* ===== PAGE: tournament-history ===== */
.history-content {
  background-color: #0c0914;
}
.history-content * {
  transition: none !important;
}
.history-content .stat-card {
  background-color: #130f22;
  border: 2px solid #272144;
}
.history-content .tournament-card {
  background-color: #1a1530;
  border: 2px solid #272144;
}
.history-content .tournament-card:hover {
  border-color: #ff2a74;
}
.history-content .active-tab {
  background-color: #ff2a74;
  color: #ffffff;
  border-color: #ff2a74;
}
.history-content .active-tab:hover {
  background-color: #ff2a74;
  color: #ffffff;
}
.history-content .inactive-tab {
  background-color: transparent;
  color: #00f0ff;
  border-color: #00f0ff;
}
.history-content .inactive-tab:hover {
  background-color: #00f0ff;
  color: #0c0914;
}
.history-content input::placeholder {
  color: #686580;
  opacity: 1;
}

/* ===== PAGE: help-center ===== */
.blink-help-section {
  font-family: 'Plus Jakarta Sans', 'Space Grotesk', sans-serif;
}
.blink-help-section .js-faq-tab-btn {
  transition: none !important;
}
.blink-help-section .js-faq-tab-btn:hover {
  background-color: #1a1530;
  color: #ffffff;
}
.blink-help-section .js-faq-toggle {
  transition: none !important;
}
.blink-help-section .js-faq-content {
  transition: none !important;
}

/* ===== PAGE: how-to-play ===== */
.blink-howtoplay .js-guide-tab {
  border-radius: 0 !important;
}
.blink-howtoplay .js-control-btn {
  border-radius: 0 !important;
}
.blink-howtoplay div,
.blink-howtoplay img,
.blink-howtoplay button {
  border-radius: 0 !important;
}
.blink-howtoplay .bg-card {
  background-color: #1a1530;
}
.blink-howtoplay .bg-card-hover:hover {
  background-color: #221c3f;
}

/* ===== PAGE: report-player ===== */
.bq-report-section {
  background-color: #0c0914;
  font-family: 'Plus Jakarta Sans', sans-serif;
}
.bq-report-section h1, 
.bq-report-section h2, 
.bq-report-section h3 {
  font-family: 'Space Grotesk', sans-serif;
}
.bq-report-section .arcade-card {
  transition: border-color 0s, color 0s;
}
.bq-report-section .js-copy-email-btn {
  transition: background-color 0s, color 0s, border-color 0s;
}

/* ===== PAGE: privacy ===== */
.bq-privacy-section .js-privacy-tab {
  transition: none !important;
}
.bq-privacy-section .js-privacy-tab:hover {
  background-color: #ff2a74;
  border-color: #ff2a74;
  color: #ffffff;
}
.bq-privacy-section .js-privacy-tab.active {
  background-color: #0c0914;
  border-color: #ff2a74;
  color: #ffffff;
}
.bq-privacy-section .js-privacy-tab:not(.active) {
  border-color: #272144;
  background-color: #1a1530;
  color: #9d9bb6;
}
.bq-privacy-section .js-privacy-tab:not(.active):hover {
  background-color: #ff2a74;
  border-color: #ff2a74;
  color: #ffffff;
}

/* ===== PAGE: terms ===== */
.blink-terms .active-tab-state {
  background-color: #ff2a74 !important;
  color: #ffffff !important;
  border-color: #ff2a74 !important;
}
.blink-terms .js-terms-tab {
  outline: none;
}
.blink-terms .js-terms-tab:focus {
  outline: none;
}

/* ===== PAGE: disclaimer ===== */
.disclaimer-section {
  font-family: 'Plus Jakarta Sans', sans-serif;
}
.disclaimer-section .active-tab {
  border-color: #ff2a74 !important;
  color: #ffffff !important;
  background-color: #1a1530 !important;
}
.disclaimer-section .js-content-sec.highlighted {
  border-color: #00f0ff !important;
}
.disclaimer-section .js-search-input::placeholder {
  color: #686580;
  opacity: 1;
}

.arcade-comment-card {
    background-color: #1a1530;
    border: 2px solid #272144;
}

.arcade-avatar {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.125rem;
    background: linear-gradient(135deg, #ff2a74, #00f0ff);
    color: #ffffff;
    border: 2px solid #272144;
    text-transform: uppercase;
}

.arcade-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.arcade-action-btn {
    background: transparent;
    border: none;
    cursor: pointer;
}

.arcade-reply-card {
    background-color: #130f22;
    border-left: 4px solid #00f0ff;
    border-top: 2px solid #272144;
    border-bottom: 2px solid #272144;
    border-right: 2px solid #272144;
}

.arcade-avatar-sm {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.875rem;
    background: linear-gradient(135deg, #ff2a74, #00f0ff);
    color: #ffffff;
    border: 2px solid #272144;
    text-transform: uppercase;
}

.arcade-avatar-sm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.arcade-action-btn {
    background: transparent;
    border: none;
    cursor: pointer;
}


/* ===== PAGE TEMPLATE: games-list ===== */
.blink-header {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.blink-header .logo-font {
    font-family: 'Space Grotesk', sans-serif;
}

.blink-header a,
.blink-header button {
    transition: none !important;
}

.blink-footer {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.blink-footer h3 {
    font-family: 'Space Grotesk', sans-serif;
}

.blink-footer a {
    color: inherit;
    text-decoration: none;
}

.blink-footer iframe {
    filter: grayscale(1) invert(0.9) contrast(1.2);
}

.arcade-detail-block .arcade-avatar {
    width: 40px;
    height: 40px;
    background-color: #ff2a74;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: 'Space Grotesk', sans-serif;
}

.arcade-detail-block .arcade-avatar-sm {
    width: 32px;
    height: 32px;
    background-color: #00f0ff;
    color: #0c0914;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 12px;
}

.arcade-detail-block .arcade-comment-card,
.arcade-detail-block .arcade-reply-card {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.arcade-detail-block .arcade-action-btn {
    transition: none !important;
}

.arcade-detail-block .js-game-container:fullscreen {
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    border: 0 !important;
}

.arcade-detail-block .js-game-container:fullscreen .js-fullscreen-exit-btn {
    display: flex !important;
}

/* ===== PAGE TEMPLATE: news-list ===== */
.blink-header {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.blink-header .logo-font {
    font-family: 'Space Grotesk', sans-serif;
}

.blink-header a,
.blink-header button {
    transition: none !important;
}

.blink-footer {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.blink-footer h3 {
    font-family: 'Space Grotesk', sans-serif;
}

.blink-footer a {
    color: inherit;
    text-decoration: none;
}

.blink-footer iframe {
    filter: grayscale(1) invert(0.9) contrast(1.2);
}

.news-detail-container {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.news-detail-container .arcade-avatar {
    width: 44px;
    height: 44px;
    background-color: #ff2a74;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 2px solid #272144;
}

.news-detail-container .arcade-avatar-sm {
    width: 36px;
    height: 36px;
    background-color: #00f0ff;
    color: #0c0914;
    font-weight: 700;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 2px solid #272144;
}

.news-detail-container .arcade-comment-card,
.news-detail-container .arcade-reply-card {
    border-radius: 0;
}

.news-detail-container .js-game-container:fullscreen {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background-color: #000000 !important;
}

.news-detail-container .js-game-container:fullscreen .js-game-iframe {
    height: 100vh !important;
    width: 100vw !important;
}

.news-detail-container .js-game-container:fullscreen .js-exit-fullscreen-btn {
    display: block !important;
}

.news-detail-container .js-game-container:fullscreen .js-fullscreen-control-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(19, 15, 34, 0.95);
    border-top: 2px solid #ff2a74;
}