/* Yexun mobile H5: airy lavender-space experience. */
.play-page{--space-ink:#2f2342;--space-muted:#716382;--space-violet:#7650a7;--space-line:rgba(91,62,126,.13);background:#e9e0f7 url("assets/purple-space-mobile.png") center top/cover fixed no-repeat;color:var(--space-ink)}
.play-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(251,249,255,.16),rgba(238,230,250,.34) 55%,rgba(218,203,241,.22))}
.play-page::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.28),transparent 52%)}
.play-page .ambient{display:none}.play-page .play-shell{width:min(1120px,94vw);padding-top:20px}
.play-page .brand{min-height:80px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--space-line)}.play-page .club-logo{width:100px;height:74px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(75,44,111,.17))}
.play-page .brand p{color:#7d649b}.play-page .brand h1{color:#2b203a;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-weight:680;letter-spacing:.06em}
.play-page .secure-badge{border-color:rgba(91,62,126,.14);background:rgba(255,255,255,.55);color:#5e4779;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px)}
.play-page .welcome span{color:#332544;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-weight:650}.play-page .welcome strong{border:1px solid rgba(94,66,128,.11);background:rgba(255,255,255,.62);color:#716382;box-shadow:0 6px 20px rgba(79,49,112,.08);backdrop-filter:blur(14px)}.play-page .welcome em{color:#7650a7}
.play-page .wheel-title{position:relative;width:max-content;max-width:92%;margin:20px auto 30px;padding:0 34px;text-align:center}
.play-page .wheel-title .title-line{display:inline-flex;align-items:flex-end;color:#382649;font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;font-size:34px;font-weight:800;line-height:1;letter-spacing:.12em;text-shadow:0 1px 0 rgba(255,255,255,.86),0 5px 18px rgba(63,38,84,.14)}.play-page .wheel-title .title-number,.play-page .wheel-title .title-text{display:block;line-height:1}.play-page .wheel-title .title-number{letter-spacing:.04em;margin-right:.08em}
.play-page .wheel{filter:drop-shadow(0 25px 35px rgba(70,40,103,.22)) drop-shadow(0 0 20px rgba(255,255,255,.35))}.play-page .pointer{border-top-color:#69458f;filter:drop-shadow(0 4px 5px rgba(73,42,104,.3))}.play-page .hub{border-color:rgba(255,255,255,.8);background:radial-gradient(circle at 35% 25%,#a986d2,#67418f 75%);box-shadow:0 0 0 7px rgba(255,255,255,.24),0 12px 30px rgba(72,39,105,.28);color:#fff}.play-page .hub small{color:#eee4fa}.play-page .status{color:var(--space-muted)}
.play-page .glass{border-color:rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(247,242,253,.58));box-shadow:0 22px 55px rgba(75,48,105,.12),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(22px) saturate(118%);-webkit-backdrop-filter:blur(22px) saturate(118%)}
.play-page .batch-control{border-radius:20px}.play-page .batch-control label{color:#342546}.play-page .batch-control small{color:var(--space-muted)}.play-page .stepper{border:1px solid rgba(91,62,126,.12);border-radius:13px;background:rgba(239,231,248,.74)}.play-page .stepper button,.play-page .stepper input{color:#4b3564}.play-page .stepper button:active{background:rgba(118,80,167,.12)}
.play-page .primary{border-radius:13px;background:linear-gradient(135deg,#8862b5,#6f489b);box-shadow:0 10px 24px rgba(93,55,135,.22);color:#fff}.play-page .primary:hover{background:linear-gradient(135deg,#9470bf,#7852a1)}.play-page .primary:active{filter:brightness(.94)}.play-page .secondary{border-radius:13px;background:rgba(118,80,167,.1);color:#5f447d}
.play-page .history-panel{border-radius:22px}.play-page .panel-title{border-color:var(--space-line)}.play-page .panel-title span{color:#8563aa}.play-page .panel-title h2{color:#302342;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-weight:650}.play-page .panel-title b{color:#755693}.play-page .empty{color:#82758f}.play-page .record{border-color:var(--space-line)}.play-page .record-index{border:1px solid rgba(115,79,155,.16);background:rgba(236,225,248,.78);color:#725198}.play-page .record strong{color:#372848;font-family:inherit}.play-page .record time{color:#7c6f88}
.play-page .modal-backdrop{background:rgba(53,36,73,.34);backdrop-filter:blur(10px)}.play-page .result-card{border:1px solid rgba(255,255,255,.76);border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(244,237,251,.97));box-shadow:0 35px 100px rgba(54,34,76,.3);color:#322343}.play-page .result-card>p,.play-page .result-card time{color:var(--space-muted)}.play-page .result-card h2{color:#30203f;font-family:inherit}.play-page .result-spark{color:#8a63b8;text-shadow:0 0 20px rgba(150,111,194,.22)}.play-page .result-history-block{border-color:var(--space-line);border-radius:14px;background:rgba(249,246,253,.88)}.play-page .result-history-head,.play-page .result-history-item{border-color:var(--space-line)}.play-page .result-history-head{color:#372848}.play-page .result-history-head span{color:var(--space-muted)}.play-page .result-history-item>span{border:1px solid rgba(117,81,155,.14);background:#eee5f8;color:#725198}.play-page .result-history-item strong{color:#382948}.play-page .result-history-item time{color:#7d7089}
@media(max-width:900px){.play-page .game-layout{gap:18px}.play-page .club-logo{width:88px;height:66px}}
@media(max-width:600px){.play-page{background-attachment:scroll;background-position:center top}.play-page .play-shell{width:100%;padding:max(10px,env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom))}.play-page .brand{min-height:62px;margin-bottom:12px;gap:10px;padding-bottom:10px}.play-page .club-logo{width:64px;height:50px}.play-page .brand p{font-size:7px;letter-spacing:.14em}.play-page .brand h1{font-size:15px;margin-top:2px}.play-page .game-layout{display:block}.play-page .wheel-column{width:100%}.play-page .welcome{justify-content:space-between;gap:8px;margin:4px 2px 2px;text-align:left}.play-page .welcome span{font-size:15px;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-page .welcome strong{padding:7px 12px;font-size:12px}.play-page .welcome em{font-size:18px}.play-page .wheel-wrap{width:min(91vw,360px);margin:0 auto}.play-page .wheel{width:94%;height:94%}.play-page .pointer{top:0;border-left-width:14px;border-right-width:14px;border-top-width:35px}.play-page .hub{width:82px;height:82px;border-width:6px}.play-page .hub span{font-size:27px}.play-page .hub small{font-size:8px}.play-page .status{margin:0 0 8px;min-height:21px;font-size:12px}.play-page .batch-control{display:grid;grid-template-columns:1fr auto;padding:14px;gap:12px;border-radius:18px}.play-page .batch-control>div:first-child{width:auto;margin:0}.play-page .batch-control small{font-size:10px;line-height:1.4}.play-page .stepper{height:46px}.play-page .stepper button{width:44px;min-height:44px}.play-page .stepper input{width:46px}.play-page .batch-control .primary,.play-page .batch-control .secondary{grid-column:1/-1;width:100%;min-height:48px;padding:13px 16px}.play-page .history-panel{margin-top:16px;border-radius:18px}.play-page .panel-title{padding:18px}.play-page .panel-title h2{font-size:18px}.play-page .history{max-height:none;padding:8px 14px 18px}.play-page .record{padding:13px 4px}.play-page .record-index{width:38px;height:38px}.play-page .modal{align-items:end;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.play-page .result-card{width:100%;max-height:88dvh;padding:24px 20px 18px;border-radius:24px}.play-page .result-card h2{font-size:25px}.play-page .result-history{max-height:26dvh}.play-page .result-card .primary{min-height:48px}}
@media(max-width:380px){.play-page .play-shell{padding-left:12px;padding-right:12px}.play-page .wheel-wrap{width:min(90vw,330px)}.play-page .brand p{display:none}.play-page .club-logo{width:58px}.play-page .batch-control{padding:12px}}
@media(orientation:landscape) and (max-height:560px){.play-page .wheel-wrap{width:min(58vh,310px)}.play-page .game-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.play-page .history-panel{margin-top:0}}
@media(prefers-reduced-motion:reduce){.play-page .wheel{transition-duration:.01ms!important}.play-page *{scroll-behavior:auto!important}}
@media(max-width:600px){.play-page .welcome strong{white-space:nowrap}}
.play-page .hub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;line-height:1}.play-page .hub span{display:block;margin:0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:31px;font-weight:600;line-height:1}.play-page .hub small{display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:9px;font-weight:600;line-height:1;letter-spacing:.22em;text-indent:.22em}
@media(max-width:600px){.play-page .hub{gap:4px}.play-page .hub span{font-size:27px}.play-page .hub small{font-size:8px}}
@media(max-width:600px){.play-page .wheel-title{margin:18px auto 27px;padding:0 24px}.play-page .wheel-title .title-line{font-size:28px;letter-spacing:.09em}}
@media(max-width:380px){.play-page .wheel-title{padding-left:18px;padding-right:18px}.play-page .wheel-title .title-line{font-size:25px}}