/* A single club identity. Player collectibles never recolour navigation. */
:root { --bg:#0d1512; --panel:#16201b; --panel-raised:#202b23; --text:#f1eadc; --muted:#a0aba0; --accent:#c4a469; --accent-light:#e2c893; --line:#c4a46930; }
body { background:radial-gradient(ellipse at 0 0,#4a33201f,transparent 60%),#0d1512; }
button:focus-visible, summary:focus-visible { outline:2px solid #e2c893; outline-offset:3px; }
.screen:not(.game-screen) { padding-bottom:calc(98px + env(safe-area-inset-bottom)); }
.eyebrow { font-size:10px; letter-spacing:.16em; color:#bca67c; }
.section-header h1 { font-size:28px; letter-spacing:-.035em; }
.section-header { margin-bottom:22px; }
.header-profile-button { margin-left:auto; min-height:42px; padding:0 14px; border:1px solid var(--line); border-radius:12px; background:#17221b; font-size:12px; font-weight:650; }
.home-screen { display:flex; flex-direction:column; gap:16px; }
.home-header { margin:0 0 5px; }
.home-header h1 { font-size:25px; letter-spacing:-.035em; }
.brand-mark { width:48px; height:48px; font-size:33px; border-radius:13px; background:linear-gradient(135deg,#d8bd85,#a17a40); box-shadow:inset 0 1px 0 #fff5; }
.brand-subtitle { font-size:9px; letter-spacing:.15em; }
body .home-screen .profile-card { margin:0; padding:14px; background:#17211a; border:1px solid #c4a46930; border-radius:18px; box-shadow:none; }
.profile-name-line b { font-size:16px; }
.profile-name-line i { background:transparent; border-color:#c4a46950; font-size:9px; }
.profile-competitive { font-size:11px; }
.balance-pill { background:#c4a46912; border:1px solid #c4a46940; border-radius:13px; }
.balance-pill strong { font-size:18px; }
.home-screen .hero-card { margin:0; min-height:0; padding:25px 22px; border-radius:22px; border:1px solid #59735a80; background:radial-gradient(ellipse at 10% 0,#305c4580,transparent 75%),#142e23; box-shadow:inset 0 1px 0 #ffffff08; }
.hero-card::before, .hero-card::after { display:none; }
.hero-card h2 { font-size:34px; letter-spacing:-.045em; line-height:1.1; }
.hero-card > span { font-size:14px; line-height:1.55; margin:10px 0 18px; color:#b9c9bb; }
.online-benefits { display:none; }
.primary { background:linear-gradient(125deg,#e3c891,#bd9758); border-color:#e2c893; color:#211b12; box-shadow:inset 0 1px 0 #fff5; }
.hero-card .primary { margin:0; width:100%; min-height:52px; border-radius:13px; font-size:16px; }
.home-screen .wager-card { margin:0; padding:16px; border-radius:18px; background:#17211a; border:1px solid var(--line); order:3; }
.wager-copy p { font-size:10px; letter-spacing:.1em; }
.wager-copy b { font-size:17px; }
.wager-options { gap:7px; }
.wager-options button { min-height:44px; font-size:14px; border-radius:11px; }
.home-screen .mode-grid { margin:0; gap:12px; order:4; }
.mode-card { min-height:125px; padding:18px; border-radius:18px; background:#17211a; border:1px solid var(--line); }
.mode-card b { font-size:19px; margin:10px 0 5px; }
.mode-card small { font-size:12px; line-height:1.45; }
.mode-icon { font-size:24px; }
.home-screen .tournament-home-card { margin:0; order:5; min-height:95px; border-radius:18px; padding:16px; background:#221f17; border:1px solid var(--line); }
.tournament-home-card::before,.tournament-home-card::after { display:none; }
.tournament-home-copy b { font-size:20px; }
.tournament-home-copy small { font-size:9px; color:#bca67c; }
.tournament-home-copy i { font-size:12px; }
.tournament-home-icon { width:44px; height:48px; font-size:25px; border-radius:12px; }
.tournament-home-live { display:none; }
.home-screen .leaderboard-button { order:6; margin:0; border-radius:18px; background:#17211a; }
.leaderboard-button b { font-size:16px; }
.leaderboard-button small { font-size:12px; }
.main-navigation { position:fixed; z-index:30; left:50%; bottom:0; transform:translateX(-50%); display:grid; grid-template-columns:repeat(4,1fr); width:min(100%,560px); padding:8px 12px max(10px,env(safe-area-inset-bottom)); background:#101a15f5; border-top:1px solid #b49a6430; backdrop-filter:blur(14px); }
.main-navigation[hidden] { display:none; }
.main-navigation button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-height:52px; padding:5px 2px; color:#87988b; font-size:11px; font-weight:600; border:0; border-radius:12px; background:transparent; }
.main-navigation button span { font-family:Georgia,serif; font-size:24px; line-height:24px; }
.main-navigation button[aria-current="page"] { color:#e0c792; background:#c4a46912; }
.account-screen .section-header { display:flex; justify-content:space-between; align-items:center; }
.account-screen .style-profile-hero { display:flex; flex-direction:column; align-items:center; text-align:center; padding:28px 20px; gap:18px; margin:0 0 18px; border-radius:22px; background:linear-gradient(135deg,#28362a,#17221b); border:1px solid var(--line); box-shadow:none; }
.account-screen .style-profile-avatar { width:100px; height:100px; flex:none; }
.account-screen .style-profile-copy { width:100%; }
.account-screen .style-name-row { justify-content:center; flex-wrap:wrap; gap:10px; }
.account-screen .style-name-row h2 { font-size:26px; letter-spacing:-.03em; }
.account-screen .style-competitive-stats { margin:20px 0 16px; gap:8px; }
.account-screen .style-competitive-stats > span { background:#0d151245; border:0; border-radius:12px; padding:13px 5px; }
.account-screen .style-competitive-stats small { font-size:9px; line-height:1.3; min-height:25px; }
.account-screen .style-competitive-stats b { font-size:23px; }
.account-screen .style-progress { height:5px; margin:14px 0 10px; }
.account-screen #styleStatusHint { font-size:13px; line-height:1.5; }
.statuses-entry-button,.account-link { display:flex; width:100%; align-items:center; gap:14px; margin:12px 0; padding:18px; border:1px solid var(--line); border-radius:18px; background:#17211a; text-align:left; }
.statuses-entry-button > span:first-child,.account-link-icon { display:grid; place-items:center; flex:none; width:42px; height:42px; border:1px solid #c4a46940; border-radius:12px; color:#d2b678; font-size:22px; }
.account-link > span:nth-child(2),.statuses-entry-button > span:nth-child(2) { flex:1; min-width:0; }
.account-link b,.statuses-entry-button b { display:block; font-size:16px; }
.account-link small,.statuses-entry-button small { display:block; margin-top:5px; font-size:12px; line-height:1.4; color:var(--muted); }
.account-link i { font-size:25px; font-style:normal; color:var(--accent); }
.account-footnote { margin:24px 14px; color:#8c9b8e; font-size:12px; text-align:center; line-height:1.6; }
.profile-style-screen { display:block; overflow:visible; }
.wardrobe-intro { font-size:14px; line-height:1.6; color:var(--muted); margin:-5px 0 20px; }
.wardrobe-scope { display:flex; gap:5px; padding:4px; border:1px solid var(--line); border-radius:13px; background:#101a14; margin-bottom:18px; }
.wardrobe-scope button { min-height:42px; flex:1; border:0; border-radius:9px; background:transparent; color:var(--muted); font-size:12px; font-weight:650; }
.wardrobe-scope button.selected { color:#eddbb3; background:#c4a46922; }
.style-catalog-pane { display:flex; flex-direction:column; gap:16px; overflow:visible; }
.customization-tabs { display:flex; margin:0; gap:4px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.customization-tabs button { flex:1; min-width:0; min-height:43px; padding:8px 4px; border-radius:10px; font-size:12px; border:0; background:transparent; }
.customization-tabs button.selected { background:#e1c78f; color:#241d13; }
.stars-consent { order:4; margin:6px 0; padding:12px; background:transparent; font-size:11px; }
.stars-consent p { display:none; }
.catalog-heading { margin:0; }
.catalog-heading h2 { font-size:22px; }
.catalog-heading p { font-size:13px; line-height:1.5; }
.collection-filters { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; margin-top:14px; }
.collection-filters button { min-height:40px; border-radius:10px; font-size:13px; padding:8px; background:#17211a; border:1px solid var(--line); }
.collection-filters button.selected { background:#c4a46920; border-color:#c4a46980; color:#e4cd9c; }
.customization-catalog { gap:12px; overflow:visible; }
.catalog-card { padding:17px 12px; border-radius:17px; background:#17211a; border:1px solid var(--line); box-shadow:none; }
.catalog-card::before,.catalog-card::after { display:none; }
.profile-style-screen .catalog-card { background:#17211a; border-color:#c4a46930; box-shadow:none; }
.profile-style-screen .catalog-card.equipped { background:#263026; border-color:#c4a46990; }
.profile-style-screen .catalog-card.collection-code { border-color:#c4a46960; }
.profile-style-screen .catalog-card.collection-volnitsa { border-color:#a9825350; }
.profile-style-screen .collection-filters button { background:#17211a; color:#a0aba0; border-color:#c4a46930; box-shadow:none; }
.profile-style-screen .collection-filters button.selected { background:#c4a46922; color:#e4cd9c; border-color:#c4a46980; }
.catalog-card-copy { text-align:center; }
.profile-style-screen .catalog-preview-board { display:flex; justify-content:center; align-items:center; width:100%; height:160px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.catalog-preview-board img { display:block; width:112px; height:160px; object-fit:contain; filter:drop-shadow(0 6px 8px #0004); }
.catalog-card h3 { font-size:16px; line-height:1.3; }
.catalog-card-copy b { display:block; overflow:visible; white-space:normal; overflow-wrap:anywhere; font-size:16px; line-height:1.3; -webkit-line-clamp:unset; }
.catalog-card-copy small { font-size:12px; line-height:1.5; }
.catalog-item-description { font-size:12px; line-height:1.5; }
.catalog-card p { font-size:12px; line-height:1.5; }
.catalog-action { min-height:42px; border-radius:11px; font-size:13px; }
.bundle-details { margin:24px 0; border-top:1px solid var(--line); }
.bundle-details summary { padding:20px 0; cursor:pointer; color:#d8bf8c; font-size:16px; font-weight:650; }
.bundle-details .style-bundle-section { margin:0; }
.sheet-help { font-size:13px; color:var(--muted); line-height:1.5; }
#gameStyleButton { width:auto; min-width:52px; padding:0 9px; font-size:11px; }
.leader-row { background:#17211a; border-radius:16px; }
@media (max-width:359px) {
  .profile-style-screen .customization-catalog { grid-template-columns:minmax(0,1fr); }
  .profile-style-screen .catalog-preview-avatar { width:112px; height:112px; }
}
@media (orientation:landscape) and (max-height:600px) {
  .screen:not(.game-screen) { display:block; height:auto; overflow:visible; padding-bottom:90px; }
  .screen[hidden] { display:none; }
  .home-screen { display:flex !important; max-width:620px; margin:auto; }
  .home-screen[hidden] { display:none !important; }
  .account-screen { max-width:620px; margin:auto; }
  .profile-style-screen .style-catalog-pane { display:flex; overflow:visible; }
  .profile-style-screen .customization-catalog { overflow:visible; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .main-navigation { padding-bottom:6px; }
  .main-navigation button { min-height:44px; }
}