/* judgement.css · Aftermark Brass · XX, Judgement · "Green baize and brass"
   Extends arcana.css: overrides its --arc-* tokens on [data-brand="judgement"], adds the --brand-*
   extras arcana-brand.css reads, then the signature: the lining of an instrument case, a name engraved
   in polished brass that a buffing wheel keeps catching, rate-plate tiers with a brass rule, and a
   stamp-magenta bench mark that presses onto the card once the horn has been played. Fonts are SIL OFL. */
/* fonts:begin Alegreya SC, Alegreya */
@font-face { font-family:"Alegreya SC"; font-style:normal; font-weight:400; font-display:swap; src:url("../../fonts/brands/alegreya-sc-normal-400.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Alegreya SC"; font-style:normal; font-weight:500; font-display:swap; src:url("../../fonts/brands/alegreya-sc-normal-500.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Alegreya SC"; font-style:normal; font-weight:700; font-display:swap; src:url("../../fonts/brands/alegreya-sc-normal-700.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Alegreya"; font-style:italic; font-weight:400 800; font-display:swap; src:url("../../fonts/brands/alegreya-italic-400-800.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:"Alegreya"; font-style:normal; font-weight:400 800; font-display:swap; src:url("../../fonts/brands/alegreya-normal-400-800.woff2") format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* fonts:end */

[data-brand="judgement"] {
  --arc-paper: #143426;
  --arc-surface: #0f2b1f;
  --arc-wash: #0c2218;
  --arc-ink: #f1e8d2;
  --arc-muted: #cbbf9c;
  --arc-line: #2e5a45;
  --arc-accent: #c9a04c;
  --arc-on-accent: #17140f;
  --arc-focus: #e8cb7e;
  --arc-display: "Alegreya SC", "Copperplate", "Palatino Linotype", Palatino, Georgia, serif;
  --arc-body: "Alegreya", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --arc-radius: 3px;
  --brand-mono: "Alegreya SC", "Palatino Linotype", Palatino, Georgia, serif;
  --brand-accent-2: #e8cb7e;
  --brand-display-weight: 500;
  --brand-track: .02em;
  --brand-button-radius: 3px;
  --brand-enter: jd-strike;
  --brand-ease: cubic-bezier(.2, .9, .25, 1);
  --brand-texture:
    repeating-linear-gradient(45deg, rgba(0, 0, 0, .09) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(-45deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 3px);
  --brand-bezel: #17140f;
  --brand-bezel-edge: #8a6a2a;
  --brand-bezel-ink: #e8cb7e;
  --brand-glow: rgba(201, 160, 76, .5);
  --brand-wallpaper:
    radial-gradient(circle at 50% 50%, #e8cb7e 0 4%, transparent 4.4%),
    repeating-radial-gradient(circle at 50% 50%, #c9a04c 0 6px, #8a6a2a 6px 9px, #e8cb7e 9px 11px, #a88338 11px 16px),
    #143426;
}

/* Signature: engraved brass, a buffing sheen, a bench stamp, rate-plate tiers. */
[data-brand="judgement"] .abr-head { border-block-end: 2px solid var(--arc-accent); box-shadow: 0 6px 0 -4px #8a6a2a; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  [data-brand="judgement"] .abr-title__word {
    background: linear-gradient(100deg, #c9a04c 0 38%, #fff3cf 46%, #e8cb7e 50%, #c9a04c 58%) 0 0 / 300% 100%, #c9a04c;
    -webkit-background-clip: text; background-clip: text; color: transparent;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
    animation: jd-buff 7s 1.2s ease-in-out infinite;
  }
}
[data-brand="judgement"] .abr-tagline { font-family: var(--arc-body); font-style: italic; font-weight: 500; }
[data-brand="judgement"] .abr-head::after {
  content: "Played \2713"; position: absolute; inset-block-start: 1.5rem; inset-inline-end: clamp(1rem, 5vw, 4rem);
  padding: .35em .7em .4em; border: 3px double #e0578f; border-radius: 4px;
  font: 700 clamp(.9rem, .6rem + .8vw, 1.3rem)/1 var(--arc-display); letter-spacing: .12em; color: #e0578f;
  mix-blend-mode: screen; transform: rotate(-11deg);
  animation: jd-stamp .5s 1.1s cubic-bezier(.5, 0, .75, 0) both;
}
@media (max-width: 40em) { [data-brand="judgement"] .abr-head::after { display: none; } }
[data-brand="judgement"] .abr-card__num { background: radial-gradient(circle at 35% 30%, #fff3cf, #c9a04c 45%, #8a6a2a); color: #17140f; border-color: #8a6a2a; }
[data-brand="judgement"] .abr-button { font: 700 1rem/1 var(--arc-display); letter-spacing: .06em; background: linear-gradient(#e8cb7e, #c9a04c 55%, #a88338); border-color: #8a6a2a; box-shadow: inset 0 1px 0 rgba(255, 243, 207, .6); }
[data-brand="judgement"] .abr-button[data-kind="ghost"] { background: transparent; border-color: #c9a04c; box-shadow: none; }
@media (hover: hover) {
  [data-brand="judgement"] .abr-button:hover { box-shadow: inset 0 1px 0 rgba(255, 243, 207, .6), 0 14px 30px -12px var(--brand-glow); }
  [data-brand="judgement"] .abr-button[data-kind="ghost"]:hover { box-shadow: none; background: rgba(201, 160, 76, .12); }
}
[data-brand="judgement"] .abr-tier { background: var(--arc-paper); box-shadow: inset 0 0 0 5px var(--arc-paper), inset 0 0 0 6px #8a6a2a; border-color: #c9a04c; }
[data-brand="judgement"] .abr-tier[data-kind="custom"] { background: var(--arc-wash); }
[data-brand="judgement"].abr-tile::after {
  content: "\2713"; position: absolute; inset-block-start: 1rem; inset-inline-end: 1rem; display: grid; place-items: center;
  inline-size: 2.4rem; block-size: 2.4rem; border: 3px double #e0578f; border-radius: 50%;
  font: 700 1.1rem/1 var(--arc-display); color: #e0578f; opacity: 0; transform: rotate(-14deg) scale(1.8);
}
@media (hover: hover) {
  [data-brand="judgement"].abr-tile:hover { box-shadow: 0 0 0 1px #c9a04c, 0 24px 50px -24px var(--brand-glow); }
  [data-brand="judgement"].abr-tile:hover::after { animation: jd-stamp .35s cubic-bezier(.5, 0, .75, 0) forwards; }
}

@keyframes jd-strike { from { opacity: 0; transform: scale(1.05); filter: blur(3px) brightness(1.8); } to { opacity: 1; transform: none; filter: none; } }
@keyframes jd-buff { 0%, 55% { background-position: 100% 0; } 100% { background-position: 0 0; } }
@keyframes jd-stamp { from { opacity: 0; transform: rotate(-24deg) scale(2.2); } 80% { opacity: .95; transform: rotate(-11deg) scale(.94); } to { opacity: .9; transform: rotate(-11deg) scale(1); } }