/* _content/pigdice/Pages/Battle.cshtml.rz.scp.css */
/* Battle Dashboard styles (scoped) */
:root[b-2zb6oky5rz]{
  --accent: #11d6f0;
  --accent-2: #8a7bf7;
  --surface: rgba(20,29,46,.72);
  --surface-2: rgba(16,23,37,.8);
  --border: rgba(255,255,255,.08);
}

.battle-grid[b-2zb6oky5rz]{ display:grid; grid-template-columns: 300px 1fr 320px; gap: 24px; padding-bottom:72px; }
.stack-col .panel[b-2zb6oky5rz]{ margin-bottom:0; }

/* Glass panels */
.panel.glass[b-2zb6oky5rz]{ background: linear-gradient(180deg, var(--surface), var(--surface-2)); border:1px solid var(--border); border-radius:14px; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,.35); }
.card-body[b-2zb6oky5rz]{ padding:18px 20px; }
.section-title[b-2zb6oky5rz]{ letter-spacing:.12em; font-weight:700; }
.text-accent[b-2zb6oky5rz]{ color: var(--accent); }
.bg-accent[b-2zb6oky5rz]{ background-color: var(--accent); }

/* Affinities */
.affinities-grid[b-2zb6oky5rz]{ grid-template-columns: 1fr 1fr; gap:12px; display:grid; }
.chip[b-2zb6oky5rz]{ display:flex; align-items:center; gap:8px; background:#0f1524; border:1px solid var(--border); color:#e6eef6; padding:10px 12px; border-radius:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.chip.pyre[b-2zb6oky5rz]{ box-shadow:0 0 0 1px rgba(240,71,71,.2) inset; }
.chip.tide[b-2zb6oky5rz]{ box-shadow:0 0 0 1px rgba(65,150,255,.2) inset; }
.chip.gale[b-2zb6oky5rz]{ box-shadow:0 0 0 1px rgba(52,201,164,.2) inset; }
.chip.volt[b-2zb6oky5rz]{ box-shadow:0 0 0 1px rgba(255,211,106,.25) inset; }

/* Hero */
.hero-card[b-2zb6oky5rz]{ min-height: 300px; background: radial-gradient(800px 400px at 10% 0, rgba(17,214,240,.08), transparent 60%), linear-gradient(180deg, rgba(20,29,46,.72), rgba(16,23,37,.8)); }
.badge.live[b-2zb6oky5rz]{ background:#ff3b3b; text-transform:uppercase; font-weight:800; letter-spacing:.12em; border-radius:6px; padding:.35rem .5rem; }
.hero-title[b-2zb6oky5rz]{ margin-top:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.hero-sub[b-2zb6oky5rz]{ color:rgba(230,238,246,.7); max-width:560px; }
.enter-arena[b-2zb6oky5rz]{ font-weight:800; text-transform:uppercase; box-shadow:0 0 0 2px #fff inset; }

/* Format segmented control */
.format-toggle[b-2zb6oky5rz]{ display:flex; gap:10px; background: rgba(0,0,0,.2); border:1px solid var(--border); padding:6px; border-radius:999px; width:max-content; }
.format-toggle .seg[b-2zb6oky5rz]{ color:#e6eef6; background:transparent; border:none; padding:.45rem .95rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; border-radius:999px; }
.format-toggle .seg.active[b-2zb6oky5rz]{ background: rgba(17,214,240,.15); box-shadow:0 0 0 1px rgba(17,214,240,.5) inset; }

/* Game toggle control */
.game-toggle[b-2zb6oky5rz]{ display:flex; gap:10px; flex-wrap:wrap; }
.game-toggle .game.btn[b-2zb6oky5rz]{ color:#e6eef6; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); font-weight:800; letter-spacing:.04em; text-transform:uppercase; border-radius:10px; padding:.5rem .9rem; }
.game-toggle .game.btn:hover[b-2zb6oky5rz]{ background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.28); }
.game-toggle .game.btn.active[b-2zb6oky5rz]{ background: rgba(17,214,240,.18); color:#ffffff; border-color: rgba(17,214,240,.65); box-shadow:0 0 0 2px rgba(17,214,240,.25) inset, 0 3px 18px rgba(17,214,240,.22); }
.game-toggle .game.btn:focus-visible[b-2zb6oky5rz]{ outline:2px solid var(--accent); outline-offset:2px; }

/* CTAs */
.cta-row[b-2zb6oky5rz]{ display:grid; grid-template-columns: 1fr 1fr; gap:18px; }
.cta.primary-cta[b-2zb6oky5rz]{ display:flex; align-items:center; gap:14px; padding:26px 22px; background:linear-gradient(180deg, rgba(24,33,52,.85), rgba(16,24,40,.85)); border:1px solid var(--border); border-radius:14px; color:#e6eef6; font-weight:900; letter-spacing:.08em; text-transform:uppercase; transition: transform .18s ease, box-shadow .2s ease; }
.cta.primary-cta:hover[b-2zb6oky5rz]{ transform: translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.5), 0 0 0 1px rgba(17,214,240,.3) inset; }
.cta-icon[b-2zb6oky5rz]{ width:28px; height:28px; display:flex; align-items:center; justify-content:center; background:rgba(17,214,240,.12); border:1px solid rgba(17,214,240,.4); border-radius:8px; }

/* Matchmaking panel */
.matchmaking.panel[b-2zb6oky5rz]{ border-radius:14px; border:1px dashed rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(19,26,41,.6), rgba(11,16,28,.6)); }
.matchmaking .panel-inner[b-2zb6oky5rz]{ padding:18px; }
.mm-title[b-2zb6oky5rz]{ font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.spinner[b-2zb6oky5rz]{ width:32px; height:32px; border:3px solid rgba(255,255,255,.15); border-top-color: var(--accent); border-radius:50%; animation:spin-b-2zb6oky5rz 1s linear infinite; }
@keyframes spin-b-2zb6oky5rz{ to{ transform:rotate(360deg);} }
.hidden[b-2zb6oky5rz]{ display:none !important; }

/* Feed */
.feed-list[b-2zb6oky5rz]{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:14px; }
.feed-item[b-2zb6oky5rz]{ display:flex; gap:10px; }
.feed-item .avatar[b-2zb6oky5rz]{ width:28px; height:28px; border-radius:6px; background:linear-gradient(135deg, rgba(17,214,240,.45), rgba(138,123,247,.45)); box-shadow:0 2px 10px rgba(0,0,0,.35); }
.feed-item .time[b-2zb6oky5rz]{ color:rgba(230,238,246,.45); margin-left:8px; font-size:.85em; }
.view-all[b-2zb6oky5rz]{ display:inline-block; margin-top:10px; }

/* Creator placeholder */
.creator-card.disabled .placeholder[b-2zb6oky5rz]{ opacity:.65; border:1px dashed var(--border); padding:22px; text-align:center; border-radius:10px; }

/* Responsive */
@media (max-width: 1200px){ .battle-grid[b-2zb6oky5rz]{ grid-template-columns: 1fr; } .stack-col[b-2zb6oky5rz]{ order:2; } .main-col[b-2zb6oky5rz]{ order:1; } }
/* _content/pigdice/Pages/Game.cshtml.rz.scp.css */
/* Game Room neon/glass styles (scoped) */
:root[b-lj02gp7hqz]{
  --accent: #11d6f0;
  --border: rgba(255,255,255,.08);
}

.game-wrap .panel.glass[b-lj02gp7hqz]{ background: linear-gradient(180deg, rgba(20,29,46,.72), rgba(16,23,37,.8)); border:1px solid var(--border); border-radius:14px; box-shadow:0 10px 28px rgba(0,0,0,.35); }
.game-wrap .section-title[b-lj02gp7hqz]{ letter-spacing:.12em; font-weight:800; }
.game-wrap .controls .btn[b-lj02gp7hqz]{ border-radius:10px; }
.game-wrap .controls .btn-outline-primary[b-lj02gp7hqz]{ box-shadow:0 0 0 1px rgba(17,214,240,.35) inset; }
.game-wrap .controls .btn-outline-primary:hover[b-lj02gp7hqz]{ background: rgba(17,214,240,.12); }
/* _content/pigdice/Pages/Login.cshtml.rz.scp.css */
/* Centered auth card styling to match dark neon aesthetic */
:root[b-pmg80hslap]{
  --auth-surface: rgba(20,29,46,.78);
  --auth-surface-2: rgba(16,23,37,.85);
  --auth-border: rgba(255,255,255,.08);
}

.auth-wrap[b-pmg80hslap]{ min-height: calc(100vh - 120px); padding: 24px 12px; }
.auth-card[b-pmg80hslap]{ max-width: 460px; width: 100%; border-radius: 14px; background: linear-gradient(180deg, var(--auth-surface), var(--auth-surface-2)); border:1px solid var(--auth-border); box-shadow: 0 10px 28px rgba(0,0,0,.35); }
.auth-card .card-body[b-pmg80hslap]{ padding: 22px; }

.auth-card h2[b-pmg80hslap]{ letter-spacing: .08em; }

/* Make sure inputs span full width and align with theme */
.auth-card .form-control[b-pmg80hslap]{ background: linear-gradient(180deg, rgba(17,24,39,.6), rgba(12,18,30,.6)); color:#e6eef6; border:1px solid rgba(255,255,255,.12); }
.auth-card .form-control:focus[b-pmg80hslap]{ border-color: rgba(17,214,240,.6); box-shadow: 0 0 0 0.25rem rgba(17,214,240,.15); }

@media (max-width: 600px){
  .auth-card[b-pmg80hslap]{ max-width: 92%; }
}
/* _content/pigdice/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Dark neon theme styles for layout */

:root[b-luxzyihlny] {
  --bg-900: #0b0f17;
  --bg-800: #101725;
  --bg-700: #141d2e;
  --text-100: #e6eef6;
  --text-70: rgba(230, 238, 246, 0.7);
  --muted-50: rgba(230, 238, 246, 0.5);
  --accent-cyan: #11d6f0;
  --accent-cyan-700: #0aa6be;
  --accent-yellow: #ffd36a;
  --danger: #ff3b3b;
}

html[b-luxzyihlny], body[b-luxzyihlny] { min-height: 100%; height: auto; }
body.theme-dark[b-luxzyihlny], body[b-luxzyihlny] {
  color: var(--text-100);
  background: radial-gradient(1200px 600px at 10% -10%, rgba(17, 214, 240, 0.08), transparent 60%),
              radial-gradient(900px 500px at 90% -20%, rgba(255, 211, 106, 0.06), transparent 60%),
              linear-gradient(180deg, var(--bg-900), var(--bg-800) 40%, var(--bg-900)) !important;
  min-height: 100vh;
}

/* Navbar */
.esports-nav .navbar-brand .fw-bold[b-luxzyihlny]{ letter-spacing: 0.6px; }
.esports-nav .user-badge[b-luxzyihlny]{ border:1px solid rgba(255,255,255,.12); padding:.35rem .65rem; border-radius:999px; font-weight:600; }
.esports-nav .user-tier[b-luxzyihlny]{ border:1px solid rgba(255,255,255,.12); }
.navbar.bg-dark[b-luxzyihlny] {
  background-color: rgba(10, 16, 28, 0.9) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(6px);
}
.navbar .navbar-brand[b-luxzyihlny] {
  color: var(--text-100) !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.navbar .nav-link[b-luxzyihlny] { color: var(--text-70) !important; text-transform: uppercase; font-size:.9rem; letter-spacing:.06em; }
.navbar .nav-link:hover[b-luxzyihlny], .navbar .nav-link:focus[b-luxzyihlny] { color: var(--accent-cyan) !important; }
.text-muted-50[b-luxzyihlny]{ color: var(--muted-50) !important; }
.brand-icon svg[b-luxzyihlny]{ filter: drop-shadow(0 0 6px rgba(17,214,240,.5)); }

/* Accent buttons */
/* Ensure Bootstrap v5 button variables are set so buttons are visible before hover */
.btn-primary[b-luxzyihlny] {
  /* Bootstrap CSS variables */
  --bs-btn-color: #0b0f17;
  --bs-btn-bg: var(--accent-cyan);
  --bs-btn-border-color: var(--accent-cyan-700);
  --bs-btn-hover-color: #0b0f17;
  --bs-btn-hover-bg: #16e6ff;
  --bs-btn-hover-border-color: var(--accent-cyan);
  --bs-btn-focus-shadow-rgb: 17,214,240;
  --bs-btn-active-color: #0b0f17;
  --bs-btn-active-bg: #10cbe5;
  --bs-btn-active-border-color: var(--accent-cyan);
  --bs-btn-disabled-color: #0b0f17;
  --bs-btn-disabled-bg: rgba(17,214,240,.5);
  --bs-btn-disabled-border-color: rgba(17,214,240,.4);
  /* Fallbacks in case an older Bootstrap rule overrides vars */
  color: #0b0f17;
  background-color: var(--accent-cyan);
  border-color: var(--accent-cyan-700);
}
.btn-primary:hover[b-luxzyihlny], .btn-primary:focus[b-luxzyihlny] {
  color: #0b0f17;
  background-color: #16e6ff;
  border-color: var(--accent-cyan);
  box-shadow: 0 0 0 0.25rem rgba(17, 214, 240, 0.25);
}

/* Secondary button tuned for dark theme so it remains visible pre-hover */
.btn-secondary[b-luxzyihlny] {
  --bs-btn-color: var(--text-100);
  --bs-btn-bg: #2a3347;
  --bs-btn-border-color: #3a4357;
  --bs-btn-hover-color: var(--text-100);
  --bs-btn-hover-bg: #35405a;
  --bs-btn-hover-border-color: #4a556e;
  --bs-btn-focus-shadow-rgb: 53,64,90;
  --bs-btn-active-color: var(--text-100);
  --bs-btn-active-bg: #2f3a53;
  --bs-btn-active-border-color: #4a556e;
  --bs-btn-disabled-bg: #2a3347;
  --bs-btn-disabled-border-color: #3a4357;
}

/* Links */
a[b-luxzyihlny] { color: var(--accent-cyan); text-decoration: none; }
a:hover[b-luxzyihlny] { text-decoration: underline; }

/* Cards/containers general look */
.container[b-luxzyihlny], .card[b-luxzyihlny], .modal-content[b-luxzyihlny], .dropdown-menu[b-luxzyihlny] { color: var(--text-100); }
.card[b-luxzyihlny], .modal-content[b-luxzyihlny], .dropdown-menu[b-luxzyihlny] {
  background: linear-gradient(180deg, rgba(20,29,46,.72), rgba(16,23,37,.8));
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 .5rem 1.25rem rgba(0,0,0,.35);
}

/* Toasts */
.toast.text-bg-dark[b-luxzyihlny] { background-color: rgba(16,23,37,.92) !important; color: var(--text-100) !important; border: 1px solid rgba(255,255,255,.08); }
.toast .toast-header[b-luxzyihlny] { background: rgba(12,18,30,.85); color: var(--text-100); border-bottom: 1px solid rgba(255,255,255,.08); }
.toast .btn-close[b-luxzyihlny] { filter: invert(1) grayscale(100%); }

/* Separators */
.border-top[b-luxzyihlny] { border-top: 1px solid rgba(255,255,255,0.08); }
.border-bottom[b-luxzyihlny] { border-bottom: 1px solid rgba(255,255,255,0.08); }
.box-shadow[b-luxzyihlny] { box-shadow: 0 .5rem 1rem rgba(0,0,0,.35); }

/* Footer status bar */
.status-bar[b-luxzyihlny] { position: fixed; bottom: 0; left:0; right:0; background: rgba(5,9,16,.85); border-top: 1px solid rgba(255,255,255,.06); line-height: 44px; }
.status-dot[b-luxzyihlny]{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#888; margin-right:.4rem; }
.status-dot.online[b-luxzyihlny]{ background: #15d37f; box-shadow:0 0 8px rgba(21,211,127,.7); }

/* Force dark look on common light Bootstrap utilities */
.bg-white[b-luxzyihlny], .bg-light[b-luxzyihlny], .text-bg-light[b-luxzyihlny] { background: rgba(16,23,37,.85) !important; color: var(--text-100) !important; }
.border[b-luxzyihlny], .border-1[b-luxzyihlny], .border-2[b-luxzyihlny] { border-color: rgba(255,255,255,.08) !important; }

/* Forms */
.form-control[b-luxzyihlny], .form-select[b-luxzyihlny], .input-group-text[b-luxzyihlny] {
  background: linear-gradient(180deg, rgba(17,24,39,.85), rgba(12,18,30,.85));
  color: var(--text-100);
  border: 1px solid rgba(255,255,255,.12);
}
.form-select option[b-luxzyihlny] { background-color: #101725; color: var(--text-100); }
.form-control[b-luxzyihlny]::placeholder{ color: rgba(230,238,246,.45); }
.form-control:focus[b-luxzyihlny], .form-select:focus[b-luxzyihlny]{
  border-color: rgba(17,214,240,.6);
  box-shadow: 0 0 0 0.25rem rgba(17,214,240,.15);
}
.input-group .btn[b-luxzyihlny]{ border-color: rgba(255,255,255,.18); }

/* Alerts */
.alert[b-luxzyihlny]{
  background: linear-gradient(180deg, rgba(20,29,46,.6), rgba(12,18,30,.6));
  color: var(--text-100);
  border: 1px solid rgba(255,255,255,.12);
}
.alert-info[b-luxzyihlny]{ border-color: rgba(17,214,240,.35); }
.alert-warning[b-luxzyihlny]{ border-color: rgba(255,211,106,.35); }
.alert-danger[b-luxzyihlny]{ border-color: rgba(255,59,59,.35); }

/* Buttons outline tweaks */
.btn-outline-primary[b-luxzyihlny]{ color: var(--accent-cyan); border-color: rgba(17,214,240,.5); }
.btn-outline-primary:hover[b-luxzyihlny]{ background: rgba(17,214,240,.15); border-color: var(--accent-cyan); color: var(--text-100); }
.btn-outline-light[b-luxzyihlny]{ color: var(--text-100); border-color: rgba(255,255,255,.5); }
.btn-outline-light:hover[b-luxzyihlny]{ background: rgba(255,255,255,.08); }
/* _content/pigdice/Pages/Watch.cshtml.rz.scp.css */
/* Watch page neon/glass styles to match Game room */
:root[b-rb5fkqbf34]{
  --accent: #11d6f0;
  --border: rgba(255,255,255,.08);
}

.watch-wrap .panel.glass[b-rb5fkqbf34]{ background: linear-gradient(180deg, rgba(20,29,46,.72), rgba(16,23,37,.8)); border:1px solid var(--border); border-radius:14px; box-shadow:0 10px 28px rgba(0,0,0,.35); }
.watch-wrap .section-title[b-rb5fkqbf34]{ letter-spacing:.12em; font-weight:800; }
