:root {
  --bg:#0f0e17; --surface:#1a1828; --surface2:#231f35; --surface3:#2d2845;
  --accent:#ff6b35; --accent2:#ffd166; --gold:#f5c518; --green:#06d6a0;
  --blue:#118ab2; --text:#fffffe; --text2:#a7a3c2; --text3:#6b6884;
  --border:rgba(255,255,255,0.08); --radius:12px; --dice-size:80px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(255,107,53,0.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(17,138,178,0.06) 0%,transparent 60%);pointer-events:none;z-index:0;}
.app{max-width:1100px;margin:0 auto;padding:20px;position:relative;z-index:1;}

/* HEADER */
.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 24px;border-bottom:1px solid var(--border);margin-bottom:28px;flex-wrap:wrap;gap:12px;}
.logo{font-family:'DM Serif Display',serif;font-size:2.4em;letter-spacing:-1px;}
.logo span{color:var(--accent);font-style:italic;}
.header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.pill{background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:0.8em;color:var(--text2);font-family:'DM Mono',monospace;}
.pill strong{color:var(--text);}

/* AUTH WIDGET */
.auth-widget{display:flex;align-items:center;gap:10px;}
.auth-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid var(--accent);}
.auth-avatar-initials{width:32px;height:32px;border-radius:50%;background:var(--surface3);border:1.5px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:0.75em;font-weight:500;color:var(--accent2);}
.auth-name{font-size:0.85em;color:var(--text2);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* BUTTONS */
.btn{font-family:'DM Sans',sans-serif;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s;font-size:0.9em;}
.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border);padding:8px 16px;}
.btn-ghost:hover{background:var(--surface2);color:var(--text);}
.btn-accent{background:var(--accent);color:#fff;padding:10px 22px;font-size:1em;}
.btn-accent:hover{background:#e85a28;transform:translateY(-1px);}
.btn-accent:disabled{background:var(--surface3);color:var(--text3);cursor:not-allowed;transform:none;}
.btn-sm{padding:6px 14px;font-size:0.82em;}
.btn-google{display:flex;align-items:center;gap:10px;background:#fff;color:#1f1f1f;border:none;padding:11px 20px;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:0.95em;font-weight:500;cursor:pointer;transition:all 0.2s;width:100%;}
.btn-google:hover{background:#f5f5f5;transform:translateY(-1px);}
.btn-google svg{flex-shrink:0;}

/* PLAYERS BAR */
.players-bar{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;}
.player-tab{flex:1;min-width:120px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 16px;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;}
.player-tab.active{border-color:var(--accent);background:var(--surface2);}
.player-tab.active::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);}
.player-tab.done{opacity:0.5;}
.player-name{font-weight:500;font-size:0.95em;margin-bottom:3px;}
.player-score-display{font-family:'DM Mono',monospace;font-size:1.4em;font-weight:500;color:var(--accent2);}
.player-tag{font-size:0.72em;color:var(--text3);margin-top:2px;}

/* GAME GRID */
.game-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start;}
@media(max-width:800px){.game-grid{grid-template-columns:1fr;}}

/* DICE */
.dice-area{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;}
.dice-area-label{font-size:0.72em;text-transform:uppercase;letter-spacing:2px;color:var(--text3);margin-bottom:20px;font-family:'DM Mono',monospace;}
.dice-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:28px;}
.die-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform 0.15s;}
.die-wrap:hover .die{border-color:rgba(255,255,255,0.3);}
.die-wrap.held .die{background:var(--accent);border-color:var(--accent);transform:translateY(-6px);box-shadow:0 8px 20px rgba(255,107,53,0.4);}
.die{width:var(--dice-size);height:var(--dice-size);background:var(--surface3);border:1.5px solid var(--border);border-radius:14px;position:relative;transition:all 0.25s;display:flex;align-items:center;justify-content:center;}
.die.rolling{animation:dieRoll 0.5s ease-in-out;}
@keyframes dieRoll{0%{transform:rotate(0deg) scale(1);}20%{transform:rotate(-15deg) scale(1.05);}50%{transform:rotate(20deg) scale(0.95);}80%{transform:rotate(-8deg) scale(1.03);}100%{transform:rotate(0deg) scale(1);}}
.die-hold-label{font-size:0.68em;text-transform:uppercase;letter-spacing:1px;color:var(--text3);transition:color 0.2s;}
.die-wrap.held .die-hold-label{color:var(--accent);}
.die svg{width:100%;height:100%;}
.dice-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;}

