.public-draw{padding-top:8px;padding-bottom:8px;color:#101010}
.public-draw *{box-sizing:border-box}
.public-draw [hidden]{display:none!important}
.public-draw-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.public-draw h1{font-size:20px;line-height:1.2;margin:0}
#drawCount{font-size:10px;color:#73777c;white-space:nowrap}
#drawStatus{font-size:10px;line-height:1.4;margin:4px 0 8px;color:#526653;min-height:14px}
#drawStatus.error{color:#a42d23}
.roulette{background:#111;color:white;text-align:center;border-radius:14px;padding:10px 12px;margin-bottom:8px;overflow:hidden;border:2px solid #111}
.roulette small{display:block;text-transform:uppercase;letter-spacing:.8px;font-size:8px;color:#ffbf68;margin-bottom:5px}
.roulette strong{display:flex;align-items:center;justify-content:center;font-size:15px;height:36px;line-height:1.2;overflow:hidden;overflow-wrap:anywhere}
.roulette.spinning{border-color:var(--orange,#ff4b27);box-shadow:0 0 0 2px #ff4b2722}
.roulette.spinning strong{animation:roulette-roll .18s linear infinite}
@keyframes roulette-roll{0%{transform:translateY(-7px);opacity:.45}50%{transform:translateY(0);opacity:1}100%{transform:translateY(7px);opacity:.45}}
.public-quarters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.public-quarter{min-width:0;border:1px solid #dedede;border-radius:12px;background:white;overflow:hidden}
.public-quarter h2{font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin:0;padding:6px 8px;background:#f3f3f3;color:#666}
.public-slot{display:flex;gap:5px;align-items:center;min-height:46px;padding:5px 7px}
.public-slot+.public-slot{border-top:1px solid #eee}
.public-line{color:#888;font-size:8px;flex-shrink:0}
.public-slot strong{flex:1;min-width:0;font-size:11px;line-height:1.2;overflow-wrap:anywhere}
.public-slot.pending strong{font-weight:600;color:#999}
.public-seed{font-size:7px;background:#111;color:white;white-space:nowrap;border-radius:4px;padding:3px;flex-shrink:0}
.public-slot.revealed{animation:reveal-slot .6s ease-out;background:#fff0e7}
@keyframes reveal-slot{from{background:#ffb272}to{background:#fff0e7}}
.public-draw-actions{display:flex;gap:8px;margin-top:8px}
.public-draw-actions button,.public-draw-actions a{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px;border:0;border-radius:11px;background:var(--orange,#ff4b27);color:white;text-decoration:none;font-size:11px;font-weight:850;cursor:pointer}
.public-draw-actions a{background:#111}
.public-draw-actions button:disabled{opacity:.4;cursor:not-allowed}
.public-draw :focus-visible{outline:3px solid #147b9a;outline-offset:2px}
@media(min-width:600px){.public-slot{min-height:56px}.public-slot strong{font-size:14px}.public-quarter h2{font-size:11px}}
@media(max-height:650px) and (max-width:600px){.public-slot{min-height:40px}.roulette{padding:6px 10px}.roulette strong{height:30px}.public-draw h1{font-size:18px}}
@media(prefers-reduced-motion:reduce){.roulette.spinning strong,.public-slot.revealed{animation:none}}