:root{--bg:#06141a;--bg2:#103947;--panel:rgba(248,238,208,.08);--panel2:rgba(248,238,208,.14);--text:#f8eed0;--muted:rgba(248,238,208,.74);--border:rgba(248,238,208,.18);--accent:#ffb347;--accent2:#37d5c3;--accent3:#f36f45;--success:#76e09b;--danger:#ff9c91;--ink:#06141a;--shadow:0 18px 48px rgba(0,0,0,.42);--radius:18px;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(900px 620px at 8% 0%,rgba(55,213,195,.32),transparent 58%),radial-gradient(860px 600px at 100% 10%,rgba(243,111,69,.32),transparent 56%),linear-gradient(180deg,var(--bg2),var(--bg));}a{color:inherit}button,input,select,textarea{font:inherit}.od-hidden{display:none!important}.od-muted{color:var(--muted)}.od-success{color:var(--success)}.od-danger{color:var(--danger)}.od-link{color:var(--accent);text-decoration:none}.od-link:hover{text-decoration:underline}.od-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:13px 18px;background:rgba(6,20,26,.74);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.od-brand{display:flex;align-items:center;gap:10px;font-weight:950;text-decoration:none;letter-spacing:.01em}.od-logoMark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--ink);font-weight:1000;box-shadow:0 10px 26px rgba(0,0,0,.28)}.od-nav{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.od-nav a,.od-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 13px;border:1px solid var(--border);border-radius:999px;background:rgba(248,238,208,.07);color:var(--text);text-decoration:none;cursor:pointer}.od-nav a:hover,.od-btn:hover{background:rgba(248,238,208,.13);text-decoration:none}.od-btnPrimary{background:linear-gradient(135deg,var(--accent),#ffe08a);color:var(--ink);border-color:rgba(255,224,138,.48);font-weight:950}.od-btnAqua{background:linear-gradient(135deg,var(--accent2),#8ef4e8);color:var(--ink);border-color:rgba(142,244,232,.5);font-weight:950}.od-hero{padding:72px 18px 36px}.od-container{width:100%;max-width:var(--max);margin:0 auto}.od-heroGrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:center}.od-card,.od-feature,.od-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(14px);padding:22px}.od-feature{box-shadow:none;background:rgba(248,238,208,.055)}.od-eyebrow{display:inline-flex;margin-bottom:14px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,179,71,.4);background:rgba(255,179,71,.18);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:950}.od-h1{margin:0;font-size:clamp(42px,7vw,78px);line-height:.95;font-weight:1000}.od-h2{margin:0;font-size:clamp(26px,4vw,42px);line-height:1.05}.od-h3{margin:0;font-size:20px}.od-subtitle{margin:14px 0 0;max-width:72ch;color:var(--muted);line-height:1.65;font-size:18px}.od-section{padding:34px 18px}.od-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.od-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.od-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.od-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.od-rowBetween{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.od-kpi{display:grid;gap:4px}.od-kpi strong{font-size:30px}.od-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(248,238,208,.055);color:var(--muted);font-size:13px}.od-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.od-list li{display:flex;gap:9px;line-height:1.45}.od-list li:before{content:"✦";color:var(--accent2);font-weight:900}.od-pricing{align-items:stretch}.od-price{display:grid;gap:12px}.od-price strong{font-size:42px}.od-price small{color:var(--muted)}.od-priceFeatured{border-color:rgba(55,213,195,.44);background:linear-gradient(180deg,rgba(55,213,195,.15),rgba(248,238,208,.07))}.od-widgetPreview{display:grid;gap:14px}.od-giveawayBox{background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:18px;padding:16px}.od-action{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon main side" "footer footer footer";column-gap:12px;row-gap:6px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(248,238,208,.06);margin-top:10px}
.od-action > .od-actionIcon{grid-area:icon}
.od-action > .od-actionMain{grid-area:main;min-width:0;display:grid;gap:6px}
.od-action > .od-actionSide{grid-area:side;display:grid;gap:6px;justify-items:end;align-content:start;min-width:96px}
.od-action > .od-actionFooter{grid-area:footer;min-width:0}
.od-action > .od-actionFooter:empty{display:none}
.od-actionTitleRow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.od-actionTitle{overflow-wrap:anywhere;word-break:normal;hyphens:auto;line-height:1.25}
.od-actionDesc{overflow-wrap:anywhere}
.od-actionFields{border:0;padding:0;margin:0;display:grid;gap:8px;min-width:0}
.od-actionFields .od-input,.od-actionFields .od-select,.od-actionFields .od-textarea{width:100%;max-width:100%}
.od-actionEntries{white-space:nowrap}
.od-actionBtn{white-space:nowrap}
.od-action--completed{opacity:.85}
.od-action--locked{opacity:.7}
.od-action .od-status[data-claim-status]:empty{display:none}
@media(max-width:520px){
  .od-action{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon main" "side side" "footer footer";row-gap:8px}
  .od-action > .od-actionSide{justify-items:stretch;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;min-width:0}
  .od-action > .od-actionSide .od-actionEntries{justify-self:start;align-self:center}
  .od-action > .od-actionSide .od-actionBtn{width:100%;justify-self:end}
}
.od-actionIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(55,213,195,.18);flex-shrink:0}.od-form{display:grid;gap:13px}.od-label{display:grid;gap:6px;font-weight:850}.od-input,.od-select,.od-textarea{width:100%;border:1px solid var(--border);border-radius:13px;background:rgba(6,20,26,.62);color:var(--text);padding:11px 12px}.od-textarea{min-height:110px;resize:vertical}.od-status{min-height:22px;color:var(--muted)}.od-footer{padding:28px 18px 36px;color:var(--muted);border-top:1px solid var(--border);background:rgba(6,20,26,.4)}.od-footerInner{max-width:var(--max);margin:0 auto;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.od-footerLinks{display:flex;gap:14px;flex-wrap:wrap}.od-tableWrap{overflow:auto;border:1px solid var(--border);border-radius:14px}.od-table{width:100%;border-collapse:collapse;min-width:700px}.od-table th,.od-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left}.od-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:rgba(248,238,208,.06)}code,pre{background:rgba(0,0,0,.26);border:1px solid var(--border);border-radius:10px;color:var(--text)}code{padding:1px 5px}pre{padding:14px;overflow:auto}.od-wave{height:56px;background:linear-gradient(90deg,transparent,rgba(255,179,71,.22),rgba(55,213,195,.2),transparent);mask:radial-gradient(80px 22px at 50% 0,#0000 70%,#000 72%) 0 0/120px 100%}.od-demoShell{border-radius:22px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:rgba(6,20,26,.68)}.od-demoHeader{padding:14px 16px;display:flex;gap:8px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.2)}.od-dot{width:11px;height:11px;border-radius:50%;background:var(--accent)}.od-dot:nth-child(2){background:var(--accent2)}.od-dot:nth-child(3){background:var(--accent3)}.od-demoBody{padding:18px}.od-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.od-timeUnit{padding:10px;border:1px solid var(--border);border-radius:12px;text-align:center;background:rgba(248,238,208,.055)}.od-timeUnit strong{display:block;font-size:24px}@media(max-width:900px){.od-heroGrid,.od-grid2,.od-grid3,.od-grid4{grid-template-columns:1fr}.od-nav{width:100%;margin-left:0}.od-hero{padding-top:34px}.od-topbar{position:relative}.od-countdown{grid-template-columns:repeat(2,1fr)}}
.od-appLayout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.od-sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--border);background:rgba(6,18,24,.72);backdrop-filter:blur(16px);padding:16px}.od-sideNav{display:grid;gap:7px;margin-top:8px}.od-sideNav a{padding:10px 12px;border:1px solid transparent;border-radius:12px;color:var(--muted);text-decoration:none;display:block}.od-sideNav a:hover,.od-sideNav a[aria-current="page"]{border-color:var(--border);background:rgba(248,238,208,.08);color:var(--text)}.od-main{padding:22px}.od-pageTitle{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.05;font-weight:1000}.od-topline{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.od-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:14px}@media(max-width:900px){.od-appLayout{grid-template-columns:1fr}.od-sidebar{position:relative;height:auto}.od-main{padding:16px}}
.od-loginPage{min-height:100vh;display:grid;place-items:center;padding:32px}.od-loginCard{max-width:480px;width:100%;display:grid;gap:14px}.od-kpiBig{font-size:34px;font-weight:1000;line-height:1.1}.od-cardSub{font-size:13px;color:var(--muted);margin-top:2px}.od-userPanel{display:grid;gap:6px;font-size:13px}.od-userPanel .od-avatar{width:36px;height:36px;border-radius:50%;background:rgba(248,238,208,.12);object-fit:cover;border:1px solid var(--border)}.od-userPanel .od-userRow{display:flex;align-items:center;gap:10px}.od-roleBar{display:flex;gap:6px;flex-wrap:wrap}.od-statusDot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--success);margin-right:6px;vertical-align:middle}.od-emptyState{padding:26px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:rgba(248,238,208,.04)}.od-listSimple{list-style:none;padding:0;margin:0;display:grid;gap:8px}.od-listSimple li{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:rgba(248,238,208,.04);display:flex;justify-content:space-between;gap:12px}.od-formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:700px){.od-formGrid{grid-template-columns:1fr}}.od-sidebarSection{margin-top:14px}.od-fineprint{font-size:12px;color:var(--muted)}

