/* Fortune Gems Design System — extracted component styles */
.fgds-acc{display:flex;flex-direction:column;gap:var(--space-3);}
.fgds-acc__item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);overflow:hidden;transition:box-shadow var(--dur-base) var(--ease-soft),border-color var(--dur-base);}
.fgds-acc__item[data-open="true"]{box-shadow:var(--shadow-sm);border-color:var(--emerald-200);}
.fgds-acc__btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  width:100%;cursor:pointer;padding:var(--space-5);font-family:var(--font-display);font-weight:var(--weight-bold);
  font-size:var(--text-md);color:var(--text-strong);line-height:1.35;}
.fgds-acc__btn:focus-visible{outline:3px solid var(--sapphire-300);outline-offset:-3px;border-radius:var(--radius-md);}
.fgds-acc__icon{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:var(--emerald-50);color:var(--emerald-600);transition:transform var(--dur-base) var(--ease-out),background var(--dur-base);}
.fgds-acc__item[data-open="true"] .fgds-acc__icon{transform:rotate(45deg);background:var(--brand);color:#fff;}
.fgds-acc__icon svg{width:14px;height:14px;}
.fgds-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-out);}
.fgds-acc__item[data-open="true"] .fgds-acc__panel{grid-template-rows:1fr;}
.fgds-acc__inner{overflow:hidden;}
.fgds-acc__answer{padding:0 var(--space-5) var(--space-5);color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-relaxed);}

.fgds-feat{display:flex;flex-direction:column;gap:var(--space-3);height:100%;}
.fgds-feat__icon{width:56px;height:56px;border-radius:var(--radius-md);display:grid;place-items:center;
  background:var(--surface-card-soft);border:1px solid var(--emerald-100);}
.fgds-feat__icon img{width:34px;height:34px;}
.fgds-feat__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);
  color:var(--text-strong);line-height:1.2;}
.fgds-feat__body{color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-normal);margin:0;}

.fgds-symbol{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);
  padding:var(--space-5) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  background:var(--surface-card);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base);}
.fgds-symbol:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.fgds-symbol img{width:64px;height:64px;filter:drop-shadow(0 6px 10px rgba(16,36,29,.18));}
.fgds-symbol__name{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-strong);}
.fgds-symbol__tag{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:var(--weight-bold);}

.fgds-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-body);
  border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card);}
.fgds-table th,.fgds-table td{text-align:left;padding:var(--space-4) var(--space-5);font-size:var(--text-base);vertical-align:middle;}
.fgds-table thead th{background:var(--emerald-900);color:var(--text-on-dark);font-family:var(--font-display);
  font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;}
.fgds-table tbody tr:nth-child(even){background:var(--surface-card-soft);}
.fgds-table tbody td{border-top:1px solid var(--border-subtle);}
.fgds-table__key{display:flex;align-items:center;gap:.6em;font-weight:var(--weight-semibold);color:var(--text-strong);}
.fgds-table__key img{width:22px;height:22px;}
.fgds-table__val{color:var(--text-body);}
.fgds-table__val--muted{color:var(--text-muted);}
@media(max-width:560px){.fgds-table th,.fgds-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);}}

.fgds-badge{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-body);
  font-weight:var(--weight-bold);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);
  text-transform:uppercase;padding:.32em .7em;border-radius:var(--radius-pill);line-height:1;border:1px solid transparent;white-space:nowrap;}
.fgds-badge--neutral{background:var(--slate-100);color:var(--slate-600);}
.fgds-badge--brand{background:var(--emerald-50);color:var(--emerald-700);}
.fgds-badge--gold{background:var(--gold-50);color:var(--gold-700);border-color:var(--gold-200);}
.fgds-badge--positive{background:var(--positive-soft);color:var(--emerald-700);}
.fgds-badge--negative{background:var(--negative-soft);color:var(--ruby-700);}
.fgds-badge--info{background:var(--info-soft);color:var(--sapphire-700);}
.fgds-badge--dot::before{content:"";width:.45em;height:.45em;border-radius:50%;background:currentColor;}

.fgds-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--font-body);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);
  border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;
  text-decoration:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),
  background var(--dur-base) var(--ease-soft),box-shadow var(--dur-base) var(--ease-soft),color var(--dur-base);}
