:root{--bg:#0a1022;--bg2:#111b36;--panel:#172447;--line:#2d3d63;--ink:#f6f8ff;--muted:#aab8d9;--accent:#5de1ed;--accent2:#b5f8fd;--gold:#ffca80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.68 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topline{background:#070c19;color:#8194bd;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.topline .wrap{display:flex;justify-content:space-between;padding:9px 0}.header{background:#0a1022f0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.header-inner{height:78px;display:flex;align-items:center;gap:35px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:950;letter-spacing:-.055em;line-height:1;white-space:nowrap}.logo-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#40c9f5,#7a62f2);color:#08122c;transform:skew(-7deg);font-weight:1000}.logo-dot{color:var(--accent)}.nav{display:flex;gap:24px;margin-left:auto}.nav a{font-size:13px;font-weight:750;color:#d4ddf3}.nav a:hover{color:var(--accent)}.header-button,.button,.mini-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#08162b;border-radius:9px;padding:12px 19px;font-size:13px;font-weight:900;white-space:nowrap}.header-button:hover,.button:hover,.mini-button:hover{background:var(--accent2);color:#08162b}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:8px 12px}.hero{position:relative;overflow:hidden;padding:66px 0 55px;background:radial-gradient(circle at 80% 30%,#263f81 0,transparent 36%),linear-gradient(125deg,#15214a,#0b1126 72%);border-bottom:1px solid #31456e}.hero>.wrap{position:relative;z-index:1}.breadcrumbs{font-size:12px;color:#a3b7da;margin-bottom:33px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs span{padding:0 8px}.hero-kicker,.eyebrow,.number{display:block;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1{max-width:900px;margin:15px 0 18px;font-size:clamp(44px,6.3vw,77px);line-height:1.02;letter-spacing:-.067em}.hero p{max-width:690px;margin:0;color:#c3d0ec;font-size:18px}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.hero-tags span{border:1px solid #486397;border-radius:40px;padding:5px 11px;color:#b9cceb;font-size:11px;font-weight:700}.hero-art{position:absolute;right:4%;top:-25px;width:430px;height:380px;opacity:.5;pointer-events:none}.ring{position:absolute;border:2px solid #51dcf4;border-radius:50%;box-shadow:0 0 45px #36b5e860}.ring-one{inset:50px 20px 10px 75px;transform:rotate(25deg) skew(10deg)}.ring-two{inset:90px 70px 50px 25px;border-color:#8377f2;transform:rotate(-25deg) skew(-10deg)}.spark{position:absolute;top:88px;right:70px;font-size:180px;color:#72edfb;line-height:1}.showcase{background:#101c3a;border-bottom:1px solid var(--line);padding:23px 0 30px}.showcase-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#9eafd2;font-size:12px}.showcase-title span{text-transform:uppercase;letter-spacing:.17em;font-weight:900;color:var(--accent)}.showcase-title strong{font-weight:600}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.showcase-card{display:flex;align-items:center;gap:12px;background:#1b2b51;border:1px solid #344b78;border-radius:13px;padding:13px}.monogram{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:10px;background:#334c81;color:var(--accent);font-size:23px;font-weight:900}.showcase-card strong,.showcase-card small{display:block;line-height:1.25}.showcase-card strong{font-size:13px}.showcase-card small{margin-top:3px;font-size:11px;color:#a9bbdc}.mini-button{margin-left:auto;padding:8px 11px;font-size:11px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:75px;padding-top:65px;padding-bottom:55px}.main-grid article{min-width:0}.lead{border-left:3px solid var(--accent);padding:8px 0 8px 23px;margin-bottom:35px}.lead p{color:#e2eafa;font-size:20px;line-height:1.55;margin:10px 0 0}.lead h2{margin-bottom:10px}.toc{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#142142;border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:45px}.toc strong{font-size:12px;margin-right:5px}.toc a,.link-row a{font-size:12px;font-weight:800;border:1px solid #3b5486;border-radius:7px;padding:6px 10px;color:#c2e7f1}.toc a:hover,.link-row a:hover{background:#263f70}.content-section{padding:42px 0;border-top:1px solid var(--line)}h2{font-size:clamp(29px,3.5vw,42px);line-height:1.13;letter-spacing:-.045em;margin:12px 0 22px}h3{font-size:21px;line-height:1.2}.content-section p{font-size:16px;color:#c5d1e9;margin:0 0 16px}.link-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.offer-strip{display:grid;gap:3px;margin:28px 0;padding:27px;border:1px solid #3d6692;border-radius:13px;background:linear-gradient(115deg,#1a3972,#18294e)}.offer-strip span{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:900}.offer-strip strong{font-size:25px;letter-spacing:-.035em}.offer-strip small{color:#c4d3ec}.offer-strip .button{justify-self:start;margin-top:12px}.aside{align-self:start;position:sticky;top:105px;border:1px solid var(--line);background:#141f3d;border-radius:13px;padding:24px}.aside h3{margin:12px 0}.aside a:not(.button){display:block;border-top:1px solid var(--line);padding:10px 0;font-size:13px;color:#c4d1ed}.aside .button{width:100%;margin-top:20px}.related{border-top:1px solid var(--line);padding:55px 0 75px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.related-card{position:relative;min-height:155px;background:#142140;border:1px solid var(--line);border-radius:11px;padding:20px}.related-card span{color:var(--accent);font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:900}.related-card strong{display:block;margin-top:16px;font-size:16px;line-height:1.3}.related-card b{position:absolute;right:18px;bottom:14px;color:var(--accent)}.faq details{border-bottom:1px solid var(--line);padding:13px 0}.faq summary{cursor:pointer;font-weight:800}.faq details p{margin:9px 0 0}.footer{background:#070c19;border-top:1px solid var(--line);padding:48px 0 23px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid p{max-width:300px;color:#8fa0c4;font-size:13px;margin-top:19px}.footer-grid strong{display:block;margin-bottom:13px;font-size:13px}.footer-grid a:not(.logo){display:block;color:#a5b3d0;font-size:13px;margin:8px 0}.footer-bottom{border-top:1px solid #203050;margin-top:38px;padding-top:17px;display:flex;justify-content:space-between;color:#7b8daf;font-size:11px}@media(max-width:950px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0c1630;flex-direction:column;gap:0;padding:10px 20px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:11px}.menu-toggle{display:block;margin-left:auto}.header-button{display:none}.showcase-grid,.main-grid{grid-template-columns:1fr}.aside{display:none}.related-grid{grid-template-columns:repeat(2,1fr)}.hero-art{opacity:.25}}@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}.topline span:last-child{display:none}.header-inner{height:67px}.nav{top:67px}.hero{padding:42px 0 35px}.hero h1{font-size:44px}.hero p{font-size:16px}.hero-art{right:-210px}.showcase-card{padding:10px}.main-grid{padding-top:38px}.lead p{font-size:18px}.related-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}}.game-table{width:100%;border-collapse:collapse;background:#142142;border:1px solid var(--line);margin:0 0 30px}.game-table caption{text-align:left;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:900;padding:0 0 10px}.game-table th,.game-table td{padding:12px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}.game-table th{width:34%;color:#e3edff}.game-table td{color:#bfcde7}.game-links{padding-left:22px;color:#c7d4ed}.game-links li{margin:8px 0}.game-links a{text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.game-table th,.game-table td{padding:9px;font-size:12px}}[hidden]{display:none!important}body{font-family:Avenir Next,Segoe UI,Arial,sans-serif}body.menu-open,body.dialog-open{overflow:hidden}.header{background:#081226}.header-inner{height:70px}.header-button{margin-left:5px}.menu-toggle{order:3}.nav-overlay{position:fixed;inset:70px 0 0;background:#020914b8;z-index:18}.hero{min-height:390px;padding:0;background:linear-gradient(90deg,#071329,#071329e6 34%,#08152b77,#08152b2b),url(/assets/images/casino-atmosfera-47f030f309a4-1200.webp) center center/cover no-repeat;border-bottom:1px solid #284a70}.hero-inner{min-height:390px;display:flex;align-items:center}.hero-content{max-width:680px;padding:35px 0}.hero h1{max-width:700px;font-family:Arial Black,Avenir Next,Arial,sans-serif;font-size:clamp(43px,5.5vw,68px);letter-spacing:-.055em;margin:10px 0 16px}.breadcrumbs{margin-bottom:17px}.hero-art{display:none}.hero-offer{display:grid;gap:4px;max-width:570px}.hero-offer span{color:#68e5ef;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900}.hero-offer strong{font-size:clamp(17px,2.3vw,26px);line-height:1.25;letter-spacing:-.025em}.hero-offer small{color:#c0d7e8;font-size:12px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:21px}.text-link{color:#d9f8fa;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:800}.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#10203a;border-bottom:1px solid #29435e;padding:0 max(20px,calc((100% - 1180px)/2))}.fact-strip div{padding:13px 20px;border-right:1px solid #2b4564}.fact-strip div:first-child{padding-left:0}.fact-strip div:last-child{border-right:0}.fact-strip b{display:block;font-size:15px;color:#f2f8ff}.fact-strip span{display:block;color:#9cb2c9;font-size:11px}.showcase{padding:16px 0 20px;background:#0d1a31}.showcase-title{margin-bottom:9px}.showcase-card{border-radius:7px;background:#172a47}.monogram{border-radius:6px}.mini-button{border-radius:5px}.main-grid{padding-top:55px}.tool{container-type:inline-size;background:#132640;border:1px solid #3a6076;padding:24px;margin:23px 0 30px}.tool-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.tool-head h3{font-size:25px;margin:5px 0 18px}.tool-icon{display:grid;place-items:center;width:40px;height:40px;background:#1d5870;color:#b7faff;font-weight:900;font-size:24px}.tool-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:10px 0 18px}.tool-controls label{display:grid;gap:6px;color:#a8c4d8;font-size:11px;font-weight:800}.tool-controls input,.tool-controls select{width:100%;min-width:0;background:#07192d;border:1px solid #3a6076;color:#f5fdff;padding:11px 12px;border-radius:4px;font:inherit;font-size:13px}.tool-results{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #35536b;border-bottom:1px solid #35536b;margin:14px 0;padding:13px 0;gap:12px}.tool-results span,.tool-results strong{display:block}.tool-results span{color:#9db6cb;font-size:11px}.tool-results strong{font-size:22px;line-height:1.2;color:#f9f9fb}.formula-note,.source-line{font-size:12px!important;color:#97b1c6!important}.finder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#3a6076;border:1px solid #3a6076;margin-top:10px}.finder-card{display:grid;gap:4px;min-height:135px;padding:14px;background:#10243c}.finder-card:hover{background:#1a3953;color:#fff}.finder-card span{color:#70dce9;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.finder-card strong{font-size:16px;line-height:1.2}.finder-card small{color:#9fb5c8;font-size:11px}.finder-card b{color:#b8f4f8;font-size:11px}.finder-empty{margin-top:12px}.table-scroll{overflow-x:auto}.compare-table{min-width:610px}.compare-table th{width:auto}.step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0 26px}.step-grid>div{border-left:2px solid #4ad4e2;background:#112740;padding:16px}.step-grid b{color:#69ddea}.step-grid h3{margin:7px 0}.step-grid p{font-size:13px;margin:0 0 10px}.step-grid a{font-size:12px;color:#b6f5f8;text-decoration:underline}.vip-funnel{background:linear-gradient(120deg,#102e42,#0b1d31);padding:28px;border-top:2px solid #63dbdf}.vip-funnel .button,.start-funnel .button{margin-top:22px}.final-action{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:40px 0 70px}.final-action h2{margin:5px 0 8px}.final-action p{color:#9fb5c9;margin:0}.promo-dialog{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.promo-backdrop{position:absolute;inset:0;background:#020914a8}.promo-panel{position:relative;width:min(480px,100%);background:#112b46;border:1px solid #4b8394;padding:30px;box-shadow:0 25px 70px #0008}.promo-panel h2{font-size:31px;margin:10px 0}.promo-panel p{color:#bfd2df}.promo-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#e8faff;font-size:28px;cursor:pointer}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0d253d;border-top:1px solid #4d8096;padding:10px 14px;box-shadow:0 -10px 30px #0005}.bottom-bar strong{font-size:13px}.bottom-bar .button{padding:8px 10px;font-size:11px}.bottom-close{border:0;background:none;color:#fff;font-size:24px;cursor:pointer}@container (max-width:560px){.tool-controls{grid-template-columns:1fr}.tool-results{grid-template-columns:1fr 1fr}.finder-grid{grid-template-columns:1fr}}@media(max-width:950px){.nav{top:70px;z-index:21}.nav-overlay{top:70px}.header-button{display:inline-flex;margin-left:auto}.menu-toggle{display:block;margin-left:0}.hero{background-position:60% center}.fact-strip{padding:0 20px}.fact-strip div:first-child{padding-left:12px}}@media(max-width:767px){.header-inner{height:64px;gap:9px}.logo{font-size:15px;gap:6px}.logo-icon{width:30px;height:30px;border-radius:7px}.header-button{font-size:11px;padding:8px 11px}.menu-toggle{font-size:11px;padding:7px 8px}.nav,.nav-overlay{top:64px}.hero{min-height:380px;background:linear-gradient(90deg,#071329f5,#071329c9),url(/assets/images/casino-atmosfera-e9b0cc6b446f-800.webp) 69% center/cover no-repeat}.hero-inner{min-height:380px}.hero-content{padding:28px 0}.hero h1{font-size:42px}.hero-offer strong{font-size:19px}.hero-actions{gap:13px;flex-wrap:wrap}.hero-actions .button{padding:10px 13px;font-size:12px}.fact-strip{grid-template-columns:repeat(2,1fr);padding:0 14px}.fact-strip div{padding:11px}.fact-strip div:nth-child(2){border-right:0}.fact-strip div:nth-child(-n+2){border-bottom:1px solid #2b4564}.final-action{display:block}.final-action .button{margin-top:20px}.promo-dialog{display:none!important}}@media(max-width:390px){.logo{font-size:13px}.header-button{padding:7px 9px}.menu-toggle{padding:7px}}:where(a,button,input,select,summary,[tabindex]):focus-visible{outline:3px solid #f9d372;outline-offset:3px;scroll-margin-top:85px}.promo-panel{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.bottom-bar{padding-bottom:max(10px,env(safe-area-inset-bottom))}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(min-width:1280px){.promo-side .wrap{display:grid;grid-template-columns:195px minmax(0,1fr);gap:20px;align-items:center}.promo-side .showcase-title{display:block;margin:0}.promo-side .showcase-title strong{display:block;margin-top:8px;line-height:1.35}.promo-inline .showcase-grid{grid-template-columns:1.35fr 1fr 1fr}.promo-inline .showcase-card:first-child{background:#203a5e;border-color:#4d7697}}.promo-payment-thumb{display:block;flex:none;width:84px;height:50px;border:1px solid #3b667d;border-radius:4px;object-fit:cover}.showcase-card:has(.promo-payment-thumb) .monogram{display:none}.payment-answer{max-width:660px!important;font-size:18px!important;color:#e4f2fa!important}.payment-figure{margin:22px 0 34px}.payment-figure img{display:block;width:100%;height:auto;border:1px solid #335c73;border-radius:8px}.payment-figure picture{display:block}.content-section ol{padding-left:24px;color:#d2e2ef}.content-section ol li{margin:10px 0}.payment-facts{width:100%}@media(max-width:600px){.promo-payment-thumb{display:none}.showcase-card:has(.promo-payment-thumb) .monogram{display:grid}.payment-answer{font-size:16px!important}}@media(min-width:601px){.showcase-card:has(.promo-payment-thumb){display:grid;grid-template-columns:84px minmax(0,1fr);align-content:center;gap:10px}.showcase-card:has(.promo-payment-thumb) p{min-width:0;margin:0}.showcase-card:has(.promo-payment-thumb) .mini-button{grid-column:1/-1;justify-self:start;margin:0}}.showcase-card p{min-width:0;margin:0}.showcase-card p strong,.showcase-card p small{display:block}.showcase-card p small{line-height:1.35}@media(max-width:600px){.showcase-card:has(.promo-payment-thumb) .mini-button{white-space:normal;text-align:center;max-width:130px}}@media(max-width:600px){.showcase-card:has(.promo-payment-thumb){display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px}.showcase-card:has(.promo-payment-thumb) .monogram{grid-column:1}.showcase-card:has(.promo-payment-thumb) p{grid-column:2}.showcase-card:has(.promo-payment-thumb) .mini-button{grid-column:1/-1;justify-self:start;max-width:none;white-space:nowrap;margin:0}}.slot-figure{margin:1.5rem 0}.slot-figure img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #394363}.slot-filter-box{margin:1.5rem 0}.slot-filters{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.slot-filters p{width:100%;margin:0 0 .25rem}.slot-filters label{display:inline-flex;gap:.35rem;align-items:center;padding:.42rem .7rem;border:1px solid #465075;border-radius:999px;cursor:pointer}.slot-filters label:has(input:checked){background:#7687ef;color:#071024}.slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;margin:1.5rem 0}.slot-card{display:flex;flex-direction:column;gap:.35rem;padding:.65rem;border:1px solid #465075;border-radius:18px;color:inherit;text-decoration:none;background:#141d3a}.slot-card img{width:100%;height:auto;border-radius:12px}.slot-card strong{font-size:1.15rem}.slot-card span,.slot-card small{opacity:.8}.slot-filter-box:has(input[name=provider][value=pragmatic-play]:checked) .slot-card:not([data-provider=pragmatic-play]),.slot-filter-box:has(input[name=provider][value=play\2019n-go]:checked) .slot-card:not([data-provider=play\2019n-go]),.slot-filter-box:has(input[name=provider][value=netent]:checked) .slot-card:not([data-provider=netent]),.slot-filter-box:has(input[name=provider][value="pragmatic-play-/-reel-kingdom"]:checked) .slot-card:not([data-provider="pragmatic-play-/-reel-kingdom"]),.slot-filter-box:has(input[name=provider][value=relax-gaming]:checked) .slot-card:not([data-provider=relax-gaming]),.slot-filter-box:has(input[name=provider][value=elk-studios]:checked) .slot-card:not([data-provider=elk-studios]),.slot-filter-box:has(input[name=provider][value=push-gaming]:checked) .slot-card:not([data-provider=push-gaming]),.slot-filter-box:has(input[name=provider][value=hacksaw-gaming]:checked) .slot-card:not([data-provider=hacksaw-gaming]){display:none}.slot-filter-box:has(input[name=mechanic][value=padajoci]:checked) .slot-card:not([data-mechanic=padajoci]),.slot-filter-box:has(input[name=mechanic][value=linije]:checked) .slot-card:not([data-mechanic=linije]),.slot-filter-box:has(input[name=mechanic][value=skupine]:checked) .slot-card:not([data-mechanic=skupine]),.slot-filter-box:has(input[name=mechanic][value=zbiranje]:checked) .slot-card:not([data-mechanic=zbiranje]),.slot-filter-box:has(input[name=mechanic][value=wild]:checked) .slot-card:not([data-mechanic=wild]){display:none}.slot-filter-box:has(input[name=volatility][value=visoka]:checked) .slot-card:not([data-volatility=visoka]){display:none}