.od-builderTabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 16px;padding:6px;border:1px solid var(--border);border-radius:14px;background:rgba(248,238,208,.04)}.od-builderTabs a{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;color:var(--muted);text-decoration:none;border:1px solid transparent;font-size:14px}.od-builderTabs a:hover{background:rgba(248,238,208,.07);color:var(--text)}.od-builderTabs a[aria-current="true"]{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--ink);font-weight:700}.od-tabBtn{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;color:var(--muted);background:transparent;border:1px solid transparent;font:inherit;font-size:14px;cursor:pointer;font-family:inherit}.od-tabBtn:hover{background:rgba(248,238,208,.07);color:var(--text)}.od-tabBtn[aria-selected="true"],.od-tabBtnActive{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--ink);font-weight:700}.od-tabBtn:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.od-anchor{display:block;position:relative;top:-12px;visibility:hidden}.od-checklist{margin:8px 0 0;padding-left:20px;color:var(--muted);line-height:1.55}.od-checklist li{margin-bottom:4px}
body[data-od-align="center"] .od-container,body[data-od-align="center"] .od-giveawayBox,body[data-od-align="center"] .od-action{text-align:center}
body[data-od-align="center"] .od-action{align-items:center}
body[data-od-spacing="compact"] .od-giveawayBox{padding:10px;border-radius:12px}
body[data-od-spacing="compact"] .od-action{padding:8px 10px;gap:8px}
body[data-od-spacing="spacious"] .od-giveawayBox{padding:24px;border-radius:24px}
body[data-od-spacing="spacious"] .od-action{padding:18px 20px;gap:16px}
.od-rich p{margin:0 0 8px}
.od-rich p:last-child{margin-bottom:0}
.od-rich h2,.od-rich h3{margin:10px 0 6px;font-weight:800}
.od-rich ul,.od-rich ol{margin:6px 0 8px;padding-left:22px}
.od-rich blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid var(--accent);background:rgba(255,179,71,.08);border-radius:6px}
.od-rich code{background:rgba(0,0,0,.35);padding:1px 6px;border-radius:6px;font-size:.9em}
.od-rich a{color:var(--accent);text-decoration:underline}

/* Manage Drawing preview tab layout */
.od-managePreviewSection{margin:0}
.od-managePreviewGrid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:18px;align-items:start}
@media(max-width:900px){.od-managePreviewGrid{grid-template-columns:1fr}}
.od-managePreviewLeft{display:grid;gap:14px;min-width:0}
.od-managePreviewCard{background:rgba(248,238,208,.05);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:none}
.od-managePreviewStats{display:grid;gap:6px;margin:0;padding:0}
.od-managePreviewStats div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed rgba(248,238,208,.08)}
.od-managePreviewStats div:last-child{border-bottom:0}
.od-managePreviewStats dt{margin:0;color:var(--muted);font-size:12px}
.od-managePreviewStats dd{margin:0;font-size:13px;font-weight:700;text-align:right}
.od-managePreviewRight{min-width:0;display:grid;gap:12px}
.od-managePreviewToolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.od-managePreviewStage{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;border:1px solid var(--border);border-radius:16px;background:radial-gradient(700px 380px at 12% 0%,rgba(55,213,195,.14),transparent 55%),radial-gradient(660px 380px at 100% 8%,rgba(243,111,69,.12),transparent 58%),linear-gradient(180deg,rgba(16,57,71,.35),rgba(6,20,26,.6));min-height:320px}
.od-managePreviewStage .od-builderPreviewFrame{width:100%;max-width:640px}
.od-managePreviewStage .od-builderPreviewFrame.mobile{max-width:380px}

/* Manage Drawing install tab */
.od-installSectionList{display:grid;gap:14px}
.od-installSubCard{background:rgba(248,238,208,.04);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:none;margin:0}
.od-installToggleReadRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(6,20,26,.35)}
.od-pill[data-status='on']{background:rgba(118,224,155,.18);border-color:rgba(118,224,155,.35);color:var(--success)}
.od-pill[data-status='off']{background:rgba(248,238,208,.06);color:var(--muted)}