.fgds-btn:hover{text-decoration:none;}
.fgds-btn:active{transform:translateY(1px) scale(0.99);}
.fgds-btn:focus-visible{outline:3px solid var(--sapphire-300);outline-offset:2px;}
.fgds-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;}

.fgds-btn--sm{font-size:var(--text-sm);padding:.5em 1.1em;}
.fgds-btn--md{font-size:var(--text-base);padding:.7em 1.5em;}
.fgds-btn--lg{font-size:var(--text-md);padding:.85em 1.9em;}

/* Primary = gold CTA */
.fgds-btn--primary{background:var(--grad-gold);color:var(--text-on-gold);box-shadow:var(--shadow-gold);}
.fgds-btn--primary:hover{box-shadow:0 14px 34px rgba(224,169,46,.46);transform:translateY(-1px);}

/* Secondary = emerald solid */
.fgds-btn--secondary{background:var(--brand);color:var(--white);box-shadow:var(--shadow-sm);}
.fgds-btn--secondary:hover{background:var(--brand-strong);transform:translateY(-1px);}

/* Outline = bordered, transparent (works on light) */
.fgds-btn--outline{background:transparent;color:var(--brand-strong);border-color:var(--border-strong);}
.fgds-btn--outline:hover{border-color:var(--brand);color:var(--brand-strong);background:var(--emerald-50);}

/* Ghost on dark surfaces */
.fgds-btn--ondark{background:rgba(255,255,255,.08);color:var(--text-on-dark);border-color:var(--border-on-dark);}
.fgds-btn--ondark:hover{background:rgba(255,255,255,.16);}

.fgds-card{border-radius:var(--radius-lg);padding:var(--space-6);
  border:1px solid var(--border-subtle);background:var(--surface-card);
  box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-soft);}
.fgds-card--soft{background:var(--surface-card-soft);border-color:var(--emerald-100);}
.fgds-card--dark{background:var(--surface-dark-2);border-color:var(--border-on-dark);color:var(--text-on-dark);box-shadow:var(--shadow-lg);}
.fgds-card--flat{box-shadow:none;}
.fgds-card--hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.fgds-card--pad-sm{padding:var(--space-5);}
.fgds-card--pad-lg{padding:var(--space-8);}

.fgds-modal__scrim{position:fixed;inset:0;background:var(--surface-overlay);backdrop-filter:blur(3px);
  display:grid;place-items:center;padding:var(--space-5);z-index:1000;animation:fgds-fade var(--dur-base) var(--ease-soft);}
.fgds-modal{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);
  width:100%;max-width:440px;padding:var(--space-7);text-align:center;position:relative;
  animation:fgds-pop var(--dur-base) var(--ease-out);}
.fgds-modal__close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;border-radius:50%;
  background:var(--slate-100);color:var(--slate-600);cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center;}
.fgds-modal__close:hover{background:var(--slate-200);}
.fgds-modal__icon{width:64px;height:64px;margin:0 auto var(--space-4);}
.fgds-modal__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);
  color:var(--text-strong);margin:0 0 var(--space-2);}
.fgds-modal__body{color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-normal);margin:0 0 var(--space-5);}
@keyframes fgds-fade{from{opacity:0}to{opacity:1}}
@keyframes fgds-pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fgds-modal,.fgds-modal__scrim{animation:none;}}

.fgds-notice{display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);
  border-radius:var(--radius-lg);border:1px solid;align-items:flex-start;}
.fgds-notice__bar{display:none;}
.fgds-notice__icon{flex:none;width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:20px;}
.fgds-notice__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);margin:0 0 4px;color:var(--text-strong);}
.fgds-notice__body{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-body);}

.fgds-notice--warning{background:var(--warning-soft);border-color:var(--gold-200);}
.fgds-notice--warning .fgds-notice__icon{background:var(--gold-100);color:var(--gold-700);}
.fgds-notice--info{background:var(--info-soft);border-color:var(--sapphire-300);}
.fgds-notice--info .fgds-notice__icon{background:#c9dcfa;color:var(--sapphire-700);}
.fgds-notice--brand{background:var(--positive-soft);border-color:var(--emerald-200);}
.fgds-notice--brand .fgds-notice__icon{background:var(--emerald-100);color:var(--emerald-700);}

.fgds-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--font-body);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);
  border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;
  text-decoration:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),
  background var(--dur-base) var(--ease-soft),box-shadow var(--dur-base) var(--ease-soft),color var(--dur-base);}