/* JOKER BANNER */
.joker-banner{margin-top:16px;padding:12px 16px;background:rgba(245,197,24,0.1);border:1px solid rgba(245,197,24,0.3);border-radius:8px;font-size:0.85em;color:var(--gold);display:none;}
.joker-banner.show{display:block;}

/* BONUS METER */
.bonus-meter{margin:0 0 20px;}
.bonus-meter-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:0.8em;color:var(--text2);}
.bonus-meter-label strong{color:var(--gold);}
.meter-track{height:6px;background:var(--surface3);border-radius:3px;overflow:hidden;}
.meter-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold) 0%,var(--accent) 100%);transition:width 0.6s cubic-bezier(.4,0,.2,1);}

/* SUGGESTION */
.suggestion{margin-top:20px;padding:14px 16px;background:rgba(6,214,160,0.07);border:1px solid rgba(6,214,160,0.2);border-radius:8px;font-size:0.85em;}
.suggestion-label{color:var(--green);font-weight:500;margin-bottom:3px;font-size:0.8em;text-transform:uppercase;letter-spacing:1px;}
.suggestion-text{color:var(--text2);}
.suggestion-text strong{color:var(--text);}

/* SCORECARD */
.scorecard-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.scorecard-header{padding:14px 18px;border-bottom:1px solid var(--border);font-size:0.72em;text-transform:uppercase;letter-spacing:2px;color:var(--text3);font-family:'DM Mono',monospace;display:flex;justify-content:space-between;align-items:center;}
.undo-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text3);padding:3px 10px;cursor:pointer;font-size:0.9em;transition:all 0.2s;font-family:'DM Sans',sans-serif;}
.undo-btn:hover{border-color:var(--accent);color:var(--accent);}
.undo-btn:disabled{opacity:0.3;cursor:not-allowed;}
.section-sep{padding:8px 18px;background:var(--surface3);font-size:0.72em;text-transform:uppercase;letter-spacing:2px;color:var(--text3);font-family:'DM Mono',monospace;}
.score-row{display:grid;grid-template-columns:1fr 52px 52px;padding:9px 18px;border-bottom:1px solid var(--border);align-items:center;cursor:pointer;transition:background 0.15s;position:relative;}
.score-row:hover:not(.scored):not(.locked){background:var(--surface2);}
.score-row.available:not(.scored){background:rgba(255,209,102,0.04);}
.score-row.available:not(.scored)::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent2);}
.score-row.scored{cursor:default;}
.score-row.best-suggestion:not(.scored){background:rgba(6,214,160,0.06);}
.score-row.best-suggestion:not(.scored)::before{background:var(--green)!important;}
.score-row.joker-forced:not(.scored){background:rgba(245,197,24,0.08);}
.score-row.joker-forced:not(.scored)::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);}
.score-row.locked{cursor:default;opacity:0.4;}
.row-name{font-size:0.88em;color:var(--text2);}
.score-row.scored .row-name{color:var(--text3);}
.row-score{text-align:center;font-family:'DM Mono',monospace;font-size:0.95em;font-weight:500;color:var(--text);}
.row-potential{text-align:center;font-family:'DM Mono',monospace;font-size:0.85em;color:var(--text3);transition:color 0.2s;}
.row-potential.bright{color:var(--accent2);font-weight:500;}
.total-row{display:grid;grid-template-columns:1fr 52px 52px;padding:10px 18px;align-items:center;}
.total-row .row-name{font-weight:500;font-size:0.88em;}
.total-row .row-score{color:var(--accent2);}
.yatzy-bonus-row{display:grid;grid-template-columns:1fr 52px 52px;padding:9px 18px;align-items:center;background:rgba(245,197,24,0.05);border-bottom:1px solid var(--border);}
.yatzy-bonus-row .row-name{font-size:0.88em;color:var(--gold);}
.yatzy-bonus-row .row-score{color:var(--gold);font-family:'DM Mono',monospace;font-weight:500;text-align:center;}
.grand-row{display:grid;grid-template-columns:1fr 52px 52px;padding:14px 18px;background:var(--surface3);align-items:center;}
.grand-row .row-name{font-family:'DM Serif Display',serif;font-size:1.1em;}
.grand-row .row-score{font-family:'DM Mono',monospace;font-size:1.3em;color:var(--accent);font-weight:500;text-align:center;}

