/* OctoLotto – OctoCommunity visual language */
.ocl-wrap{max-width:1280px;margin:24px auto;font-family:inherit}.ocl-wrap *{box-sizing:border-box}
.ocl-hero,.ocl-card{border:1px solid rgba(127,127,127,.24);background:rgba(127,127,127,.075);border-radius:0;box-shadow:none}
.ocl-hero{padding:0;margin-bottom:18px;display:block;overflow:hidden;position:relative;border-top:0}
.ocl-hero:before{content:"";display:block;height:3px;background:#6656D9}.ocl-hero:after{display:none}
.ocl-hero>div:first-child{padding:20px 20px 12px}.ocl-hero h2{font-size:29px;line-height:1.1;margin:3px 0 7px}.ocl-hero p,.ocl-card p{margin:0}.ocl-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7567e8}
.ocl-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid rgba(127,127,127,.18);background:rgba(127,127,127,.18)}
.ocl-hero-stats>div{padding:13px 20px;background:rgba(25,25,28,.25);border:0;border-radius:0}.ocl-hero-stats span,.ocl-hero-stats small{display:block;font-size:11px;opacity:.62}.ocl-hero-stats strong{display:block;font-size:17px;margin:3px 0}
.ocl-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.ocl-main,.ocl-side{min-width:0}.ocl-card{padding:0;margin-bottom:18px}
.ocl-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:16px 18px 13px;border-bottom:3px solid #6656D9}.ocl-section-head h3{font-size:21px;margin:0}.ocl-section-head h3:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#6656D9;margin:0 8px 3px 0}.ocl-section-head>small{opacity:.6}.ocl-muted{opacity:.68}.ocl-price{font-weight:800;padding:6px 9px;border-radius:0;background:rgba(102,86,217,.13);color:#7567e8;white-space:nowrap}
.ocl-form,.ocl-ticket-list,.ocl-rules{padding:18px}.ocl-numbers{display:grid;grid-template-columns:repeat(13,1fr);gap:8px;margin:18px 0}.ocl-numbers label{margin:0}.ocl-numbers input{display:none}.ocl-numbers span,.ocl-ticketnums span,.ocl-mini-numbers span{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(127,127,127,.34);border-radius:3px;font-weight:800;transition:.14s ease}.ocl-numbers span{width:100%;aspect-ratio:1;max-width:48px;cursor:pointer;background:rgba(127,127,127,.035)}.ocl-numbers span:hover{border-color:#6656D9;background:rgba(102,86,217,.08)}.ocl-numbers input:checked+span,.ocl-ticketnums .hit{background:#6656D9;color:#fff;border-color:#6656D9;box-shadow:none}.ocl-numbers input:disabled+span{opacity:.38;cursor:not-allowed}.ocl-form-foot{display:flex;align-items:center;justify-content:space-between;gap:15px}.ocl-selection{font-size:13px;font-weight:700;opacity:.7}.ocl-form button{border:0;border-radius:0;background:#6656D9;color:#fff;font-weight:800;padding:11px 18px;cursor:pointer}.ocl-form button:hover{filter:brightness(1.08)}.ocl-form button:disabled{opacity:.45;cursor:not-allowed}.ocl-msg{padding:14px 17px;margin-bottom:18px;border:1px solid rgba(102,86,217,.25);border-left:3px solid #6656D9;border-radius:0;background:rgba(102,86,217,.08)}
.ocl-ticket{padding:15px 0;border-top:1px solid rgba(127,127,127,.17)}.ocl-ticket:first-of-type{border-top:0}.ocl-ticket-head,.ocl-ticket-head>div,.ocl-result{display:flex;align-items:center;justify-content:space-between;gap:10px}.ocl-status{font-size:11px;font-weight:800;padding:4px 7px;border-radius:2px}.ocl-status.is-open{background:rgba(102,86,217,.13);color:#7567e8}.ocl-status.is-drawn{background:rgba(62,180,110,.12);color:#4ab978}.ocl-ticket-prize{color:#4ab978}.ocl-ticketnums{display:flex;gap:7px;margin:12px 0;flex-wrap:wrap}.ocl-ticketnums span{width:38px;height:38px}.ocl-result{font-size:12px;opacity:.7}
.ocl-widget{padding:0}.ocl-widget .ocl-section-head h3{font-size:18px}.ocl-widget>.ocl-player,.ocl-widget>.ocl-draw,.ocl-widget>.ocl-empty{margin-left:16px;margin-right:16px}.ocl-player{display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 0;border-top:1px solid rgba(127,127,127,.14)}.ocl-player:first-of-type{border-top:0}.ocl-player img{border-radius:3px}.ocl-rank{width:24px;height:24px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;background:rgba(102,86,217,.13);color:#7567e8}.ocl-player-name{min-width:0}.ocl-player-name strong,.ocl-player-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocl-player-name small,.ocl-player>strong small{font-size:11px;opacity:.6}.ocl-draw{padding:13px 0;border-top:1px solid rgba(127,127,127,.14)}.ocl-draw:first-of-type{border-top:0}.ocl-draw>div:first-child{display:flex;justify-content:space-between}.ocl-draw small{opacity:.58}.ocl-mini-numbers{display:flex;gap:5px;margin:8px 0}.ocl-mini-numbers span{width:28px;height:28px;font-size:11px;background:rgba(102,86,217,.1);border-color:rgba(102,86,217,.25)}.ocl-rules>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid rgba(127,127,127,.14)}.ocl-rules h3{margin:0 0 14px}.ocl-empty{padding:18px 0;opacity:.6;font-size:13px}
@media(max-width:1050px){.ocl-dashboard{grid-template-columns:1fr}.ocl-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ocl-side .ocl-card{margin:0}.ocl-side .ocl-rules{grid-column:1/-1}.ocl-hero-stats{width:100%}}
@media(max-width:700px){.ocl-wrap{margin:12px auto}.ocl-hero h2{font-size:25px}.ocl-hero-stats{grid-template-columns:1fr}.ocl-hero-stats>div{padding:11px 16px}.ocl-numbers{grid-template-columns:repeat(5,1fr);gap:7px}.ocl-numbers span{max-width:none}.ocl-side{grid-template-columns:1fr}.ocl-side .ocl-rules{grid-column:auto}.ocl-form-foot,.ocl-result{align-items:flex-start;flex-direction:column}.ocl-form button{width:100%}.ocl-section-head{padding:14px 15px}.ocl-form,.ocl-ticket-list,.ocl-rules{padding:15px}}

/* v0.1.5 – Light mode scoped only to BODY; dark mode remains untouched */
body:not([data-theme="dark"]) .ocl-hero {
  background:#fff;
  border-color:#dedee5;
}
body:not([data-theme="dark"]) .ocl-hero>div:first-child {
  background:#fff;
}
body:not([data-theme="dark"]) .ocl-hero-stats {
  background:#dedee5;
  border-top-color:#dedee5;
}
body:not([data-theme="dark"]) .ocl-hero-stats>div {
  background:#f5f5f7;
  color:#202026;
}
body:not([data-theme="dark"]) .ocl-hero-stats span,
body:not([data-theme="dark"]) .ocl-hero-stats small {
  color:#686872;
  opacity:1;
}
body:not([data-theme="dark"]) .ocl-hero-stats strong {
  color:#202026;
}

/* v0.1.7 – Teilnehmer der aktuellen Runde */
.ocl-current-player{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;margin-left:16px;margin-right:16px;border-top:1px solid rgba(127,127,127,.14)}
.ocl-current-player:first-of-type{border-top:0}.ocl-current-player img{border-radius:3px}.ocl-ticket-count{font-size:11px;font-weight:800;padding:5px 7px;background:rgba(102,86,217,.13);color:#7567e8;white-space:nowrap}

/* 0.1.8: use OctoBuddy avatar source in Lotto widgets */
.ocl-current-player .ocl-avatar,.ocl-player .ocl-avatar{width:38px!important;height:38px!important;min-width:38px!important;object-fit:cover!important;display:block!important;border-radius:0!important}

/* v0.1.9 – deutliche Kauf-/Fehler-Popups */
.ocl-popup-backdrop{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,7,12,.68);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.ocl-popup-backdrop.is-visible{opacity:1;visibility:visible}.ocl-popup{position:relative;width:min(460px,100%);padding:28px;border:1px solid rgba(127,127,127,.3);border-top:4px solid #6656D9;background:#222328;box-shadow:0 24px 70px rgba(0,0,0,.42);color:#fff;transform:translateY(8px);transition:transform .18s ease}.ocl-popup-backdrop.is-visible .ocl-popup{transform:translateY(0)}.ocl-popup-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:28px;font-weight:900;background:rgba(102,86,217,.16);color:#8172ff}.ocl-popup--error{border-top-color:#e35b63}.ocl-popup--error .ocl-popup-icon{background:rgba(227,91,99,.14);color:#ef747b}.ocl-popup-copy h3{margin:4px 0 8px;font-size:25px;line-height:1.15}.ocl-popup-copy p{margin:0;opacity:.78;font-size:15px;line-height:1.55}.ocl-popup-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:inherit;font-size:27px;line-height:1;opacity:.55;cursor:pointer}.ocl-popup-close:hover{opacity:1}.ocl-popup-ok{width:100%;margin-top:22px;padding:11px 16px;border:0;background:#6656D9;color:#fff;font:inherit;font-weight:800;cursor:pointer}.ocl-popup--error .ocl-popup-ok{background:#e35b63}
body:not([data-theme="dark"]) .ocl-popup{background:#fff;color:#202026;border-color:#dedee5;border-top-color:#6656D9;box-shadow:0 24px 70px rgba(25,25,35,.18)}body:not([data-theme="dark"]) .ocl-popup--error{border-top-color:#d94f58}
@media(max-width:600px){.ocl-popup{padding:23px}.ocl-popup-copy h3{font-size:22px}}
/* 0.1.10 – transparente Auswertung */
.ocl-payout-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:12px;border:1px solid var(--ocl-border,#34363d);background:var(--ocl-border,#34363d)}
.ocl-payout-breakdown>span{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--ocl-card,#202126);font-size:13px}
.ocl-draw-details{display:block;padding:0!important}.ocl-draw-details summary{list-style:none;cursor:pointer;padding:14px 16px;display:grid;gap:10px}.ocl-draw-details summary::-webkit-details-marker{display:none}.ocl-draw-details[open] summary{border-bottom:1px solid var(--ocl-border,#34363d)}
.ocl-round-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ocl-border,#34363d)}.ocl-round-stats>div{padding:12px;border-right:1px solid var(--ocl-border,#34363d)}.ocl-round-stats>div:last-child{border-right:0}.ocl-round-stats span{display:block;font-size:11px;opacity:.7}.ocl-round-stats strong{display:block;margin-top:3px}
.ocl-round-players{padding:6px 14px 14px}.ocl-round-player{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--ocl-border,#34363d)}.ocl-round-player:last-child{border-bottom:0}.ocl-round-player small{display:block;opacity:.65}.ocl-round-player>span{font-size:12px;text-align:right}
@media(max-width:700px){.ocl-payout-breakdown,.ocl-round-stats{grid-template-columns:1fr}.ocl-round-player{grid-template-columns:32px 1fr}.ocl-round-player>span{grid-column:2;text-align:left}}