.fgds-btn:hover{text-decoration:none;}
.fgds-btn:active{transform:translateY(1px) scale(0.99);}
.fgds-btn:focus-visible{outline:3px solid var(--sapphire-300);outline-offset:2px;}
.fgds-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;}

.fgds-btn--sm{font-size:var(--text-sm);padding:.5em 1.1em;}
.fgds-btn--md{font-size:var(--text-base);padding:.7em 1.5em;}
.fgds-btn--lg{font-size:var(--text-md);padding:.85em 1.9em;}

/* Primary = gold CTA */
.fgds-btn--primary{background:var(--grad-gold);color:var(--text-on-gold);box-shadow:var(--shadow-gold);}
.fgds-btn--primary:hover{box-shadow:0 14px 34px rgba(224,169,46,.46);transform:translateY(-1px);}

/* Secondary = emerald solid */
.fgds-btn--secondary{background:var(--brand);color:var(--white);box-shadow:var(--shadow-sm);}
.fgds-btn--secondary:hover{background:var(--brand-strong);transform:translateY(-1px);}

/* Outline = bordered, transparent (works on light) */
.fgds-btn--outline{background:transparent;color:var(--brand-strong);border-color:var(--border-strong);}
.fgds-btn--outline:hover{border-color:var(--brand);color:var(--brand-strong);background:var(--emerald-50);}

/* Ghost on dark surfaces */
.fgds-btn--ondark{background:rgba(255,255,255,.08);color:var(--text-on-dark);border-color:var(--border-on-dark);}
.fgds-btn--ondark:hover{background:rgba(255,255,255,.16);}

.fgds-badge{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-body);
  font-weight:var(--weight-bold);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);
  text-transform:uppercase;padding:.32em .7em;border-radius:var(--radius-pill);line-height:1;border:1px solid transparent;white-space:nowrap;}
.fgds-badge--neutral{background:var(--slate-100);color:var(--slate-600);}
.fgds-badge--brand{background:var(--emerald-50);color:var(--emerald-700);}
.fgds-badge--gold{background:var(--gold-50);color:var(--gold-700);border-color:var(--gold-200);}
.fgds-badge--positive{background:var(--positive-soft);color:var(--emerald-700);}
.fgds-badge--negative{background:var(--negative-soft);color:var(--ruby-700);}
.fgds-badge--info{background:var(--info-soft);color:var(--sapphire-700);}
.fgds-badge--dot::before{content:"";width:.45em;height:.45em;border-radius:50%;background:currentColor;}

.fgds-card{border-radius:var(--radius-lg);padding:var(--space-6);
  border:1px solid var(--border-subtle);background:var(--surface-card);
  box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-soft);}
.fgds-card--soft{background:var(--surface-card-soft);border-color:var(--emerald-100);}
.fgds-card--dark{background:var(--surface-dark-2);border-color:var(--border-on-dark);color:var(--text-on-dark);box-shadow:var(--shadow-lg);}
.fgds-card--flat{box-shadow:none;}
.fgds-card--hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.fgds-card--pad-sm{padding:var(--space-5);}
.fgds-card--pad-lg{padding:var(--space-8);}

.fgds-acc{display:flex;flex-direction:column;gap:var(--space-3);}
.fgds-acc__item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);overflow:hidden;transition:box-shadow var(--dur-base) var(--ease-soft),border-color var(--dur-base);}
.fgds-acc__item[data-open="true"]{box-shadow:var(--shadow-sm);border-color:var(--emerald-200);}
.fgds-acc__btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  width:100%;cursor:pointer;padding:var(--space-5);font-family:var(--font-display);font-weight:var(--weight-bold);
  font-size:var(--text-md);color:var(--text-strong);line-height:1.35;}
