*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#f7f4ee;--muted:#f7f4ee9e;--dim:#f7f4ee5c;--panel:#fff;--line:#ffffff26;--gold:#d8b76a;--blue:#0071e3;--red:#c0392b;--green:#1a7a1a}body{color:#1d1d1f;-webkit-font-smoothing:antialiased;background:#05050a;flex-direction:column;min-height:100vh;padding-top:44px;font-family:-apple-system,SF Pro Text,Inter,sans-serif;display:flex}.draw-page{background:radial-gradient(circle at 18% 6%,#d8b76a3d,#0000 30%),radial-gradient(circle at 84% 12%,#0071e32e,#0000 28%),linear-gradient(#070711 0%,#11111d 58%,#f2f2f7 58% 100%);min-height:calc(100vh - 44px);position:relative;overflow:hidden}.draw-page:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:70px 70px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 62%)}.draw-shell{max-width:1220px;margin:0 auto;padding:38px 32px 72px;position:relative}.draw-hero{color:var(--ink);grid-template-columns:minmax(0,1fr) 380px;align-items:end;gap:34px;padding:18px 0 30px;display:grid}.draw-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:14px;font-size:10px;font-weight:900}.draw-title{letter-spacing:-.075em;max-width:760px;font-size:clamp(42px,6.8vw,86px);font-weight:900;line-height:.9}.draw-title span{color:var(--gold);display:block}.draw-sub{color:var(--muted);max-width:700px;margin-top:18px;font-size:17px;font-weight:500;line-height:1.6}.hero-status{backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff21;border-radius:30px;padding:20px;box-shadow:0 30px 80px #00000042}.status-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff61;margin-bottom:10px;font-size:9px;font-weight:900}.status-team{align-items:center;gap:12px;display:flex}.status-logo{object-fit:contain;filter:drop-shadow(0 12px 20px #00000038);width:52px;height:52px}.status-name{letter-spacing:-.055em;color:#fff;font-size:25px;font-weight:900;line-height:1}.status-copy{color:#ffffff8a;margin-top:5px;font-size:12px;font-weight:650;line-height:1.45}.draw-board{grid-template-columns:350px minmax(0,1fr);align-items:start;gap:18px;display:grid}.ceremony-card,.rules-card,.groups-card,.pots-card{backdrop-filter:blur(22px);background:#ffffffe0;border:1px solid #e1e1e8eb;border-radius:30px;box-shadow:0 22px 64px #14141e1a}.ceremony-card{padding:22px;position:sticky;top:62px;overflow:hidden}.ceremony-card:before{content:"";background:radial-gradient(circle,#d8b76a3d,#0000 68%);border-radius:50%;width:230px;height:230px;position:absolute;top:-90px;right:-90px}.card-step{letter-spacing:.16em;text-transform:uppercase;color:#aeaeb2;margin-bottom:8px;font-size:9px;font-weight:900}.card-title{letter-spacing:-.055em;font-size:25px;font-weight:900;line-height:1.05}.card-copy{color:#6e6e73;margin-top:8px;font-size:13px;font-weight:600;line-height:1.55}.draw-ball-stage{background:linear-gradient(145deg,#111827,#1f2937);border-radius:28px;justify-content:center;align-items:center;min-height:224px;margin:20px 0 16px;display:flex;position:relative;overflow:hidden}.draw-ball-stage:before{content:"";background:conic-gradient(from 120deg,#d8b76a14,#ffffff0d,#0071e31a,#d8b76a14);animation:6s linear infinite stageSweep;position:absolute;inset:-80px}@keyframes stageSweep{to{transform:rotate(360deg)}}.draw-ball{z-index:2;background:radial-gradient(circle at 34% 28%,#fff,#f6f2e8 48%,#d8b76a 100%);border-radius:50%;justify-content:center;align-items:center;width:154px;height:154px;transition:transform .35s,filter .35s;display:flex;position:relative;transform:scale(.92);box-shadow:inset -18px -22px 40px #825b1440,0 26px 54px #00000052}.draw-ball.active{filter:saturate(1.1);transform:scale(1.04)}.draw-ball img{object-fit:contain;filter:drop-shadow(0 8px 14px #0003);width:76px;height:76px}.draw-ball.idle img{opacity:.34}.ball-glint{filter:blur(3px);background:#ffffff8f;border-radius:50%;width:38px;height:22px;position:absolute;top:24px;left:28px;transform:rotate(-22deg)}.ball-caption{text-align:center}.ball-team{letter-spacing:-.055em;color:#1d1d1f;margin-top:7px;font-size:22px;font-weight:900}.ball-meta{letter-spacing:.14em;text-transform:uppercase;color:#6e6e73;margin-top:4px;font-size:10px;font-weight:900}.draw-actions{flex-wrap:wrap;gap:9px;display:flex;position:relative}.draw-actions.complete #beginDraw,.draw-actions.complete #skipDraw{display:none}.draw-btn{cursor:pointer;border:none;border-radius:999px;padding:12px 14px;font-family:inherit;font-size:12px;font-weight:900;transition:transform .16s,box-shadow .16s,opacity .16s}.draw-btn.primary{color:#fff;background:linear-gradient(135deg,#c0392b,#e85d4f);box-shadow:0 18px 40px #c0392b47}.draw-btn.dark{color:#fff;background:#111827}.draw-btn.light{color:#3a3a3c;background:#f5f5f7;border:1px solid #e5e5ea}.draw-btn:hover:not(:disabled){transform:translateY(-2px)}.draw-btn:disabled{opacity:.42;cursor:not-allowed}.ceremony-next{color:#fff;background:linear-gradient(135deg,#111827,#202334);border-radius:20px;margin-top:14px;padding:14px;display:none;box-shadow:0 18px 44px #11182738}.ceremony-next.visible{animation:.42s ease-out nextReveal;display:block}.ceremony-next-head{letter-spacing:-.025em;align-items:center;gap:9px;margin-bottom:5px;font-size:15px;font-weight:900;display:flex}.ceremony-next-icon{color:#72d987;background:#64d27826;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;display:grid}.ceremony-next p{color:#ffffff9e;margin-bottom:11px;font-size:11px;font-weight:650;line-height:1.45}.ceremony-next .draw-btn{width:100%;padding:13px 16px}@keyframes nextReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rules-card{margin-top:14px;padding:20px}.rules-list{gap:9px;margin-top:14px;display:grid}.rule-row{color:#3a3a3c;align-items:flex-start;gap:10px;font-size:12px;font-weight:650;line-height:1.45;display:flex}.rule-num{color:#0071e3;background:#eef4ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:900;display:flex}.right-stack{gap:18px;display:grid}.pots-card{padding:20px}.pots-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.pot{background:#fff;border:1px solid #ececf1;border-radius:22px;min-height:164px;padding:13px}.pot-head{align-items:center;min-height:18px;margin-bottom:10px;display:flex}.pot-title{color:#1d1d1f;font-size:13px;font-weight:900}.pot-team{border-top:1px solid #f2f2f6;align-items:center;gap:8px;padding:7px 0;display:flex}.pot-team:first-of-type{border-top:none}.pot-team img{object-fit:contain;width:22px;height:22px}.pot-team span{color:#3a3a3c;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.pot-team.user span{color:#0071e3}.groups-card{padding:20px}.groups-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.draw-state{color:#6e6e73;white-space:nowrap;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.groups-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.group-card{background:#fff;border:1px solid #ececf1;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px #14141e0a}.group-title{color:#fff;background:linear-gradient(135deg,#111827,#1f2937);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.group-title strong{letter-spacing:-.04em;font-size:18px;font-weight:900}.group-title span{letter-spacing:.14em;text-transform:uppercase;color:#ffffff7a;font-size:9px;font-weight:900}.group-slots{gap:0;display:grid}.group-slot{border-top:1px solid #f2f2f6;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:62px;padding:11px 12px;transition:background .22s,transform .22s;display:grid}.group-slot.just-drawn{background:#fff8df;transform:scale(1.01)}.slot-logo{object-fit:contain;filter:drop-shadow(0 6px 10px #00000014);width:34px;height:34px}.slot-placeholder{background:#f5f5f7;border:1px dashed #d1d1d6;border-radius:50%;width:34px;height:34px}.slot-name{letter-spacing:-.025em;color:#1d1d1f;font-size:14px;font-weight:900}.slot-meta{letter-spacing:.12em;text-transform:uppercase;color:#aeaeb2;margin-top:2px;font-size:9px;font-weight:900}.slot-pot{color:#6e6e73;background:#f5f5f7;border-radius:999px;padding:5px 7px;font-size:10px;font-weight:900}.group-slot.user{background:linear-gradient(90deg,#0071e31a,#fff0)}.group-slot.user .slot-name{color:#0071e3}.next-card{color:#fff;background:linear-gradient(135deg,#11121d,#1b1b29);border:1px solid #ffffff1a;border-radius:30px;padding:20px;display:none;box-shadow:0 24px 70px #14141e29}.next-card.visible{grid-template-columns:1fr auto;align-items:center;gap:18px;display:grid}.next-title{letter-spacing:-.055em;margin-bottom:6px;font-size:24px;font-weight:900}.next-copy{color:#fff9;font-size:13px;font-weight:600;line-height:1.55}.mobile-next{display:none}.draw-toast{opacity:0;pointer-events:none;z-index:60;color:#fff;backdrop-filter:blur(20px);background:#14141ce0;border:1px solid #ffffff1f;border-radius:999px;padding:12px 16px;font-size:12px;font-weight:900;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,18px);box-shadow:0 20px 50px #00000047}.draw-toast.visible{opacity:1;transform:translate(-50%)}@media (width<=1020px){.draw-shell{padding:30px 20px 58px}.draw-hero,.draw-board{grid-template-columns:1fr}.ceremony-card{position:relative;top:auto}.pots-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.draw-shell{padding:24px 16px 46px}.draw-title{font-size:46px}.draw-sub{font-size:15px}.hero-status{border-radius:24px}.groups-grid,.pots-grid,.groups-head,.next-card.visible{grid-template-columns:1fr}.groups-head{display:grid}.draw-state{justify-self:start}.draw-ball-stage{min-height:196px}.draw-ball{width:132px;height:132px}.draw-ball img{width:66px;height:66px}body.draw-complete .draw-shell{padding-bottom:118px}.mobile-next.visible{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:55;color:#fff;backdrop-filter:blur(22px);background:#11121df0;border:1px solid #ffffff1f;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px 11px 15px;animation:.42s ease-out nextReveal;display:flex;position:fixed;box-shadow:0 18px 55px #00000061}.mobile-next-copy{letter-spacing:.02em;font-size:11px;font-weight:900;line-height:1.2}.mobile-next-copy span{color:#ffffff7a;text-transform:uppercase;letter-spacing:.12em;margin-top:3px;font-size:9px;display:block}.mobile-next .draw-btn{white-space:nowrap;padding:12px 14px}}