:root{--bg:#03130c;--bg-2:#061d13;--panel:#08271a;--panel-2:#0b321f;--line:rgba(130,255,181,.14);--green:#27e77d;--lime:#9dff76;--gold:#f5bd3a;--gold-2:#ff8c15;--text:#f5fff8;--muted:#93ab9c;--danger:#ff6b6b;--shadow:0 20px 60px rgba(0,0,0,.32);--radius:22px;--shell:min(1220px,calc(100% - 36px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(24,132,77,.16),transparent 30%),radial-gradient(circle at 85% 30%,rgba(247,179,45,.06),transparent 24%),var(--bg);color:var(--text);min-height:100vh}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{tap-highlight-color:transparent}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--gold);color:#161104;padding:10px 16px;border-radius:10px;font-weight:800}.skip-link:focus{top:16px}
.site-header{height:78px;position:sticky;top:0;z-index:50;background:rgba(2,16,10,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:160px;height:auto;display:block}.desktop-nav{display:flex;gap:8px}.desktop-nav a{color:#adc0b3;font-weight:700;font-size:14px;padding:12px 15px;border-radius:12px;transition:.2s}.desktop-nav a:hover{color:white;background:rgba(255,255,255,.05)}.header-actions{display:flex;gap:10px}.btn{min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-weight:850;cursor:pointer;transition:transform .2s,filter .2s,background .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-ghost{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.12);color:#fff}.btn-gold{background:linear-gradient(135deg,#fff18a 0%,var(--gold) 55%,var(--gold-2) 100%);color:#171003;box-shadow:0 10px 25px rgba(245,189,58,.18)}
.notice-bar{height:34px;overflow:hidden;border-bottom:1px solid rgba(229,184,55,.18);background:#062317;color:#c6d8ca;font-size:11px;font-weight:750;letter-spacing:.05em;white-space:nowrap}.notice-track{display:inline-flex;align-items:center;gap:44px;min-width:max-content;height:100%;animation:marquee 36s linear infinite}.notice-track span::first-letter{color:var(--gold)}@keyframes marquee{to{transform:translateX(-35%)}}
.hero{padding:42px 0 26px}.hero-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.13em;color:#75d899;font-size:11px;font-weight:850}.status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(39,231,125,.09)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,5vw,66px);line-height:.95;letter-spacing:-.055em;margin-bottom:0}h1 span{background:linear-gradient(90deg,var(--green),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats{display:flex;border:1px solid var(--line);background:rgba(10,42,28,.55);border-radius:17px;overflow:hidden}.hero-stats div{padding:12px 22px;min-width:92px;display:grid}.hero-stats div+div{border-left:1px solid var(--line)}.hero-stats strong{font-size:22px}.hero-stats span{font-size:11px;color:var(--muted)}
.carousel{position:relative;overflow:hidden;border:1px solid rgba(129,255,178,.19);border-radius:26px;background:#071a11;box-shadow:var(--shadow);isolation:isolate}.slides{aspect-ratio:2.42/1;position:relative}.slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .55s,transform .8s;pointer-events:none}.slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}.slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel::after{content:"";position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(transparent,rgba(1,12,7,.55));pointer-events:none}.carousel-arrow,.provider-arrow{border:1px solid rgba(255,255,255,.16);background:rgba(2,15,9,.72);color:#fff;cursor:pointer;backdrop-filter:blur(8px);transition:.2s}.carousel-arrow{position:absolute;z-index:2;top:50%;translate:0 -50%;width:46px;height:46px;border-radius:50%;font-size:30px}.carousel-arrow:hover,.provider-arrow:hover{background:var(--gold);color:#171003}.carousel-arrow.prev{left:18px}.carousel-arrow.next{right:18px}.carousel-dots{position:absolute;z-index:3;bottom:13px;left:50%;translate:-50%;display:flex;gap:7px}.carousel-dots button{width:8px;height:8px;border:0;border-radius:99px;background:rgba(255,255,255,.44);padding:0;cursor:pointer;transition:.25s}.carousel-dots button.is-active{width:28px;background:var(--gold)}
.catalog{margin-top:12px;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(7,37,23,.96),rgba(4,24,15,.96));box-shadow:var(--shadow)}.catalog-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.catalog-top h2,.guide-intro h2{font-size:clamp(27px,4vw,43px);letter-spacing:-.035em;margin-bottom:0}.catalog-note{color:var(--muted);font-size:13px;margin-bottom:4px}.search-panel{display:grid;grid-template-columns:1fr 245px;gap:12px;margin-bottom:25px}.search-box,.sort-box{height:56px;border:1px solid rgba(139,255,182,.18);border-radius:16px;background:#04190f;display:flex;align-items:center;transition:.2s}.search-box:focus-within,.sort-box:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgba(39,231,125,.08)}.search-box>span{font-size:25px;color:var(--green);margin:0 14px 2px 18px}.search-box input{border:0;outline:0;background:transparent;color:white;width:100%;height:100%;font-size:15px}.search-box input::placeholder{color:#718c7a}.search-box kbd{margin-right:13px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#88a293;border-radius:7px;padding:3px 8px;font-size:11px}.sort-box{padding:0 14px}.sort-box>span{font-size:11px;color:#799282;margin-right:10px}.sort-box select{flex:1;border:0;outline:0;background:transparent;color:#fff;font-weight:700;cursor:pointer}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-label h3,.games-head h3{margin:0;font-size:20px}.section-label span{font-size:11px;color:var(--muted)}.provider-wrap{position:relative}.provider-list{display:flex;gap:10px;overflow:auto;scrollbar-width:none;scroll-behavior:smooth;padding:2px 1px 9px}.provider-list::-webkit-scrollbar{display:none}.provider-chip{flex:0 0 auto;min-width:132px;height:68px;border:1px solid var(--line);border-radius:15px;background:#082619;color:#a8bbae;display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 13px;cursor:pointer;font-size:12px;font-weight:780;transition:.2s}.provider-chip img{width:32px;height:32px;object-fit:contain}.provider-chip .chip-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#03160d;color:var(--gold)}.provider-chip:hover{border-color:rgba(142,255,182,.32);color:white;translate:0 -2px}.provider-chip.is-active{color:white;border-color:var(--gold);background:linear-gradient(135deg,rgba(245,189,58,.13),rgba(18,84,51,.45));box-shadow:inset 0 0 0 1px rgba(245,189,58,.12)}.provider-arrow{position:absolute;z-index:2;top:29px;translate:0 -50%;width:35px;height:35px;border-radius:50%;font-size:22px}.provider-prev{left:-16px}.provider-next{right:-16px}.games-head{display:flex;align-items:end;justify-content:space-between;margin:23px 0 14px;padding-top:21px;border-top:1px solid var(--line)}.games-head p{color:var(--muted);font-size:12px;margin:4px 0 0}.text-button{border:0;background:none;color:var(--gold);font-weight:800;cursor:pointer}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.game-card{min-width:0;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#0b301f,#072317);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.game-card:hover{transform:translateY(-5px);border-color:rgba(93,255,150,.36);box-shadow:0 16px 36px rgba(0,0,0,.25)}.game-image{aspect-ratio:1.2/1;overflow:hidden;background:linear-gradient(135deg,#104429,#061b11);position:relative}.game-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.game-card:hover .game-image img{transform:scale(1.045)}.game-badge{position:absolute;top:9px;left:9px;background:linear-gradient(135deg,var(--green),#0ba55a);color:#00190d;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:950;letter-spacing:.06em}.game-body{padding:13px}.game-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.game-provider{color:#8da596;font-size:10px;margin-bottom:13px}.rtp-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8fa89a}.rtp-row strong{font-size:13px;color:var(--green)}.meter,.modal-meter{height:5px;margin-top:7px;background:#03170e;border-radius:99px;overflow:hidden}.meter i,.modal-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0bbd62,var(--green),var(--lime));box-shadow:0 0 13px rgba(45,255,128,.45)}.pattern-button{width:100%;height:38px;margin-top:12px;border:0;border-radius:10px;background:linear-gradient(135deg,#fff18a,var(--gold),var(--gold-2));color:#181103;font-size:10px;font-weight:950;cursor:pointer}.pattern-button:hover{filter:brightness(1.08)}.load-more{width:100%;height:51px;margin-top:19px;border:1px solid rgba(245,189,58,.34);border-radius:14px;background:rgba(245,189,58,.07);color:var(--gold);font-weight:900;cursor:pointer;transition:.2s}.load-more:hover{background:var(--gold);color:#171003}.empty-state{text-align:center;padding:60px 15px}.empty-state>span{font-size:48px;color:var(--green)}.empty-state h3{font-size:23px;margin:12px 0 6px}.empty-state p{color:var(--muted)}
.guide{padding:90px 0}.guide-intro{max-width:760px}.guide-intro>p:last-child{color:var(--muted);line-height:1.7;margin-top:17px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:30px}.guide-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(11,49,31,.86),rgba(5,25,16,.88))}.guide-grid article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(39,231,125,.09);color:var(--green);font-size:20px}.guide-grid h3{font-size:15px;margin:15px 0 8px}.guide-grid p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}.disclaimer{margin-top:15px;padding:15px 18px;border:1px solid rgba(245,189,58,.2);border-radius:14px;background:rgba(245,189,58,.055);color:#c7b875;font-size:12px}.footer{border-top:1px solid var(--line);background:#020f09;padding:44px 0 90px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px}.footer-brand{font-size:20px;background:linear-gradient(90deg,var(--green),var(--gold));background-clip:text;color:transparent}.footer-grid p{color:var(--muted);font-size:12px;max-width:450px;line-height:1.6;margin-top:9px}.footer-grid nav{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px 24px;color:#adbdaf;font-size:12px}.footer-grid nav a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;color:#62776a;font-size:10px;padding-top:25px;margin-top:25px;border-top:1px solid rgba(255,255,255,.05)}
.game-modal{width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 20px);padding:0;border:1px solid rgba(245,189,58,.5);border-radius:20px;background:#06351f;color:white;box-shadow:0 40px 120px rgba(0,0,0,.72);overflow:auto}.game-modal::backdrop{background:rgba(0,8,4,.8);backdrop-filter:blur(9px)}.modal-card{position:relative;padding:22px;display:grid;gap:15px}.modal-close{position:absolute;right:14px;top:12px;z-index:2;width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#03130c;color:white;font-size:20px;cursor:pointer}.modal-top{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;padding-right:30px}.modal-visual{height:150px;background:#0c3622;border-radius:12px;overflow:hidden}.modal-visual img{width:100%;height:100%;object-fit:cover;display:block}.modal-heading h2{font-size:25px;line-height:1.05;letter-spacing:-.03em;margin-bottom:7px}.modal-heading>p{font-size:11px;color:#91a99a;margin-bottom:12px}.modal-chip{width:max-content;max-width:100%;display:inline-flex;align-items:center;border:1px solid rgba(42,232,123,.3);border-radius:7px;background:#07552f;color:#c7e9d3;padding:7px 10px;font-size:10px}.modal-chip strong{color:var(--green)}.modal-rtp-card{padding:15px;border:1px solid rgba(99,220,145,.2);border-radius:12px;background:#05291a}.modal-rtp{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.modal-rtp strong{font-size:12px;color:var(--green)}.modal-meter{height:5px;margin:10px 0 0}.pattern-box{padding:17px;border:1px solid rgba(245,189,58,.52);border-radius:13px;background:#07301e}.pattern-box h3{font-size:15px;color:var(--gold);margin-bottom:7px}.pattern-box>p{color:#8fa596;font-size:9px;margin-bottom:12px}.pattern-box ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pattern-box li{min-height:55px;padding:10px 13px;border:1px solid rgba(245,189,58,.25);border-left:3px solid var(--gold);border-radius:9px;background:#092f20;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.pattern-box li strong{font-size:11px;color:white}.pattern-box li span{font-size:10px;color:#f4f7f5;font-weight:800}.pattern-note{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08);color:#8ca293;font-size:9px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal-actions .btn{height:44px;padding:0 10px;font-size:10px}.back-top{position:fixed;right:22px;bottom:22px;z-index:20;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:#0a2d1d;color:white;cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.back-top.is-visible{opacity:1;pointer-events:auto}.mobile-nav{display:none}.noscript{position:fixed;inset:auto 0 0;z-index:100;background:#5d1d1d;color:white;padding:12px;text-align:center}
.notice-bar{display:flex}.sound-toggle{position:relative;z-index:3;flex:0 0 42px;border:0;border-right:1px solid rgba(255,255,255,.1);background:#0b8f4d;color:white;cursor:pointer}.hero{position:relative}.wd-toast{position:fixed;z-index:42;top:106px;right:18px;width:min(340px,calc(100% - 28px));padding:13px 40px 13px 13px;border:1px solid rgba(49,239,125,.32);border-radius:15px;background:rgba(4,34,20,.94);box-shadow:0 18px 50px rgba(0,0,0,.42);backdrop-filter:blur(14px);display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center;opacity:0;transform:translateX(110%);pointer-events:none;transition:.35s}.wd-toast.is-visible{opacity:1;transform:none;pointer-events:auto}.wd-icon{width:34px;height:34px;border-radius:10px;background:rgba(39,231,125,.12);color:var(--green);display:grid;place-items:center;font-weight:900}.wd-toast strong{font-size:10px;color:var(--gold)}.wd-toast p{margin:3px 0 0;font-size:11px;color:#d9e8dd}.wd-toast p b{color:var(--green)}.wd-toast small{color:#6f8c79;font-size:8px}.wd-toast button{position:absolute;right:9px;top:8px;width:24px;height:24px;border:0;border-radius:50%;background:#03140c;color:#fff;cursor:pointer}.app-status{margin:0 0 12px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#061e13;color:#8fa698;font-size:11px}.floating-access{position:fixed;z-index:21;right:22px;bottom:76px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#171003;font-size:21px;font-weight:950;box-shadow:0 12px 30px rgba(245,159,30,.28)}
@media(max-width:1000px){.game-grid{grid-template-columns:repeat(4,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.desktop-nav{display:none}}
@media(max-width:760px){:root{--shell:min(100% - 22px,680px)}html{scroll-padding-top:77px}.site-header{height:66px}.brand img{width:128px}.header-actions .btn-ghost{display:none}.header-actions .btn{min-height:38px;padding:0 14px;font-size:12px}.notice-bar{height:30px}.hero{padding:28px 0 14px}.hero-heading{align-items:flex-start}.hero-stats{display:none}h1{font-size:36px}.carousel{border-radius:17px}.slides{aspect-ratio:1.75/1}.slide img{object-fit:cover}.carousel-arrow{width:34px;height:34px;font-size:22px}.carousel-arrow.prev{left:8px}.carousel-arrow.next{right:8px}.catalog{width:100%;border-left:0;border-right:0;border-radius:0;padding:25px 13px}.catalog-top{display:block}.catalog-note{margin-top:8px}.search-panel{grid-template-columns:1fr}.sort-box{height:48px}.search-box{height:52px}.provider-arrow{display:none}.game-grid{grid-template-columns:repeat(3,1fr);gap:9px}.game-body{padding:10px}.game-image{aspect-ratio:1/1}.game-title{font-size:11px}.pattern-button{font-size:9px}.guide{padding:65px 0 90px}.footer{padding-bottom:110px}.footer-grid{grid-template-columns:1fr}.footer-grid nav{margin-top:-10px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);z-index:45;bottom:0;left:0;right:0;height:67px;padding-bottom:env(safe-area-inset-bottom);background:rgba(2,18,11,.94);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#93a999;font-size:9px;font-weight:750}.mobile-nav a span{font-size:19px;color:var(--gold)}.back-top{bottom:80px}.game-modal{width:calc(100% - 10px);max-height:calc(100dvh - 10px);border-radius:14px}.modal-card{padding:16px;gap:11px}.modal-top{grid-template-columns:132px minmax(0,1fr);gap:14px;padding-right:0}.modal-visual{height:132px}.modal-heading h2{font-size:20px;padding-right:26px}.modal-actions .btn{width:100%;font-size:9px}}
@media(max-width:480px){.game-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:6px}.catalog-top h2,.guide-intro h2{font-size:29px}.section-label span{display:none}.modal-card{padding:15px}.modal-top{grid-template-columns:125px minmax(0,1fr)}.modal-visual{height:132px}.modal-actions{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.notice-track{animation:none}.slide,.game-card,.game-image img{transition:none}}