:root{
  --th3-color-bg:#02070d;
  --th3-color-bg-soft:#04101a;
  --th3-color-panel:#07131f;
  --th3-color-panel-raised:#0b1a29;
  --th3-color-gold:#d5a746;
  --th3-color-gold-light:#e4b24d;
  --th3-color-gold-pale:#f1d58c;
  --th3-color-gold-deep:#8b6423;
  --th3-color-red:#b51f2a;
  --th3-color-burgundy:#5c1018;
  --th3-color-text:#f2f4f6;
  --th3-color-muted:rgba(194,207,219,.70);
  --th3-color-muted-soft:rgba(160,179,197,.48);
  --th3-color-border:rgba(171,198,222,.10);
  --th3-color-border-gold:rgba(228,178,77,.20);
  --th3-color-success:#72e3a4;
  --th3-village-konoha:#5fa968;
  --th3-village-suna:#d5a746;
  --th3-village-kumo:#8f5ad8;
  --th3-village-kiri:#4c93cc;
  --th3-village-iwa:#8a6042;
  --th3-village-tetsu:#c1c9d2;
  --th3-page-max:1880px;
  --th3-page-gutter:clamp(16px,2.8vw,58px);
  --th3-radius-sm:10px;
  --th3-radius-md:18px;
  --th3-radius-lg:28px;
  --th3-shadow-panel:0 32px 100px rgba(0,0,0,.72);
  --th3-font-ui:Inter,Poppins,Arial,sans-serif;
  --th3-transition-fast:.2s ease;
}
.th3-core{background-color:var(--th3-color-bg);}
.th3-core :where(button,a,input,select,textarea):focus-visible{
  outline:3px solid var(--th3-color-gold-light);
  outline-offset:3px;
}

@media(max-width:820px){
  :root{--th3-page-gutter:clamp(16px,4.8vw,24px);}
}

@media(prefers-reduced-motion:reduce){
  .th3-core *,
  .th3-core *::before,
  .th3-core *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}