/* Manage Drawing install summary */
.od-manageInstall{display:grid;gap:16px;margin:0}
.od-manageInstallHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.od-manageInstallHeader .od-btn{flex:0 0 auto}
.od-installOptionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-items:stretch}
.od-installCard{background:rgba(248,238,208,.05);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.od-installCardHead{display:flex;flex-direction:column;gap:2px}
.od-installCardTitleRow{display:flex;align-items:center;gap:8px;justify-content:space-between}
.od-installCardTitle{margin:0;font-size:15px;font-weight:700}
.od-installCardSubtitle{margin:0;font-size:12px;color:var(--muted)}
.od-installCardDesc{margin:0;font-size:13px;color:var(--muted);line-height:1.4}
.od-installCardBody{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.od-installCardActions{display:flex;gap:8px;flex-wrap:wrap}
.od-installCardNote{margin:0;font-size:12px;color:var(--muted);font-style:italic}
.od-installUrlField{display:flex;flex-direction:column;gap:4px}
.od-installUrlLabel{font-size:12px;color:var(--muted)}
.od-installUrlField .od-input{width:100%;font-size:12px}
.od-btnGhost{background:transparent}
.od-embedModalSection{margin:8px 0 12px}
.od-embedModalDetails{border:1px solid var(--border);border-radius:10px;padding:8px 12px;margin:8px 0;background:rgba(6,20,26,.35)}
.od-embedModalDetails summary{cursor:pointer;font-weight:600;font-size:13px}
.od-readinessList{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.od-readinessRow{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(6,20,26,.35);align-items:start}
.od-readinessRow strong{font-size:13px}

/* Compact management header on data-heavy tabs */
.od-manageToplineCompact .od-pageTitle{font-size:clamp(20px,2.4vw,26px);line-height:1.15}
.od-manageToplineCompact .od-subtitle{font-size:12px;margin:2px 0 0}
.od-manageToplineCompact{margin-bottom:10px}

/* Actions/Entries tab */
.od-entriesCard [hidden]{display:none!important}
.od-entriesCard{display:grid;gap:8px;padding:12px}
.od-entriesHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:2px}
.od-entriesHeadingWrap{min-width:0;flex:1 1 320px}
.od-entriesHeadingWrap .od-h2{font-size:20px;line-height:1.15}
.od-entriesHeadActions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.od-entriesStatsRow{padding:6px 10px;border-radius:8px;background:rgba(248,238,208,.04);border:1px solid var(--border);font-size:12px}
.od-actionSummaryDetails{border:1px solid var(--border);border-radius:999px;padding:4px 14px;background:rgba(6,20,26,.35);width:fit-content;max-width:100%}
.od-actionSummaryDetails[open]{border-radius:12px;padding:6px 14px;width:auto}
.od-actionSummaryDetails > summary{cursor:pointer;display:flex;gap:8px;align-items:center;font-weight:500;list-style:none;font-size:13px}
.od-actionSummaryDetails > summary::-webkit-details-marker{display:none}
.od-actionSummaryDetails > summary::before{content:"▸";display:inline-block;transition:transform .15s;color:var(--muted);font-size:11px}
.od-actionSummaryDetails[open] > summary::before{transform:rotate(90deg)}
.od-actionSummaryDetails > summary .od-actionSummaryTitle{font-size:13px;font-weight:600}
.od-actionSummaryDetails > summary .od-actionSummaryDot{color:var(--muted);opacity:.6}
.od-entriesFilterBar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(248,238,208,.04)}
.od-entriesSearch{flex:6 1 320px;min-width:180px;width:auto;font-size:13px;padding:7px 10px}
.od-entriesFilterGroup{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);flex:0 0 auto}
.od-entriesFilterGroup .od-select{width:auto;min-width:110px;padding:5px 8px;font-size:12px;background:rgba(6,20,26,.4);border-radius:8px}
.od-entriesFilterGroup .od-selectLabel{white-space:nowrap;color:var(--muted)}
.od-entriesFilterBar > [data-reset-filters]{min-height:30px;padding:4px 10px;font-size:12px}
.od-entriesCustomRange{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex-basis:100%;padding-top:6px;border-top:1px dashed rgba(248,238,208,.1)}
.od-entriesCustomRange .od-input{width:auto;padding:5px 8px;font-size:12px}
.od-entriesCustomRange label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.od-bulkBar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:6px 10px;border:1px solid var(--accent2);border-radius:8px;background:rgba(55,213,195,.08);font-size:13px}
.od-entriesTableWrap{margin-top:0}
.od-entriesTableScroll{overflow-x:auto;overflow-y:visible;border:1px solid var(--border);border-radius:10px;background:rgba(6,20,26,.25)}
.od-entriesTable{width:100%;border-collapse:collapse;font-size:13px}
.od-entriesTable thead th{position:sticky;top:0;background:rgba(6,20,26,.92);padding:8px 10px;text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);z-index:1}
.od-entriesTable tbody td{padding:6px 10px;vertical-align:middle;border-top:1px solid rgba(248,238,208,.08)}
.od-entriesTable tbody tr:hover{background:rgba(248,238,208,.05)}
.od-entriesTable .od-cellCheck{width:32px}
.od-entriesTable .od-cellMenu{width:44px;text-align:right;position:relative}
.od-entriesTable .od-cellEntries{white-space:nowrap;font-weight:700;text-align:right}
.od-entriesTable .od-cellStatus{white-space:nowrap}
.od-entriesTable .od-cellAction{min-width:200px}
.od-entriesTable .od-actionCellInner{display:flex;align-items:center;gap:10px}
.od-entriesTable .od-actionIcon{flex:0 0 auto;font-size:18px;line-height:1;width:22px;text-align:center}
.od-entriesTable .od-actionText{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.od-entriesTable .od-actionTitle{font-weight:600;font-size:13px}
.od-entriesTable .od-cellAction .od-fineprint{font-size:11px}
.od-entriesTable .od-cellWho{min-width:180px}
.od-entriesTable .od-whoName{font-weight:600;line-height:1.2}
.od-entriesTable .od-cellWho .od-fineprint{font-size:11px;line-height:1.2}
.od-entriesTable .od-cellDetails{max-width:260px;line-height:1.35}
.od-entriesTable .od-cellDetails span[title]{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.od-detailChip{display:inline-flex;align-items:center;gap:4px;max-width:240px;padding:2px 8px;border:1px solid var(--border);border-radius:999px;background:rgba(248,238,208,.06);color:var(--text);cursor:pointer;font:inherit;font-size:12px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.od-detailChip:hover,.od-detailChip:focus-visible{background:rgba(248,238,208,.14);border-color:var(--accent2);outline:0}
.od-detailChip .od-detailChipMore{color:var(--muted);font-size:10px}
.od-entriesTable .od-cellWhere{white-space:nowrap;color:var(--muted);font-size:12px}
.od-entriesTable .od-cellWhen{color:var(--muted);font-size:12px}
.od-entriesTable time{white-space:nowrap}
.od-entryStatus{padding:1px 10px;font-size:11px;font-weight:600;text-transform:capitalize}
.od-entryStatus[data-entry-status="valid"]{background:rgba(118,224,155,.18);color:var(--success);border-color:rgba(118,224,155,.35)}
.od-entryStatus[data-entry-status="pending_review"]{background:rgba(248,238,208,.18);color:var(--text)}
.od-entryStatus[data-entry-status="invalid"]{background:rgba(244,162,97,.22);color:#f4a261;border-color:rgba(244,162,97,.35)}
.od-entryStatus[data-entry-status="voided"]{background:rgba(255,156,145,.22);color:var(--danger);border-color:rgba(255,156,145,.35)}
.od-entriesPagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px;padding:4px 4px;font-size:12px}
.od-entriesPagination .od-select{width:auto;min-width:64px;padding:3px 6px;font-size:12px}
.od-entriesPagination .od-input{width:56px;padding:3px 6px;font-size:12px}
.od-paginationCenter{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.od-paginationCenter .od-btn{min-height:28px;padding:3px 9px;font-size:12px}
.od-menuWrap{position:relative;display:inline-block}
.od-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:rgba(6,20,26,.98);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px;z-index:30}
.od-menu:not([hidden]){display:flex;flex-direction:column;gap:2px}
.od-menuItem{display:block;text-align:left;background:transparent;border:0;color:var(--text);padding:7px 10px;border-radius:6px;cursor:pointer;font:inherit;font-size:13px;text-decoration:none;width:100%}
.od-menuItem:hover{background:rgba(248,238,208,.1);text-decoration:none}
.od-drawingMenu{min-width:280px}
.od-usersTable td{padding:8px;border-top:1px solid var(--border);vertical-align:middle}
.od-userIdentity{display:flex;align-items:center;gap:10px}
.od-userAvatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(248,238,208,.12);border:1px solid var(--border);color:var(--text);font-size:12px;font-weight:800;flex:0 0 32px}
.od-userAvatar--lg{width:72px;height:72px;font-size:24px;flex:0 0 72px}
.od-userName{font-weight:750}
.od-userEmail{font-size:12px}
.od-userLink{color:inherit;text-decoration:none;border-bottom:1px dashed transparent}
.od-userLink:hover{color:var(--accent);border-bottom-color:currentColor}
.od-userRow[data-profile-href]{cursor:pointer}
.od-userRow[data-profile-href]:hover{background:rgba(248,238,208,.04)}
.od-userRow:hover .od-rowMenuBtn{opacity:1;color:var(--text)}
.od-winnerAnnouncement{display:grid;gap:14px}.od-winnerAnnouncementTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.od-winnerAnnouncementGroups{display:grid;gap:12px}.od-winnerAnnouncementGroup{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:14px;padding:12px;border:1px solid var(--border);border-radius:8px;background:rgba(248,238,208,.04)}.od-winnerAnnouncementPrizeImage{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:rgba(248,238,208,.06)}.od-winnerAnnouncementPrizeBody{display:grid;gap:10px;min-width:0}.od-winnerAnnouncementPrizeHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.od-winnerAnnouncementPrizeHeader h3{margin:0;font-size:18px;line-height:1.2}.od-winnerAnnouncementPrizeHeader p,.od-winnerAnnouncementPrizeDesc{margin:4px 0 0;color:var(--muted);font-size:13px}.od-winnerAnnouncementWinners{list-style:none;padding:0;margin:0;display:grid;gap:8px}.od-winnerAnnouncementWinner{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(248,238,208,.1);border-radius:8px;background:rgba(6,20,26,.28)}.od-winnerAnnouncementWinner.is-unfilled{border-style:dashed;color:var(--muted)}.od-winnerAnnouncementAvatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border);background:rgba(248,238,208,.08)}.od-winnerAnnouncementIdentity{min-width:0;display:grid;gap:2px}.od-winnerAnnouncementIdentity strong{overflow-wrap:anywhere}.od-winnerAnnouncementIdentity span{font-size:12px;color:var(--muted)}@media(max-width:680px){.od-winnerAnnouncementGroup{grid-template-columns:1fr}.od-winnerAnnouncementPrizeImage{max-height:220px}.od-winnerAnnouncementPrizeHeader{display:grid}}
.od-publicPrizes{display:grid;gap:12px}.od-publicPrizeList{display:grid;gap:10px}.od-publicPrize{display:grid;grid-template-columns:minmax(88px,132px) minmax(0,1fr);gap:12px;align-items:stretch;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(248,238,208,.04)}.od-publicPrize--noImage{grid-template-columns:1fr}.od-publicPrizeImage{width:100%;height:100%;min-height:88px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid rgba(248,238,208,.2);background:rgba(248,238,208,.06)}.od-publicPrizeBody{display:grid;gap:6px;align-content:center;min-width:0}.od-publicPrizeHeader{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.od-publicPrizeHeader h3{margin:0;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.od-publicPrizeHeader span{font-size:12px;white-space:nowrap}.od-publicPrizeBody p{margin:0;color:var(--muted);font-size:13px;line-height:1.35;overflow-wrap:anywhere}@media(max-width:520px){.od-publicPrize{grid-template-columns:1fr}.od-publicPrizeImage{max-height:220px}.od-publicPrizeHeader{display:grid}.od-publicPrizeHeader span{white-space:normal}}
.od-rowActions{width:32px;text-align:right}
.od-feedbackButton{position:fixed;right:18px;bottom:18px;z-index:80;min-height:40px;padding:9px 14px;border:1px solid var(--border);border-radius:8px;background:var(--accent);color:var(--ink);font:inherit;font-weight:800;cursor:pointer;box-shadow:var(--shadow)}.od-feedbackButton:hover,.od-feedbackButton:focus-visible{background:var(--accent2);outline:2px solid var(--accent2);outline-offset:2px}.od-feedbackDialog{width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);box-shadow:var(--shadow);padding:18px}.od-feedbackDialog::backdrop{background:rgba(0,0,0,.68)}.od-feedbackDialog .od-form{gap:12px}.od-feedbackHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.od-feedbackHead .od-h2{margin:0}.od-feedbackClose{width:34px;height:34px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);font-size:24px;line-height:1;cursor:pointer}.od-feedbackCheck{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:14px}.od-feedbackCheck input{margin-top:3px}@media(max-width:520px){.od-feedbackButton{right:12px;bottom:12px}.od-feedbackDialog{padding:14px}}
.od-pager{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 4px 2px;border-top:1px solid var(--border);margin-top:8px}
.od-pager .od-btn[disabled]{opacity:.4;cursor:not-allowed}
.od-drawWinnersSummary{display:flex;flex-direction:column;gap:4px;padding:10px 12px;margin:0 0 8px;border:1px solid var(--border);border-radius:8px;background:rgba(248,238,208,.04)}
.od-drawWinnersSummary strong{font-size:14px;line-height:1.35}
.od-pill.od-pill--action{cursor:pointer;background:transparent;color:inherit;font:inherit}
.od-pill.od-pill--action:hover,.od-pill.od-pill--action:focus-visible{background:rgba(248,238,208,.12);border-color:var(--accent);color:var(--text)} 
.od-limitByDateRow{align-items:end}
.od-referralShare{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}
.od-referralShare__row{display:flex;gap:6px;align-items:stretch}
.od-referralShare__row .od-input{flex:1;font-family:inherit;font-size:13px}
.od-referralShare__row .od-btn{flex:0 0 auto}
.od-referralList{display:flex;flex-direction:column;gap:6px}
.od-referralRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:rgba(248,238,208,.03)}
.od-referralRow .od-fineprint{font-size:12px}
.od-socialBadges{display:inline-flex;gap:4px;flex-wrap:wrap}
.od-socialBadge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;border-radius:11px;background:rgba(248,238,208,.1);border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:800;line-height:1}
.od-socialBadge svg{width:14px;height:14px;display:block}
.od-social--twitch{background:#9146ff33;border-color:#9146ff88}
.od-social--youtube{background:#ff000033;border-color:#ff000088}
.od-social--google{background:#4285f433;border-color:#4285f488}
.od-social--discord{background:#5865f233;border-color:#5865f288}
.od-social--kick{background:#53fc1833;border-color:#53fc1888;color:#111}
.od-social--x{background:#ffffff10;border-color:#ffffff44}
.od-crumbs{display:flex;gap:6px;align-items:center;font-size:13px;margin:0 0 6px;color:var(--muted)}
.od-crumbs a{color:var(--muted);text-decoration:none}
.od-crumbs a:hover{color:var(--text);text-decoration:underline}
.od-profileGrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
@media(max-width:900px){.od-profileGrid{grid-template-columns:1fr}}
.od-profilePanel{display:flex;flex-direction:column;gap:14px}
.od-profileHead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.od-tabbar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:10px}
.od-tabbar button{background:transparent;border:0;color:var(--muted);padding:8px 12px;cursor:pointer;font:inherit;font-weight:700;border-bottom:2px solid transparent}
.od-tabbar button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent)}
.od-profileList{display:grid;grid-template-columns:1fr;gap:6px}
.od-profileListRow{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:13px}
.od-profileListRow .od-muted{font-size:12px}
.od-socialRow{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--border)}
.od-socialRow:first-child{border-top:0}
.od-socialRow .od-socialBadge{min-width:26px;height:26px;font-size:12px}
.od-rowMenuWrap{display:inline-block;position:relative}
.od-rowMenuBtn{width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;line-height:1;opacity:.55;transition:opacity .15s,background .15s,color .15s,border-color .15s}
.od-entryRow:hover .od-rowMenuBtn,.od-rowMenuBtn:focus-visible,.od-rowMenuBtn[aria-expanded="true"]{opacity:1;color:var(--text);background:rgba(248,238,208,.1);border-color:var(--border)}
.od-detailsGrid{display:grid;grid-template-columns:1fr;gap:10px}
.od-detailsGrid > div{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:rgba(248,238,208,.04)}
.od-detailsTech{display:grid;gap:4px;margin:6px 0}
.od-detailsRaw{overflow:auto;background:rgba(0,0,0,.35);padding:10px;border-radius:8px;font-size:11px;max-height:220px}
@media(max-width:800px){
  .od-entriesFilterGroup .od-select{min-width:100px}
  .od-entriesTable .od-cellDetails,.od-entriesTable .od-cellWhere{display:none}
}

/* Reporting tab */
.od-reporting{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.od-reporting [hidden]{display:none!important}
.od-reportingHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.od-reportingHeadText{min-width:0;flex:1 1 320px}
.od-reportingHeadText .od-h2{font-size:20px;line-height:1.15}
.od-reportingHeadActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.od-reportingHeadActions .od-select{width:auto;min-width:130px;padding:6px 10px;font-size:13px}
.od-reportingNotice{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(244,162,97,.45);border-radius:10px;background:rgba(244,162,97,.12);color:#f4a261;font-size:13px}
.od-reportingNotice strong{color:var(--text)}
.od-noticeIcon{font-size:14px}
.od-reportingMetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.od-metricPill{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:rgba(248,238,208,.05)}
.od-metricIcon{font-size:18px;line-height:1;width:22px;text-align:center}
.od-metricLabel{color:var(--muted);font-size:12px}
.od-metricValue{font-size:20px;font-weight:800;line-height:1;text-align:right}
.od-reportingChartCard{border:1px solid var(--border);border-radius:14px;background:rgba(6,20,26,.35);padding:12px 14px}
.od-reportingChartHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.od-reportingChartTitle{font-weight:700;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.od-reportingChartLegend{display:flex;gap:14px;font-size:12px;color:var(--muted);flex-wrap:wrap;align-items:center}
.od-legendDot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}
.od-legend-impressions{background:var(--accent2)}
.od-legend-actions{background:var(--accent)}
.od-legend-users{background:var(--success)}
.od-reportingChartBody{width:100%;overflow:hidden}
.od-reportChart{width:100%;height:220px;display:block}
.od-chartGrid{stroke:rgba(248,238,208,.08);stroke-width:1}
.od-chartAxis{fill:var(--muted);font-size:10px;font-family:ui-sans-serif,system-ui,sans-serif}
.od-chartLine{fill:none}
.od-line-impressions{stroke:var(--accent2)}
.od-line-actions{stroke:var(--accent)}
.od-line-users{stroke:var(--success)}
.od-reportSubtabs{margin:2px 0 4px}
.od-reportSubtabBody{min-height:80px}
.od-reportTable{width:100%;border-collapse:collapse;font-size:13px}
.od-reportTable thead th{position:sticky;top:0;background:rgba(6,20,26,.92);padding:8px 10px;text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);z-index:1}
.od-reportTable tbody td{padding:8px 10px;vertical-align:middle;border-top:1px solid rgba(248,238,208,.08)}
.od-reportTable tbody tr:hover{background:rgba(248,238,208,.04)}
.od-reportTable .od-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.od-reportTable .od-cellAction{min-width:200px}
.od-reportTable .od-actionCellInner{display:flex;align-items:center;gap:10px}
.od-reportTable .od-actionIcon{flex:0 0 auto;font-size:18px;line-height:1;width:22px;text-align:center}
.od-reportTable .od-actionText{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.od-reportTable .od-actionTitle{font-weight:600;font-size:13px}

/* Winners tab */
.od-winners{display:grid;gap:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.od-winners [hidden]{display:none!important}
.od-winnersTopCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.od-winnersCard{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(248,238,208,.05);align-items:start}
.od-winnersCardIcon{font-size:22px;line-height:1;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(248,238,208,.08)}
.od-winnersCardBody{display:grid;gap:6px;min-width:0}
.od-winnersCardTitle{font-weight:700;font-size:14px;line-height:1.25}
.od-winnersCardSubtitle{color:var(--muted);font-size:13px;line-height:1.35}
.od-winnersCardMeta{margin-top:2px}
.od-winnersCardActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.od-winnersCardActions .od-btn{min-height:32px;padding:5px 12px;font-size:13px}
.od-winnersHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:4px}
.od-winnersHeadingWrap{min-width:0;flex:1 1 300px}
.od-winnersHeadingWrap .od-h2{font-size:20px;line-height:1.15}
.od-winnersHeadActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.od-hideDetailsToggle{color:var(--muted)}
.od-winnersMainPanel{min-height:140px}
.od-winnersEmpty{display:grid;justify-items:center;gap:10px;padding:36px 16px;border:1px dashed var(--border);border-radius:14px;background:rgba(6,20,26,.35);text-align:center}
.od-winnersEmptyIcon{font-size:52px;line-height:1}
.od-winnersEmptyTitle{font-weight:800;font-size:18px}
.od-winnersEmptySub{max-width:420px;font-size:13px}
.od-winnersEmptyBtn{min-height:38px;padding:8px 18px;font-size:14px;font-weight:700}
.od-winnersFinalistsPanel{border:1px solid var(--border);border-radius:12px;padding:12px;background:rgba(6,20,26,.35)}
.od-bracketBoardWrap{display:grid;gap:10px;margin-top:12px;min-width:0}
.od-bracketScroller{overflow:auto;border:1px solid var(--border);border-radius:14px;background:rgba(6,20,26,.34);padding:12px;min-height:260px;outline:none}
.od-bracketScroller:focus-visible{box-shadow:0 0 0 2px var(--accent2)}
.od-bracketRoundLabels{display:grid;gap:36px;min-width:max-content;margin-bottom:8px;padding:0 8px}
.od-bracketRoundLabel{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}
.od-bracketGrid{display:grid;gap:8px 36px;min-width:max-content;align-items:stretch;padding:0 8px 8px}
.od-bracketMatch{position:relative;z-index:1;align-self:center;min-width:220px;min-height:78px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(248,238,208,.08),rgba(248,238,208,.045));box-shadow:0 10px 24px rgba(0,0,0,.2);padding:8px;display:grid;gap:6px}
.od-bracketMatch[data-final-round="0"]::after{content:"";position:absolute;left:100%;top:50%;width:36px;border-top:2px solid rgba(248,238,208,.28)}
.od-bracketMatch[data-status="complete"]{border-color:rgba(118,224,155,.35);background:linear-gradient(180deg,rgba(118,224,155,.11),rgba(248,238,208,.045))}
.od-bracketMatch[data-status="pending"]{border-color:rgba(55,213,195,.35)}
.od-bracketMatch[data-status="waiting"],.od-bracketMatch[data-status="bye"]{opacity:.82}
.od-bracketMatch--hidden{cursor:pointer;border-style:dashed;background:linear-gradient(180deg,rgba(255,179,71,.09),rgba(248,238,208,.035))}
.od-bracketMatch--hidden:hover{border-color:rgba(255,179,71,.55);background:linear-gradient(180deg,rgba(255,179,71,.14),rgba(248,238,208,.05))}
.od-bracketMatchHead{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:800}
.od-bracketStatus{white-space:nowrap;color:var(--text);opacity:.88;text-transform:none;letter-spacing:0;font-weight:700}
.od-bracketSimBtn{min-height:24px;padding:3px 8px;font-size:10px;letter-spacing:0;text-transform:none}
.od-bracketHiddenBody{display:grid;place-items:center;text-align:center;gap:4px;min-height:54px;border-radius:9px;background:rgba(6,20,26,.36);color:var(--muted)}
.od-bracketHiddenBody strong{color:var(--text);font-size:13px}.od-bracketHiddenBody span{font-size:10px}
.od-bracketPlayers{display:grid;gap:4px}
.od-bracketPlayer{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:24px;padding:4px 6px;border-radius:8px;background:rgba(6,20,26,.42);border:1px solid rgba(248,238,208,.08)}
.od-bracketPlayer--winner{background:rgba(118,224,155,.16);border-color:rgba(118,224,155,.32);color:var(--success)}
.od-bracketPlayer--tbd{color:var(--muted);font-style:italic}
.od-bracketSeed{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px;font-weight:900;text-align:center;border-right:1px solid rgba(248,238,208,.12);padding-right:5px}
.od-bracketName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;min-width:0}
.od-bracketWeight{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.od-bracketMeta{font-size:10px;color:var(--muted);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.od-bracketEntrants{border:1px solid var(--border);border-radius:12px;background:rgba(248,238,208,.04);padding:8px 10px}
.od-bracketEntrants > summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--muted)}
.od-bracketEntrants[open] > summary{margin-bottom:8px;color:var(--text)}
@media(max-width:700px){.od-bracketScroller{padding:10px}.od-bracketRoundLabels{gap:24px}.od-bracketGrid{gap:8px 24px}.od-bracketMatch{min-width:200px}.od-bracketMatch[data-final-round="0"]::after{width:24px}}
.od-winnersHistory{border:1px solid var(--border);border-radius:10px;padding:6px 12px;background:rgba(6,20,26,.35)}
.od-winnersHistory > summary{cursor:pointer;display:flex;gap:8px;align-items:center;font-weight:600;list-style:none;font-size:13px}
.od-winnersHistory > summary::-webkit-details-marker{display:none}
.od-winnersHistory > summary::before{content:"?";display:inline-block;transition:transform .15s;color:var(--muted);font-size:11px}
.od-winnersHistory[open] > summary::before{transform:rotate(90deg)}
.od-winnersHistory[open]{padding:8px 14px 12px}
.od-winnersHistory .od-actionSummaryTitle{font-size:13px;font-weight:600}
.od-winnersHistory .od-actionSummaryDot{color:var(--muted);opacity:.6}
.od-winnersTable{width:100%;border-collapse:collapse;font-size:13px}
.od-winnersTable thead th{position:sticky;top:0;background:rgba(6,20,26,.92);padding:8px 10px;text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);z-index:1}
.od-winnersTable tbody td{padding:8px 10px;vertical-align:middle;border-top:1px solid rgba(248,238,208,.08)}
.od-winnersTable tbody tr:hover{background:rgba(248,238,208,.05)}
.od-winnersTable .od-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.od-winnersTable .od-cellPrize{min-width:170px}
.od-winnersTable .od-cellPrize .od-select{width:auto;padding:5px 8px;font-size:12px}
.od-winnersTable .od-cellWhen{color:var(--muted);font-size:12px;white-space:nowrap}
.od-winnersTable .od-cellMenu{width:44px;text-align:right;position:relative}
.od-winnersTable .od-whoName{font-weight:600;line-height:1.2}
.od-winnersTable .od-cellWho .od-fineprint{font-size:11px;line-height:1.2}
.od-winnerCopyActions{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
.od-winnerCopyBtn{min-height:24px;padding:2px 6px;font-size:10px;line-height:1.2}
.od-winnerStatus[data-winner-status="selected"]{background:rgba(118,224,155,.18);color:var(--success);border-color:rgba(118,224,155,.35)}
.od-winnerStatus[data-winner-status="announced"]{background:rgba(55,213,195,.18);color:var(--accent2);border-color:rgba(55,213,195,.35)}
.od-winnerStatus[data-winner-status="voided"]{background:rgba(255,156,145,.22);color:var(--danger);border-color:rgba(255,156,145,.35)}
.od-winnersHideDetails .od-winnerDetail{display:none}

/* Danger button variant used for destructive actions (Delete, Block). */
.od-btnDanger{background:rgba(255,156,145,.14);border-color:rgba(255,156,145,.5);color:var(--danger)}
.od-btnDanger:hover{background:rgba(255,156,145,.24)}
/* Collapsible visit-channel action row (YouTube visit-return-complete flow). */
.od-action--visitChannel{display:block;padding:0;border:1px solid var(--border);border-radius:14px;background:rgba(248,238,208,.04);overflow:hidden}
.od-action--visitChannel > .od-action__summary{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;cursor:pointer;list-style:none}
.od-action--visitChannel > .od-action__summary::-webkit-details-marker{display:none}
.od-action--visitChannel > .od-action__summary:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:12px}
.od-action--visitChannel .od-action__summaryText{min-width:0}
.od-action--visitChannel .od-action__entries{white-space:nowrap}
.od-action--visitChannel[open] > .od-action__summary{border-bottom:1px solid var(--border)}
.od-action--visitChannel .od-action__body{padding:12px;display:grid;gap:10px}
.od-action--visitChannel.od-action--mandatory{border-color:rgba(255,179,71,.55)}
.od-action--visitChannel.od-action--completed{opacity:.85}
body[data-od-spacing="compact"] .od-action--visitChannel > .od-action__summary{padding:8px 10px;gap:8px}
body[data-od-spacing="spacious"] .od-action--visitChannel > .od-action__summary{padding:18px 20px;gap:16px}
@media(max-width:520px){.od-action--visitChannel .od-action__body{padding:10px}.od-action--visitChannel .od-btn{width:100%}}

/* Privacy Display Mode / Drawing Display Window */
.od-displayBody{height:100vh;min-height:100vh;overflow:hidden;background:radial-gradient(900px 600px at 8% 0%,rgba(55,213,195,.2),transparent 58%),radial-gradient(860px 620px at 100% 8%,rgba(243,111,69,.18),transparent 56%),linear-gradient(180deg,#082733,#041116);color:var(--text)}
.od-displayShell{height:100vh;min-height:0;padding:24px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;overflow:hidden}
.od-displayLoading{min-height:100vh;display:grid;place-items:center;font-size:clamp(22px,3vw,44px);font-weight:900;text-align:center}.od-displayHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 18px;border:1px solid var(--border);border-radius:22px;background:rgba(6,20,26,.72);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.od-displayBrand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:1000;white-space:nowrap}.od-displayTitleBlock{min-width:0;text-align:center}.od-displayTitleBlock h1{margin:0;font-size:clamp(20px,2.4vw,42px);line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-displaySubtitle{margin-top:4px;color:var(--muted);font-size:clamp(12px,1.2vw,16px)}.od-displayBadge{border:1px solid var(--border);border-radius:999px;padding:8px 12px;background:rgba(248,238,208,.08);font-weight:800;color:var(--accent2);white-space:nowrap}
.od-displayControls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--border);border-radius:18px;background:rgba(6,20,26,.66);backdrop-filter:blur(14px)}.od-displayControls .od-btn{min-height:42px;font-size:15px;font-weight:900}.od-displayControlStatus{min-height:20px;color:var(--muted);font-size:13px;font-weight:800}.od-displayControlNote{display:inline-flex;align-items:center;min-height:42px;color:var(--muted);font-weight:900}.od-displayCalcLabel{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;font-weight:900}.od-displayCalcLabel .od-select{width:auto;min-width:180px;padding:8px 10px}
.od-displayPanel{min-height:0;height:100%;border:1px solid var(--border);border-radius:24px;background:rgba(6,20,26,.62);box-shadow:var(--shadow);padding:20px;overflow:hidden}.od-displayHero{text-align:center;display:grid;gap:8px;margin:8px auto 22px;max-width:900px}.od-displayKicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent2);font-size:13px;font-weight:1000}.od-displayHero h2,.od-displayBracketTop h2{margin:0;font-size:clamp(34px,5vw,76px);line-height:.95}.od-displayHero p{margin:0;color:var(--muted);font-size:clamp(16px,1.8vw,24px)}.od-displayEmpty{display:grid;place-items:center;min-height:320px;border:1px dashed var(--border);border-radius:22px;background:rgba(248,238,208,.04);font-size:clamp(24px,3vw,44px);font-weight:900;color:var(--muted);text-align:center}
.od-displayWinnerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.od-displayWinnerCard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:20px;border:1px solid rgba(118,224,155,.34);border-radius:24px;background:linear-gradient(135deg,rgba(118,224,155,.16),rgba(248,238,208,.06));min-height:150px}.od-displayWinnerName{font-size:clamp(26px,3vw,54px);font-weight:1000;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-displayRank{font-size:13px;color:var(--accent);font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.od-displayMetaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:clamp(13px,1.4vw,18px)}.od-displayMetaRow span{border:1px solid var(--border);border-radius:999px;padding:5px 9px;background:rgba(6,20,26,.38)}
.od-displayAvatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(248,238,208,.25);background:rgba(248,238,208,.1);display:grid;place-items:center;font-weight:1000;color:var(--ink)}.od-displayAvatarFallback{background:linear-gradient(135deg,var(--accent),var(--accent2))}.od-displayPrizeThumb{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid rgba(248,238,208,.24);background:rgba(248,238,208,.08)}.od-displayPrizeContext{display:flex;align-items:center;gap:14px;max-width:760px;margin:0 auto 16px;padding:12px 14px;border:1px solid rgba(255,179,71,.35);border-radius:18px;background:rgba(255,179,71,.1)}.od-displayPrizeContext img{width:92px;height:68px;object-fit:cover;border-radius:12px;border:1px solid rgba(248,238,208,.22)}.od-displayPrizeContext strong{display:block;font-size:clamp(18px,2vw,30px);line-height:1.1}.od-displayPrizeContext span{display:block;color:var(--muted);font-weight:800;margin-top:4px}.od-displayGroupedPicked .od-winnerAnnouncement{background:transparent;border:0;box-shadow:none;padding:0}.od-displayGroupedPicked .od-h2{font-size:18px}.od-displayGroupedPicked .od-winnerAnnouncementGroup{grid-template-columns:minmax(82px,120px) minmax(0,1fr)}.od-displayGroupedPicked .od-winnerAnnouncementPrizeImage{max-height:90px}.od-displayResultWinnerList .od-displayPrizeThumb{width:46px;height:46px;border-radius:10px}.od-displayBracketPanel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.od-displayBracketTop{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:0}.od-displayChampion{font-size:clamp(18px,2.2vw,34px);padding:10px 14px;border:1px solid rgba(118,224,155,.35);border-radius:18px;background:rgba(118,224,155,.12);color:var(--success)}
.od-displayBracketScroller{overflow:auto;min-height:0;height:100%;border:1px solid var(--border);border-radius:20px;background:rgba(0,0,0,.18);padding:16px}.od-displayRoundLabels{display:grid;gap:46px;min-width:max-content;margin-bottom:10px;padding:0 8px}.od-displayRoundLabel{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:1000;color:var(--muted)}.od-displayBracketGrid{display:grid;gap:10px 46px;min-width:max-content;align-items:stretch;padding:0 8px 72px}.od-displayBracketMatch{position:relative;align-self:center;min-width:260px;min-height:112px;padding:10px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(248,238,208,.09),rgba(248,238,208,.045));box-shadow:0 14px 28px rgba(0,0,0,.24);display:grid;gap:6px}.od-displayBracketMatch[data-final-round="0"]::after{content:"";position:absolute;left:100%;top:50%;width:46px;border-top:3px solid rgba(248,238,208,.3)}.od-displayBracketMatch.is-active{border-color:rgba(55,213,195,.6);box-shadow:0 0 0 2px rgba(55,213,195,.16),0 14px 28px rgba(0,0,0,.24)}.od-displayBracketMatch.is-complete{border-color:rgba(118,224,155,.45);background:linear-gradient(180deg,rgba(118,224,155,.15),rgba(248,238,208,.045))}.od-displayBracketMatch.is-hidden-match{cursor:pointer;border-style:dashed;background:linear-gradient(180deg,rgba(255,179,71,.09),rgba(248,238,208,.035))}.od-displayBracketMatch.is-hidden-match:hover{border-color:rgba(255,179,71,.55);background:linear-gradient(180deg,rgba(255,179,71,.14),rgba(248,238,208,.05))}.od-displayHiddenMatchBody{display:grid;place-items:center;text-align:center;gap:4px;min-height:66px;border-radius:10px;background:rgba(6,20,26,.36);color:var(--muted)}.od-displayHiddenMatchBody strong{color:var(--text);font-size:15px}.od-displayHiddenMatchBody span{font-size:11px}.od-displayMatchHead{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--muted);font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.od-displaySimBtn{min-height:24px!important;padding:4px 8px!important;font-size:10px!important;letter-spacing:0;text-transform:none}.od-displayBracketPlayer{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;align-items:center;min-height:34px;padding:6px 8px;border-radius:10px;background:rgba(6,20,26,.48);border:1px solid rgba(248,238,208,.09)}.od-displayBracketPlayer .od-displayAvatar{width:24px;height:24px;font-size:10px}.od-displayBracketPlayer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,1.2vw,17px)}.od-displayBracketPlayerWinner{background:rgba(118,224,155,.18);border-color:rgba(118,224,155,.36);color:var(--success)}.od-displayBracketPlayerTbd{grid-template-columns:auto 1fr;color:var(--muted);font-style:italic}.od-displaySeed{min-width:26px;text-align:center;color:var(--accent);font-weight:1000;font-variant-numeric:tabular-nums}.od-displayEntries{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.od-displayRoll{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-displayEntrantGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.od-displayEntrantGrid .od-displayBracketPlayer{min-height:48px}.od-displayResultBackdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(0,0,0,.58);backdrop-filter:blur(8px);padding:24px}.od-displayResultBackdropChampion{background:radial-gradient(circle at 50% 40%,rgba(255,179,71,.18),rgba(0,0,0,.68) 58%),rgba(0,0,0,.62)}.od-displayResultCard{position:relative;width:min(760px,94vw);border:1px solid rgba(118,224,155,.42);border-radius:28px;background:linear-gradient(180deg,rgba(9,45,53,.96),rgba(4,17,22,.96));box-shadow:0 30px 90px rgba(0,0,0,.65);padding:28px;text-align:center;display:grid;gap:16px;overflow:hidden}.od-displayResultCardChampion{border-color:rgba(255,179,71,.65);box-shadow:0 30px 100px rgba(0,0,0,.7),0 0 60px rgba(255,179,71,.16)}.od-displayConfetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.od-displayResultCard>*:not(.od-displayConfetti){position:relative;z-index:1}.od-displayChampionBanner{justify-self:center;padding:8px 16px;border-radius:999px;background:linear-gradient(90deg,rgba(255,179,71,.24),rgba(118,224,155,.18));border:1px solid rgba(255,179,71,.55);color:var(--accent);font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.od-displayResultCardWide{width:min(980px,94vw)}.od-displayResultAvatarWrap{display:grid;place-items:center;margin:-4px 0 -6px}.od-displayResultAvatarWrap .od-displayAvatar{width:104px;height:104px;font-size:32px;border-width:3px;box-shadow:0 12px 34px rgba(0,0,0,.38)}.od-displayResultCardChampion .od-displayResultAvatarWrap .od-displayAvatar{width:128px;height:128px;border-color:rgba(255,179,71,.7);box-shadow:0 16px 44px rgba(0,0,0,.42),0 0 34px rgba(255,179,71,.25)}.od-displayResultCard h2{margin:0;font-size:clamp(38px,5vw,78px);line-height:.95}.od-displayResultSub{margin:0;color:var(--muted);font-weight:900}.od-displaySpinner{justify-self:center;width:58px;height:58px;border-radius:50%;border:5px solid rgba(248,238,208,.18);border-top-color:var(--accent);animation:odSpin .8s linear infinite}@keyframes odSpin{to{transform:rotate(360deg)}}.od-displayResultWinnerList{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;max-height:42vh;overflow:auto}.od-displayResultWinnerList div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;text-align:left;padding:10px;border:1px solid var(--border);border-radius:14px;background:rgba(248,238,208,.06)}.od-displayResultWinnerList .od-displayAvatar{width:38px;height:38px;font-size:12px}.od-displayResultWinnerList strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-displayResultWinnerList span{grid-column:2;color:var(--muted);font-size:12px}.od-displayUpset{justify-self:center;padding:8px 14px;border-radius:999px;background:rgba(255,179,71,.16);border:1px solid rgba(255,179,71,.45);color:var(--accent);font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.od-displayResultGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.od-displayResultGrid div{padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(248,238,208,.06);display:grid;gap:6px}.od-displayResultGrid strong{color:var(--muted);font-size:12px}.od-displayResultGrid span{font-size:clamp(18px,2vw,28px);font-weight:1000}
@media(max-width:800px){.od-displayShell{padding:12px;gap:10px}.od-displayHeader{grid-template-columns:1fr;text-align:center}.od-displayBrand,.od-displayBadge{justify-self:center}.od-displayBracketScroller{height:calc(100vh - 230px)}.od-displayBracketGrid{gap:8px 30px}.od-displayRoundLabels{gap:30px}.od-displayBracketMatch[data-final-round="0"]::after{width:30px}}
/* Entrant account edit dialog (public Drawing page). */
.od-accountDialog{border:1px solid var(--border);border-radius:14px;background:var(--bg,#0b3d2e);color:var(--text);padding:16px 18px;max-width:520px;width:min(92vw,520px);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.od-accountDialog::backdrop{background:rgba(0,0,0,.55)}
.od-accountDialog .od-socialRow{gap:10px}
.od-accountDialog [data-identity-remove]{margin-left:auto}

/* Winner reveal modes: wheel and pie */
.od-displayWheelPanel{display:grid;gap:14px}
.od-displayWheelStage{position:relative;height:260px;max-width:520px;margin:0 auto;width:100%;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,rgba(6,20,26,.7),rgba(6,20,26,.35));overflow:hidden;box-shadow:inset 0 0 40px rgba(0,0,0,.5)}
.od-displayWheelStage::before,.od-displayWheelStage::after{content:"";position:absolute;left:0;right:0;height:60px;pointer-events:none;z-index:2}
.od-displayWheelStage::before{top:0;background:linear-gradient(180deg,rgba(6,20,26,.95),rgba(6,20,26,0))}
.od-displayWheelStage::after{bottom:0;background:linear-gradient(0deg,rgba(6,20,26,.95),rgba(6,20,26,0))}
.od-displayWheelReel{position:absolute;left:0;right:0;top:0;display:grid;gap:8px;padding:8px;will-change:transform}
.od-displayWheelItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,rgba(248,238,208,.08),rgba(248,238,208,.02));min-height:72px}
.od-displayWheelItem .od-displayAvatar{width:52px;height:52px}
.od-displayWheelItem strong{font-size:20px;font-weight:1000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.od-displayWheelItem span{color:var(--muted);font-size:13px;font-weight:800}
.od-displayWheelItem.is-winner{border-color:rgba(255,179,71,.75);background:linear-gradient(135deg,rgba(255,179,71,.24),rgba(255,179,71,.06));box-shadow:0 0 0 2px rgba(255,179,71,.4),0 12px 28px rgba(0,0,0,.45)}
.od-displayWheelPointer{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid var(--accent);z-index:3}
.od-displayPiePanel{display:grid;gap:14px}
.od-displayPieStage{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;justify-content:center;max-width:820px;margin:0 auto;width:100%}
.od-displayPieWrap{position:relative;width:min(80vw,340px);aspect-ratio:1/1}
.od-displayPie{width:100%;height:100%;transform-origin:50% 50%;transition:transform .06s linear;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5))}
.od-displayPie [data-slice-index].is-winner{stroke:var(--accent);stroke-width:3}
.od-displayPiePointer{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:22px solid var(--accent)}
.od-displayPieLegend{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px;color:var(--muted);max-height:340px;overflow:auto}
.od-displayPieLegend li{display:flex;gap:8px;align-items:center}
.od-displayPieDot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:0 0 auto;border:1px solid rgba(0,0,0,.4)}
@media(prefers-reduced-motion:reduce){.od-displayWheelReel,.od-displayPie{transition:none!important}}
@media(max-width:800px){.od-displayPieStage{grid-template-columns:1fr}}

