*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#0b1020,#22264a);color:#f8fafc;font-family:system-ui,Arial,sans-serif}main{max-width:1100px;margin:auto;padding:24px 16px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{color:#facc15;font-size:clamp(22px,4vw,36px)}a{color:#93c5fd}.panel{background:#202a42;border:1px solid #475569;border-radius:22px;padding:22px;margin:20px auto;box-shadow:0 12px 40px #0003}.wheelpanel{text-align:center}.wheelwrap{position:relative;width:min(100%,580px);margin:auto}canvas{display:block;width:100%;height:auto}.pointer{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:48px;color:#fde047;text-shadow:0 2px 6px #000;line-height:1}button{border:0;background:#facc15;color:#111827;font-size:18px;font-weight:800;border-radius:12px;padding:14px 24px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#spin{width:min(100%,580px);margin:18px 0}#result{color:#86efac;min-height:34px}#notice,.muted{color:#cbd5e1}input{width:100%;padding:10px;border:1px solid #64748b;background:#0f172a;color:white;border-radius:8px;font:inherit}label{display:block;margin:12px 0 5px}form{max-width:500px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.prize{border:1px solid #64748b;padding:14px;border-radius:12px}.prize img{width:72px;height:72px;object-fit:cover;border-radius:8px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.danger{background:#fb7185}.secondary{background:#94a3b8}small{color:#cbd5e1}#status{min-height:24px}hr{border:0;border-top:1px solid #475569;margin:24px 0}