.halo-minigame{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.halo-mg-card{max-width:760px;border:1px solid rgba(0,0,0,.12);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.08);background:rgba(255,255,255,.92);backdrop-filter:blur(6px)}
@media (prefers-color-scheme: dark){
  .halo-mg-card{background:rgba(20,20,20,.9);border-color:rgba(255,255,255,.12);box-shadow:0 12px 36px rgba(0,0,0,.5)}
}
.halo-mg-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.halo-mg-title{font-size:20px;font-weight:800;margin:0}
.halo-mg-badge{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.06)}
@media (prefers-color-scheme: dark){.halo-mg-badge{background:rgba(255,255,255,.08)}}
.halo-mg-grid{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}
@media (max-width:720px){.halo-mg-grid{grid-template-columns:1fr}}
.halo-mg-wheelwrap{display:flex;flex-direction:column;align-items:center;gap:10px}
.halo-mg-wheel{width:300px;height:300px;position:relative}
.halo-mg-wheel canvas{width:300px;height:300px;border-radius:50%;box-shadow:0 16px 42px rgba(0,0,0,.18)}
@media (prefers-color-scheme: dark){.halo-mg-wheel canvas{box-shadow:0 18px 46px rgba(0,0,0,.6)}}
.halo-mg-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:22px solid #ff3b30;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.halo-mg-playbtn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;background:#111;color:#fff;min-width:180px}
.halo-mg-playbtn:disabled{opacity:.5;cursor:not-allowed}
.halo-mg-taskbox{border:1px solid rgba(0,0,0,.10);border-radius:14px;padding:12px;margin-top:0;background:rgba(0,0,0,.02)}
@media (prefers-color-scheme: dark){.halo-mg-taskbox{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}}
.halo-mg-subtitle{font-weight:800;margin:4px 0 10px}
.halo-mg-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.halo-mg-form input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.16);background:#fff}
@media (prefers-color-scheme: dark){.halo-mg-form input{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.14);color:#fff}}
.halo-mg-form input:nth-child(1){grid-column:1/-1}
.halo-mg-btn{border:0;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer;background:rgba(0,0,0,.08)}
@media (prefers-color-scheme: dark){.halo-mg-btn{background:rgba(255,255,255,.10);color:#fff}}
.halo-mg-out{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px dashed rgba(0,0,0,.18)}
@media (prefers-color-scheme: dark){.halo-mg-out{border-color:rgba(255,255,255,.16)}}
.halo-mg-history ul{margin:8px 0 0 18px}
.halo-mg-history code{padding:2px 6px;border-radius:8px;background:rgba(0,0,0,.06)}
@media (prefers-color-scheme: dark){.halo-mg-history code{background:rgba(255,255,255,.10)}}
.halo-mg-win{font-size:14px;line-height:1.4}