:root{--page:#f3faff;--card:#fff;--card2:#f8fcff;--soft:#eaf5ff;--text:#111827;--blue-text:#064b91;--muted:#4b647a;--border:#b9dcff;--border-soft:#d8ecff;--accent:#007bff;--accent-dark:#005bbf;--shadow:rgba(0,88,170,.12)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:12px;color:var(--text);font-family:"Segoe UI",system-ui,sans-serif;background:linear-gradient(135deg,#fff 0%,var(--page) 55%,#e7f4ff 100%)}button,input,textarea{font:inherit}.app-shell{width:min(1600px,100%);min-height:calc(100vh - 24px);margin:auto;display:grid;grid-template-columns:minmax(230px,1fr) minmax(480px,2.2fr) minmax(230px,1fr);gap:12px}.panel{min-width:0;padding:16px;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 24px var(--shadow)}.wheel-panel{position:relative;border-width:2px}.wheel-panel:after{content:"";position:absolute;inset:-2px;border:1px dashed rgba(0,123,255,.42);border-radius:18px;pointer-events:none;animation:breathe 1.5s linear infinite}@keyframes breathe{50%{opacity:.55;border-color:rgba(0,91,191,.24)}}.panel-heading,.brand-row,.controls,.mini-actions,.decision-row{display:flex;align-items:center}.panel-heading{justify-content:space-between;gap:10px}.panel-heading h2{margin:0;color:var(--blue-text);font-size:1rem;text-transform:uppercase}.count,.total-pill{padding:6px 12px;border:1px solid var(--border-soft);border-radius:999px;background:#fff;color:var(--blue-text);font-weight:900}.count.solid{color:#fff;border:0;background:linear-gradient(135deg,#1ea7ff,var(--accent-dark));box-shadow:0 5px 14px rgba(0,91,191,.22)}.mini-actions{justify-content:space-between;margin:12px 0 8px}.text-btn{border:0;background:transparent;color:var(--blue-text);font-weight:800;cursor:pointer}.text-btn.danger{color:#dc2626}input,textarea{border:1px solid var(--border-soft);outline:0;background:#fff;box-shadow:0 4px 12px rgba(0,88,170,.08)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,123,255,.12)}input[type=search]{width:100%;padding:11px 12px;border-radius:9px}textarea{flex:1;min-height:260px;margin:10px 0;padding:12px;border-radius:10px;resize:none}.btn{min-height:44px;padding:10px 16px;border-radius:9px;border:0;font-weight:900;text-transform:uppercase;cursor:pointer;transition:.18s transform,.18s filter,.18s box-shadow}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn.primary{color:#fff;background:linear-gradient(135deg,#1ea7ff,var(--accent-dark));border:1px solid #1ea7ff;box-shadow:0 5px 14px rgba(0,91,191,.22)}.btn.secondary{color:var(--blue-text);background:#f4faff;border:1px solid var(--border)}.file-btn{margin-top:10px;text-align:center}.file-btn input{display:none}.brand-row{justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--border-soft)}.main-logo{width:min(330px,52%);height:68px;object-fit:contain}.total-pill{white-space:nowrap;color:var(--text)}.wheel-stage{position:relative;flex:1;min-height:440px;display:grid;place-items:center;overflow:hidden}.wheel-stage canvas{width:min(68vh,620px,90%);height:auto;aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 14px 24px rgba(0,88,170,.18))}.pointer{position:absolute;top:calc(50% - min(34vh,310px) - 10px);left:50%;z-index:3;translate:-50% 0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid var(--accent-dark);filter:drop-shadow(0 3px 3px #fff)}.running-name{position:absolute;left:50%;bottom:18px;translate:-50% 0;max-width:70%;padding:8px 18px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);color:var(--blue-text);font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--border-soft)}.time-pill{padding:7px 12px;border:1px solid var(--border-soft);border-radius:999px;background:#fff;color:var(--blue-text);font-weight:800;white-space:nowrap}.time-pill input{width:52px;padding:4px;text-align:center;border-radius:7px}.spin-btn{min-width:170px;font-size:1.1rem}.list{flex:1;margin:14px 0;overflow:auto;border:1px solid var(--border-soft);border-radius:12px;background:#fff;padding:8px}.list.empty{display:grid;place-items:center;color:var(--muted)}.winner-item,.history-item{display:flex;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid var(--border-soft);color:var(--blue-text);font-weight:800}.attendance-history{margin-top:10px;color:var(--blue-text)}.attendance-history summary{cursor:pointer;font-weight:900}.history-list{margin-top:8px;color:var(--muted);font-size:.86rem}.winner-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(0,40,90,.25);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.3s}.winner-overlay.active{opacity:1;pointer-events:auto}.fireworks-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:url("assets/fireworks-fallback.png") center/cover}.celebration-card{position:relative;width:min(940px,92vw);padding:44px 54px 36px;text-align:center;border:2px solid var(--border);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,252,255,.95));box-shadow:0 18px 50px rgba(0,88,170,.24)}.celebration-card:after{content:"";position:absolute;inset:-12px;border:3px dashed rgba(255,255,255,.85);border-radius:30px;animation:breathe 1.5s infinite}.congrats{position:relative;z-index:1;margin:0 0 24px;color:var(--blue-text);font-size:clamp(1.2rem,3vw,2rem);font-weight:900;text-transform:uppercase}.winner-name{position:relative;z-index:1;padding:28px 20px;border:2px solid var(--border);border-radius:17px;background:linear-gradient(180deg,#fff,var(--soft));box-shadow:inset 0 0 0 2px #fff,0 8px 20px var(--shadow);color:#003b73;font-size:clamp(2.8rem,7vw,6rem);font-weight:900;overflow-wrap:anywhere}.popup-logo{position:relative;z-index:1;display:block;width:min(440px,70%);height:92px;object-fit:contain;margin:18px auto}.decision-row{position:relative;z-index:1;justify-content:center;gap:14px}.decision-row .btn{min-width:210px}.reject{color:var(--blue-text);background:#fff;border:1px solid var(--border);box-shadow:0 5px 14px var(--shadow)}.decision-note{position:relative;z-index:1;margin:12px 0 0;color:var(--muted);font-size:.85rem}
@media(max-width:1000px){body{overflow:auto}.app-shell{grid-template-columns:1fr}.panel{min-height:500px}.wheel-panel{order:-1}.wheel-stage{min-height:520px}}@media(max-width:600px){body{padding:6px}.panel{padding:12px;border-radius:14px}.brand-row,.controls{flex-wrap:wrap}.main-logo{width:100%;max-width:300px}.total-pill{margin:auto}.controls>*{flex:1}.wheel-stage{min-height:400px}.celebration-card{padding:30px 18px}.decision-row{flex-direction:column}.decision-row .btn{width:100%}.popup-logo{width:88%}}

/* Logo trang người dùng luôn nằm đúng giữa, độc lập với bộ đếm bên phải. */
.brand-row{position:relative;justify-content:center;min-height:82px;padding-left:150px;padding-right:150px}
.main-logo{display:block;width:min(330px,100%);margin-left:auto;margin-right:auto}
.brand-row .total-pill{position:absolute;right:0;top:50%;translate:0 -50%}
@media(max-width:600px){.brand-row{padding:0 0 56px}.brand-row .total-pill{top:auto;right:50%;bottom:10px;translate:50% 0;margin:auto}}

/* Màn trúng thưởng chỉ dùng nền trắng-xanh, không dùng video hoặc ảnh pháo hoa. */
.winner-overlay{background:rgba(243,250,255,.9);backdrop-filter:blur(10px)}
.fireworks-video{display:none}
.celebration-card{background:linear-gradient(180deg,#fff 0%,#f8fcff 100%);box-shadow:0 18px 50px rgba(0,88,170,.2)}
.celebration-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.celebration-card{z-index:3;animation:winnerCardIn .52s cubic-bezier(.18,.89,.32,1.28)}
.winner-name{animation:winnerGlow 1.8s ease-in-out infinite alternate}
.congrats{animation:congratsShine 1.7s ease-in-out infinite}
@keyframes winnerCardIn{from{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:none}}
@keyframes winnerGlow{to{box-shadow:inset 0 0 0 2px #fff,0 10px 28px rgba(0,123,255,.25),0 0 18px rgba(30,167,255,.16)}}
@keyframes congratsShine{50%{color:#007bff;text-shadow:0 0 18px rgba(30,167,255,.35)}}
.sound-toggle{position:fixed;right:18px;bottom:18px;z-index:110;min-height:42px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 6px 18px var(--shadow);color:var(--blue-text);font-weight:900;cursor:pointer;backdrop-filter:blur(10px)}
.sound-toggle[aria-pressed="false"]{color:var(--muted);filter:grayscale(1)}
.celebration-card{width:min(760px,88vw);padding:30px 38px 26px;border-radius:20px}
.celebration-card:after{inset:-9px;border-width:2px;border-radius:25px}
.congrats{margin-bottom:17px;font-size:clamp(1.05rem,2.3vw,1.65rem)}
.winner-name{padding:20px 16px;font-size:clamp(2.4rem,5.5vw,4.8rem)}
.popup-logo{width:min(360px,66%);height:72px;margin:12px auto}
.decision-row .btn{min-width:190px;min-height:42px;padding:9px 15px;font-size:.9rem}
.decision-note{margin-top:8px;font-size:.8rem}

.winner-mode{margin-top:8px;font-size:12px;font-weight:700;opacity:.78;letter-spacing:.2px}.api-warning{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:80;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;padding:9px 13px;border-radius:10px;font:700 11px/1.35 Arial,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.12)}

/* Bản standalone: kết quả nằm ngay bên trong vòng quay. */
.wheel-wrap{position:relative;width:min(68vh,620px,90%);aspect-ratio:1;display:grid;place-items:center}
.wheel-stage .wheel-wrap canvas{display:block;width:100%;height:100%}
.wheel-wrap .pointer{top:-30px}
.winner-result{position:absolute;inset:50% auto auto 50%;z-index:4;translate:-50% -50%;width:min(68%,400px);padding:18px 16px;border:2px solid var(--border);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(0,88,170,.2);text-align:center}
.winner-result[hidden]{display:none}
.inline-congrats{margin:0 0 9px;color:var(--blue-text);font-size:clamp(.76rem,1.8vw,1.08rem);font-weight:900;text-transform:uppercase}
.inline-winner-name{color:#003b73;font-size:clamp(1.35rem,4vw,2.7rem);font-weight:900;overflow-wrap:anywhere}
.inline-winner-mode{margin-top:5px;color:var(--muted);font-size:.76rem;font-weight:800}
.inline-decisions{justify-content:center;gap:8px;margin-top:13px}
.inline-decisions .btn{min-width:0;min-height:38px;padding:8px 12px;font-size:.72rem}
@media(max-width:600px){.winner-result{width:76%;padding:13px 11px}.inline-decisions{flex-direction:row}.inline-decisions .btn{width:auto;flex:1}.wheel-wrap .pointer{top:-30px}}

/* Giao diện kết quả V2: logo rõ hơn, tên chạy và kết quả cùng nằm trong vòng quay. */
.main-logo{width:min(420px,100%);height:82px}
.spin-account-ticker{position:absolute;inset:50% auto auto 50%;z-index:4;translate:-50% -50%;width:min(64%,390px);padding:13px 18px;border:2px solid rgba(255,255,255,.95);border-radius:18px;background:linear-gradient(135deg,#168acb,#006fd6);box-shadow:0 12px 28px rgba(0,91,191,.28);color:#fff;text-align:center}
.spin-account-ticker[hidden]{display:none}
.spin-account-ticker span{display:block;margin-bottom:5px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.spin-account-ticker strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.25rem,3.4vw,2.35rem);line-height:1.15}
.winner-result{width:min(72%,430px);padding:18px 20px 17px;border:2px solid #8fcaff;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,248,255,.98));box-shadow:0 16px 36px rgba(0,88,170,.25),inset 0 0 0 4px rgba(255,255,255,.8)}
.winner-result-logo{display:block;width:min(180px,72%);height:58px;margin:0 auto 7px;object-fit:contain}
.inline-congrats{margin:0 0 8px;color:#064b91;font-size:clamp(.72rem,1.55vw,1rem);letter-spacing:.025em}
.inline-winner-name{padding:8px 10px;border:1px solid #cce8ff;border-radius:13px;background:#fff;color:#0056a6;font-size:clamp(1.5rem,4.2vw,3rem);line-height:1.05;box-shadow:inset 0 0 14px rgba(0,123,255,.06)}
.inline-winner-mode{margin-top:6px;font-size:.72rem}
.inline-decisions{margin-top:11px}
.inline-decisions .btn{border-radius:10px;font-size:.7rem}
@media(max-width:600px){.main-logo{height:72px}.spin-account-ticker{width:72%;padding:10px 12px}.winner-result{width:80%;padding:10px 11px;border-radius:17px}.winner-result-logo{width:min(125px,65%);height:38px;margin-bottom:4px}.inline-congrats{margin-bottom:5px;font-size:.62rem}.inline-winner-name{padding:6px 7px;font-size:1.45rem}.inline-winner-mode{margin-top:4px;font-size:.6rem}.inline-decisions{margin-top:7px;gap:6px}.inline-decisions .btn{min-height:32px;padding:5px 7px;font-size:.58rem}}
.refresh-btn{min-width:135px}
@media(max-width:600px){.refresh-btn{min-width:0}}

/* V4: biểu tượng tròn ở tâm và lớp confetti ăn mừng trong vòng quay. */
.wheel-center-logo{position:absolute;inset:50% auto auto 50%;z-index:2;translate:-50% -50%;width:clamp(72px,16%,108px);aspect-ratio:1;border:5px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 7px 20px rgba(0,70,140,.3);pointer-events:none}
.wheel-celebration{position:absolute;inset:0;z-index:3;width:100%;height:100%;border-radius:50%;pointer-events:none}
.winner-result .inline-decisions{margin-top:12px}
@media(max-width:600px){.wheel-center-logo{width:68px;border-width:4px}.winner-result .inline-decisions{margin-top:8px}}

/* V5: màn ăn mừng nhiều lớp nhưng vẫn gói gọn trong vòng quay. */
.wheel-wrap.celebrating::before{content:"";position:absolute;inset:7%;z-index:2;border:4px solid rgba(255,214,10,.9);border-radius:50%;box-shadow:0 0 18px #ffd60a,0 0 42px rgba(255,176,0,.72),inset 0 0 26px rgba(255,255,255,.55);pointer-events:none;animation:celebrationRing 1.15s ease-out 4}
.wheel-wrap.celebrating .winner-result{animation:winnerCardPop .68s cubic-bezier(.2,1.4,.35,1),winnerCardGlow 1.15s ease-in-out .68s 4 alternate}
.wheel-wrap.celebrating .winner-result-logo{animation:winnerLogoLift .75s cubic-bezier(.2,1.35,.3,1)}
.wheel-wrap.celebrating .inline-winner-name{background:linear-gradient(110deg,#fff 12%,#fff3b0 34%,#fff 55%,#e7f5ff 78%);background-size:230% 100%;color:#0056a6;animation:winnerNameShine 1.15s ease-in-out .45s 4}
@keyframes celebrationRing{0%{opacity:0;scale:.72}35%{opacity:1}100%{opacity:0;scale:1.12}}
@keyframes winnerCardPop{0%{opacity:0;scale:.72;translate:-50% -44%}100%{opacity:1;scale:1;translate:-50% -50%}}
@keyframes winnerCardGlow{to{border-color:#ffd60a;box-shadow:0 18px 44px rgba(0,88,170,.3),0 0 32px rgba(255,214,10,.7),inset 0 0 0 4px rgba(255,255,255,.9)}}
@keyframes winnerLogoLift{0%{opacity:0;transform:translateY(12px) scale(.75)}100%{opacity:1;transform:none}}
@keyframes winnerNameShine{0%,100%{background-position:100% 0;transform:scale(1)}50%{background-position:0 0;transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.wheel-wrap.celebrating::before,.wheel-wrap.celebrating .winner-result,.wheel-wrap.celebrating .winner-result-logo,.wheel-wrap.celebrating .inline-winner-name{animation:none}}

/* V6: vòng quay thích ứng, tránh sọc khi danh sách có hàng trăm tài khoản. */
.wheel-stage{background:radial-gradient(circle at 50% 48%,rgba(219,241,255,.72),rgba(255,255,255,0) 58%)}
.wheel-wrap{filter:drop-shadow(0 18px 28px rgba(0,74,150,.24))}
.wheel-stage .wheel-wrap canvas{filter:none}
.wheel-wrap .pointer{top:-38px;width:44px;height:48px;border:0;background:linear-gradient(180deg,#ffd60a 0 18%,#0a7ed1 18% 100%);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 4px 3px rgba(0,61,124,.3)) drop-shadow(0 0 2px #fff)}
.wheel-center-logo{width:clamp(92px,18%,128px);border-width:7px;box-shadow:0 9px 24px rgba(0,55,120,.38),0 0 0 3px rgba(255,214,102,.85)}
@media(max-width:600px){.wheel-wrap .pointer{top:-31px;width:36px;height:41px}.wheel-center-logo{width:82px;border-width:5px}}

/* V7: phong cách premium dịu mắt, chỉ dùng xanh - trắng - vàng. */
.wheel-stage{background:radial-gradient(circle at 50% 48%,rgba(224,244,255,.62),rgba(255,255,255,0) 60%)}
.wheel-wrap{filter:drop-shadow(0 20px 32px rgba(0,65,128,.2))}
.wheel-wrap .pointer{background:linear-gradient(180deg,#ffd65a 0 22%,#064b91 22% 100%);filter:drop-shadow(0 4px 4px rgba(0,52,105,.28))}
.wheel-center-logo{box-shadow:0 10px 26px rgba(0,55,120,.32),0 0 0 4px rgba(255,214,90,.8)}
.running-name{border-color:#a9d8fb;background:rgba(255,255,255,.96);box-shadow:0 6px 16px rgba(0,75,145,.12)}
.spin-account-ticker{border-color:#ffd65a;background:linear-gradient(135deg,#075ba8,#06417b);box-shadow:0 12px 28px rgba(0,65,128,.25)}

/* V8: nhiều lát có tên như mẫu và pháo hoa phủ toàn màn hình. */
.wheel-wrap{width:min(76vh,720px,96%)}
.wheel-stage{min-height:500px;background:radial-gradient(circle at 50% 48%,rgba(232,243,255,.72),rgba(255,244,246,.26) 60%,rgba(255,255,255,0) 72%)}
.wheel-center-logo{width:clamp(96px,19%,136px)}
.screen-fireworks{position:fixed;inset:0;z-index:120;width:100vw;height:100vh;pointer-events:none}
body.fireworks-active::before{content:"";position:fixed;inset:0;z-index:110;background:radial-gradient(circle at 50% 45%,rgba(3,38,83,.08),rgba(0,17,48,.4));pointer-events:none;animation:fireworksBackdropIn .35s ease-out both}
.wheel-wrap.celebrating{z-index:130}
@keyframes fireworksBackdropIn{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.wheel-wrap{width:min(72vh,96%)}.wheel-stage{min-height:410px}.wheel-center-logo{width:86px}}

/* V8 Light: mũi tên xanh và không gian xanh - trắng sáng, dịu mắt hơn. */
:root{
  --page:#f7fcff;
  --card:#ffffff;
  --card2:#fbfdff;
  --soft:#eef8ff;
  --border:#cce9ff;
  --border-soft:#e2f2ff;
  --shadow:rgba(35,117,178,.08)
}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(199,235,255,.36),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f8fcff 54%,#edf8ff 100%)
}
.panel{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  border-color:#d4ecff;
  box-shadow:0 9px 26px rgba(36,115,173,.08)
}
.wheel-stage{
  background:radial-gradient(circle at 50% 48%,rgba(217,242,255,.52),rgba(248,252,255,.22) 63%,rgba(255,255,255,0) 75%)
}
.wheel-wrap{
  filter:drop-shadow(0 18px 30px rgba(22,101,162,.16))
}
.wheel-wrap .pointer{
  background:linear-gradient(180deg,#32b9ff 0%,#0879d1 48%,#075aa8 100%);
  filter:drop-shadow(0 4px 4px rgba(0,75,145,.26)) drop-shadow(0 0 2px rgba(255,255,255,.95))
}
.running-name{
  border-color:#c8e7ff;
  background:rgba(255,255,255,.98);
  box-shadow:0 6px 16px rgba(25,105,168,.09)
}
body.fireworks-active::before{
  background:radial-gradient(circle at 50% 45%,rgba(242,250,255,.08),rgba(170,216,247,.32));
  backdrop-filter:blur(1.5px) saturate(.92)
}

/* V8 Light 2: trung tâm trắng, hai bên xanh-trắng và kim luôn hiện đủ ở zoom 100%. */
.wheel-panel{
  background:#ffffff
}
.players-panel,
.winners-panel{
  background:
    linear-gradient(155deg,rgba(225,245,255,.92) 0%,rgba(246,252,255,.98) 42%,#ffffff 100%);
  border-color:#c4e5fb;
  box-shadow:0 10px 28px rgba(27,112,174,.1)
}
.wheel-stage{
  padding:46px 0 12px;
  background:radial-gradient(circle at 50% 50%,rgba(228,247,255,.46),rgba(255,255,255,0) 72%)
}
.wheel-wrap{
  width:min(68vh,620px,90%)
}
.wheel-wrap .pointer{
  top:-38px;
  z-index:6
}
@media(max-height:820px) and (min-width:1001px){
  .wheel-stage{padding-top:42px}
  .wheel-wrap{width:min(62vh,570px,88%)}
}
@media(max-width:600px){
  .wheel-stage{padding:38px 0 10px}
  .wheel-wrap{width:min(66vh,92%)}
  .wheel-wrap .pointer{top:-31px}
}

/* Nút xử lý kết quả: lớn hơn và tách nhau rõ ràng. */
.winner-result .inline-decisions{
  gap:24px;
  margin-top:16px
}
.winner-result .inline-decisions .btn{
  flex:0 0 auto;
  min-width:145px;
  min-height:48px;
  padding:11px 22px;
  border-radius:12px;
  font-size:.82rem
}
@media(max-width:600px){
  .winner-result .inline-decisions{gap:10px;margin-top:10px}
  .winner-result .inline-decisions .btn{flex:1 1 0;min-width:0;min-height:42px;padding:8px 10px;font-size:.68rem}
}

/* V3: thu nhỏ nhẹ vòng logo trung tâm, giữ nguyên kích thước bánh xe. */
.wheel-center-logo{
  width:clamp(84px,16.5%,116px);
  border-width:6px
}
@media(max-width:600px){.wheel-center-logo{width:74px;border-width:5px}}


.search-result-count{
  min-height:18px;
  margin:-2px 2px 6px;
  font-size:12px;
  color:#64748b;
}
.inline-winner-reward{
  margin:8px auto 2px;
  max-width:90%;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,214,90,.85);
  color:#7a5500;
  font-weight:800;
  font-size:13px;
  text-align:center;
}
.winner-item small{font-size:11px;color:#64748b;font-weight:600}