/* MODAL */
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s;pointer-events:none;}
.modal-backdrop.show{opacity:1;pointer-events:all;}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;max-width:480px;width:90%;text-align:center;transform:scale(0.9);transition:transform 0.3s;max-height:85vh;overflow-y:auto;}
.modal-backdrop.show .modal{transform:scale(1);}
.modal h2{font-family:'DM Serif Display',serif;font-size:2.2em;margin-bottom:8px;}
.modal-sub{color:var(--text3);margin-bottom:28px;font-size:0.9em;}
.score-table{width:100%;margin-bottom:24px;}
.score-table td{padding:7px 0;font-size:0.9em;border-bottom:1px solid var(--border);}
.score-table td:last-child{text-align:right;font-family:'DM Mono',monospace;font-weight:500;}
.final-big{font-family:'DM Serif Display',serif;font-size:3.5em;color:var(--accent);margin:16px 0;letter-spacing:-2px;}
.modal-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.pb-badge{display:inline-block;background:rgba(245,197,24,0.15);border:1px solid rgba(245,197,24,0.3);color:var(--gold);border-radius:20px;padding:4px 14px;font-size:0.8em;margin-bottom:16px;}
.modal-divider{border:none;border-top:1px solid var(--border);margin:20px 0;}
.or-text{color:var(--text3);font-size:0.82em;margin:14px 0;}

/* SETUP */
.setup-modal{max-width:380px;}
.setup-modal h2{font-size:2em;}
.player-inputs{display:flex;flex-direction:column;gap:10px;margin:20px 0;}
.player-input-row{display:flex;gap:8px;align-items:center;}
.player-input{flex:1;background:var(--surface3);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:0.95em;outline:none;transition:border-color 0.2s;}
.player-input:focus{border-color:var(--accent);}
.player-count-btns{display:flex;gap:8px;justify-content:center;margin-bottom:16px;}
.count-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface3);color:var(--text2);cursor:pointer;font-size:0.95em;transition:all 0.2s;font-family:'DM Sans',sans-serif;}
.count-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;}

/* CONFETTI */
.confetti-piece{position:fixed;pointer-events:none;z-index:999;border-radius:2px;animation:confettiFall var(--dur) var(--delay) ease-in forwards;}
@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0deg);opacity:1;}100%{transform:translateY(100vh) rotate(720deg);opacity:0;}}

/* TOASTS */
.toast-container{position:fixed;top:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px;}
.toast{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 18px;font-size:0.88em;animation:toastIn 0.3s ease,toastOut 0.3s ease 2.2s forwards;min-width:180px;}
.toast.success{border-color:rgba(6,214,160,0.4);color:var(--green);}
.toast.info{border-color:rgba(255,209,102,0.3);color:var(--accent2);}
.toast.warn{border-color:rgba(255,107,53,0.4);color:var(--accent);}
@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes toastOut{from{opacity:1}to{opacity:0}}

/* HISTORY */
.history-section{margin-top:20px;}
.history-toggle{background:none;border:none;color:var(--text3);font-size:0.8em;cursor:pointer;text-decoration:underline;font-family:'DM Sans',sans-serif;}
.history-list{margin-top:8px;display:none;}
.history-list.open{display:block;}
.history-entry{display:flex;justify-content:space-between;padding:4px 0;font-size:0.82em;color:var(--text3);font-family:'DM Mono',monospace;border-bottom:1px solid var(--border);}
.history-entry:last-child{border-bottom:none;}
@keyframes scoreFlash{0%{background:rgba(255,107,53,0.3);}100%{background:transparent;}}
.flash{animation:scoreFlash 0.7s ease;}
@keyframes yatzyFlash{0%{background:rgba(245,197,24,0.4);}100%{background:transparent;}}
.yatzy-flash{animation:yatzyFlash 0.7s ease;}

