#drawBuilderPage{background:radial-gradient(ellipse at 0 0,#650b203d,transparent 48%),radial-gradient(ellipse at 100% 35%,#bc00241c,transparent 45%),#08090c;color:#fff;min-height:100vh}
.draw-builder-shell{max-width:none;width:100%;box-sizing:border-box;padding-top:12px}
#drawBuilderPage .draw-builder-head>div>p:last-child{color:#b9adb1}
#drawBuilderPage .draw-calendar-section{width:100%;margin-top:20px}
#drawBuilderPage .calendar-tabs{background:#151015;border:1px solid #54212a;border-radius:12px;padding:6px}
#drawBuilderPage .calendar-tab{color:#dfcdd2}
#drawBuilderPage .calendar-tab.active{color:#fff;background:#e90029;box-shadow:0 0 22px #ed003036}
#drawBuilderPage .calendar-tab.active[data-calendar="live"]{background:#168348;box-shadow:0 0 22px #2ed17436}
#drawBuilderPage .calendar-tab:focus-visible{outline:3px solid #fff;outline-offset:2px}
#drawBuilderPage .calendar-command-heading{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;margin-bottom:18px;background:linear-gradient(115deg,#090909,#252525);border:1px solid #383838;border-left:7px solid #e90029;border-radius:16px;box-shadow:0 8px 24px #0002}
#drawBuilderPage .calendar-command-heading:after{content:'';position:absolute;z-index:-1;right:-35px;top:-80px;width:200px;height:280px;transform:rotate(24deg);background:linear-gradient(90deg,#e900291a,#e9002900);border-left:2px solid #e9002940;pointer-events:none}
#drawBuilderPage .calendar-command-heading .kicker{display:none}
#drawBuilderPage .calendar-command-heading h2{margin:0;color:#fff;font:900 italic clamp(38px,4.5vw,66px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;text-shadow:3px 3px 0 #0008}
#drawBuilderPage .calendar-command-heading .draw-calendar-bulk-exports{position:relative}
@media(max-width:600px){#drawBuilderPage .calendar-command-heading{padding:22px 18px;gap:14px;margin-bottom:14px;border-radius:14px}#drawBuilderPage .calendar-command-heading h2{font-size:clamp(34px,10vw,52px)}}
/* Slow electric glow stays in the heading, away from the unchanged prize cards. */
#drawBuilderPage .calendar-command-heading{width:100%;box-sizing:border-box;flex-direction:column;align-items:stretch;padding:36px 28px;background:radial-gradient(ellipse at 50% 130%,#b900344d,transparent 65%),linear-gradient(115deg,#08090c,#1f1017);border:1px solid #77172a;border-bottom:3px solid #f00038;box-shadow:0 10px 40px #0006,inset 0 -1px 18px #ed003020}
#drawBuilderPage .calendar-command-heading>div:first-child{width:100%;text-align:center}
#drawBuilderPage .calendar-command-heading h2{font-size:16vw;white-space:nowrap;line-height:1;letter-spacing:-.035em;text-shadow:3px 4px 0 #560018,0 0 30px #f0003840;animation:calendar-title-glow 6s ease-in-out infinite alternate}
#drawBuilderPage .calendar-command-heading:after{inset:-100% -30%;width:auto;height:auto;border:0;transform:translateX(-12%) rotate(-18deg);background:linear-gradient(90deg,transparent 35%,#ff174414 48%,#ff365b36 50%,#ff174414 52%,transparent 65%);animation:calendar-electric-drift 12s ease-in-out infinite alternate}
@keyframes calendar-title-glow{from{text-shadow:3px 4px 0 #560018,0 0 18px #f0003830}to{text-shadow:3px 4px 0 #560018,0 0 38px #ff174470}}
@keyframes calendar-electric-drift{to{transform:translateX(12%) rotate(-18deg)}}
@media(max-width:600px){#drawBuilderPage .draw-builder-shell{padding:8px 10px 60px}#drawBuilderPage .calendar-command-heading{padding:16px 8px}#drawBuilderPage .calendar-command-heading h2{font-size:16vw}}
@media(prefers-reduced-motion:reduce){#drawBuilderPage .calendar-command-heading h2,#drawBuilderPage .calendar-command-heading:after{animation:none}}
/* Desktop keeps a practical toolbar and readable light planning panels.
   The full mobile Calendar banner and theme remain unchanged. */
@media(min-width:601px){
 #drawBuilderPage .calendar-command-heading{padding:0;margin-bottom:18px;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
 #drawBuilderPage .calendar-command-heading>div:first-child,
 #drawBuilderPage .calendar-command-heading:after{display:none}
 #drawBuilderPage .calendar-command-heading:not(:has(.draw-calendar-bulk-exports a,.draw-calendar-bulk-exports button)){display:none}
 #drawBuilderPage .draw-save,
 #drawBuilderPage .draw-comparison-panel,
 #drawBuilderPage .saved-draw-view{color:#111}
 #drawBuilderPage .draw-totals>div:not(.sales-total){color:#111}
}
.draw-desktop-dates{display:contents}
#drawCalendar .draw-mobile-dates{display:none}
@media(max-width:600px){
 #drawCalendar .draw-desktop-dates{display:none}
 #drawBuilderPage #drawCalendar .draw-mobile-dates{display:flex;flex-direction:column;gap:8px;width:100%}
 #drawBuilderPage #drawCalendar .draw-mobile-dates>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;white-space:nowrap}
 #drawBuilderPage #drawCalendar .draw-mobile-dates small{font:800 15px/1.2 'Barlow Condensed';letter-spacing:.03em}
 #drawBuilderPage #drawCalendar .draw-mobile-dates time{font:900 23px/1.2 'Barlow Condensed';white-space:nowrap}
 #drawBuilderPage #drawCalendar .draw-mobile-dates>span+span{color:#ff6975}
 #drawBuilderPage #drawCalendar .draw-mobile-dates>span+span time{color:inherit;font-size:21px}
 #drawBuilderPage #drawCalendar .draw-mobile-dates .mobile-draw-date{color:#fff;display:block;box-sizing:border-box;width:100%;padding:18px 14px;background:linear-gradient(120deg,#303030,#151515);border-bottom:1px solid #414141;text-align:center}
 #drawBuilderPage #drawCalendar .draw-mobile-dates .mobile-draw-date time{color:#fff;font-size:clamp(22px,6.5vw,34px);line-height:1.15}
 #drawBuilderPage #drawCalendar .draw-mobile-dates .mobile-live-date{padding:8px 16px}
 #drawBuilderPage #drawCalendar .draw-overview-row>.open-saved-draw{padding:0 0 16px;gap:8px}
 #drawBuilderPage #drawCalendar .draw-overview-row>.open-saved-draw>b{padding:0 16px}
 #drawBuilderPage .draw-overview-edit{padding-top:4px}
}
/* Portrait phones get a compact prize list; rotation restores the card view. */
@media(max-width:600px) and (orientation:portrait){
 #drawBuilderPage .draw-builder-shell>.draw-builder-head,
 #drawBuilderPage .draw-builder-shell>.draw-comparison-panel{display:none}
 #drawBuilderPage .draw-calendar-section{margin-top:0}
 #drawBuilderPage .draw-calendar-bulk-exports{display:none}
 #drawBuilderPage .draw-overview-edit,
 #drawBuilderPage #savedDrawView{display:none}
 #drawBuilderPage #drawCalendar .open-saved-draw:disabled{opacity:1;cursor:default}
 #drawBuilderPage #drawCalendar .draw-overview-controls{display:none}
 #drawBuilderPage .draw-overview-prizes{flex-direction:column;gap:12px;padding:12px}
 #drawBuilderPage .draw-overview-prize{display:grid;grid-template-columns:32% minmax(0,1fr);flex:none;width:100%;border-radius:12px;border-left:0;border-right:0;border-bottom:0}
 #drawBuilderPage .draw-overview-image{width:100%;height:auto;aspect-ratio:1;align-self:start;overflow:hidden;border-radius:11px 0 11px 0}
 #drawBuilderPage .draw-overview-image img{width:100%;height:100%;object-fit:cover}
 #drawBuilderPage .draw-overview-prize-body{min-width:0;padding:12px}
 #drawBuilderPage .draw-overview-prize h3{font-size:18px;line-height:1.1;margin-bottom:10px}
 #drawBuilderPage .draw-overview-prize dl{gap:10px 6px;padding-top:10px}
 #drawBuilderPage .draw-overview-prize dt{font-size:10px}
 #drawBuilderPage .draw-overview-prize dd{font-size:17px}
}
/* Softer surfaces, scoped to Draw Builder so other tools stay unchanged. */
#drawBuilderPage .panel{border-radius:16px}
#drawBuilderPage .draw-calendar-card.draw-overview-row{border-radius:18px;box-shadow:0 8px 24px #0002}
#drawBuilderPage .draw-overview-prize{border-radius:12px;overflow:hidden;border-left:0;border-right:0;box-shadow:0 3px 10px #0002}
#drawBuilderPage .comparison-prize{border-radius:12px;overflow:hidden}
#drawBuilderPage :is(button,input,select,.draw-calendar-bulk-exports a){border-radius:9px}
#drawBuilderPage #drawCalendar .draw-overview-controls :is(.export-calendar-draw,.listing-queue-action){border-radius:9px}
#drawBuilderPage #drawCalendar .open-saved-draw{border-radius:0}
#drawBuilderPage #drawCalendar .saved-draw-view{border-radius:0 0 16px 16px}
#drawBuilderPage .calendar-tabs{gap:10px}
#drawBuilderPage :is(button,a):focus-visible{outline:3px solid #ff6975;outline-offset:3px}
#drawCalendar.draw-overview{display:flex;flex-direction:column;gap:24px}
#drawCalendar.draw-overview .draw-overview-row{display:grid;grid-template-columns:240px minmax(0,1fr) 200px;gap:0;background:#111;border:1px solid #343434;border-top:7px solid var(--red);box-shadow:6px 6px 0 #0002;overflow:hidden}
#drawCalendar.draw-overview .draw-overview-row>.open-saved-draw{width:100%;min-width:0;padding:26px 22px;text-align:left;background:#111;border:0;color:white;align-self:stretch;display:flex;flex-direction:column;gap:14px}
#drawCalendar.draw-overview .draw-overview-row .calendar-date-heading{font:900 20px/1 'Barlow Condensed';letter-spacing:.06em;color:#fff}
#drawCalendar.draw-overview .draw-overview-row time{font:900 italic 34px/1.05 'Barlow Condensed';text-transform:uppercase;color:#fff}
#drawCalendar.draw-overview .draw-overview-row .calendar-go-live{font:800 19px/1.2 'Barlow Condensed';color:#ff6975;text-transform:uppercase}
#drawCalendar.draw-overview .draw-overview-row .open-saved-draw>b{font:900 25px 'Barlow Condensed';color:#ff6975}
#drawCalendar.draw-overview .draw-overview-row .open-saved-draw>span:not(.calendar-go-live){font:500 13px/1.4 sans-serif;color:#b9b9b9}
#drawBuilderPage #drawCalendar .draw-suppliers{display:grid;gap:7px;width:100%;margin-top:4px;padding-top:14px;border-top:1px solid #ffffff24;text-align:left}
#drawBuilderPage #drawCalendar .draw-suppliers>small{font:800 12px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.1em;color:#aaa}
#drawBuilderPage #drawCalendar .draw-suppliers>span{display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 17px/1.4 system-ui,sans-serif;color:#eee}
#drawBuilderPage #drawCalendar .draw-suppliers b{padding:2px 10px;border-radius:7px;background:#ffffff14;color:#fff;font-size:16px}
@media(max-width:950px){#drawBuilderPage #drawCalendar .draw-suppliers{display:none}}
.draw-overview-edit{margin-top:auto;padding-top:18px;font:800 15px 'Barlow Condensed';letter-spacing:.07em;color:#fff;display:flex;justify-content:space-between}
.open-saved-draw[aria-expanded=true] .draw-overview-edit span{transform:rotate(45deg)}
.draw-overview-prizes{padding:20px;display:flex;flex-wrap:wrap;gap:14px;align-content:start;justify-content:flex-start;background:#202020;min-width:0}
/* Never grow sparse draws. Compress busy rows, then wrap before cards become unreadable. */
.draw-overview-prize{box-sizing:border-box;flex:0 0 min(100%,clamp(150px,calc((100% - (var(--prize-count,1) - 1)*14px)/var(--prize-count,1)),220px));min-width:0;background:#fff;color:#111;border:1px solid #ddd}
.draw-overview-image{height:140px;overflow:hidden;background:#ececec;display:flex;align-items:center;justify-content:center;color:#666;font:800 14px 'Barlow Condensed'}
.draw-overview-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.draw-overview-prize-body{padding:14px}
.draw-overview-prize h3{font:900 20px/1.05 'Barlow Condensed';text-transform:uppercase;margin:0 0 14px;overflow-wrap:anywhere;color:#111}
.draw-overview-prize dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin:0;border-top:1px solid #ddd;padding-top:12px}
.draw-overview-prize dt{font:800 11px 'Barlow Condensed';text-transform:uppercase;color:#666;letter-spacing:.04em}
.draw-overview-prize dd{font:900 20px 'Barlow Condensed';margin:3px 0 0;overflow-wrap:anywhere}
.draw-overview-empty{color:#ccc;font-size:15px;line-height:1.6}
/* Opt-in reading density: Standard and all other tools remain unchanged. */
#drawBuilderPage .draw-view-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 16px;width:fit-content;padding:6px;background:#18181b;border:1px solid #494047;border-radius:12px}
#drawBuilderPage .draw-view-controls>span{padding:0 10px;font:700 12px/1.3 system-ui,sans-serif;letter-spacing:.08em;color:#bfb8bc}
#drawBuilderPage .draw-view-controls button{margin:0;min-height:44px;padding:10px 18px;border:1px solid transparent;background:transparent;box-shadow:none;color:#ddd;font:700 16px/1.3 system-ui,sans-serif;cursor:pointer}
#drawBuilderPage .draw-view-controls button[aria-pressed=true]{background:#dc0026;border-color:#ff526f;color:#fff}
@media(min-width:601px){
 #drawBuilderPage.draw-comfortable .draw-overview-prize{flex:0 0 min(100%,310px)}
 #drawBuilderPage.draw-comfortable .draw-overview-image{height:200px}
 #drawBuilderPage.draw-comfortable .draw-overview-prize-body{padding:18px}
 #drawBuilderPage.draw-comfortable .draw-overview-prize h3{font-size:26px;line-height:1.12}
 #drawBuilderPage.draw-comfortable .draw-overview-prize dl{gap:18px 12px;padding-top:16px}
 #drawBuilderPage.draw-comfortable .draw-overview-prize dt{font:700 13px/1.4 system-ui,sans-serif;letter-spacing:0;color:#555}
 #drawBuilderPage.draw-comfortable .draw-overview-prize dd{font:800 21px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
 #drawBuilderPage.draw-comfortable .draw-overview-prizes{gap:18px}
 #drawBuilderPage.draw-comfortable #drawCalendar .draw-overview-controls :is(.export-calendar-draw,.listing-queue-action){font-size:21px;min-height:64px}
}
@media(max-width:600px){#drawBuilderPage .draw-view-controls{display:none}}
/* The saved live status, rather than the scheduled date, drives this accent. */
#drawCalendar.draw-overview .draw-overview-row.live{border-top-color:#2ed174}
#drawCalendar.draw-overview .draw-overview-row.live .draw-overview-prize{border-top:3px solid #2ed174}
#drawCalendar.draw-overview .draw-overview-row.upcoming .draw-overview-prize{border-top:3px solid #e90029}
#drawCalendar.draw-overview .draw-overview-row.live .open-saved-draw>b,
#drawCalendar.draw-overview .draw-overview-row.live .calendar-go-live{color:#66e59e}
#drawBuilderPage #drawCalendar .draw-overview-row.live .mobile-live-date{color:#66e59e}
#drawBuilderPage #drawCalendar .draw-overview-row.live .mobile-draw-date{border-bottom-color:#2ed174;background:linear-gradient(120deg,#183429,#151515)}
.draw-overview-controls{padding:24px 16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.draw-overview-controls>small{font:800 13px 'Barlow Condensed';letter-spacing:.12em;color:#aaa;margin-bottom:4px}
#drawCalendar.draw-overview .mark-draw-live{width:100%;min-height:58px;padding:14px 10px;border:2px solid #60df96;border-radius:9px;background:#146c3c;color:#fff;font:900 18px/1.1 'Barlow Condensed';cursor:pointer}
#drawCalendar.draw-overview .mark-draw-live:hover{background:#19864a}
#drawCalendar.draw-overview .mark-draw-live:disabled{opacity:.6;cursor:wait}
#drawCalendar.draw-overview .draw-overview-row.built{border-top-color:#ffb400;box-shadow:6px 6px 0 rgba(255,180,0,.24)}
#drawCalendar.draw-overview .draw-overview-row.built .draw-overview-prize{border-top:3px solid #ffb400}
#drawCalendar.draw-overview .draw-overview-row .draw-overview-prize.is-built{border-top:3px solid #ffb400;box-shadow:inset 0 0 0 1px rgba(255,180,0,.35)}
.prize-built-label{display:inline-block;margin:0 0 10px;padding:5px 9px;background:#3c2b08;border-left:3px solid #ffb400;color:#ffcf59;font:900 14px 'Barlow Condensed',sans-serif;letter-spacing:.07em;text-transform:uppercase}
#drawCalendar.draw-overview .draw-overview-row.built .calendar-go-live,#drawCalendar.draw-overview .draw-overview-row.built .open-saved-draw>b{color:#ffcf59}
#drawCalendar.draw-overview .draw-overview-row .draw-built-label{margin:0;padding:8px 11px;background:#3c2b08;border-left:4px solid #ffb400;color:#ffcf59;font:900 16px 'Barlow Condensed';letter-spacing:.06em;text-transform:uppercase}
#drawCalendar.draw-overview .mark-draw-built{width:100%;min-height:58px;padding:14px 10px;border:2px solid #ffb400;border-radius:9px;background:#ffb400;color:#111;font:900 18px/1.1 'Barlow Condensed';cursor:pointer}
#drawCalendar.draw-overview .mark-draw-built.undo{background:#34270c;color:#ffcf59}
#drawCalendar.draw-overview .mark-draw-built:disabled{opacity:.6;cursor:wait}
#drawCalendar .draw-total-value{padding:18px 10px;margin-top:6px;border:1px solid #63202d;border-top:3px solid #ed0030;border-radius:12px;background:linear-gradient(145deg,#30151c,#19191d);text-align:center;min-width:0}
#drawCalendar .draw-total-value small{display:block;color:#ff8398;font:800 14px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.07em}
#drawCalendar .draw-total-value strong{display:block;min-width:0;margin:9px 0;color:#fff;font:900 28px/1.1 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal}
#drawCalendar .draw-total-value span{display:block;color:#c8bdc0;font:500 11px/1.4 system-ui,sans-serif}
#drawCalendar .live .draw-total-value{border-color:#26533b;border-top-color:#2ed174;background:linear-gradient(145deg,#153326,#19191d)}
#drawCalendar .live .draw-total-value small{color:#66e59e}
@media(max-width:950px){#drawCalendar .draw-total-value{display:none}}
#drawCalendar.draw-overview .draw-overview-controls .export-calendar-draw,#drawCalendar.draw-overview .draw-overview-controls .listing-queue-action{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin:0;min-height:58px;padding:14px 10px;text-align:center;font:900 18px/1.1 'Barlow Condensed';text-transform:uppercase;text-decoration:none;border-radius:3px}
#drawCalendar.draw-overview .draw-overview-controls [data-worker-build]{display:flex;flex-direction:column;gap:12px;width:100%;padding:0;margin:0}
#drawCalendar.draw-overview .draw-overview-controls .delete-calendar-draw{margin-top:auto;padding:16px 0 0;border:0;background:none;color:#ff6975;font:800 16px 'Barlow Condensed'}
#drawCalendar.draw-overview .draw-overview-row>.saved-draw-view{grid-column:1/-1;background:#f3f3f3;color:#111;margin:0;border:0;border-top:4px solid var(--red);padding:28px}
#drawCalendar.draw-overview .open-saved-draw:focus-visible{outline:3px solid #fff;outline-offset:-6px}
@media(max-width:1000px){#drawCalendar.draw-overview .draw-overview-row{grid-template-columns:190px minmax(0,1fr)}.draw-overview-controls{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}.draw-overview-controls>small{display:none}.draw-overview-controls [data-worker-build]{flex:1;flex-direction:row;width:auto}#drawCalendar.draw-overview .draw-overview-controls .export-calendar-draw{width:auto;flex:1}#drawCalendar.draw-overview .draw-overview-controls .delete-calendar-draw{margin:0;padding:12px}.draw-overview-prizes{padding:14px}}
@media(max-width:600px){#drawCalendar.draw-overview .draw-overview-row{grid-template-columns:minmax(0,1fr)}#drawCalendar.draw-overview .draw-overview-row>.open-saved-draw{padding:22px;gap:10px}.draw-overview-image{height:120px}.draw-overview-prize-body{padding:10px}.draw-overview-prize h3{font-size:18px}.draw-overview-prize dd{font-size:18px}.draw-overview-controls{flex-direction:column}.draw-overview-controls [data-worker-build],#drawCalendar.draw-overview .draw-overview-controls .export-calendar-draw{width:100%}.draw-overview-row .saved-draw-actions{flex-wrap:wrap}}