/* Winners-so-far list under the wheel / pie */
.od-displayPickedWrap{margin-top:14px;border:1px solid var(--border);border-radius:16px;background:rgba(6,20,26,.5);padding:12px 14px}
.od-displayPickedHeader{font-size:13px;font-weight:1000;text-transform:uppercase;letter-spacing:.1em;color:var(--accent2);margin-bottom:8px}
.od-displayPickedList{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;max-height:260px;overflow:auto}
.od-displayPickedList li{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,rgba(118,224,155,.12),rgba(248,238,208,.04))}
.od-displayPickedList li .od-displayAvatar{width:36px;height:36px}
.od-displayPickedList li strong{font-size:15px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.od-displayPickedRank{font-size:12px;font-weight:1000;color:var(--accent);min-width:28px}
.od-displayPickedEntries,.od-displayPickedPrize{grid-column:1/-1;font-size:11px;color:var(--muted)}

/* Big Spin button under the wheel/pie */
.od-displaySpinRow{display:grid;place-items:center;width:100%;margin:14px auto 4px;text-align:center}
.od-displaySpinBtn{min-height:56px;font-size:20px;font-weight:1000;padding:14px 26px;border-radius:16px;justify-self:center}

/* Straight Draw winner grid: allow long names to fit */
.od-displayWinnerGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.od-displayWinnerCard{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:14px 16px;min-height:0;gap:12px}
.od-displayWinnerCard .od-displayAvatar{width:56px;height:56px}
.od-displayWinnerCard .od-displayWinnerMain{min-width:0}
.od-displayWinnerName{font-size:clamp(16px,1.6vw,26px);line-height:1.15;white-space:normal;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.od-displayMetaRow{font-size:clamp(11px,1vw,14px)}

/* Enhanced Pie Wheel — Price Is Right layout */
.od-displayPiePanel.with-ticker,.od-displayPiePanel.no-ticker{display:grid;gap:12px;overflow:auto;scrollbar-gutter:stable}

.od-displayPieLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:28px;align-items:center;max-width:1400px;margin:0 auto;width:100%}
.od-displayPieLayout.is-solo{grid-template-columns:minmax(0,1fr)}
.od-displayPieMain{display:grid;gap:14px;justify-items:center}
.od-displayPiePanel .od-displayPieWrap{position:relative;width:min(78vh,720px);max-width:100%;aspect-ratio:1/1}
.od-displayPiePanel .od-displayPie{width:100%;height:100%;transform-origin:50% 50%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
.od-displayPiePanel [data-pie-rotator]{transform-box:fill-box;transform-origin:center}
.od-displayPiePanel .od-displayPiePointer{top:-6px;border-left:18px solid transparent;border-right:18px solid transparent;border-top:30px solid var(--accent);filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.od-displayPie [data-slice-index]{transition:filter .2s ease}
.od-displayPie [data-slice-index].is-winner{filter:brightness(1.15) drop-shadow(0 0 12px rgba(255,179,71,.9));stroke:#06141a;stroke-width:3}
.od-displayPieSide{display:grid;gap:8px;height:min(78vh,720px);border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,rgba(6,20,26,.7),rgba(6,20,26,.4));padding:12px;box-shadow:0 12px 30px rgba(0,0,0,.4);position:relative;overflow:hidden}
.od-displayPieSide::before{content:"";position:absolute;left:0;right:0;top:44px;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);pointer-events:none;z-index:2}
.od-displayPieSideHeader{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:1000;color:var(--accent2);padding:4px 6px}
.od-displayPieTickerWrap{overflow:auto;flex:1;min-height:0;scroll-behavior:auto;position:relative}
.od-displayPieTicker{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.od-displayPieTickerItem{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:rgba(6,20,26,.5);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.od-displayPieTickerItem .od-displayAvatar{width:36px;height:36px}
.od-displayPieTickerItem strong{font-size:15px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.od-displayPieTickerEntries{font-size:12px;color:var(--muted)}
.od-displayPieTickerItem.is-active{border-color:var(--accent);background:linear-gradient(135deg,rgba(255,179,71,.25),rgba(255,179,71,.05));transform:scale(1.02)}
.od-displayPieTickerItem.is-winner{border-color:#ffb347;background:linear-gradient(135deg,rgba(255,179,71,.4),rgba(255,179,71,.15));box-shadow:0 0 0 2px rgba(255,179,71,.6),0 12px 24px rgba(0,0,0,.4)}
.od-displayPieHero{margin-bottom:6px;max-width:none}
.od-displayPieHero h2{white-space:nowrap;font-size:clamp(28px,3.6vw,58px)}

.od-displayPickedDetails{border:1px solid var(--border);border-radius:14px;background:rgba(6,20,26,.5);padding:8px 12px}
.od-displayPickedDetails summary{cursor:pointer;font-size:13px;font-weight:1000;text-transform:uppercase;letter-spacing:.1em;color:var(--accent2);padding:4px 0}
.od-displayPickedDetails .od-displayPickedList{margin-top:8px;max-height:200px}
@media(max-width:1100px){.od-displayPieLayout{grid-template-columns:1fr}.od-displayPieSide{height:auto;max-height:260px}}

.od-piePreviewCircle{width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ffb347,#37d5c3);display:grid;place-items:center;color:#06141a;font-weight:1000;border:2px solid rgba(248,238,208,.35);flex:0 0 auto}
.od-piePreviewCircle img{width:100%;height:100%;object-fit:cover;display:block}

.od-displayPieTickerItem.is-picked{opacity:.55}
.od-displayPieTickerItem.is-picked strong{text-decoration:line-through;text-decoration-color:rgba(255,179,71,.7)}
.od-displayPieTickerPicked{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:1000;color:var(--accent);border:1px solid rgba(255,179,71,.5);border-radius:999px;padding:2px 6px}


/* --- Public Drawing widget: Terms & Conditions footer + modal --- */
.od-widgetFooterCard {
  margin-top: 10px;
  padding: 10px 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(248,238,208,.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 12px;
}
.od-widgetFooterLink {
  color: var(--muted);
  text-decoration: none;
  border-bottom: 1px dotted rgba(248,238,208,.25);
  padding-bottom: 1px;
}
.od-widgetFooterLink:hover,
.od-widgetFooterLink:focus { color: var(--text, #f8eed0); border-bottom-color: currentColor; }
.od-widgetFooterSep { opacity: .5; }
.od-widgetFooterSite { white-space: nowrap; }

.od-rulesModal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.od-rulesModal[hidden] { display: none; }
.od-rulesModalBackdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.7);
}
.od-rulesModalCard {
  position: relative;
  background: var(--panel, #10202b);
  color: var(--text, #f8eed0);
  border: 1px solid rgba(248,238,208,.14);
  border-radius: 14px;
  max-width: 780px;
  width: 100%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  outline: none;
}
.od-rulesModalHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(248,238,208,.08);
}
.od-rulesModalClose {
  background: transparent;
  color: inherit;
  border: 0;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
}
.od-rulesModalClose:hover { color: var(--accent, #59b4ff); }
.od-rulesModalBody {
  padding: 16px 18px;
  overflow: auto;
  line-height: 1.55;
  font-size: 14px;
}
.od-rulesModalBody h3 { margin: 18px 0 6px; font-size: 15px; }
.od-rulesModalBody p { margin: 0 0 10px; }
.od-rulesModalBody ul { margin: 0 0 12px 22px; }
.od-rulesModalFooter {
  padding: 12px 18px;
  border-top: 1px solid rgba(248,238,208,.08);
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
/* Loser Proceeds Bracket UI additions.
   The advancing/eliminated badges do not rely on color alone: they carry
   explicit text labels ("Advances", "Won \u00b7 Eliminated", etc.) and use
   distinct backgrounds and borders on top of color. */
.od-bracketPlayer--muted {
  background: rgba(6,20,26,.55);
  border-color: rgba(248,238,208,.10);
  color: var(--muted);
  opacity: 0.78;
}
.od-bracketBadge {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  white-space: nowrap;
  border: 1px solid transparent;
  line-height: 1.4;
}
.od-bracketBadge--advance {
  color: var(--success);
  background: rgba(118,224,155,.14);
  border-color: rgba(118,224,155,.32);
}
.od-bracketBadge--muted {
  color: var(--muted);
  background: rgba(248,238,208,.06);
  border-color: rgba(248,238,208,.16);
  text-decoration: line-through;
}

.od-displayBracketBadge {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
  border: 1px solid transparent;
  line-height: 1.4;
}
.od-displayBracketBadge--advance {
  color: var(--success);
  background: rgba(118,224,155,.18);
  border-color: rgba(118,224,155,.4);
}
.od-displayBracketBadge--muted {
  color: var(--muted);
  background: rgba(248,238,208,.08);
  border-color: rgba(248,238,208,.2);
  text-decoration: line-through;
}
.od-displayHelperCopy {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: clamp(13px, 1.2vw, 16px);
  font-weight: 700;
}