/* Quiet-luxury treatment for the customer wheel only. */
.play-page{
  --luxury-ink:#191816;
  --luxury-muted:#77736c;
  --luxury-paper:#f4f1eb;
  --luxury-card:#fbfaf7;
  --luxury-gold:#9a7b49;
  --luxury-line:rgba(25,24,22,.11);
  background:var(--luxury-paper);
  color:var(--luxury-ink);
}
.play-page::before{background:linear-gradient(130deg,#f8f6f1 0%,#f1eee7 55%,#ebe6dc 100%)}
.play-page .ambient{display:none}
.play-page .play-shell{width:min(1260px,94vw);padding:34px 0 54px}
.play-page .brand{margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--luxury-line)}
.play-page .brand-mark{width:48px;height:48px;border-radius:50%;background:#1b1a18;color:#f7f1e5;box-shadow:none;font-size:13px;font-weight:650;letter-spacing:.12em}
.play-page .brand p{color:var(--luxury-gold);font-size:9px;letter-spacing:.22em;font-weight:650}
.play-page .brand h1{margin-top:6px;font-family:"Songti SC","STSong","Noto Serif SC",serif;font-size:20px;font-weight:600;letter-spacing:.06em}
.play-page .secure-badge{position:relative;padding:8px 12px 8px 27px;border:1px solid var(--luxury-line);border-radius:999px;background:rgba(255,255,255,.42);box-shadow:none;color:#625e57;font-size:11px;letter-spacing:.06em}
.play-page .secure-badge::before{content:"";position:absolute;left:12px;top:50%;width:6px;height:6px;border-radius:50%;background:#887047;transform:translateY(-50%);box-shadow:0 0 0 3px rgba(154,123,73,.13)}
.play-page .game-layout{grid-template-columns:minmax(0,1fr) 360px;gap:46px}
.play-page .welcome{gap:14px;margin:0 0 2px}
.play-page .welcome span{font-family:"Songti SC","STSong",serif;font-size:15px;font-weight:600;letter-spacing:.04em}
.play-page .welcome strong{padding:7px 12px;border:1px solid var(--luxury-line);border-radius:999px;background:transparent;box-shadow:none;color:var(--luxury-muted);font-size:11px;font-weight:500}
.play-page .welcome em{color:var(--luxury-ink);font-family:Georgia,serif;font-size:20px;font-weight:500}
.play-page .wheel-wrap{width:min(590px,68vh,82vw)}
.play-page .wheel{filter:drop-shadow(0 30px 45px rgba(24,21,16,.2))}
.play-page .pointer{top:1.2%;border-left-width:15px;border-right-width:15px;border-top:39px solid #9a7b49;filter:drop-shadow(0 4px 5px rgba(0,0,0,.18))}
.play-page .hub{width:96px;height:96px;border:1px solid rgba(225,206,169,.6);background:radial-gradient(circle at 35% 25%,#34312c,#11100f 70%);box-shadow:0 0 0 7px rgba(242,231,210,.16),0 14px 30px rgba(0,0,0,.35);color:#f4ead6}
.play-page .hub span{font-family:"Songti SC","STSong",serif;font-size:28px;font-weight:600}.play-page .hub small{color:#c6ad7f;letter-spacing:.18em}
.play-page .status{margin-top:2px;color:var(--luxury-muted);font-size:12px;letter-spacing:.02em}
.play-page .glass{border:1px solid var(--luxury-line);background:rgba(251,250,247,.74);box-shadow:0 18px 55px rgba(39,34,26,.07);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.play-page .batch-control{padding:14px 15px;border-radius:4px}.play-page .batch-control label{font-size:13px;font-weight:600;letter-spacing:.03em}.play-page .batch-control small{margin-top:4px;color:var(--luxury-muted)}
.play-page .stepper{height:42px;border:1px solid var(--luxury-line);border-radius:2px;background:transparent;box-shadow:none}.play-page .stepper button{color:var(--luxury-ink)}
.play-page .primary{min-height:42px;border-radius:2px;background:#1d1c1a;color:#f8f5ee;box-shadow:none;font-size:13px;letter-spacing:.06em}.play-page .primary:hover{background:#34312c}
.play-page .secondary{border-radius:2px;background:#e9e4da;color:#4a453d}
.play-page .history-panel{border-radius:4px;box-shadow:0 20px 65px rgba(39,34,26,.08)}
.play-page .panel-title{padding:26px 24px 22px;border-color:var(--luxury-line)}.play-page .panel-title span{color:var(--luxury-gold);font-size:8px;letter-spacing:.24em}.play-page .panel-title h2{margin-top:8px;font-family:"Songti SC","STSong",serif;font-size:22px;font-weight:600;letter-spacing:.04em}.play-page .panel-title b{color:var(--luxury-muted);font-family:Georgia,serif;font-size:11px;font-weight:400}
.play-page .history{padding:4px 20px 22px}.play-page .record{grid-template-columns:34px 1fr;padding:15px 3px;border-color:var(--luxury-line)}.play-page .record-index{width:30px;height:30px;border-radius:50%;background:transparent;border:1px solid rgba(154,123,73,.38);color:var(--luxury-gold);font-family:Georgia,serif;font-weight:400}.play-page .record strong{font-family:"Songti SC","STSong",serif;font-weight:600;letter-spacing:.03em}.play-page .record time{color:#8a857d}
.play-page .modal-backdrop{background:rgba(20,18,15,.64);backdrop-filter:blur(12px)}
.play-page .result-card{border:1px solid rgba(255,255,255,.46);border-radius:6px;background:#f8f5ef;box-shadow:0 45px 130px rgba(0,0,0,.35);padding:34px}.play-page .result-card>p{color:var(--luxury-muted);font-size:12px;letter-spacing:.04em}.play-page .result-card h2{font-family:"Songti SC","STSong",serif;font-size:30px;font-weight:600;letter-spacing:.04em}.play-page .result-spark{color:var(--luxury-gold);font-size:28px}.play-page .result-history-block{border-color:var(--luxury-line);border-radius:3px;background:#f1eee7}.play-page .result-history-head{border-color:var(--luxury-line)}.play-page .result-history-head span{color:var(--luxury-muted)}.play-page .result-history-item{border-color:var(--luxury-line)}.play-page .result-history-item>span{border:1px solid rgba(154,123,73,.35);border-radius:50%;background:transparent;color:var(--luxury-gold)}
@media(max-width:900px){.play-page .game-layout{grid-template-columns:minmax(0,1fr);gap:22px}.play-page .history-panel{margin-top:16px}.play-page .wheel-wrap{width:min(570px,66vh,88vw)}}
@media(max-width:600px){.play-page .play-shell{padding:18px 14px 38px}.play-page .brand{margin-bottom:22px;padding:0 3px 17px}.play-page .brand-mark{width:43px;height:43px}.play-page .brand h1{font-size:17px}.play-page .wheel-wrap{width:min(92vw,55vh)}.play-page .hub{width:82px;height:82px}.play-page .batch-control{border-radius:3px}.play-page .history-panel{border-radius:3px}.play-page .result-card{border-radius:5px;padding:26px 22px}}