.o30{--o-bg:#0e1a2a;--o-panel:#182b43;--o-ink:#fffaf3;--o-muted:#dce4ee;--o-accent:#ffb34f;box-sizing:border-box;isolation:isolate;max-width:100%;min-width:0;margin:24px 0;padding:20px;background:var(--o-bg);color:var(--o-ink);font-family:inherit;border:1px solid #ffffff30;border-radius:18px;line-height:1.45}
.o30 *,.o30 *:before,.o30 *:after{box-sizing:border-box;min-width:0}.o30 [hidden]{display:none!important}.o30 :is(h2,h3,p,a,button,label){overflow-wrap:anywhere}.o30 :is(h2,h3,p){color:var(--o-ink);margin:0}.o30 a{color:inherit;text-decoration:none}.o30 :is(a,button,input):focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #151d2b}.o30 :is(button,input){font:inherit}.o30 .o30-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.o30 .o30-overline{color:var(--o-accent);font-size:11px;font-weight:850;letter-spacing:.1em}.o30 .o30-head h2{font-size:clamp(22px,3vw,34px);font-weight:900;line-height:1.1;margin-top:6px}.o30 .o30-nav{display:flex;flex-wrap:wrap;gap:8px}.o30 .o30-nav a{padding:10px 14px;border:1px solid #ffffff50;border-radius:30px;font-size:12px;font-weight:800;min-height:44px;background:var(--o-panel)}.o30 .o30-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:16px 0}.o30 .o30-tools label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.o30 .o30-tools input{width:clamp(100px,25vw,260px);padding:11px 12px;border:1px solid #879bb4;background:#fff;color:#131923;border-radius:8px;font-size:14px;min-height:44px}.o30 .o30-tools [role=status]{font-size:12px;color:var(--o-muted)}.o30 .o30-group{margin-top:22px;scroll-margin-top:100px}.o30 .o30-grouphead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.o30 .o30-grouphead h2{font-size:20px;font-weight:850}.o30 .o30-grouphead>span{font-size:12px;color:var(--o-muted)}.o30 .o30-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px}.o30 .o30-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--o-panel);border:1px solid #ffffff25;border-radius:12px;overflow:hidden;max-width:260px;width:100%;justify-self:center}.o30 .o30-art{position:relative;overflow:hidden;aspect-ratio:3/2;background:#111c2c}.o30 .o30-art img{width:100%;height:100%;display:block;object-fit:contain;margin:0;max-width:100%;border:0;border-radius:0}.o30 .o30-badge{position:absolute;left:8px;top:8px;padding:4px 6px;border-radius:5px;background:#0a1220;color:#fff;font-size:9px;font-weight:850;border:1px solid #ffffff50}.o30 .o30-copy{display:flex;flex:1;flex-direction:column;padding:12px;gap:6px}.o30 .o30-copy .o30-provider{font-size:10px;color:var(--o-muted)}.o30 .o30-copy h3{font-size:15px;font-weight:850;line-height:1.2;margin:0 0 8px}.o30 .o30-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 12px;margin-top:auto;background:var(--o-accent);color:#101723;border:0;border-radius:8px;box-shadow:0 3px 0 #0008;font-size:12px;font-weight:900;text-shadow:none;cursor:pointer}.o30 .o30-button:hover{filter:brightness(1.08)}.o30 .o30-offer .o30-button{background:#fff4df;color:#171820}.o30 .o30-note{font-size:12px;color:var(--o-muted);max-width:105ch;margin:12px 0}.o30 .o30-note a,.o30 .o30-foot a{text-decoration:underline;text-underline-offset:3px}.o30 .o30-foot{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff35;font-size:11px;color:var(--o-muted)}.o30 .o30-foot summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-weight:700}.o30 .o30-foot p{font-size:11px;color:var(--o-muted);margin-top:6px}.o30 .o30-player{margin-top:20px;padding:16px;background:#0a1220;border:1px solid var(--o-accent);border-radius:12px;scroll-margin-top:100px}.o30 .o30-player h3{font-size:20px}.o30 .o30-stage{width:100%;aspect-ratio:16/9;background:#000;margin:12px 0;max-height:650px}.o30 .o30-stage :is(img,iframe){display:block;width:100%;height:100%;object-fit:contain;border:0;margin:0}.o30 .o30-player-controls{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.o30 .o30-player-controls button{min-height:44px;border:1px solid #8ea7c5;border-radius:6px;background:#243956;color:#fff;padding:9px 14px;font-weight:750;cursor:pointer}.o30 .o30-casino{display:inline-flex;max-width:100%;background:var(--o-accent);color:#101723;min-height:44px;align-items:center;padding:10px 16px;border-radius:8px;font-weight:850;font-size:13px;text-shadow:none}.o30 .o30-player [role=status]{font-size:12px;color:var(--o-muted)}
.o30--loco{--o-accent:#ffb555;background:linear-gradient(125deg,#222a3d,#101c30 70%);border-top:4px solid #ffb555}.o30--loco .o30-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:14px}.o30--loco .o30-card{max-width:205px;border-radius:5px}.o30--loco .o30-art{aspect-ratio:5/8;max-height:235px}.o30--loco .o30-badge{background:#ffb555;color:#101723}.o30--loco .o30-copy{border-top:3px solid #ffb555}.o30--loco .o30-copy h3{font-size:14px}.o30--loco .o30-button{border-radius:3px}.o30--loco .o30-offers .o30-art{aspect-ratio:5/6;max-height:180px}
.o30--nv{--o-bg:#17102a;--o-panel:#2c1b43;--o-accent:#f4b8ff;--o-muted:#ead9f4;background:radial-gradient(ellipse at 90% 0,#58316c,#17102a 65%);border-radius:26px}.o30--nv .o30-head{padding-bottom:16px;border-bottom:1px solid #e0a4ff65}.o30--nv .o30-card{border-radius:20px 5px 20px 5px;box-shadow:0 6px 15px #0005}.o30--nv .o30-art{aspect-ratio:3/2}.o30--nv .o30-copy{text-align:center}.o30--nv .o30-button{border-radius:30px;background:linear-gradient(100deg,#f6c7ff,#ffb5cf)}.o30--nv .o30-offer .o30-button{background:#f6eaff}.o30--nv .o30-nav a{border-radius:6px 18px}
.o30--zet{--o-bg:#151712;--o-panel:#252920;--o-accent:#f4dc4b;--o-muted:#e4e6d9;border-radius:3px;border:2px solid #d6bd3a}.o30--zet .o30-head{align-items:stretch;gap:12px}.o30--zet .o30-headingbox{border-left:5px solid #f4dc4b;padding-left:15px}.o30--zet .o30-nav{align-content:center}.o30--zet .o30-nav a{border-radius:2px}.o30--zet .o30-card{border-radius:2px;border-bottom:4px solid #f4dc4b;max-width:240px}.o30--zet .o30-copy{padding:12px 10px}.o30--zet .o30-art{aspect-ratio:3/2}.o30--zet .o30-badge{background:#f4dc4b;color:#151712;border-radius:0}.o30--zet .o30-button{border-radius:2px;font-weight:900}.o30--zet .o30-grouphead{padding:8px 0;border-bottom:1px solid #f4dc4b70}
@media(max-width:600px){.o30{padding:12px;margin:16px 0}.o30 .o30-head{display:block}.o30 .o30-nav{margin-top:14px}.o30 .o30-grid,.o30--loco .o30-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.o30 .o30-copy{padding:9px}.o30 .o30-copy h3{font-size:13px}.o30 .o30-button{padding:9px 8px;font-size:11px}.o30 .o30-tools label{width:100%}.o30 .o30-tools input{flex:1;width:100px}.o30 .o30-grouphead h2{font-size:18px}.o30 .o30-art{max-height:150px}.o30--loco .o30-art{max-height:220px}.o30 .o30-player{padding:10px}}
.o30 :is(h2,h3){max-width:none;width:auto}.o30--nv .o30-offers .o30-art{max-height:150px}
@media(prefers-reduced-motion:reduce){.o30 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}