/* The circle belongs to the wheel; the surrounding interface uses the site's hard edges. */
#wheel-card { border-radius:0 !important; }
#wheel-card #wheel-chip { border-radius:0;background:var(--ns-bg-soft);border-color:var(--ns-border);color:var(--ns-text-dim) !important;font-size:11px;white-space:nowrap; }
.boss-wheel-panel { border-radius:0; }
#wheel-container,.boss-wheel-stage { position:relative;aspect-ratio:1;min-height:0;padding:14px;margin:20px auto 16px;width:min(100%,310px);border:1px solid var(--ns-border);background:var(--ns-bg-soft); }
#wheel-container canvas,.boss-wheel-stage canvas { display:block;width:100%;max-width:280px;height:auto;aspect-ratio:1;filter:none !important; }
#wheel-pointer,.boss-wheel-pointer { position:absolute;top:6px;left:50%;transform:translateX(-50%);width:14px;height:23px;clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%);background:var(--ns-gold);border:0;filter:none;z-index:5; }
#wheel-spin-btn,.boss-wheel-spin { position:absolute;width:60px;height:60px;border-radius:0;padding:4px;border:2px solid var(--ns-gold);background:var(--ns-gold);color:var(--ns-on-accent);box-shadow:3px 3px 0 var(--ns-surface);font:800 11px/1.3 "Microsoft YaHei",sans-serif;letter-spacing:0;z-index:4; }
#wheel-spin-btn:hover:not(:disabled),.boss-wheel-spin:hover:not(:disabled) { border-color:var(--ns-text);transform:none; }
#wheel-spin-btn:focus-visible,.boss-wheel-spin:focus-visible { outline:2px solid var(--ns-text);outline-offset:4px; }
#wheel-spin-btn:disabled,.boss-wheel-spin:disabled { cursor:not-allowed;opacity:.65; }
.wheel-prize-key { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 20px;padding:0;list-style:none;border-top:1px solid var(--ns-border); }
.wheel-prize-key li { min-width:0;padding:9px 8px 9px 0;border-bottom:1px solid var(--ns-border);color:var(--ns-text-dim);font-size:11px;line-height:1.5;overflow-wrap:anywhere; }
.wheel-prize-key li::before { content:"";display:inline-block;width:5px;height:5px;background:var(--ns-gold);margin-right:7px;vertical-align:2px; }
#wheel-recent { border-top:1px solid var(--ns-border);padding-top:14px; }
#wheel-recent-list { line-height:1.8; }
#wheel-rules { background:var(--ns-bg-soft);border:1px solid var(--ns-border);border-radius:0;color:var(--ns-text-dim); }
#wheel-rules .text-white,#wheel-recent .font-bold { color:var(--ns-text) !important; }
.boss-wheel-stage.is-spinning .boss-wheel-pointer { animation:none; }
#wheel-result-overlay { backdrop-filter:none !important; }
#wheel-result-overlay > div { background:var(--ns-surface) !important;border:1px solid var(--ns-border) !important;border-radius:0 !important;box-shadow:var(--ns-shadow-md) !important;color:var(--ns-text); }
#wheel-result-name { color:var(--ns-text) !important; }
#wheel-result-detail,#wheel-result-remain { color:var(--ns-text-dim) !important; }
@media(max-width:400px) {
  #wheel-container,.boss-wheel-stage { padding:10px;width:min(100%,292px); }
  #wheel-card #wheel-chip { padding:5px 7px; }
}