/* LEADERBOARD MODAL */
.lb-modal{max-width:540px;text-align:left;padding:0;position:relative;}
.lb-modal h2{font-family:'DM Serif Display',serif;font-size:1.8em;padding:28px 28px 0;}
.lb-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 28px;margin-top:16px;}
.lb-tab{padding:10px 16px;font-size:0.85em;cursor:pointer;border-bottom:2px solid transparent;color:var(--text3);transition:all 0.2s;background:none;border-top:none;border-left:none;border-right:none;font-family:'DM Sans',sans-serif;}
.lb-tab.active{color:var(--accent);border-bottom-color:var(--accent);}
.lb-body{padding:16px 28px 0;min-height:220px;}
.lb-loading{color:var(--text3);font-size:0.88em;padding:40px 0;text-align:center;}
.lb-entry{display:grid;grid-template-columns:28px 32px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);}
.lb-entry:last-child{border-bottom:none;}
.lb-rank{font-family:'DM Mono',monospace;font-size:0.8em;color:var(--text3);text-align:center;}
.lb-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;}
.lb-avatar-initials{width:32px;height:32px;border-radius:50%;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:0.72em;font-weight:500;color:var(--text2);}
.lb-name{font-size:0.88em;color:var(--text2);}
.lb-name.me{color:var(--accent2);font-weight:500;}
.lb-meta{font-size:0.72em;color:var(--text3);margin-top:1px;}
.lb-score{font-family:'DM Mono',monospace;font-size:1em;font-weight:500;color:var(--text);text-align:right;}
.lb-score.me{color:var(--accent2);}
.lb-empty{color:var(--text3);font-size:0.88em;padding:30px 0;text-align:center;}
.lb-close{position:absolute;top:16px;right:20px;background:none;border:none;color:var(--text3);font-size:1.3em;cursor:pointer;line-height:1;padding:4px 8px;}
.lb-close:hover{color:var(--text);}
/* FRIENDS SECTION */
.friends-section{padding:16px 28px 28px;border-top:1px solid var(--border);margin-top:4px;}
.friends-label{font-size:0.72em;text-transform:uppercase;letter-spacing:2px;color:var(--text3);font-family:'DM Mono',monospace;margin-bottom:12px;}
.friend-code-box{background:var(--surface3);border:1px solid var(--border);border-radius:8px;padding:11px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.friend-code-val{font-family:'DM Mono',monospace;font-size:1.1em;letter-spacing:3px;color:var(--accent2);}
.friend-code-label{font-size:0.72em;color:var(--text3);margin-bottom:2px;}
.add-friend-row{display:flex;gap:8px;margin-bottom:12px;}
.add-friend-input{flex:1;background:var(--surface3);border:1px solid var(--border);border-radius:8px;padding:9px 14px;color:var(--text);font-family:'DM Mono',monospace;font-size:0.9em;outline:none;letter-spacing:2px;text-transform:uppercase;}
.add-friend-input:focus{border-color:var(--accent);}
.friend-entry{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);}
.friend-entry:last-child{border-bottom:none;}
.friend-entry-name{flex:1;font-size:0.88em;color:var(--text2);}
.remove-friend-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:0.78em;padding:2px 8px;border-radius:4px;transition:all 0.2s;font-family:'DM Sans',sans-serif;border:1px solid var(--border);}
.remove-friend-btn:hover{color:var(--accent);border-color:var(--accent);}

.hidden{display:none!important;}
@media(max-width:600px){
  :root{--dice-size:62px;}
  .logo{font-size:1.8em;}
  .die{border-radius:10px;}
  .game-grid{gap:16px;}
  .dice-area{padding:20px 14px;}
  .score-row{padding:8px 12px;}
  .section-sep{padding:6px 12px;}
  .total-row,.grand-row,.yatzy-bonus-row{padding:10px 12px;}
  .scorecard-header{padding:10px 12px;}
}

