:root {
  --bg-top: #0a0118;
  --bg-mid: #12022d;
  --gold: #ffd95c;
  --gold-mid: #d9a83a;
  --gold-dim: #8a5a14;
  --red-1: #ff6a3d;
  --red-2: #e8482a;
  --red-3: #c9271f;
  --green: #58d68d;
  --green-dim: rgba(88, 214, 141, 0.12);
  --ink: #f5ecd8;
  --ink-soft: rgba(245, 236, 216, 0.72);
  --ink-faint: rgba(245, 236, 216, 0.45);
  --ink-gold-soft: rgba(255, 233, 168, 0.65);
  --r-card: 20px;
  --r-block: 12px;
  --r-pill: 999px;
  --page-pad: 16px;
  --card-w: min(340px, 92vw);
  --font: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  min-height: 100vh;
  background:
    radial-gradient(90% 40% at 50% 0%, rgba(96, 44, 148, 0.30), transparent 62%),
    linear-gradient(180deg, var(--bg-top) 0%, var(--bg-mid) 46%, var(--bg-top) 100%);
  color: var(--ink);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.is-locked { position: fixed; width: 100%; left: 0; right: 0; overflow: hidden !important; touch-action: none; }
.app { display: block; }
.pagehead__logo {
  position: absolute; top: calc(12px + env(safe-area-inset-top)); left: 50%;
  transform: translateX(-50%); height: 60px; width: auto;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.55)); z-index: 3;
}
.lang-trigger {
  position: absolute; top: calc(14px + env(safe-area-inset-top)); right: 14px; z-index: 3;
  display: flex; align-items: center; gap: 5px; padding: 6px 11px;
  border: 1px solid rgba(255,205,60,0.35); border-radius: var(--r-pill);
  background: rgba(10,1,24,0.55); color: var(--gold); cursor: pointer;
}
.lang-trigger svg { width: 15px; height: 15px; }
.lang-trigger__badge { font-size: 0.68rem; font-weight: 800; letter-spacing: 0.5px; }
.lang-drawer { position: fixed; inset: 0; z-index: 200; display: none; }
.lang-drawer.show { display: block; }
.lang-drawer__mask { position: absolute; inset: 0; background: rgba(6,2,18,0.7); }
.lang-drawer { position: fixed; inset: 0; z-index: 200; background: rgba(6,2,18,0.82); }
.lang-drawer[hidden] { display: none; }
.lang-drawer__panel {
  position: absolute; left: 0; right: 0; bottom: 0; max-width: 480px; margin: 0 auto;
  padding: 18px 16px calc(18px + env(safe-area-inset-bottom));
  border-radius: 20px 20px 0 0;
  background: linear-gradient(180deg,#251a44,#170b2c);
  border: 1px solid rgba(255,205,60,0.3); box-shadow: 0 -8px 40px rgba(0,0,0,0.5);
  animation: drawer-up 0.3s cubic-bezier(0.22,1,0.36,1);
}
@keyframes drawer-up { from { transform: translateY(100%); } }
.lang-drawer__title { margin: 0 0 12px; text-align: center; color: var(--gold); font-size: 0.92rem; font-weight: 800; letter-spacing: 2px; }
.lang-drawer__list { list-style: none; margin: 0; padding: 0; max-height: 50vh; overflow-y: auto; }
.lang-drawer__list button {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  padding: 13px 16px; border: none; border-radius: var(--r-block); background: transparent;
  color: var(--ink-soft); font-size: 0.92rem; font-weight: 600; cursor: pointer;
}
.lang-drawer__list button:hover { background: rgba(255,255,255,0.06); }
.lang-drawer__list button.on { color: var(--gold); background: rgba(255,205,60,0.1); }
.lang-drawer__list button.on::after { content:""; width:8px; height:8px; border-radius:50%; background:currentColor; }
.hero__tagline {
  display: inline-flex; align-items: center; gap: 10px; margin: 8px 0 0; padding: 11px 22px; font-size: 0.9rem;
  border-radius: var(--r-pill); background: rgba(18,8,40,0.92);
  border: 1px solid rgba(255,205,60,0.65);
  box-shadow: 0 5px 16px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.06);
  white-space: nowrap;
}
.hero__tagline-text { color: #ffe9a8; font-size: 0.88rem; font-weight: 700; letter-spacing: 1px; }
.hero__tagline .prize-chip strong { font-size: 1.12em; }
.prize-chip { display: inline-flex; align-items: baseline; gap: 5px; }
.prize-chip strong {
  font-size: 1.5rem; font-weight: 900;
  background: linear-gradient(180deg,#ffe9a0,#e8963a);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.prize-chip small { color: var(--gold); font-weight: 900; font-size: 0.78rem; letter-spacing: 1px; }
.hero {
  position: relative; display: flex; flex-direction: column; align-items: center;
  padding: calc(78px + env(safe-area-inset-top)) var(--page-pad) clamp(24px,4vh,40px);
  /* background: inline */
}
.hero::before { content:""; position:absolute; inset:0; background: rgba(10,1,24,0.42); }
.hero > *:not(.pagehead__logo):not(.lang-trigger) { position: relative; }
.wheel {
  position: relative; width: min(88vw,460px); aspect-ratio: 1084/1120;
  margin-top: clamp(8px,2vh,18px); filter: drop-shadow(0 22px 25px rgba(0,0,0,0.4));
}
.wheel__disc {
  position: absolute; left: 50%; top: 51.7%; width: 88%; aspect-ratio: 1; border-radius: 50%;
  transform: translate(-50%,-50%) rotate(0deg); transform-origin: 50% 50%;
  background: conic-gradient(from -18deg,
    #c52c96 0 36deg,#6358d9 36deg 72deg,#19b8dc 72deg 108deg,
    #db263e 108deg 144deg,#6b36c7 144deg 180deg,#159ccd 180deg 216deg,
    #873ac8 216deg 252deg,#e2a62d 252deg 288deg,#c52c96 288deg 324deg,#168bc8 324deg 360deg);
  box-shadow: inset 0 0 0 3px var(--gold-dim),inset 0 0 32px rgba(0,0,0,0.55);
  clip-path: circle(50% at 50% 50%); will-change: transform;
}
.wheel__lines {
  position: absolute; inset: 0; border-radius: 50%;
  background: repeating-conic-gradient(from -18deg,transparent 0deg 35.25deg,rgba(255,236,135,0.85) 35.25deg 36deg);
}
.wheel__lines::after {
  position: absolute; inset: 8%; border: 2px solid rgba(255,236,150,0.85); border-radius: 50%; content:"";
  box-shadow: 0 0 10px rgba(255,205,60,0.8),inset 0 0 15px rgba(40,20,0,0.45);
}
.wheel__labels { position: absolute; inset: 0; }
.wheel__label {
  position: absolute; left: 50%; top: 50%;
  display: flex; flex-direction: column; align-items: center;
  color: #fff3c2; text-shadow: 0 2px 3px rgba(28,12,58,0.85);
  transform: translate(-50%,-50%) rotate(var(--angle)) translateY(calc(min(88vw,460px) * -0.265));
  user-select: none;
}
.wheel__label strong { font-size: clamp(1.15rem,7.7vw,2.1rem); font-weight: 900; line-height: 0.9; }
.wheel__label small {
  display: inline-flex; align-items: center; gap: 2px; margin-top: 3px;
  font-size: clamp(0.55rem,2vw,0.62rem); font-weight: 800; letter-spacing: 0.5px;
}
.wheel__label small .usdt-ic { width:1.05em; height:auto; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,0.4); }
.wheel__label.is-big { color: #ffe9a0; }
.wheel__label.is-winner strong,.wheel__label.is-winner small {
  color:#fff; text-shadow:0 0 8px #ffe36f,0 0 18px #ffb52e;
  animation: win-glow 0.7s ease-in-out infinite alternate;
}
@keyframes win-glow { to { filter: brightness(1.5); } }
.wheel__gloss {
  position: absolute; inset: 0; border-radius: 50%;
  background: linear-gradient(125deg,rgba(255,255,255,0.15),transparent 32%,transparent 66%,rgba(0,0,20,0.22));
  pointer-events: none;
}
.wheel__frame {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;
  pointer-events: none; filter: drop-shadow(0 12px 32px rgba(0,0,0,0.5));
}
.wheel__hub {
  position: absolute; left: 50%; top: 51.7%; transform: translate(-50%,-50%);
  width: 25%; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle at 33% 28%,#ffb347,var(--red-2) 75%,var(--red-3));
  box-shadow: 0 0 0 3px rgba(255,217,92,0.9),0 0 22px rgba(255,170,50,0.5); z-index: 4;
}
.wheel__go {
  position: absolute; left: 50%; top: 51.7%; transform: translate(-50%,-50%); z-index: 5;
  width: 19.5%; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 0; border: 2px solid #fff1a9; border-radius: 50%;
  background: radial-gradient(circle at 33% 28%,#ffb347 0%,#ff7a2f 45%,var(--red-2) 80%,var(--red-3) 100%);
  color: #fff; cursor: pointer;
  box-shadow: 0 5px 0 #8a1d16,0 0 22px rgba(255,110,50,0.55),inset 0 2px 6px rgba(255,255,255,0.4);
  transition: transform 0.15s ease,filter 0.15s ease;
}
.wheel__go:hover:not(:disabled) { filter: brightness(1.08); transform: translate(-50%,-50%) scale(1.04); }
.wheel__go:active:not(:disabled) { transform: translate(-50%,-50%) translateY(3px); }
.wheel__go:disabled { cursor: wait; filter: saturate(0.6) brightness(0.8); }
.wheel__go-en { font-size: 1.2rem; font-weight: 1000; letter-spacing: 2px; text-shadow: 0 1px 3px rgba(0,0,0,0.4); }
.status {
  width: min(420px,88%); min-height: 48px; display: flex; align-items: center; justify-content: center;
  gap: 10px; margin-top: 14px; padding: 10px 22px; border: 1px solid transparent; border-radius: var(--r-pill);
  background: linear-gradient(180deg,rgba(38,16,82,0.92),rgba(18,6,52,0.95)) padding-box,
    linear-gradient(160deg,#ffedb0,#d9a83a 30%,#fff3c8 50%,#b8860b 75%,#ffd95c) border-box;
  color: #fff3c0; font-size: clamp(0.84rem,1.5vw,1rem); font-weight: 800; letter-spacing: 1px;
  text-align: center; text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  box-shadow: 0 8px 24px rgba(0,0,0,0.4),0 0 18px rgba(255,205,60,0.28),inset 0 1px 0 rgba(255,255,255,0.35);
}
.status__dot {
  width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0;
  background: radial-gradient(circle at 35% 30%,#fff,#ffd95c 60%);
  box-shadow: 0 0 10px rgba(255,217,92,0.9);
}
.status__dot.is-spinning { background: #ffd65c; animation: status-blink 0.8s ease-in-out infinite alternate; }
.status__dot.is-error { background: #ff6b5e; box-shadow: 0 0 8px rgba(255,107,94,0.8); animation: none; }
@keyframes status-blink { to { opacity: 0.35; } }
#statusText { white-space: normal; overflow-wrap: anywhere; max-width: 82%; line-height: 1.35; }
.trust {
  padding: clamp(18px,3vh,28px) var(--page-pad) clamp(22px,4vh,36px);
  border-top: 1px solid rgba(217,179,74,0.16);
}
.overlay {
  position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; padding: 20px;
}
.overlay.show { display: flex; }
.overlay__mask {
  position: absolute; inset: 0; background: rgba(6,2,18,0.86);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); touch-action: none;
}
.win-card {
  position: relative; width: var(--card-w); padding: 26px 22px 20px; border-radius: var(--r-card);
  background: linear-gradient(180deg,#251a44,#170b2c); border: 1px solid rgba(255,205,60,0.45);
  box-shadow: 0 24px 60px rgba(0,0,0,0.6),0 0 30px rgba(255,205,60,0.12);
  text-align: center; animation: card-in 0.35s cubic-bezier(0.22,1,0.36,1);
}
@keyframes card-in { from { opacity:0; transform:translateY(18px) scale(0.95); } }
.win-card__close {
  position: absolute; top: 10px; right: 12px; width: 28px; height: 28px; padding: 0;
  border: none; border-radius: 50%; background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.7); font-size: 16px; line-height: 1; cursor: pointer;
}
.win-card__kicker { margin: 0; color: rgba(255,217,92,0.6); font-size: 0.66rem; letter-spacing: 4px; font-weight: 800; }
.win-card__title { margin: 6px 0 0; color: #fff0b8; font-size: 1.35rem; font-weight: 900; }
.win-card__amount { margin: 8px 0 4px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.win-card__amount strong {
  font-size: clamp(2.6rem,13vw,3.4rem); font-weight: 900;
  background: linear-gradient(180deg,#ffe9a0 0%,#ff9a4d 90%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 0 18px rgba(255,150,60,0.5));
}
.usdt-ic { display: inline-block; border-radius: 50%; }
.usdt-ic--win { width: 34px; height: 34px; align-self: center; filter: drop-shadow(0 0 10px rgba(38,161,123,0.55)); }
.prize-chip__ic { width:15px; height:16px; border-radius:50%; box-shadow:0 1px 4px rgba(0,0,0,0.35); align-self:center; }
.win-code {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 16px; border-radius: var(--r-block); border: 1.5px dashed rgba(255,205,60,0.55);
  background: rgba(255,205,60,0.06); margin-bottom: 14px;
}
.win-code__label { color: rgba(255,233,168,0.6); font-size: 0.68rem; letter-spacing: 1px; }
.win-code__value {
  font-size: 1.2rem; font-weight: 900; letter-spacing: 3px;
  background: linear-gradient(180deg,#ffe9a0,#e8963a);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.win-code__notch { position: absolute; top: 50%; width: 14px; height: 14px; border-radius: 50%; background: #170b2c; transform: translateY(-50%); }
.win-code__notch--l { left: -8px; }
.win-code__notch--r { right: -8px; }
.win-card__note { margin: 8px 0 16px; color: var(--ink-gold-soft); font-size: 0.8rem; }
.win-card__claim {
  width: 100%; padding: 14px; border: none; border-radius: var(--r-pill);
  background: linear-gradient(90deg,var(--red-1),var(--red-2)); color: #fff;
  font-size: 1rem; font-weight: 900; letter-spacing: 2px; cursor: pointer;
  box-shadow: 0 6px 20px rgba(255,80,50,0.4);
}
.win-card__remind { display: flex; align-items: baseline; justify-content: center; gap: 8px; margin: 12px 0 0; color: rgba(255,233,168,0.62); font-size: 0.72rem; line-height: 1.55; }
.win-card__star { color: rgba(255,205,60,0.5); font-size: 0.6rem; letter-spacing: 2px; white-space: nowrap; }
.confetti-layer { position: fixed; inset: 0; z-index: 101; overflow: hidden; pointer-events: none; }
.confetti-piece {
  position: absolute; top: -20px; width: 8px; height: 14px; border-radius: 1px; opacity: 0;
  animation: confetti-fall 2.4s cubic-bezier(0.15,0.65,0.4,1) forwards;
}
@keyframes confetti-fall {
  0% { opacity:0; transform:translate3d(0,-20px,0) rotate(0); }
  8% { opacity:1; }
  100% { opacity:0; transform:translate3d(var(--drift),100vh,0) rotate(var(--spin)); }
}
.info { max-width: 1060px; margin: 0 auto; display: grid; gap: clamp(12px,2vh,18px); }
.facts { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "prize chance"; grid-template-rows: auto; gap: 10px; }
.fact { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:15px 10px; text-align:center; border-radius:var(--r-card); border:1px solid rgba(255,205,60,0.22); background:linear-gradient(180deg,rgba(66,40,122,0.34),rgba(20,10,38,0.72)); }
.fact--hero { grid-area:prize; border-color:rgba(255,205,60,0.5); background: radial-gradient(120% 90% at 50% 0%,rgba(255,205,60,0.16),transparent 62%),linear-gradient(180deg,rgba(66,40,122,0.4),rgba(20,10,38,0.78)); box-shadow:0 10px 26px rgba(0,0,0,0.35); }
.fact--time { display:none; }
.fact--chance { grid-area:chance; border-color:rgba(255,205,60,0.5); background: radial-gradient(120% 90% at 50% 0%,rgba(255,205,60,0.16),transparent 62%),linear-gradient(180deg,rgba(66,40,122,0.4),rgba(20,10,38,0.78)); box-shadow:0 10px 26px rgba(0,0,0,0.35); }
.fact__label { color:var(--ink-gold-soft); font-size:0.7rem; font-weight:700; letter-spacing:2px; }
.fact__num { display:inline-flex; align-items:baseline; gap:5px; font-size:1.72rem; font-weight:900; line-height:1; background:linear-gradient(180deg,#ffefb8,#e8963a); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 2px 8px rgba(232,150,58,0.28)); }
.fact__num small { font-size:0.72rem; font-weight:800; letter-spacing:1px; }
.fact__sub { color:var(--ink-faint); font-size:0.66rem; }
.fact__ic { width:20px; height:20px; color:rgba(255,217,92,0.85); }
.perks { display:grid; grid-template-columns:1fr 1fr; border-radius:var(--r-card); border:1px solid rgba(255,205,60,0.2); background:rgba(20,10,38,0.6); overflow:hidden; }
.perk { display:flex; flex-direction:column; align-items:center; gap:6px; padding:15px 12px 14px; text-align:center; }
.perk:nth-child(odd) { border-right:1px solid rgba(217,179,74,0.14); }
.perk:nth-child(-n+2) { border-bottom:1px solid rgba(217,179,74,0.14); }
.perk svg { width:21px; height:21px; color:var(--gold); opacity:0.92; }
.perk h3 { margin:0; color:#fff0b8; font-size:0.82rem; font-weight:800; letter-spacing:1px; }
.perk p { margin:0; color:var(--ink-faint); font-size:0.66rem; line-height:1.5; }
.flow { padding:17px 12px 16px; text-align:center; border-radius:var(--r-card); border:1px solid rgba(255,205,60,0.2); background:rgba(20,10,38,0.6); }
.flow__title { margin:0; color:var(--gold); font-size:0.95rem; font-weight:900; letter-spacing:3px; }
.flow__sub { margin:6px 0 16px; color:var(--ink-faint); font-size:0.68rem; }
.flow__steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:4px; }
.flow__steps li { position:relative; padding:0 4px; }
.flow__steps li:not(:last-child)::after { content:""; position:absolute; right:-5px; top:9px; width:7px; height:7px; border-top:1.6px solid rgba(255,217,92,0.5); border-right:1.6px solid rgba(255,217,92,0.5); transform:rotate(45deg); }
.flow__steps i { display:flex; align-items:center; justify-content:center; width:26px; height:26px; margin:0 auto 9px; border-radius:50%; background:linear-gradient(180deg,var(--gold),#e8963a); color:#2a1600; font-style:normal; font-weight:900; font-size:0.78rem; box-shadow:0 4px 12px rgba(255,190,50,0.3); }
.flow__steps b { display:block; color:#fff0b8; font-size:0.73rem; font-weight:800; }
.flow__steps span { display:block; margin-top:3px; color:var(--ink-faint); font-size:0.62rem; line-height:1.5; }
.notes { padding:17px 16px 15px; border-radius:var(--r-card); border:1px solid rgba(255,205,60,0.2); background:rgba(20,10,38,0.6); }
.notes__title { margin:0; text-align:center; color:#fff0b8; font-size:0.92rem; font-weight:900; letter-spacing:2px; }
.notes__sub { margin:5px 0 13px; text-align:center; color:var(--ink-faint); font-size:0.68rem; }
.notes ul { list-style:none; margin:0 auto; padding:0; display:grid; gap:8px; width:fit-content; }
.notes li { position:relative; padding-left:15px; color:var(--ink-soft); font-size:0.72rem; line-height:1.6; }
.notes li::before { content:""; position:absolute; left:1px; top:0.52em; width:5px; height:5px; border-radius:50%; background:rgba(255,205,60,0.8); }
.notes__luck { margin:15px 0 0; text-align:center; font-size:1.02rem; font-weight:900; letter-spacing:6px; background:linear-gradient(180deg,#ffefb8,#e8963a); -webkit-background-clip:text; background-clip:text; color:transparent; }
.bottomline { max-width:1060px; margin:0 auto; padding-top:clamp(20px,3vh,28px); border-top:1px solid rgba(217,179,74,0.16); display:flex; flex-direction:column; align-items:center; gap:clamp(14px,2.4vh,18px); }
.bottomline__sign { display:flex; align-items:center; gap:10px; margin:0; }
.bottomline__sign img { height:26px; width:auto; filter:brightness(0) invert(1) drop-shadow(0 2px 10px rgba(255,205,60,0.18)); opacity:0.95; }
.bottomline__by { color:rgba(245,236,216,0.52); font-size:0.72rem; font-weight:600; letter-spacing:3px; }
.legal-row { margin:16px 0 0; display:flex; align-items:center; justify-content:center; gap:8px; color:var(--ink-faint); font-size:0.64rem; letter-spacing:1px; }
.age-chip { padding:2px 7px; border-radius:6px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.22); color:var(--ink-gold-soft); font-weight:900; font-size:0.6rem; }
.notes--g2 { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,0.06); background:linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.012)); padding:20px 18px 18px; }
.notes--g2 .notes__bg { position:absolute; right:-48px; bottom:-40px; width:246px; height:auto; opacity:0.13; transform:rotate(-6deg); pointer-events:none; z-index:0; }
.notes--g2 > *:not(.notes__bg) { position:relative; z-index:1; }
.notes--g2 .notes__title { font-size:1rem; color:#ffeec2; letter-spacing:1.5px; }
.notes--g2 .notes__sub { margin:7px 0 16px; color:rgba(245,236,216,0.45); font-size:0.7rem; }
.notes--g2 ul { width:100%; max-width:none; gap:10px; }
.notes--g2 li { padding-left:0; color:rgba(245,236,216,0.82); font-size:0.78rem; line-height:1.75; }
.notes--g2 li::before { display:none; }
.notes--g2 li b { color:#f6d488; font-weight:800; }
.notes--g2 .notes__luck { margin-top:16px; display:flex; align-items:center; gap:12px; background:none; color:rgba(255,233,168,0.72); font-size:0.8rem; font-weight:700; letter-spacing:6px; }
.notes--g2 .notes__luck::before,.notes--g2 .notes__luck::after { content:""; flex:1; height:1px; }
.notes--g2 .notes__luck::before { background:linear-gradient(90deg,transparent,rgba(255,217,92,0.28)); }
.notes--g2 .notes__luck::after { background:linear-gradient(90deg,rgba(255,217,92,0.28),transparent); }
.notes--g2 .off-20s { display:none; }
.bottomline .legal-row { margin:0; color:rgba(245,236,216,0.55); }
.bottomline .age-chip { background:rgba(255,205,60,0.08); border-color:rgba(255,205,60,0.35); color:rgba(255,225,150,0.92); }
/* ── 指针 ── */
.wheel__pointer {
  position: absolute;
  left: 50%;
  top: 3%;
  width: 28px;
  height: 38px;
  transform: translateX(-50%);
  transform-origin: 50% 8px;       /* 以底部圆点为旋转轴 */
  background: linear-gradient(175deg, #fff3c0 0%, #ffd95c 35%, #e8963a 70%, #c9720e 100%);
  clip-path: polygon(50% 100%, 4% 0%, 96% 0%);
  z-index: 6;
  filter: drop-shadow(0 4px 10px rgba(180,100,10,.75));
  will-change: transform;
}
.wheel__pointer::after {           /* 顶部固定销钉 */
  content: '';
  position: absolute;
  top: -6px; left: 50%;
  transform: translateX(-50%);
  width: 14px; height: 14px;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 32%, #fffae0, #d9a83a);
  box-shadow: 0 0 8px rgba(255,210,60,.9);
}
/* 快速抖动（旋转中高速段） */
@keyframes ptr-jitter {
  0%   { transform: translateX(-50%) rotate(-13deg); }
  100% { transform: translateX(-50%) rotate(13deg); }
}
/* 慢速抖动（减速段） */
@keyframes ptr-jitter-slow {
  0%   { transform: translateX(-50%) rotate(-6deg); }
  100% { transform: translateX(-50%) rotate(6deg); }
}
.wheel__pointer.jitter-fast { animation: ptr-jitter      0.075s ease-in-out infinite alternate; }
.wheel__pointer.jitter-slow { animation: ptr-jitter-slow 0.22s  ease-in-out infinite alternate; }

@media (min-width:720px) {
  .hero { padding-top:clamp(30px,5vh,48px); }
  .wheel { width:min(460px,46vh); }
  .info { grid-template-columns:1fr 1fr; align-items:start; }
  .facts { grid-column:1/-1; grid-template-columns:repeat(2,1fr); grid-template-areas:"prize chance"; }
  .notes { grid-column:1/-1; }
}