/* wheel-of-fortune.css · Returnpath Records · X, Wheel of Fortune · "Record sleeve, 1974"
   Extends arcana.css: overrides its --arc-* tokens on [data-brand="wheel-of-fortune"], adds the --brand-*
   extras arcana-brand.css reads, then the signature: sleeve-cream paper, a fat Shrikhand name with a
   mustard-and-orange offset print, four sleeve stripes that print across the head, a record peeking
   out of its sleeve that turns only while you hover, and lines that swing in along a platter's edge. */
/* fonts:begin Shrikhand, Nunito Sans */
@font-face { font-family:"Shrikhand"; font-style:normal; font-weight:400; font-display:swap; src:url("../../fonts/brands/shrikhand-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:"Nunito Sans"; font-style:normal; font-weight:400 800; font-stretch:100%; font-display:swap; src:url("../../fonts/brands/nunito-sans-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="wheel-of-fortune"] {
  --arc-paper: #f3e4c4;
  --arc-surface: #fbf3e1;
  --arc-wash: #ecd9b1;
  --arc-ink: #3b2314;
  --arc-muted: #6b4a33;
  --arc-line: #dcc69c;
  --arc-accent: #b24a17;
  --arc-on-accent: #fff9ec;
  --arc-focus: #3f4b17;
  --arc-display: "Shrikhand", "Cooper Black", "Cooper Std", "Arial Rounded MT Bold", serif;
  --arc-body: "Nunito Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --arc-radius: 18px;
  --brand-mono: "Nunito Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --brand-accent-2: #5a6a24;
  --brand-display-weight: 400;
  --brand-track: 0em;
  --brand-title-size: clamp(2.8rem, 1rem + 6.6vw, 7.4rem);
  --brand-title-lh: 1;
  --brand-button-radius: 999px;
  --brand-enter: rp-swing;
  --brand-ease: cubic-bezier(.3, 1.3, .5, 1);
  --brand-texture: radial-gradient(circle at 30% 40%, rgba(59, 35, 20, .06) 0 1px, transparent 1.5px) 0 0 / 5px 5px;
  --brand-bezel: #24150d;
  --brand-bezel-edge: #5a3a24;
  --brand-bezel-ink: #dfa23a;
  --brand-glow: rgba(192, 83, 27, .45);
  --brand-wallpaper: repeating-radial-gradient(circle at 50% 118%, #3b2314 0 44px, #c0531b 44px 88px, #dfa23a 88px 132px, #5a6a24 132px 176px, #f3e4c4 176px 220px);
}

/* Signature: offset-printed name, sleeve stripes, a record that turns only on hover, chunky buttons. */
[data-brand="wheel-of-fortune"] .abr-head { overflow: hidden; padding-block-end: clamp(2.5rem, 4vw, 3.5rem); }
[data-brand="wheel-of-fortune"] .abr-head > .abr-shell { position: relative; z-index: 1; }
[data-brand="wheel-of-fortune"] .abr-title__word { text-shadow: .035em .035em 0 #dfa23a, .07em .07em 0 #c0531b; }
[data-brand="wheel-of-fortune"] .abr-tagline { font-size: clamp(1.25rem, 1rem + 1.2vw, 1.9rem); }
[data-brand="wheel-of-fortune"] .abr-head::after {
  content: ""; position: absolute; inset: auto 0 0; block-size: 24px; transform-origin: left;
  background: linear-gradient(#3b2314 0 25%, #c0531b 0 50%, #dfa23a 0 75%, #5a6a24 0);
  animation: rp-print 1.1s .35s cubic-bezier(.65, 0, .35, 1) both;
}
@media (min-width: 52em) {
  [data-brand="wheel-of-fortune"] .abr-head::before {
    content: ""; position: absolute; z-index: 0; inset-block-start: clamp(2rem, 5vw, 4rem); inset-inline-end: -7rem;
    inline-size: clamp(16rem, 30vw, 24rem); aspect-ratio: 1; border-radius: 50%;
    background:
      radial-gradient(circle at 57% 43%, #fbf3e1 0 1.4%, transparent 1.7%),
      radial-gradient(circle, #24150d 0 2.4%, #c0531b 2.7% 12%, #dfa23a 12.3% 14%, #c0531b 14.3% 18.5%, transparent 18.8%),
      repeating-radial-gradient(circle, #1c120d 0 2px, #2c1d14 2px 3px);
    box-shadow: 0 18px 40px -18px rgba(36, 21, 13, .7);
  }
}
@media (min-width: 52em) and (hover: hover) {
  [data-brand="wheel-of-fortune"] .abr-head:hover::before { animation: rp-turn 1.8s linear infinite; }
}
[data-brand="wheel-of-fortune"] .abr-card__num { background: #3b2314; color: #f3e4c4; border-color: #3b2314; }
[data-brand="wheel-of-fortune"] .abr-button { font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; box-shadow: 0 5px 0 #6e2d0e; }
[data-brand="wheel-of-fortune"] .abr-button[data-kind="ghost"] { border: 2px solid #3b2314; box-shadow: 0 5px 0 #3b2314; }
@media (hover: hover) {
  [data-brand="wheel-of-fortune"] .abr-button:hover { transform: translateY(-2px); box-shadow: 0 7px 0 #6e2d0e; }
  [data-brand="wheel-of-fortune"] .abr-button[data-kind="ghost"]:hover { background: #dfa23a; border-color: #3b2314; box-shadow: 0 7px 0 #3b2314; }
}
[data-brand="wheel-of-fortune"] .abr-button:active { transform: translateY(3px); box-shadow: 0 2px 0 #6e2d0e; }
[data-brand="wheel-of-fortune"] .abr-tier { background-image: linear-gradient(#c0531b 0 50%, #dfa23a 0); background-size: 100% 10px; background-repeat: no-repeat; padding-block-start: calc(clamp(1.25rem, 3vw, 2rem) + 10px); overflow: hidden; }
[data-brand="wheel-of-fortune"] .abr-tier[data-kind="custom"] { background-image: linear-gradient(#dfa23a 0 50%, #5a6a24 0); border: 2px dashed #c9ae7d; }
@media (hover: hover) {
  [data-brand="wheel-of-fortune"].abr-tile:hover { transform: translateY(-4px); box-shadow: 0 0 0 2px #3b2314, 0 8px 0 #c0531b; }
  [data-brand="wheel-of-fortune"].abr-tile:hover .abr-tile__word img { animation: rp-turn 1.2s var(--brand-ease); }
}

@keyframes rp-swing { 0% { opacity: 0; transform-origin: 0 320%; transform: rotate(-9deg); } 100% { opacity: 1; transform-origin: 0 320%; transform: none; } }
@keyframes rp-print { from { transform: scaleX(0); } to { transform: none; } }
@keyframes rp-turn { to { transform: rotate(360deg); } }