.fgds-acc__btn:focus-visible{outline:3px solid var(--sapphire-300);outline-offset:-3px;border-radius:var(--radius-md);}
.fgds-acc__icon{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:var(--emerald-50);color:var(--emerald-600);transition:transform var(--dur-base) var(--ease-out),background var(--dur-base);}
.fgds-acc__item[data-open="true"] .fgds-acc__icon{transform:rotate(45deg);background:var(--brand);color:#fff;}
.fgds-acc__icon svg{width:14px;height:14px;}
.fgds-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-out);}
.fgds-acc__item[data-open="true"] .fgds-acc__panel{grid-template-rows:1fr;}
.fgds-acc__inner{overflow:hidden;}
.fgds-acc__answer{padding:0 var(--space-5) var(--space-5);color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-relaxed);}

.fgds-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-body);
  border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card);}
.fgds-table th,.fgds-table td{text-align:left;padding:var(--space-4) var(--space-5);font-size:var(--text-base);vertical-align:middle;}
.fgds-table thead th{background:var(--emerald-900);color:var(--text-on-dark);font-family:var(--font-display);
  font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;}
.fgds-table tbody tr:nth-child(even){background:var(--surface-card-soft);}
.fgds-table tbody td{border-top:1px solid var(--border-subtle);}
.fgds-table__key{display:flex;align-items:center;gap:.6em;font-weight:var(--weight-semibold);color:var(--text-strong);}
.fgds-table__key img{width:22px;height:22px;}
.fgds-table__val{color:var(--text-body);}
.fgds-table__val--muted{color:var(--text-muted);}
@media(max-width:560px){.fgds-table th,.fgds-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);}}

.fgds-feat{display:flex;flex-direction:column;gap:var(--space-3);height:100%;}
.fgds-feat__icon{width:56px;height:56px;border-radius:var(--radius-md);display:grid;place-items:center;
  background:var(--surface-card-soft);border:1px solid var(--emerald-100);}
.fgds-feat__icon img{width:34px;height:34px;}
.fgds-feat__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);
  color:var(--text-strong);line-height:1.2;}
.fgds-feat__body{color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-normal);margin:0;}

.fgds-symbol{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);
  padding:var(--space-5) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  background:var(--surface-card);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base);}
.fgds-symbol:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.fgds-symbol img{width:64px;height:64px;filter:drop-shadow(0 6px 10px rgba(16,36,29,.18));}
.fgds-symbol__name{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-strong);}
.fgds-symbol__tag{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:var(--weight-bold);}

.fgds-modal__scrim{position:fixed;inset:0;background:var(--surface-overlay);backdrop-filter:blur(3px);
  display:grid;place-items:center;padding:var(--space-5);z-index:1000;animation:fgds-fade var(--dur-base) var(--ease-soft);}
.fgds-modal{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);
  width:100%;max-width:440px;padding:var(--space-7);text-align:center;position:relative;
  animation:fgds-pop var(--dur-base) var(--ease-out);}
.fgds-modal__close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;border-radius:50%;
  background:var(--slate-100);color:var(--slate-600);cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center;}
.fgds-modal__close:hover{background:var(--slate-200);}
.fgds-modal__icon{width:64px;height:64px;margin:0 auto var(--space-4);}
.fgds-modal__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);
  color:var(--text-strong);margin:0 0 var(--space-2);}
.fgds-modal__body{color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-normal);margin:0 0 var(--space-5);}
@keyframes fgds-fade{from{opacity:0}to{opacity:1}}
@keyframes fgds-pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fgds-modal,.fgds-modal__scrim{animation:none;}}

.fgds-notice{display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);
  border-radius:var(--radius-lg);border:1px solid;align-items:flex-start;}
.fgds-notice__bar{display:none;}
.fgds-notice__icon{flex:none;width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:20px;}
.fgds-notice__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);margin:0 0 4px;color:var(--text-strong);}
.fgds-notice__body{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-body);}

.fgds-notice--warning{background:var(--warning-soft);border-color:var(--gold-200);}
.fgds-notice--warning .fgds-notice__icon{background:var(--gold-100);color:var(--gold-700);}
.fgds-notice--info{background:var(--info-soft);border-color:var(--sapphire-300);}
.fgds-notice--info .fgds-notice__icon{background:#c9dcfa;color:var(--sapphire-700);}
.fgds-notice--brand{background:var(--positive-soft);border-color:var(--emerald-200);}
.fgds-notice--brand .fgds-notice__icon{background:var(--emerald-100);color:var(--emerald-700);}