@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
.version-footer{position:fixed;right:.75rem;bottom:.75rem;z-index:1000;color:#666;font-size:.75rem;opacity:.85;pointer-events:auto}
.admin-content a,.admin-content a:visited{color:#3a88fe;text-decoration:none}.admin-content a:hover{text-decoration:underline}.admin-content .admin-tabs{display:flex;gap:12px;margin:8px 0 16px 0}.admin-content .admin-tabs a{color:#3a88fe}.admin-content .admin-card{background:#111;border:1px solid #2a2a2a;border-radius:8px;padding:16px;min-width:280px;color:#f3f4f6}.admin-content .admin-card__title{font-weight:600;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.admin-content .admin-row{display:flex;justify-content:space-between;margin:6px 0}.admin-nav-item{display:block;padding:8px 10px;color:#9ca3af;text-decoration:none;border-radius:6px}.admin-nav-item:hover{background:rgba(148,163,184,.08);color:#e5e7eb}.admin-nav-active{background:rgba(99,102,241,.16);color:#fff}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:2px 8px;border-radius:9999px;border:1px solid rgba(148,163,184,.3);color:#e5e7eb;background:rgba(148,163,184,.12)}.status-badge.ok{border-color:rgba(16,185,129,.3);color:#10b981;background:rgba(16,185,129,.12)}.status-badge.warn{border-color:rgba(245,158,11,.3);color:#f59e0b;background:rgba(245,158,11,.12)}.status-badge.crit{border-color:rgba(239,68,68,.3);color:#ef4444;background:rgba(239,68,68,.12)}.status-badge.up{border-color:rgba(16,185,129,.3);color:#10b981;background:rgba(16,185,129,.12)}.status-badge.down{border-color:rgba(239,68,68,.3);color:#ef4444;background:rgba(239,68,68,.12)}.status-badge.neutral{border-color:rgba(148,163,184,.3);color:#94a3b8;background:rgba(148,163,184,.12)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:8px 10px;border-bottom:1px solid #1f2937}.admin-table th{text-align:left;color:#9ca3af;font-weight:600}.admin-table tr:hover td{background:rgba(148,163,184,.04)}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#374151;transition:.2s;border-radius:22px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{transform:translateX(18px)}.feature-group-heading{font-size:12px;text-transform:uppercase;color:#94a3b8;margin-bottom:6px}.feature-group-heading.safety{color:#ef4444}.feature-group-heading.growth{color:#10b981}.feature-group-heading.ops{color:#3b82f6}
.notification-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1100}.notification-stack .notification-toast{min-width:280px;max-width:360px;padding:12px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.35);color:#fff;border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:linear-gradient(135deg, rgba(17, 17, 17, 0.95) 0%, rgba(20, 20, 24, 0.95) 100%);animation:slideIn .3s ease;position:relative}.notification-stack .notification-toast.success{background:linear-gradient(135deg, rgb(var(--success-rgb)/0.15) 0%, rgb(var(--success-rgb)/0.05) 100%);border-color:rgb(var(--success-rgb)/0.3)}.notification-stack .notification-toast.error{background:linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(239, 68, 68, 0.05) 100%);border-color:rgba(239,68,68,.3)}.notification-stack .notification-toast.info{background:linear-gradient(135deg, rgba(99, 102, 241, 0.12) 0%, rgba(99, 102, 241, 0.04) 100%);border-color:rgba(99,102,241,.25)}.notification-stack .notification-toast.win{background:linear-gradient(135deg, rgb(var(--success-rgb)/0.2) 0%, rgba(251, 191, 36, 0.1) 100%);border-color:rgb(var(--success-rgb)/0.4)}.notification-stack .notification-toast.loss{background:linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(239, 68, 68, 0.04) 100%);border-color:rgba(239,68,68,.25)}.notification-stack .notification-toast .notification-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;background:rgba(255,255,255,.12);color:#fff}.notification-stack .notification-toast .notification-content strong{display:block;margin-bottom:4px;font-size:15px}.notification-stack .notification-toast .notification-content p{margin:0;font-size:14px;color:#d5d5d5;line-height:1.4}.notification-stack .notification-toast .notification-action{background:rgba(0,0,0,.2);border:none;border-radius:8px;padding:8px 12px;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.notification-stack .notification-toast .notification-close{position:absolute;top:6px;right:8px;background:none;border:none;color:rgba(255,255,255,.5);cursor:pointer;font-size:16px;line-height:1;padding:2px}.notification-stack .notification-toast .notification-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,.6);animation:toastProgress 5s linear forwards;opacity:.6;width:100%}.notification-toast.success .notification-icon{background:rgb(var(--success-rgb)/0.2);color:var(--success)}.notification-toast.error .notification-icon,.notification-toast.loss .notification-icon{background:rgba(239,68,68,.2);color:#ef4444}.notification-toast.info .notification-icon{background:rgba(99,102,241,.2);color:#818cf8}.notification-toast.win .notification-icon{background:linear-gradient(135deg, var(--success) 0%, #fbbf24 100%);color:#000}.global-loading-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:1200;overflow:hidden;background:rgba(0,0,0,.4)}.global-loading-bar .loading-bar{width:30%;height:100%;background:linear-gradient(90deg, #8f56ff, #4bc2ff, #8f56ff);animation:slide 1.2s linear infinite}@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}@keyframes slideIn{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes toastProgress{from{width:100%}to{width:0%}}@media(max-width: 640px){.notification-stack{top:auto;right:16px;left:16px;bottom:16px;align-items:stretch}.notification-stack .notification-toast{width:100%;max-width:none}}
.cg-wrap{width:100%;height:100%;position:relative;display:block;box-sizing:content-box}.cg-container{position:relative;display:block;width:100%;height:100%}
.cg-wrap {
  box-sizing: content-box;
  position: relative;
  display: block;
}

cg-container {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
}

cg-board {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 0;
  background-size: cover;
}

.cg-wrap.manipulable cg-board {
  cursor: pointer;
}

cg-board square {
  position: absolute;
  top: 0;
  left: 0;
  width: 12.5%;
  height: 12.5%;
  pointer-events: none;
}

cg-board square.move-dest {
  pointer-events: auto;
}

cg-board square.last-move {
  will-change: transform;
}

.cg-wrap piece {
  position: absolute;
  top: 0;
  left: 0;
  width: 12.5%;
  height: 12.5%;
  background-size: cover;
  z-index: 2;
  will-change: transform;
  pointer-events: none;
}

cg-board piece.dragging {
  cursor: move;
  /* !important to override z-index from 3D piece inline style */
  z-index: 11 !important;
}

piece.anim {
  z-index: 8;
}

piece.fading {
  z-index: 1;
  opacity: 0.5;
}

.cg-wrap piece.ghost {
  opacity: 0.3;
}

.cg-wrap piece svg {
  overflow: hidden;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
}

.cg-wrap cg-auto-pieces,
.cg-wrap .cg-shapes,
.cg-wrap .cg-custom-svgs {
  overflow: visible;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.cg-wrap cg-auto-pieces {
  z-index: 2;
}

.cg-wrap cg-auto-pieces piece {
  opacity: 0.3;
}

.cg-wrap .cg-shapes {
  overflow: hidden;
  opacity: 0.6;
  z-index: 2;
}

.cg-wrap .cg-custom-svgs {
  /* over piece.anim = 8, but under piece.dragging = 11 */
  z-index: 9;
}

.cg-wrap .cg-custom-svgs svg {
  overflow: visible;
}

.cg-wrap coords {
  position: absolute;
  display: flex;
  pointer-events: none;
  opacity: 0.8;
  font-family: sans-serif;
  font-size: 9px;
}

.cg-wrap coords.ranks {
  left: 4px;
  top: -20px;
  flex-flow: column-reverse;
  height: 100%;
  width: 12px;
}

.cg-wrap coords.ranks.black {
  flex-flow: column;
}

.cg-wrap coords.ranks.left {
  left: -15px;
  align-items: flex-end;
}

.cg-wrap coords.files {
  bottom: -4px;
  left: 24px;
  flex-flow: row;
  width: 100%;
  height: 16px;
  text-transform: uppercase;
  text-align: center;
}

.cg-wrap coords.files.black {
  flex-flow: row-reverse;
}

.cg-wrap coords coord {
  flex: 1 1 auto;
}

.cg-wrap coords.ranks coord {
  transform: translateY(39%);
}

/** Colored board squares as an embedded SVG */
cg-board {
  background-color: #f0d9b5;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4PSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxnIGlkPSJhIj4KICA8ZyBpZD0iYiI+CiAgICA8ZyBpZD0iYyI+CiAgICAgIDxnIGlkPSJkIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZSIgb3BhY2l0eT0iMCIvPgogICAgICAgIDx1c2UgeD0iMSIgeT0iMSIgaHJlZj0iI2UiIHg6aHJlZj0iI2UiLz4KICAgICAgICA8cmVjdCB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZiIgb3BhY2l0eT0iMC4yIi8+CiAgICAgICAgPHVzZSB4PSIxIiB5PSItMSIgaHJlZj0iI2YiIHg6aHJlZj0iI2YiLz4KICAgICAgPC9nPgogICAgICA8dXNlIHg9IjIiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+CiAgICA8L2c+CiAgICA8dXNlIHg9IjQiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+CiAgPC9nPgogIDx1c2UgeT0iMiIgaHJlZj0iI2IiIHg6aHJlZj0iI2IiLz4KPC9nPgo8dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+Cjwvc3ZnPg==');
}

/** Interactive board square colors */
cg-board square.move-dest {
  background: radial-gradient(rgba(20, 85, 30, 0.5) 22%, #208530 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0);
}
cg-board square.premove-dest {
  background: radial-gradient(rgba(20, 30, 85, 0.5) 22%, #203085 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0);
}
cg-board square.oc.move-dest {
  background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 85, 0, 0.3) 80%);
}
cg-board square.oc.premove-dest {
  background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 30, 85, 0.2) 80%);
}
cg-board square.move-dest:hover {
  background: rgba(20, 85, 30, 0.3);
}
cg-board square.premove-dest:hover {
  background: rgba(20, 30, 85, 0.2);
}
cg-board square.last-move {
  background-color: rgba(155, 199, 0, 0.41);
}
cg-board square.selected {
  background-color: rgba(20, 85, 30, 0.5);
}
cg-board square.check {
  background: radial-gradient(
    ellipse at center,
    rgba(255, 0, 0, 1) 0%,
    rgba(231, 0, 0, 1) 25%,
    rgba(169, 0, 0, 0) 89%,
    rgba(158, 0, 0, 0) 100%
  );
}
cg-board square.current-premove {
  background-color: rgba(20, 30, 85, 0.5);
}

