:root{--bg:#07132d;--panel:#0e2145;--lime:#bfff00;--ink:#f4f8ff;--mut:#9fb2d6;--red:#b3261e}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.dr-top{display:flex;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.dr-grow{flex:1}.dr-back{color:var(--mut);text-decoration:none}
.dr-btn{background:var(--lime);color:#07132d;border:0;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer;font-size:15px}.dr-btn:hover{filter:brightness(1.08)}
.dr-ghost{background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.3)}.dr-danger{background:var(--red);color:#fff}
.dr-main{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:20px;padding:16px;min-height:calc(100vh - 72px)}
.dr-setup{background:var(--panel);border-radius:14px;padding:16px;align-self:start}.dr-setup h2,.dr-setup h3{margin:.2em 0 .5em}
.dr-setup label{display:block;margin:10px 0 4px;color:var(--mut);font-size:14px}.dr-setup input,.dr-setup select,.dr-setup textarea{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#081a3a;color:var(--ink);font-size:15px}
.dr-row{display:flex;gap:8px;align-items:center;margin:8px 0}.dr-row select{flex:1}.dr-muted{color:var(--mut);margin:.2em 0}.dr-msg{min-height:1.3em;color:var(--lime);font-weight:700}
.dr-new{margin:10px 0;padding:8px 10px;border:1px dashed rgba(255,255,255,.25);border-radius:10px}.dr-new summary{cursor:pointer;font-weight:700}
.dr-gate{grid-column:1/-1;font-size:20px;text-align:center;padding:60px 0}.dr-gate a{color:var(--lime)}
.dr-stage{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 0;position:relative}
.dr-prize{margin:0;color:var(--lime);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(16px,2.4vw,30px)}
.dr-stage h1{margin:.1em 0;font-size:clamp(28px,5vw,64px)}.dr-pool{color:var(--mut);margin:0 0 14px;font-size:clamp(14px,1.6vw,22px)}
.dr-reel{position:relative;width:min(900px,92%);height:calc(var(--row) * 5);--row:clamp(52px,9vh,96px);overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#0b1d3f,#0e2a57,#0b1d3f);border:2px solid rgba(191,255,0,.45);box-shadow:0 0 40px rgba(191,255,0,.15) inset}
.dr-strip{position:absolute;left:0;right:0;top:0;will-change:transform}
.dr-item{height:var(--row);line-height:var(--row);font-size:calc(var(--row) * .52);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 20px;opacity:.55}
.dr-mark{position:absolute;left:0;right:0;top:calc(var(--row) * 2);height:var(--row);border-top:3px solid var(--lime);border-bottom:3px solid var(--lime);background:rgba(191,255,0,.1);pointer-events:none}
.dr-reel::before,.dr-reel::after{content:"";position:absolute;left:0;right:0;height:calc(var(--row) * 1.6);z-index:2;pointer-events:none}
.dr-reel::before{top:0;background:linear-gradient(#0b1d3f,transparent)}.dr-reel::after{bottom:0;background:linear-gradient(transparent,#0b1d3f)}
.dr-go{margin:22px 0 4px;background:var(--lime);color:#07132d;border:0;border-radius:18px;padding:16px 70px;font-size:clamp(24px,3.6vw,48px);font-weight:900;letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 30px rgba(191,255,0,.35)}
.dr-go:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.dr-hint{color:var(--mut);margin:.2em 0;font-size:14px}
.dr-winner{margin:18px 0 0;padding:18px 36px;border-radius:20px;background:rgba(191,255,0,.14);border:2px solid var(--lime);animation:drPop .6s ease-out}
.dr-winner small{display:block;letter-spacing:.3em;color:var(--lime);font-weight:800}.dr-winner strong{display:block;font-size:clamp(34px,6.5vw,92px);line-height:1.1;margin:.1em 0}.dr-winner span{display:block;color:var(--mut);font-size:clamp(16px,2vw,28px)}
.dr-winner .dr-btn{margin-top:10px}
@keyframes drPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}
.dr-winners{list-style:none;margin:20px 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:1000px}
.dr-winners li{background:var(--panel);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 14px;font-weight:700}.dr-winners li.abs{opacity:.45;text-decoration:line-through}
.dr-confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}
body.proj .dr-top,body.proj .dr-setup,body.proj .dr-hint{display:none}body.proj .dr-main{grid-template-columns:1fr;min-height:100vh;align-content:center}
body.proj .dr-reel{--row:clamp(44px,8vh,90px)}
@media(max-width:820px){.dr-main{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dr-winner{animation:none}}