/* Scoped to the new Boards section; all existing game and account UI is retained. */
#profile-overlay #profile-page-craft.boards-page { padding-top: 0; }
#profile-overlay .boards-tabs { display:flex; flex-wrap:wrap; gap:0; margin:0 0 12px; border-bottom:1px solid #d9dece; width:fit-content; max-width:100%; background:#f3f2e5; border-radius:9px 9px 0 0; }
#profile-overlay .boards-tabs button { min-height:44px; min-width:122px; padding:10px 20px; border:0; border-bottom:3px solid transparent; color:#22475f; background:transparent; font:inherit; font-weight:700; cursor:pointer; }
#profile-overlay .boards-tabs button[aria-selected="true"] { background:linear-gradient(#ffda73,#ffd058); border-bottom-color:#22475f; border-radius:7px 7px 0 0; }
#profile-overlay .boards-mint-card { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; padding:22px 20px; border:1px solid #ccd6c9; border-radius:17px; background:#fffdf4; }
#profile-overlay .boards-art { margin:0; min-width:0; align-self:center; padding:0 20px 0 0; }
#profile-overlay .boards-art-crop { position:relative; aspect-ratio:665 / 530; overflow:hidden; background:#fffdf4; }
#profile-overlay .boards-art-crop img { position:absolute; display:block; width:230.977%; max-width:none; height:auto; left:-25.263%; top:-53.208%; }
#profile-overlay .boards-art figcaption { margin-top:12px; color:#697f8a; text-align:center; font-size:12px; line-height:1.5; }
#profile-overlay .boards-mint-copy { min-width:0; display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 14px 0 28px; border-left:1px solid #d8ddce; color:#203b60; }
#profile-overlay .boards-eyebrow { margin:0 0 12px; color:#315570; font-size:11px; font-weight:800; letter-spacing:.14em; }
#profile-overlay .boards-mint-copy .boards-eyebrow { align-self:flex-start; }
#profile-overlay .boards-mint-copy h3 { width:100%; margin:0; color:#1b345a; font-family:'Surf Fredoka','Avenir Next',system-ui,sans-serif; font-size:clamp(24px,3vw,40px); font-weight:650; line-height:1.12; letter-spacing:-.035em; }
#profile-overlay .boards-mint-tagline { margin:12px 0 0; font-size:clamp(14px,1.7vw,20px); line-height:1.4; color:#254363; }
#profile-overlay .boards-price { display:grid; justify-items:center; margin:18px 0; }
#profile-overlay .boards-price strong { font-family:'Surf Fredoka','Avenir Next',system-ui,sans-serif; font-size:clamp(58px,6vw,84px); line-height:1; letter-spacing:-.05em; font-weight:650; color:#18375d; }
#profile-overlay .boards-price > span { margin-top:3px; font-size:16px; color:#243e61; }
#profile-overlay .boards-quantity { display:flex; overflow:hidden; align-items:center; border:1px solid #c4d7ce; border-radius:10px; background:#e8f2eb; }
#profile-overlay .boards-quantity button { width:52px; min-height:44px; border:0; background:transparent; color:#244660; font-size:26px; cursor:pointer; }
#profile-overlay .boards-quantity button:disabled { opacity:.45; cursor:default; }
#profile-overlay .boards-quantity output { min-width:62px; padding:10px; border-inline:1px solid #ccd8ce; background:#fffef8; color:#173452; font-size:20px; font-weight:750; }
#profile-overlay .boards-total { margin:8px 0 0; color:#526e7b; font-size:12px; }
#profile-overlay .boards-roll-note { margin:16px 0 10px; color:#647b86; font-size:12px; line-height:1.6; max-width:360px; }
#profile-overlay .boards-traits { width:100%; text-align:left; }
#profile-overlay .boards-traits summary { width:fit-content; margin:0 auto 12px; color:#08739b; font-size:13px; font-weight:700; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
#profile-overlay .boards-traits dl { display:grid; gap:5px; margin:8px 0; color:#32576b; font-size:12px; line-height:1.5; }
#profile-overlay .boards-traits dt { font-weight:800; margin-top:4px; }
#profile-overlay .boards-traits dd { margin:0; }
#profile-overlay .boards-traits > p { font-size:12px; line-height:1.5; color:#586e78; }
#profile-overlay .boards-preview-label { color:#7b5e25; font-size:10px; font-weight:800; letter-spacing:.1em; margin:0 0 8px; }
#profile-overlay .boards-connect { width:100%; min-height:56px; padding:13px 18px; border:1px solid #e5a336; border-radius:12px; background:linear-gradient(#ffdc78,#ffd15e); color:#163655; font-size:17px; font-weight:850; box-shadow:inset 0 1px 0 #fff0be; cursor:pointer; }
#profile-overlay .boards-connect:disabled { cursor:default; background:#f0d99e; color:#62624f; }
#profile-overlay .boards-wallet-feedback { margin:8px 0 0; color:#627784; font-size:11px; line-height:1.5; }
#profile-overlay .boards-network { margin:8px 0 0; color:#647b86; font-size:11px; }
#profile-overlay .boards-network span { white-space:nowrap; }
#profile-overlay .boards-owned-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; align-items:center; margin:20px 0; }
#profile-overlay .boards-owned-heading h3 { margin:0; color:#203d5b; font-size:28px; }
#profile-overlay .boards-owned-heading p:not(.boards-eyebrow), #profile-overlay .boards-owned-heading > span { color:#5d7580; font-size:12px; }
#profile-overlay .boards-owned-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#profile-overlay .boards-owned-card { min-width:0; padding:16px; border:1px solid #d5dfd0; border-radius:14px; background:#fffdf4; }
#profile-overlay .boards-owned-card h4 { margin:12px 0 5px; color:#20405d; }
#profile-overlay .boards-owned-card > p { margin:0 0 12px; font-size:12px; color:#647a82; }
#profile-overlay .boards-owned-card button, #profile-overlay .boards-alpha-empty button { min-height:44px; border:1px solid #c7d9d0; border-radius:9px; padding:9px 16px; background:#e6f3e9; color:#234e60; font:inherit; font-weight:750; cursor:pointer; }
#profile-overlay .boards-owned-card button:disabled { opacity:.65; cursor:default; }
#profile-overlay .boards-starter-preview { display:grid; place-items:center; height:160px; background:radial-gradient(ellipse at 50% 70%,#e2eadb,#f8f5e8 70%); border-radius:9px; }
#profile-overlay .boards-starter-preview span { display:block; position:relative; height:138px; width:42px; transform:rotate(22deg); border-radius:60% 60% 35% 35%; border:2px solid #fff3d2; background:linear-gradient(90deg,transparent 46%,#fff5dc 47%,#fff5dc 52%,transparent 53%),var(--board-colour); box-shadow:5px 8px 8px #16394625; }
#profile-overlay .boards-starter-preview span::after { content:''; position:absolute; bottom:9px; left:7px; right:7px; height:36px; border-radius:5px; background:repeating-linear-gradient(0deg,#294850 0 2px,#38555b 2px 4px); }
#profile-overlay .boards-alpha-empty { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; border-top:1px solid #d8dece; margin-top:22px; padding-top:20px; }
#profile-overlay .boards-alpha-empty h4 { margin:0 0 7px; color:#23445d; }
#profile-overlay .boards-alpha-empty p { margin:0; max-width:500px; color:#617b80; font-size:12px; line-height:1.6; }
#profile-overlay .boards-local-note { margin-top:18px; color:#6b7d80; font-size:11px; }
@media(max-width:650px) {
  #profile-overlay .boards-tabs { width:100%; }
  #profile-overlay .boards-tabs button { flex:1; min-width:0; padding:10px 8px; font-size:12px; }
  #profile-overlay .boards-mint-card { grid-template-columns:minmax(0,1fr); padding:12px; }
  #profile-overlay .boards-art { padding:0; width:100%; max-width:330px; justify-self:center; }
  #profile-overlay .boards-art figcaption { font-size:11px; margin:3px 0 14px; }
  #profile-overlay .boards-mint-copy { border-left:0; border-top:1px solid #d8ddce; padding:20px 4px 8px; }
  #profile-overlay .boards-mint-copy .boards-eyebrow { align-self:center; }
  #profile-overlay .boards-mint-copy h3 { font-size:29px; }
  #profile-overlay .boards-mint-tagline { font-size:15px; margin-top:9px; }
  #profile-overlay .boards-price { margin:16px 0; }
  #profile-overlay .boards-price strong { font-size:64px; }
  #profile-overlay .boards-roll-note { font-size:12px; }
  #profile-overlay .boards-owned-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  #profile-overlay .boards-owned-card { padding:12px; }
  #profile-overlay .boards-starter-preview { height:145px; }
}
@media(max-width:360px) { #profile-overlay .boards-owned-grid { grid-template-columns:minmax(0,1fr); } }