/** Alternating colors in rank/file labels */
.cg-wrap.orientation-white coords.ranks coord:nth-child(2n),
.cg-wrap.orientation-white coords.files coord:nth-child(2n),
.cg-wrap.orientation-black coords.ranks coord:nth-child(2n + 1),
.cg-wrap.orientation-black coords.files coord:nth-child(2n + 1) {
  color: rgba(72, 72, 72, 0.8);
}

.cg-wrap.orientation-black coords.ranks coord:nth-child(2n),
.cg-wrap.orientation-black coords.files coord:nth-child(2n),
.cg-wrap.orientation-white coords.ranks coord:nth-child(2n + 1),
.cg-wrap.orientation-white coords.files coord:nth-child(2n + 1) {
  color: rgba(255, 255, 255, 0.8);
}

/** Embedded SVGs for all chess pieces */
.cg-wrap piece.pawn.white {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==');
}
.cg-wrap piece.bishop.white {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==');
}
.cg-wrap piece.knight.white {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==');
}
.cg-wrap piece.rook.white {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMzQgMTRsLTMgM0gxNGwtMy0zIi8+PHBhdGggZD0iTTMxIDE3djEyLjVIMTRWMTciIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMxIDI5LjVsMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGQ9Ik0xMSAxNGgyMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=');
}
.cg-wrap piece.queen.white {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=');
}
.cg-wrap piece.king.white {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==');
}
.cg-wrap piece.pawn.black {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==');
}
.cg-wrap piece.bishop.black {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+');
}
.cg-wrap piece.knight.black {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1UzM1Ljc1IDI5LjA2IDM1LjI1IDM5bC0uMDUuNWgyLjI1bC4wNS0uNWMuNS0xMC4wNi0uODgtMTYuODUtMy4yNS0yMS4zNC0yLjM3LTQuNDktNS43OS02LjY0LTkuMTktNy4xNmwtLjUxLS4xeiIgZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIi8+PC9nPjwvc3ZnPg==');
}
.cg-wrap piece.rook.black {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTdsMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNUwxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=');
}
.cg-wrap piece.queen.black {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+');
}
.cg-wrap piece.king.black {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=');
}

