/* Shared Board-category app polish */
:root{
  --bwg-board-bg0:#07070b;
  --bwg-board-bg1:#0b0b12;
  --bwg-board-card:rgba(255,255,255,.07);
  --bwg-board-card2:rgba(255,255,255,.04);
  --bwg-board-stroke:rgba(255,255,255,.11);
  --bwg-board-text:rgba(255,255,255,.94);
  --bwg-board-muted:rgba(255,255,255,.70);
  --bwg-board-accent:#5b7cff;
  --bwg-board-accent2:#2ad6c3;
  --bwg-board-shadow:0 18px 60px rgba(0,0,0,.45);
  --bwg-board-radius:20px;
}

html,body{
  max-width:100%;
  overflow-x:hidden;
}

body{
  color:var(--bwg-board-text);
  background:
    radial-gradient(900px 700px at 18% 8%, rgba(255,255,255,.06), transparent 55%),
    radial-gradient(820px 640px at 86% 14%, rgba(91,124,255,.16), transparent 58%),
    radial-gradient(900px 700px at 50% 102%, rgba(42,214,195,.10), transparent 58%),
    linear-gradient(180deg, var(--bwg-board-bg0), var(--bwg-board-bg1) 42%, #000000) !important;
}

*{
  -webkit-tap-highlight-color: transparent;
}

button, a{
  font-family: inherit;
}

.game-shell,
.app,
.layout,
.game-area,
.board-wrap,
.board-panel,
.hud,
.topbar,
.top-bar,
.statusRow,
.message-area,
.controls-area,
.panel,
.hud-card,
.seat,
.deck-area,
.books-area,
.sheet-panel,
.rules-panel,
.settings-panel{
  background:linear-gradient(180deg, var(--bwg-board-card), var(--bwg-board-card2)) !important;
  border:1px solid var(--bwg-board-stroke) !important;
  box-shadow:var(--bwg-board-shadow) !important;
  backdrop-filter: blur(12px);
}

.topbar,
.top-bar{
  border-radius:0 !important;
}

.topbar,
.top-bar{
  position:sticky;
  top:0;
  z-index:50;
}

.back-link,
.back,
.top-btn,
.btn,
.control-btn,
.actionBtn,
.setting-chip,
.targetBtn{
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.05) !important;
  color:var(--bwg-board-text) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.20);
}

.btn.primary,
.primary,
.primary-btn,
.actionBtn.primary{
  background:linear-gradient(135deg, rgba(91,124,255,.95), rgba(42,214,195,.55)) !important;
  border-color:rgba(255,255,255,.18) !important;
}

.title,
.title-wrap h1,
.panel-title,
.hud-label,
.center-label,
.seat-name{
  letter-spacing:.02em;
}

.status-line,
.subtitle,
.seat-sub,
.center-sub,
.hud-row .k,
.hudItem .k{
  color:var(--bwg-board-muted) !important;
}

.board-shell,
.board,
.grid,
.board-wrap,
.pyramid-board,
.playWrap,
.table,
.table-scroll,
.game-board,
.board-panel,
.solitaire-board,
.board-area{
  border-radius:28px !important;
}

.board,
.grid{
  overflow:hidden;
}

@media (max-width: 900px){
  .game-shell,
  .app,
  .layout,
  .game-area{
    grid-template-columns:1fr !important;
  }

  .topbar,
  .top-bar{
    padding:10px 10px !important;
  }

  .top-left,
  .topbar,
  .top-bar,
  .title-wrap{
    gap:8px !important;
  }

  .hud{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .top-actions{
    flex-wrap:wrap !important;
  }

  .board,
  .grid{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
  }

  .board-shell{
    width:100% !important;
  }

  .game-area,
  .layout{
    padding:12px 10px 18px !important;
    gap:12px !important;
  }

  .seat,
  .hud-card,
  .panel{
    border-radius:18px !important;
  }

  .message-area{
    grid-column:1 / -1 !important;
  }
}

@media (max-width: 720px){
  .topbar,
  .top-bar{
    flex-wrap:wrap !important;
    align-items:flex-start !important;
  }

  .top-left{
    flex-wrap:wrap !important;
    gap:8px !important;
  }

  .title,
  .title-wrap h1{
    font-size: clamp(1.1rem, 4vw, 1.55rem) !important;
    line-height:1.06;
  }

  .hud,
  .hud-item-row{
    gap:8px !important;
  }

  .topbar-scroll{
    flex-wrap:wrap !important;
  }

  .seat{
    min-width:0 !important;
  }

  .board-shell,
  .board-panel,
  .game-area,
  .layout{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}