/* Letterman clubhouse primitives, recreated from the SwiftUI source
   (Sources/Letterman/UI/Theme.swift, Visuals/MaterialSurfaces.swift, UI/RootView.swift).
   Values are the app's own: Clubhouse.board #10372D, surround #09271F, ivory #F1E3BF, ink #08281F,
   chalk #E5E4D5, muted #A8B4A8, success #82C882, rival #D45B58, gold #D2AD58, wood #785035.
   Role tints: points #94BFD3, mult #E7A183, xMult #BDB0E0. */
.lm{--board:#10372D;--surround:#09271F;--ivory:#F1E3BF;--ink:#08281F;--chalk:#E5E4D5;--muted:#A8B4A8;
  --success:#82C882;--rival:#D45B58;--gold:#D2AD58;--pts:#94BFD3;--mult:#E7A183;--xmult:#BDB0E0;
  color:var(--chalk);font-family:"Barlow Condensed","Arial Narrow",sans-serif}

/* Magnetic tile: ivory gradient, inner white keyline, tan edge, ink letter, condensed points */
.lm-tile{--s:88px;position:relative;width:var(--s);height:var(--s);flex:none;border-radius:calc(var(--s)*.085);
  background:
    radial-gradient(circle at 23% 31%,rgba(120,80,53,.10) .5px,transparent 1px) 0 0/calc(var(--s)*.21) calc(var(--s)*.19),
    radial-gradient(circle at 71% 64%,rgba(120,80,53,.09) .5px,transparent 1px) 0 0/calc(var(--s)*.17) calc(var(--s)*.23),
    linear-gradient(135deg,#FFF6D9,#F1E3BF 50%,#D9C491);
  box-shadow:inset 0 0 0 1px #BD9D67,inset 0 0 0 3px rgba(255,255,255,.55),1px 5px 6px rgba(0,0,0,.45);
  color:var(--ink);user-select:none;-webkit-user-select:none}
.lm-tile b{position:absolute;inset:0;display:grid;place-items:center;transform:translateY(-2%);
  font:900 calc(var(--s)*.66)/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;letter-spacing:-.02em}
.lm-tile i{position:absolute;right:calc(var(--s)*.10);bottom:calc(var(--s)*.05);font:700 calc(var(--s)*.23)/1 "Barlow Condensed",sans-serif;font-style:normal}
.lm-tile .badge{position:absolute;left:calc(var(--s)*.06);top:calc(var(--s)*.06);padding:0 4px;border-radius:3px;
  font:700 max(10px,calc(var(--s)*.17))/1.25 "Barlow Condensed",sans-serif;font-style:normal;color:var(--ink)}
.lm-tile .stripe{position:absolute;left:calc(var(--s)*.1);bottom:calc(var(--s)*.085);width:calc(var(--s)*.31);height:3px;border-radius:2px}

/* Empty lineup slot: chalk-ruled box with a faint plus */
.lm-slot{--s:88px;width:var(--s);height:var(--s);flex:none;border-radius:3px;background:rgba(0,0,0,.08);position:relative;
  box-shadow:inset 1.5px 0 0 rgba(229,228,213,.38),inset -1.5px 0 0 rgba(229,228,213,.38),inset 0 2px 0 rgba(229,228,213,.5),inset 0 -2px 0 rgba(229,228,213,.5)}
.lm-slot::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;font:500 25px/1 ui-rounded,system-ui,sans-serif;color:rgba(229,228,213,.14)}

/* Chalk: a broken, powdery rule and the Kalam hand */
.lm-rule{height:3px;background:
  repeating-linear-gradient(90deg,rgba(222,227,207,.5) 0 7px,transparent 7px 7.7px,rgba(222,227,207,.38) 7.7px 9.9px,transparent 9.9px 10.2px) 0 1px/100% 1px no-repeat,
  repeating-linear-gradient(90deg,rgba(222,227,207,.16) 0 2.7px,transparent 2.7px 3.5px,rgba(222,227,207,.2) 3.5px 9.3px,transparent 9.3px 10.7px) 0 0/100% 3px no-repeat}
.lm-hand{font-family:"Kalam",cursive;font-weight:400;color:var(--chalk);line-height:1}

/* Wood: worn varnished oak, grain along the long edge */
.lm-wood{background:
  repeating-linear-gradient(180deg,rgba(40,21,11,.22) 0 .6px,transparent .6px 2.3px,rgba(204,146,89,.10) 2.3px 2.9px,transparent 2.9px 4.1px),
  linear-gradient(180deg,#4D2B1A 0,#8A5936 12%,#6E4226 45%,#784A2B 76%,#331C10 100%);
  box-shadow:0 3px 3px rgba(0,0,0,.6)}
.lm-wood-v{background:
  repeating-linear-gradient(90deg,rgba(40,21,11,.22) 0 .6px,transparent .6px 2.3px,rgba(204,146,89,.10) 2.3px 2.9px,transparent 2.9px 4.1px),
  linear-gradient(90deg,#4D2B1A 0,#8A5936 12%,#6E4226 45%,#784A2B 76%,#331C10 100%)}

/* Chalkboard: the shipped chalk-surface plate */
.lm-board{background:#10372D url(chalk.jpg) center/cover}

/* Club buttons: ivory primary with keyline, outlined secondary */
.lm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:0 24px;border-radius:7px;
  font:700 28px/1 "Barlow Condensed",sans-serif;letter-spacing:.6px;color:var(--ivory);background:rgba(0,0,0,.06);
  box-shadow:inset 0 0 0 1.5px rgba(241,227,191,.6);border:0;cursor:pointer;text-decoration:none}
.lm-btn.primary{color:var(--ink);background:linear-gradient(135deg,#FFF3D1,#F1E3BF 50%,#DCC695);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 4px 6px rgba(0,0,0,.5);border-radius:8px}
.lm-badge{display:inline-block;padding:5px 11px 3px;border-radius:4px;font:700 18px/1 "Barlow Condensed",sans-serif;letter-spacing:1.3px;
  color:var(--c,#A8B4A8);background:color-mix(in srgb,var(--c,#A8B4A8) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,#A8B4A8) 45%,transparent)}
.lm-role{display:inline-block;padding:2px 6px;border-radius:3px;font:700 12px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.4px;color:var(--ink)}