.chessboard{position:relative;width:100%;aspect-ratio:1;background:linear-gradient(135deg, #2a2a3a 0%, #1e1e28 100%);border-radius:12px;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:all .5s ease}.chessboard__container{width:100%;height:100%;position:relative}.chessboard__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .4s ease;z-index:20}.chessboard__overlay-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;text-align:center}.chessboard__overlay-label{font-size:13px;text-transform:uppercase;letter-spacing:3px;opacity:.6}.chessboard__overlay-result{font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.chessboard__overlay-piece{font-size:36px}.chessboard__overlay-type{font-size:14px;opacity:.7;margin-top:-8px}.chessboard__overlay-actions{margin-top:16px;display:flex;gap:12px}.chessboard__overlay-button{padding:12px 24px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:all .2s ease}.chessboard__overlay-button--primary{background:rgb(var(--mode-accent-rgb)/0.15);border:1px solid rgb(var(--mode-accent-rgb)/0.4);color:var(--mode-accent)}.chessboard__overlay-button--primary:hover{background:rgb(var(--mode-accent-rgb)/0.25)}.chessboard__overlay-button--secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;opacity:.8}.chessboard__overlay-button--secondary:hover{opacity:1;background:rgba(255,255,255,.08)}.game-ended .chessboard{filter:brightness(0.6)}.chessboard .cg-wrap cg-board{background-size:cover;border-radius:6px;overflow:hidden}.chessboard .cg-wrap piece{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.player-header{font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease;position:relative;overflow:hidden}.player-header--interactive{cursor:pointer}.player-header--interactive:hover{background:rgba(255,255,255,.06)}.player-header--interactive:focus-visible{outline:2px solid rgb(var(--mode-accent-rgb)/0.5)}.player-header__content{display:flex;align-items:center;gap:12px}.player-header--white .player-header__avatar{background:#e8e8e8;color:#1a1a24}.player-header--black .player-header__avatar{background:#1a1a24;border:1px solid #333;color:#e8e8e8}.player-header--black.player-header--winner{background:rgb(var(--success-rgb)/0.08);border:1px solid rgb(var(--success-rgb)/0.2)}.player-header--active{border-color:rgb(var(--mode-accent-rgb)/0.3);background:rgb(var(--mode-accent-rgb)/0.05)}.player-header__avatar{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px}.player-header__info{display:flex;flex-direction:column}.player-header__name{font-family:inherit;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;position:relative}.player-header__rating{font-family:inherit;font-size:11px;opacity:.5}.player-header__winner-tag{background:var(--success);color:#000;font-size:10px;padding:2px 8px;border-radius:4px;font-weight:700}.player-header__clock{font-family:inherit;background:rgba(255,255,255,.1);padding:6px 14px;border-radius:6px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.player-header__clock--low{color:#ef4444;background:rgba(239,68,68,.2)}.player-header__bet-btn{margin-left:10px;padding:6px 12px;border-radius:6px;border:1px solid rgb(var(--mode-accent-rgb)/0.35);background:rgb(var(--mode-accent-rgb)/0.18);color:#e8e8e8;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease}.player-header__bet-btn:hover{background:rgb(var(--mode-accent-rgb)/0.28);border-color:rgb(var(--mode-accent-rgb)/0.55)}.player-header__bet-btn:focus-visible{outline:2px solid rgb(var(--mode-accent-rgb)/0.5)}.player-header--loading .player-header__clock{position:relative;overflow:hidden}.player-header--loading .player-header__clock::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(251,191,36,.3);animation:pulse 1.5s infinite}.player-header--confirmed .player-header__clock{color:var(--success);background:rgb(var(--success-rgb)/0.2)}.player-header--confirmed::after{content:"";position:absolute;inset:0;border:2px solid rgb(var(--success-rgb)/0.5);border-radius:10px;animation:confirm .6s ease-out}.player-header--rejected .player-header__clock{color:#ef4444;background:rgba(239,68,68,.2)}.player-header--rejected::after{content:"";position:absolute;inset:0;border:2px solid rgba(239,68,68,.5);border-radius:10px;animation:reject .6s ease-out}.player-header__message{font-family:inherit;position:absolute;bottom:-22px;right:10px;background:rgba(239,68,68,.2);color:#ef4444;padding:2px 8px;border-radius:4px;font-size:10px;z-index:10;animation:slideUp .3s ease-out}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes confirm{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes reject{0%{opacity:0;transform:translateX(0)}25%{opacity:1;transform:translateX(-5px)}50%{opacity:1;transform:translateX(5px)}75%{opacity:1;transform:translateX(-5px)}100%{opacity:0;transform:translateX(0)}}@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
.move-predictions{font-family:inherit;display:flex;flex-direction:column;gap:12px}.move-predictions__header{font-size:11px;text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:4px}.move-predictions__list{display:flex;flex-direction:column;gap:12px}.move-predictions__item{background:rgb(var(--mode-accent-rgb)/0.08);border:1px solid rgb(var(--mode-accent-rgb)/0.2);border-radius:12px;padding:16px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.move-predictions__item:hover:not(.move-predictions__item--disabled):not(.move-predictions__item--ended){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);background:rgb(var(--mode-accent-rgb)/0.12)}.move-predictions__item:active:not(.move-predictions__item--disabled):not(.move-predictions__item--ended){transform:translateY(0)}.move-predictions__item:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--mode-accent-rgb)/0.4)}.move-predictions__item--ended{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);opacity:.4;cursor:default}.move-predictions__item--loading{background:rgba(var(--warning-rgb), 0.08);border-color:rgba(var(--warning-rgb), 0.2);pointer-events:none}.move-predictions__item--won{background:rgba(var(--success-rgb), 0.12);border-color:rgba(var(--success-rgb), 0.3)}.move-predictions__item--won::before{content:"✓";position:absolute;top:10px;right:10px;color:var(--success);font-weight:bold;font-size:14px}.move-predictions__item--lost{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.15);text-decoration:line-through;opacity:.7}.move-predictions__item--disabled{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08);opacity:.5;cursor:not-allowed}.move-predictions__move{font-size:15px;font-weight:600;margin-bottom:8px;font-family:"JetBrains Mono","SF Mono",monospace}.move-predictions__details{display:flex;justify-content:space-between;font-size:12px;opacity:.7;font-family:inherit}.move-predictions__loader{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg, rgba(251, 191, 36, 0), rgba(251, 191, 36, 0.5), rgba(251, 191, 36, 0));background-size:200% 100%;animation:moveGradient 1.5s infinite linear}.move-predictions__message{position:absolute;bottom:5px;right:5px;font-size:9px;color:#ef4444;background:rgba(239,68,68,.1);padding:2px 6px;border-radius:4px}.move-predictions__hold{position:absolute;top:10px;right:10px;width:28px;height:28px;display:grid;place-items:center}.move-predictions__hold-ring{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.move-predictions__hold-inner{position:absolute;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15)}@keyframes moveGradient{0%{background-position:100% 0}100%{background-position:-100% 0}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.betting-panel{font-family:"JetBrains Mono","SF Mono",monospace;display:flex;flex-direction:column;gap:20px}.betting-panel__header{font-size:11px;text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:-8px}.betting-panel__bets{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;max-height:320px;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.betting-panel__bets::-webkit-scrollbar{width:6px}.betting-panel__bets::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:calc(6px / 2)}.betting-panel__bets::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:calc(6px / 2)}.betting-panel__bets::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.8)}html.light-mode .betting-panel__bets{scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}html.light-mode .betting-panel__bets::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}html.light-mode .betting-panel__bets::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}html.light-mode .betting-panel__bets::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.betting-panel__bet{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.betting-panel__bet:not(:last-child){border-bottom:1px solid rgba(255,255,255,.06)}.betting-panel__bet--won{background-color:rgb(var(--success-rgb)/0.06);border-color:rgb(var(--success-rgb)/0.15)}.betting-panel__bet--lost{background-color:rgba(239,68,68,.04);border-color:rgba(239,68,68,.1)}.betting-panel__bet--pending{background-color:rgba(251,191,36,.05);border-color:rgba(251,191,36,.1)}.betting-panel__bet--cancelled{background-color:rgba(148,163,184,.06);border-color:rgba(148,163,184,.15)}.betting-panel__bet-info{width:100%}.betting-panel__bet-type{display:flex;align-items:center;gap:10px;margin-bottom:2px}.betting-panel__bet-indicator{width:8px;height:8px;border-radius:50%;background:#6366f1;border:none}.betting-panel__bet-indicator[data-type=black]{background:#1a1a24;border:1px solid #444}.betting-panel__bet-indicator[data-type=white]{background:#e8e8e8}.betting-panel__bet-label{font-size:13px;font-weight:500;transition:all .5s ease;font-family:inherit}.betting-panel__bet-label--lost{opacity:.4;text-decoration:line-through}.betting-panel__bet-details{display:flex;align-items:center;gap:16px;margin-top:6px}.betting-panel__bet-stake,.betting-panel__bet-odds{font-size:12px;opacity:.6;font-family:inherit}.betting-panel__bet-result{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;min-width:60px;text-align:center;transition:all .4s ease}.betting-panel__bet-result--won{background:rgb(var(--success-rgb)/0.2);color:var(--success)}.betting-panel__bet-result--lost{background:rgba(239,68,68,.2);color:#ef4444}.betting-panel__bet-result--pending{background:rgba(251,191,36,.15);color:#fbbf24}.betting-panel__bet-result--cancelled{background:rgba(148,163,184,.18);color:#cbd5e1}.betting-panel__summary{background:linear-gradient(135deg, rgb(var(--mode-accent-rgb)/0.12) 0%, rgb(var(--mode-accent-rgb)/0.04) 100%);border:1px solid rgb(var(--mode-accent-rgb)/0.25);border-radius:12px;padding:20px;animation:slideUp .4s ease}.betting-panel__summary-header{font-size:11px;text-transform:uppercase;letter-spacing:2px;opacity:.6;margin-bottom:16px}.betting-panel__summary-stats{display:flex;flex-direction:column;gap:12px}.betting-panel__summary-row{display:flex;justify-content:space-between}.betting-panel__summary-row--total{margin-top:4px}.betting-panel__summary-label{opacity:.7;font-size:13px}.betting-panel__summary-label--bold{font-weight:600;opacity:1}.betting-panel__summary-value{font-weight:600;font-size:13px}.betting-panel__summary-value--won{color:var(--mode-accent)}.betting-panel__summary-value--positive{color:var(--mode-accent)}.betting-panel__summary-value--negative{color:#ef4444}.betting-panel__summary-value--large{font-size:18px;font-weight:700}.betting-panel__summary-divider{height:1px;background:rgba(255,255,255,.1);margin:4px 0}.betting-panel__streak{margin-top:16px;padding:10px;background:rgba(255,255,255,.05);border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px}.betting-panel__streak-emoji{font-size:16px}.betting-panel__streak-text{opacity:.8}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.new-game-page{min-height:100vh;background:var(--bg-primary);font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text-primary);position:relative;overflow:hidden}.new-game-container{position:relative;z-index:1}.new-game-container__viewers{margin-left:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:12px;line-height:1}.new-game-container__signin{margin-left:12px;padding:8px 14px;border-radius:8px;border:none;background:linear-gradient(135deg, var(--mode-accent) 0%, var(--mode-accent-strong) 100%);color:#0a0a0f;font-weight:700;letter-spacing:.4px;cursor:pointer;box-shadow:0 4px 16px rgb(var(--mode-accent-rgb)/0.25);transition:transform .15s ease}.new-game-container__signin:hover{transform:translateY(-1px)}.new-game-container__signin:active{transform:translateY(0)}.new-game-container__balance{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;font-size:13px;display:flex;align-items:center;gap:8px}.new-game-container__balance-label{opacity:.6}.new-game-container__balance-amount{color:var(--mode-accent);font-weight:600}.new-game-container__content{display:grid;grid-template-columns:200px 1fr 280px;gap:24px;max-width:1500px;width:100%;margin:0 auto;position:relative;z-index:1}@media(max-width: 1100px){.new-game-container__content{grid-template-columns:180px 1fr 250px}}@media(max-width: 900px){.new-game-container__content{grid-template-columns:1fr;gap:20px}}@media(min-width: 1280px){.new-game-container__content{grid-template-columns:2fr 3fr 2fr}}.new-game-container__board-wrapper{display:flex;flex-direction:column}.new-game-container__demo-button{margin-top:20px;width:100%;background:linear-gradient(135deg, var(--mode-accent) 0%, var(--mode-accent-strong) 100%);border:none;color:#000;padding:14px 24px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;font-family:inherit;letter-spacing:.5px;transition:all .2s ease;box-shadow:0 4px 20px rgb(var(--mode-accent-rgb)/0.3)}.new-game-container__demo-button:hover{transform:translateY(-2px)}.new-game-container__demo-button:active{transform:translateY(0)}.new-game-container--ended .new-game-container__board-wrapper{filter:brightness(1)}.new-game-container__error{max-width:1200px;margin:0 auto 12px auto;background:rgba(255,71,87,.12);border:1px solid rgba(255,71,87,.3);color:#ffb4ba;padding:10px 14px;border-radius:8px;font-size:13px}.new-game-main{padding:32px 40px;max-width:1600px;margin:0 auto}@media(max-width: 900px){.new-game-main{padding:8px;max-width:100%}.new-game-container{padding:0}.new-game-container__content{grid-template-areas:"board" "predictions" "betting"}.new-game-container__board-wrapper{grid-area:board}.new-game-container__betting{grid-area:betting}.new-game-container__predictions{grid-area:predictions}}
.bm-tour-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.bm-tour-mask{position:absolute;inset:0;background:rgba(0,0,0,.5);transition:clip-path 180ms ease}.bm-tour-spotlight{position:absolute;border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.5);outline:2px solid rgb(var(--mode-accent-rgb)/0.35);pointer-events:none}.bm-tour-bubble{position:absolute;max-width:360px;background:var(--card-bg, rgba(20, 20, 30, 0.96));border:1px solid var(--card-border, rgba(255, 255, 255, 0.12));border-radius:14px;padding:16px 16px 12px;color:var(--text-primary, #e8e8e8);box-shadow:0 12px 40px rgba(0,0,0,.35);pointer-events:auto}.bm-tour-title{font-size:15px;font-weight:700;margin:0 0 6px}.bm-tour-body{font-size:13px;opacity:.9}.bm-tour-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.bm-tour-controls .left,.bm-tour-controls .right{display:flex;gap:8px}.bm-tour-btn{border:1px solid var(--border-primary, rgba(255, 255, 255, 0.2));background:var(--bg-tertiary, rgba(255, 255, 255, 0.06));color:var(--text-primary, #e8e8e8);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.bm-tour-btn--primary{background:linear-gradient(135deg, var(--mode-accent) 0%, var(--mode-accent-strong) 100%);color:var(--mode-accent-contrast, #000);border:none}.bm-tour-step{font-size:11px;opacity:.6}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}:root{--brand-primary: #00EFB2;--brand-primary-hover: #34F5C5;--brand-primary-muted: #66FACD;--brand-primary-dark: #00D199;--brand-primary-rgb: 0 239 178;--bg-primary: #050505;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-quaternary: #1e1e1e;--bg-overlay: rgba(0, 0, 0, 0.8);--bg-primary-rgb: 5 5 5;--bg-secondary-rgb: 17 17 17;--bg-tertiary-rgb: 26 26 26;--bg-quaternary-rgb: 30 30 30;--success: #00EFB2;--warning: #FFC430;--error: #FF4757;--info: #3a88fe;--success-rgb: 0 239 178;--warning-rgb: 255 196 48;--error-rgb: 255 71 87;--info-rgb: 58 136 254;--accent-blue: #00B6FF;--accent-pink: #FF00B7;--accent-purple: #9C88FF;--accent-orange: #FFC702;--text-primary: #FFFFFF;--text-secondary: #BDBDBD;--text-muted: #666666;--text-inverse: #111111;--text-primary-rgb: 255 255 255;--text-secondary-rgb: 189 189 189;--text-muted-rgb: 102 102 102;--text-inverse-rgb: 17 17 17;--border-primary: #333333;--border-secondary: #444444;--border-accent: var(--brand-primary);--border-error: var(--error);--wager-pending-bg: rgba(255, 231, 94, 0.15);--wager-pending-border: rgba(255, 231, 94, 0.7);--wager-won-bg: rgba(0, 239, 178, 0.15);--wager-won-border: rgba(0, 239, 178, 0.7);--wager-lost-bg: rgba(255, 71, 87, 0.15);--wager-lost-border: rgba(255, 71, 87, 0.7);--wager-cancelled-bg: rgba(149, 165, 166, 0.15);--wager-cancelled-border: rgba(149, 165, 166, 0.7);--card-bg: var(--bg-secondary);--card-border: var(--border-primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);--shadow-base: 0 2px 4px rgba(0, 0, 0, 0.2);--shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.3);--shadow-xl: 0 8px 16px rgba(0, 0, 0, 0.4);--nav-bg: var(--bg-primary);--nav-text: var(--text-primary);--nav-active: var(--brand-primary);--input-bg: var(--bg-tertiary);--input-border: var(--border-primary);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--input-focus-border: var(--brand-primary);--input-focus-shadow: rgba(0, 239, 178, 0.1);--transition-base: 0.2s;--ease-out: cubic-bezier(0.4, 0, 0.2, 1);--accent-real: var(--brand-primary);--accent-real-rgb: var(--brand-primary-rgb);--accent-real-strong: #16a34a;--accent-arcade: #fbbf24;--accent-arcade-strong: #f59e0b;--accent-arcade-rgb: 251 191 36;--mode-accent: var(--accent-real);--mode-accent-strong: var(--accent-real-strong);--mode-accent-rgb: var(--accent-real-rgb);--mode-accent-contrast: #0a0a0f}html.light-mode{--brand-primary: #00D191;--brand-primary-hover: #00BD84;--brand-primary-muted: #33E0B0;--brand-primary-dark: #00A876;--brand-primary-rgb: 0 209 145;--bg-primary: #F6F7F9;--bg-secondary: #FAFDFC;--bg-tertiary: #F1F5F4;--bg-quaternary: #E9F1EF;--bg-overlay: rgba(255, 255, 255, 0.8);--bg-primary-rgb: 246 247 249;--bg-secondary-rgb: 250 253 252;--bg-tertiary-rgb: 241 245 244;--bg-quaternary-rgb: 233 241 239;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #666666;--text-inverse: #ffffff;--text-primary-rgb: 15 23 42;--text-secondary-rgb: 71 85 105;--text-muted-rgb: 102 102 102;--text-inverse-rgb: 255 255 255;--border-primary: #D0D5DD;--border-secondary: #E4E7EC;--wager-pending-bg: rgba(255, 196, 48, 0.15);--wager-pending-border: rgba(255, 196, 48, 0.7);--wager-won-bg: rgba(0, 209, 153, 0.15);--wager-won-border: rgba(0, 209, 153, 0.7);--wager-lost-bg: rgba(255, 71, 87, 0.15);--wager-lost-border: rgba(255, 71, 87, 0.7);--wager-cancelled-bg: rgba(149, 165, 166, 0.15);--wager-cancelled-border: rgba(149, 165, 166, 0.7);--card-bg: var(--bg-secondary);--card-border: var(--border-primary);--shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);--shadow-base: 0 1px 2px rgba(16, 24, 40, 0.06), 0 2px 8px rgba(16, 24, 40, 0.10);--shadow-lg: 0 2px 8px rgba(16, 24, 40, 0.14), 0 8px 16px rgba(16, 24, 40, 0.12);--shadow-xl: 0 8px 20px rgba(16, 24, 40, 0.20);--nav-bg: var(--bg-secondary);--nav-text: var(--text-primary);--nav-active: var(--brand-primary);--input-bg: var(--bg-tertiary);--input-border: var(--border-primary);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--input-focus-border: var(--brand-primary);--input-focus-shadow: rgba(0, 239, 178, 0.1);--accent-real-strong: #15803d;--accent-arcade-strong: #b45309}html{transition:background-color var(--transition-base) var(--ease-out),color var(--transition-base) var(--ease-out)}html.dark-mode .empty-state{color:var(--text-secondary);opacity:.7}html.light-mode .empty-state{color:var(--text-secondary);font-weight:500;opacity:.85}html,body{background-color:var(--bg-primary);color:var(--text-primary)}html.mode-real{--mode-accent: var(--accent-real);--mode-accent-strong: var(--accent-real-strong);--mode-accent-rgb: var(--accent-real-rgb)}html.mode-arcade{--mode-accent: var(--accent-arcade);--mode-accent-strong: var(--accent-arcade-strong);--mode-accent-rgb: var(--accent-arcade-rgb)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.flex-column-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.m-10{margin:2.5rem}.m-12{margin:3rem}.m-16{margin:4rem}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-20{padding-top:80px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-quaternary{background-color:var(--bg-quaternary)}.bg-brand{background-color:var(--brand-primary)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-error{background-color:var(--error)}.bg-info{background-color:var(--info)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-brand{color:var(--brand-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-accent{border-color:var(--border-accent)}.border-error{border-color:var(--border-error)}.border-brand{border-color:var(--brand-primary)}.border-warning{border-color:var(--warning)}.border-pink-500{border-color:#ff00b7}.text-accent{color:var(--mode-accent)}.bg-accent{background-color:var(--mode-accent)}.border-mode-accent{border-color:var(--mode-accent)}.ring-accent{box-shadow:0 0 0 2px rgb(var(--mode-accent-rgb)/0.5)}.glow-accent{box-shadow:0 0 15px 2px rgba(var(--mode-accent-rgb), 0.5)}.gradient-accent{background:linear-gradient(135deg, var(--mode-accent) 0%, var(--mode-accent-strong) 100%)}.bg-accent-tint-sm{background-color:rgb(var(--mode-accent-rgb)/0.08)}.bg-accent-tint{background-color:rgb(var(--mode-accent-rgb)/0.12)}.bg-accent-tint-lg{background-color:rgb(var(--mode-accent-rgb)/0.15)}.border-accent-tint{border-color:rgb(var(--mode-accent-rgb)/0.3)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.75}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.italic{font-style:italic}.not-italic{font-style:normal}.break-words{word-wrap:break-word;overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-normal{white-space:normal}.rounded-none{border-radius:0}.rounded-sm{border-radius:.25rem}.rounded{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.rounded-xl{border-radius:1rem}.rounded-2xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.1)}.shadow{box-shadow:0 2px 4px rgba(0,0,0,.2)}.shadow-lg{box-shadow:0 4px 8px rgba(0,0,0,.3)}.shadow-xl{box-shadow:0 8px 16px rgba(0,0,0,.4)}.shadow-none{box-shadow:none}.shadow-inset{box-shadow:inset 2px 2px 4px rgba(0,0,0,.3)}.shadow-inset-lg{box-shadow:inset 4px 4px 8px rgba(0,0,0,.4)}.shadow-glow-green{box-shadow:0 0 20px rgba(0,239,178,.3)}.shadow-glow-blue{box-shadow:0 0 20px rgba(58,136,254,.3)}.shadow-glow-yellow{box-shadow:0 0 20px rgba(255,196,48,.3)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{top:0;right:0;bottom:0;left:0}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-fit{width:-moz-fit-content;width:fit-content}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-fit{height:-moz-fit-content;height:fit-content}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-none{max-width:none}.max-w-full{max-width:100%}.max-w-sm{max-width:640px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1280px}.max-w-2xl{max-width:1536px}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-screen-2xl{max-width:1536px}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.transition-none{transition:none}.transition-all{transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.transition-colors{transition:color .2s cubic-bezier(0.4, 0, 0.2, 1),background-color .2s cubic-bezier(0.4, 0, 0.2, 1),border-color .2s cubic-bezier(0.4, 0, 0.2, 1)}.transition-transform{transition:transform .2s cubic-bezier(0.4, 0, 0.2, 1)}.animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.transform{transform:translateZ(0)}.scale-95{transform:scale(0.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:1000}.z-sticky{z-index:1020}.z-fixed{z-index:1030}.z-modal-backdrop{z-index:1040}.z-modal{z-index:1050}.z-popover{z-index:1060}.z-tooltip{z-index:1070}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-5>*+*{margin-left:1.25rem}.space-x-6>*+*{margin-left:1.5rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.ring-1{box-shadow:0 0 0 1px rgba(0,239,178,.5)}.ring-2{box-shadow:0 0 0 2px rgba(0,239,178,.5)}.ring-4{box-shadow:0 0 0 4px rgba(0,239,178,.5)}.ring-brand{box-shadow:0 0 0 2px rgba(0,239,178,.5)}.ring-success{box-shadow:0 0 0 2px rgba(0,239,178,.5)}.ring-warning{box-shadow:0 0 0 2px rgba(255,196,48,.5)}.ring-error{box-shadow:0 0 0 2px rgba(255,71,87,.5)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;line-height:1.4;height:40px;padding:0 1rem;font-size:1rem}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none !important;box-shadow:none !important}.btn--primary{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;line-height:1.4;background:#00efb2;color:#111;border:none}.btn--primary:disabled{cursor:not-allowed;opacity:.6;transform:none !important;box-shadow:none !important}.btn--primary:hover:not(:disabled){background:#34f5c5;box-shadow:0 0 20px rgba(0,239,178,.3);transform:translateY(-1px)}.btn--primary:active:not(:disabled){background:#00d199;transform:translateY(0);box-shadow:0 2px 5px rgba(0,239,178,.2)}html.light-mode .btn--primary{box-shadow:0 2px 5px rgba(0,219,153,.2);font-weight:600}html.light-mode .btn--primary:hover:not(:disabled){background-color:var(--brand-primary-hover);box-shadow:0 4px 12px rgba(0,219,153,.3)}.btn--secondary{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;line-height:1.4;background:rgba(0,0,0,0);border:1px solid #00efb2;color:#00efb2}.btn--secondary:disabled{cursor:not-allowed;opacity:.6;transform:none !important;box-shadow:none !important}.btn--secondary:hover:not(:disabled){background:rgba(0,239,178,.1);box-shadow:0 0 20px rgba(0,239,178,.3);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){background:rgba(0,239,178,.2);transform:translateY(0);box-shadow:none}html.light-mode .btn--secondary{border-color:var(--brand-primary);color:var(--brand-primary)}html.light-mode .btn--secondary:hover:not(:disabled){background:rgba(0,219,153,.05);box-shadow:0 3px 10px rgba(0,219,153,.15)}.btn--ghost{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;line-height:1.4;background:rgba(0,0,0,0);color:#bdbdbd;border:1px solid rgba(0,0,0,0)}.btn--ghost:disabled{cursor:not-allowed;opacity:.6;transform:none !important;box-shadow:none !important}.btn--ghost:hover:not(:disabled){background:#1a1a1a;color:#fff;border-color:#444}.btn--ghost:active:not(:disabled){background:#1e1e1e;transform:translateY(1px)}html.light-mode .btn--ghost{color:#4a5568}html.light-mode .btn--ghost:hover:not(:disabled){background:rgba(0,0,0,.03);color:#2d3748;border-color:#e2e8f0}html.light-mode .btn--ghost:active:not(:disabled){background:rgba(0,0,0,.05)}.btn--danger{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;line-height:1.4;background:#ff4757;color:#fff}.btn--danger:disabled{cursor:not-allowed;opacity:.6;transform:none !important;box-shadow:none !important}.btn--danger:hover:not(:disabled){background:#ff1428}.btn--sm{height:32px;padding:0 .75rem;font-size:.875rem}.btn--lg{height:48px;padding:0 1.5rem;font-size:1.125rem}.btn--loading{position:relative;color:rgba(0,0,0,0)}.btn--loading::after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(0,0,0,0);border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.card{background:#111;border-radius:.75rem;border:1px solid #333;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}html.light-mode .card{background:#fff;border-color:#e4e7eb;box-shadow:0 2px 6px rgba(0,0,0,.04)}.card--elevated{background:#111;border-radius:.75rem;border:1px solid #333;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 8px rgba(0,0,0,.3)}html.light-mode .card--elevated{background:#fff;border-color:#e4e7eb;box-shadow:0 2px 6px rgba(0,0,0,.04)}.card--elevated:hover{box-shadow:0 8px 16px rgba(0,0,0,.4);transform:translateY(-1px)}html.light-mode .card--elevated{box-shadow:0 6px 16px rgba(0,0,0,.05)}html.light-mode .card--elevated:hover{box-shadow:0 12px 24px rgba(0,0,0,.08)}.card--compact{padding:1rem}.card--spacious{padding:2rem}.card__header,.modal__header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.card__header:last-child,.modal__header:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.card__title,.modal__title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .5rem 0}.card__subtitle{font-size:.875rem;color:#bdbdbd;margin:0}.card__body,.modal__body{margin-bottom:1rem}.card__body:last-child,.modal__body:last-child{margin-bottom:0}.card__footer,.modal__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.card__footer:first-child,.modal__footer:first-child{margin-top:0;padding-top:0;border-top:none}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:500;color:#fff;margin-bottom:.5rem}.form-label--required::after{content:" *";color:#ff4757}.form-input,.form-textarea,.form-select{background:#1a1a1a;border:1px solid #333;border-radius:.5rem;color:#fff;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;padding:0 .75rem;height:40px;width:100%;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.form-input::-moz-placeholder, .form-textarea::-moz-placeholder, .form-select::-moz-placeholder{color:#666}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:#666}html.light-mode .form-input::-moz-placeholder, html.light-mode .form-textarea::-moz-placeholder, html.light-mode .form-select::-moz-placeholder{color:#a0aec0}html.light-mode .form-input::placeholder,html.light-mode .form-textarea::placeholder,html.light-mode .form-select::placeholder{color:#a0aec0}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#00efb2;box-shadow:0 0 0 3px rgba(0,239,178,.1)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:#1e1e1e;color:#666;cursor:not-allowed}html.light-mode .form-input,html.light-mode .form-textarea,html.light-mode .form-select{background:#fff;border-color:#e2e8f0;color:#2d3748}html.light-mode .form-input:focus,html.light-mode .form-textarea:focus,html.light-mode .form-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(0,219,153,.15)}html.light-mode .form-input:hover:not(:disabled):not(:focus),html.light-mode .form-textarea:hover:not(:disabled):not(:focus),html.light-mode .form-select:hover:not(:disabled):not(:focus){border-color:#cbd5e0}html.light-mode .form-input:disabled,html.light-mode .form-textarea:disabled,html.light-mode .form-select:disabled{background:#f7fafc;color:#a0aec0;border-color:#edf2f7}.form-input--sm{height:32px;font-size:.875rem}.form-input--lg{height:48px;font-size:1.125rem}.form-input--error{border-color:#ff4757}.form-input--error:focus{border-color:#ff4757;box-shadow:0 0 0 3px rgba(255,71,87,.1)}.form-select{cursor:pointer}.form-select option{background:#111;color:#fff}.form-textarea{min-height:100px;resize:vertical;padding:.75rem}.form-error{display:block;font-size:.75rem;color:#ff4757;margin-top:.25rem}.form-help{display:block;font-size:.75rem;color:#666;margin-top:.25rem}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1040;display:flex;align-items:center;justify-content:center}html.light-mode .modal-backdrop{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(4px) saturate(180%);backdrop-filter:blur(4px) saturate(180%)}.modal{background:#111;border-radius:.75rem;border:1px solid #333;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 8px rgba(0,0,0,.3);max-width:90vw;max-height:90vh;overflow-y:auto;z-index:1050;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.1);width:100%;max-width:500px;margin:1rem}html.light-mode .modal{background:#fff;border-color:#e4e7eb;box-shadow:0 2px 6px rgba(0,0,0,.04)}.modal:hover{box-shadow:0 8px 16px rgba(0,0,0,.4);transform:translateY(-1px)}html.light-mode .modal{box-shadow:0 6px 16px rgba(0,0,0,.05)}html.light-mode .modal:hover{box-shadow:0 12px 24px rgba(0,0,0,.08)}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:calc(6px / 2)}.modal::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:calc(6px / 2)}.modal::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.8)}html.light-mode .modal{scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}html.light-mode .modal::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}html.light-mode .modal::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}html.light-mode .modal::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}html.light-mode .modal{background:#fff;border-color:#e4e7eb;box-shadow:0 10px 30px rgba(0,0,0,.12)}.modal--sm{max-width:400px}.modal--lg{max-width:800px}.modal--xl{max-width:1200px}.modal--fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border-radius:0}.modal__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.nav{display:flex;align-items:center;justify-content:space-between;height:80px;background:#050505;padding:0 1rem;box-shadow:0 2px 4px rgba(0,0,0,.2);max-width:1400px;width:100%;margin:0 auto}.nav--compact{height:60px;padding:0 .75rem}.nav--compact .nav__brand{font-size:1.125rem}.nav--compact .nav__brand img{height:32px}.nav__brand{display:flex;align-items:center;justify-content:center;gap:.75rem;text-decoration:none;color:#fff;font-weight:600;font-size:1.25rem;transition:color .2s cubic-bezier(0.4, 0, 0.2, 1),background-color .2s cubic-bezier(0.4, 0, 0.2, 1),border-color .2s cubic-bezier(0.4, 0, 0.2, 1)}.nav__brand img{height:40px;width:auto}.nav__brand:hover{color:#00efb2}.nav__menu{display:flex;align-items:center;justify-content:center;gap:.5rem}.nav__item{display:inline-flex;align-items:center;justify-content:center;border:none;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;line-height:1.4;background:rgba(0,0,0,0);color:#bdbdbd;border:1px solid rgba(0,0,0,0);border-radius:.5rem;text-decoration:none}.nav__item:disabled{cursor:not-allowed;opacity:.6;transform:none !important;box-shadow:none !important}.nav__item:hover:not(:disabled){background:#1a1a1a;color:#fff;border-color:#444}.nav__item:active:not(:disabled){background:#1e1e1e;transform:translateY(1px)}html.light-mode .nav__item{color:#4a5568}html.light-mode .nav__item:hover:not(:disabled){background:rgba(0,0,0,.03);color:#2d3748;border-color:#e2e8f0}html.light-mode .nav__item:active:not(:disabled){background:rgba(0,0,0,.05)}.nav__item.active{background:#00efb2;color:#111}.nav-wrapper{background:#050505;box-shadow:0 2px 4px rgba(0,0,0,.2)}.nav-wrapper .nav{box-shadow:none}@media(max-width: 767px){.nav{padding:0 .75rem}.nav__brand{font-size:1.125rem}.nav__brand span{display:none}.nav__menu{gap:.25rem}.nav__item{height:32px;padding:0 .75rem;font-size:.75rem}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1;white-space:nowrap}.badge--primary{background:#00efb2;color:#111}.badge--secondary{background:#1a1a1a;color:#fff}.badge--success{background:#00efb2;color:#111}.badge--warning{background:#ffc430;color:#111}.badge--error{background:#ff4757;color:#fff}.badge--lg{padding:.5rem .75rem;font-size:.875rem}.loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:#bdbdbd}.loading__spinner{width:20px;height:20px;border:2px solid #333;border-top-color:#00efb2;border-radius:50%;animation:spin 1s linear infinite}.loading__text{font-size:.875rem}.loading--lg{padding:3rem}.loading--lg .loading__spinner{width:32px;height:32px;border-width:3px}.loading--lg .loading__text{font-size:1rem}.wager-status{border-radius:.5rem;padding:.75rem;margin-bottom:.5rem;border-left:3px solid}.wager-status--pending{background-color:rgba(255,231,94,.15);border-left-color:rgba(255,231,94,.7)}.wager-status--won{background-color:rgba(0,239,178,.15);border-left-color:rgba(0,239,178,.7)}.wager-status--lost{background-color:rgba(255,71,87,.15);border-left-color:rgba(255,71,87,.7)}.wager-status--cancelled{background-color:rgba(149,165,166,.15);border-left-color:rgba(149,165,166,.7)}.chess-container{position:relative;width:100%;max-width:550px;margin:0 auto;box-shadow:0 4px 8px rgba(0,0,0,.3);border-radius:.75rem;overflow:hidden}.chess-container::before{content:"";display:block;padding-top:100%}.chess-container .cg-wrap{position:absolute;top:0;left:0;right:0;bottom:0}.chess-container *{box-sizing:content-box}.player-info{display:flex;align-items:center;justify-content:space-between;background:#111;padding:.75rem;border-radius:.5rem;margin-bottom:.5rem}.player-info__name{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.player-info__avatar{width:32px;height:32px;border-radius:9999px}.player-info__time{display:flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:.5rem;font-weight:500;min-width:70px}.player-info__time--white{background:#1e1e1e;color:#fff}.player-info__time--black{background:#00efb2;color:#111}.sidebar{display:flex;flex-direction:column;width:280px;background:#111;border-right:1px solid #333;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.1)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:calc(6px / 2)}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:calc(6px / 2)}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.8)}html.light-mode .sidebar{scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}html.light-mode .sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}html.light-mode .sidebar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}html.light-mode .sidebar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.sidebar--collapsed{width:60px}.sidebar__header{padding:1rem;border-bottom:1px solid #333}.sidebar__body{flex:1;padding:1rem}.sidebar__footer{padding:1rem;border-top:1px solid #333}@media(max-width: 767px){.card{padding:1rem;border-radius:.5rem}.modal{margin:.5rem;border-radius:.5rem}.nav{padding:0 .75rem}.nav__brand{font-size:1.125rem}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #333}}*,*::before,*::after{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}.dashboard-page{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-primary);position:fixed;top:0;left:0;overflow-y:auto;z-index:1}.cg-wrap{position:relative;display:block}.cg-wrap *{box-sizing:content-box}.cg-container{position:relative;display:block}.cg-board{box-sizing:content-box}.cg-board square{box-sizing:content-box}.cg-board .dark{background-color:#b58863 !important}.cg-board .light{background-color:#f0d9b5 !important}.cg-board .highlight{background-color:rgba(255,255,0,.4) !important}.cg-board .selected{background-color:rgba(0,239,178,.4) !important}.auth-panel-container{background-image:url(/assets/background.svg);background-size:cover;background-position:bottom;height:100vh;padding-top:4%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}*:focus:focus{outline:none;box-shadow:0 0 0 3px rgba(0,239,178,.2)}*:focus:focus:not(:focus-visible){box-shadow:none}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-contrast: high){.btn--primary{border:2px solid #fff}.card{border-width:2px}}@media print{body{background:#fff !important;color:#000 !important}.btn,.nav,.sidebar{display:none !important}}.scroll-panel{max-height:360px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.scroll-panel::-webkit-scrollbar{width:6px}.scroll-panel::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:calc(6px / 2)}.scroll-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:calc(6px / 2)}.scroll-panel::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.8)}html.light-mode .scroll-panel{scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}html.light-mode .scroll-panel::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}html.light-mode .scroll-panel::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}html.light-mode .scroll-panel::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.scroll-panel--tall{max-height:min(70vh,100dvh - 320px)}.bm-shimmer{background:linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.06) 50%, transparent 60%);animation:shimmer 1.8s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.scroll-panel--tall-active{max-height:min(66vh,100dvh - 340px)}.scroll-panel--tall-history{max-height:min(62vh,100dvh - 380px)}
/* Global styles for the chessboard wrapper - NOT a CSS module */
.chessboard-wrapper {
  width: 100%;
  aspect-ratio: 1/1;     /* creates square height immediately */
  position: relative;
  margin: auto;
  box-sizing: content-box; /* Changed to content-box to match chessground expectations */
}

/* Position the immediate div child of the wrapper */
.chessboard-wrapper > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Ensure the board scales correctly */
.cg-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Make sure the board and squares display properly */
.cg-board {
  transform: scale(1); /* Reset any transforms */
  transform-origin: 0 0; /* Origin at top left */
}

/* Square styling to ensure they're sized correctly */
.cg-board square {
  position: absolute;
  top: 0;
  left: 0;
  width: 12.5%;
  height: 12.5%;
  transform: translate(0,0);
}

/* Make sure pieces are positioned correctly */
.cg-board piece {
  width: 12.5%;
  height: 12.5%;
  background-size: cover;
  position: absolute;
}

/* Ensure all SVG elements scale with the board */
.cg-wrap svg,
.cg-wrap .cg-shapes,
.cg-wrap .cg-custom-svgs {
  width: 100%;
  height: 100%;
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

/* Make sure arrows are visible */
.cg-wrap svg * {
  opacity: 1;
  pointer-events: none;
}

/* Alternative approach using padding trick if aspect-ratio isn't supported */
@supports not (aspect-ratio: 1/1) {
  .chessboard-wrapper {
    position: relative;
  }
  .chessboard-wrapper::before {
    content: '';
    display: block;
    padding-top: 100%;   /* creates square */
  }
}

/* Ensure brown theme is applied */
.cg-wrap.brown {
  background-image: none; /* Prevent background conflict */
}

/*# sourceMappingURL=main.css.map*/