/* ─── PROFILE MODAL ──────────────────────────────────────────────────────── */
.profile-modal {
  max-width: 380px;
  text-align: left;
  position: relative;
}
.profile-header {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 28px;
}
.profile-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--surface3);
  border: 2px solid var(--accent);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4em;
  font-weight: 500;
  color: var(--accent2);
}
.profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-name {
  font-family: 'DM Serif Display', serif;
  font-size: 1.4em;
  margin-bottom: 4px;
}
.profile-joined {
  font-size: 0.78em;
  color: var(--text3);
}
.profile-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 24px;
}
.stat-card {
  background: var(--surface3);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 14px 16px;
}
.stat-value {
  font-family: 'DM Mono', monospace;
  font-size: 1.6em;
  font-weight: 500;
  color: var(--accent2);
  line-height: 1;
  margin-bottom: 4px;
}
.stat-value.gold { color: var(--gold); }
.stat-value.green { color: var(--green); }
.stat-label {
  font-size: 0.75em;
  color: var(--text3);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.profile-section-label {
  font-size: 0.72em;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--text3);
  font-family: 'DM Mono', monospace;
  margin-bottom: 10px;
}

/* Make auth avatar clickable */
.auth-avatar, .auth-avatar-initials, .auth-name {
  cursor: pointer;
}
.auth-avatar:hover, .auth-avatar-initials:hover {
  opacity: 0.85;
}

/* ─── LOBBY / ONLINE GAME ────────────────────────────────────────────────── */
.lobby-modal {
  max-width: 480px;
  max-height: 88vh;
  overflow-y: auto;
  text-align: left;
}
.room-code-box {
  background: var(--surface3);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.room-link-row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.waiting-player {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
}
.waiting-player:last-child { border-bottom: none; }
.waiting-player-name {
  font-size: 0.9em;
  color: var(--text2);
}
.online-turn-indicator {
  text-align: center;
  font-size: 1em;
  font-weight: 500;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.online-turn-indicator.my-turn {
  background: rgba(6, 214, 160, 0.1);
  color: var(--green);
  border: 1px solid rgba(6, 214, 160, 0.25);
}
.online-turn-indicator.their-turn {
  background: rgba(255, 255, 255, 0.04);
  color: var(--text3);
  border: 1px solid var(--border);
}

/* ─── MATCHMAKING ────────────────────────────────────────────────────────── */
.search-spinner {
  width: 56px;
  height: 56px;
  border: 3px solid var(--surface3);
  border-top-color: var(--accent);
  border-radius: 50%;
  margin: 0 auto;
  animation: spin 0.9s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.search-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
}
.search-dots span {
  width: 8px;
  height: 8px;
  background: var(--accent);
  border-radius: 50%;
  animation: searchPulse 1.2s ease-in-out infinite;
  opacity: 0.3;
}
.search-dots span:nth-child(2) { animation-delay: 0.2s; }
.search-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes searchPulse {
  0%, 100% { opacity: 0.3; transform: scale(0.8); }
  50%       { opacity: 1;   transform: scale(1.2); }
}

/* ─── PHASE 5 POLISH ─────────────────────────────────────────────────────── */
.turn-timer {
  font-family: 'DM Mono', monospace;
  font-size: 0.85em;
  color: var(--accent2);
  border-color: rgba(255,209,102,0.3);
  min-width: 56px;
  text-align: center;
  transition: color 0.3s, border-color 0.3s;
}
.turn-timer.urgent {
  color: var(--accent);
  border-color: rgba(255,107,53,0.5);
  animation: timerPulse 0.5s ease infinite alternate;
}
@keyframes timerPulse {
  from { opacity: 1; }
  to   { opacity: 0.5; }
}

#mute-btn { font-size: 1em; padding: 6px 10px; }
#mute-btn.muted { opacity: 0.4; }

.export-actions {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}