:root{--color-error:#E5534B;--color-accent-fg:#111;--color-body-bg:#0F1218;--max-w:1180px;--color-text-muted:#9AA5B5;--color-copy:#E9EDF3;--color-bg-3:#1F2632;--color-brand:#F5B400;--radius:12px;--color-line:#2A3240;--color-bg-alt:#171C25;--color-good:#2FBF71}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--color-body-bg);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%;color:var(--color-copy)}
a{color:var(--color-brand)}
a:hover{text-decoration:none}
img{display:block;height:auto;max-width:100%}
.c-inner{max-width:var(--max-w);padding:0 16px;margin:0 auto}
.c-upper{border-bottom:1px solid var(--color-line);position:sticky;background:rgba(15,18,24,.94);backdrop-filter:blur(8px);top:0;z-index:20}
.c-rail{min-height:64px;gap:16px;align-items:center;display:grid;grid-template-columns:1fr auto 1fr}
.c-logo{flex-direction:column;display:flex;line-height:1.1;color:var(--color-copy);justify-self:start;text-decoration:none}
.c-logo b{letter-spacing:-.02em;font-size:20px}
.c-logo b::first-letter{color:var(--color-brand)}
.c-logo small{color:var(--color-text-muted);font-size:11px}
.c-logo-pic{width:auto;height:34px}
.c-menu ul{padding:0;list-style:none;margin:0}
.c-menu>ul{display:flex;gap:2px}
.c-menu li{position:relative}
.c-menu a,.c-menu span{border-radius:8px;padding:8px 11px;display:block;white-space:nowrap;font-size:15px;color:var(--color-copy);text-decoration:none}
.c-menu a:hover,.c-menu .selected>a,.c-menu .selected>span{background:var(--color-bg-3)}
.c-menu li ul{display:none;position:absolute;top:100%;left:0;min-width:210px;background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:var(--radius);padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.c-menu li:hover>ul,.c-menu li:focus-within>ul{display:block}
.c-menu [aria-current=page]{color:var(--color-brand)}
.c-dd-button{display:none}
.c-buttons{gap:8px;display:flex;justify-self:end}
.c-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-brand);color:var(--color-accent-fg);font-weight:700;padding:7px 16px;border-radius:9px;text-decoration:none;font-size:14px;line-height:1.4;border:1.5px solid var(--color-brand);transition:filter .15s,background .15s,border-color .15s}
.c-button:hover{filter:brightness(1.08)}
.c-ghost{border-color:var(--color-line);color:var(--color-copy);background:transparent}
.c-ghost:hover{filter:none;border-color:var(--color-copy)}
.c-big{font-size:15px;padding:10px 22px;margin-top:8px}
.c-burger{display:none;width:44px;height:44px;border:1px solid var(--color-line);border-radius:10px;background:var(--color-bg-alt);cursor:pointer;padding:0}
.c-burger span,.c-burger span::before,.c-burger span::after{content:"";position:relative;margin:0 auto;display:block;background:var(--color-copy);height:2px;width:20px}
.c-burger span::before{position:absolute;top:-6px}
.c-burger span::after{position:absolute;top:6px}
.c-crumbs{z-index:2;padding-top:18px;position:relative}
.c-crumbs ol{list-style:none;display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:4px 6px;background:color-mix(in srgb,var(--color-bg-alt) 85%,transparent);border:1px solid var(--color-line);border-radius:999px;font-size:13px;max-width:100%}
.c-crumbs li{display:flex;align-items:center;min-width:0}
.c-crumbs li+li::before{height:6px;content:"";margin:0 10px 0 6px;border-top:1.5px solid var(--color-text-muted);width:6px;border-right:1.5px solid var(--color-text-muted);opacity:.6;transform:rotate(45deg)}
.c-crumbs a{border-radius:999px;transition:background .15s,color .15s;display:flex;align-items:center;color:var(--color-text-muted);padding:4px 8px;text-decoration:none;gap:6px}
.c-crumbs a:hover{background:var(--color-bg-3);color:var(--color-copy)}
.c-crumbs li:first-child a::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 11h3v9h6v-6h2v6h6v-9h3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 11h3v9h6v-6h2v6h6v-9h3z'/%3E%3C/svg%3E") center/contain no-repeat}
.c-crumbs [aria-current]{color:var(--color-brand);font-weight:700;overflow:hidden;white-space:nowrap;padding:4px 10px 4px 2px;max-width:46vw;text-overflow:ellipsis}
.c-hero{overflow:hidden;border-bottom:1px solid var(--color-line);background:var(--color-body-bg);position:relative}
.c-hero-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 380px at 82% 30%,color-mix(in srgb,var(--color-brand) 18%,transparent),transparent 70%),
    radial-gradient(500px 300px at 0% 100%,color-mix(in srgb,var(--color-brand) 8%,transparent),transparent 70%),
    repeating-linear-gradient(115deg,transparent 0 46px,color-mix(in srgb,var(--color-brand) 5%,transparent) 46px 48px)}
.c-hero-backdrop::after{position:absolute;content:"";background:linear-gradient(90deg,var(--color-body-bg) 25%,transparent 70%);inset:0}
.c-hero .c-inner{position:relative}
.c-hero-holder{padding:28px 0 60px;gap:56px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}
.c-badges{gap:6px;display:flex;padding:0;list-style:none;margin:0 0 14px;flex-wrap:wrap}
.c-badges li{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--color-line);border-radius:999px;padding:3px 10px;background:color-mix(in srgb,var(--color-bg-alt) 70%,transparent)}
.c-badges li:first-child{color:var(--color-accent-fg);border-color:var(--color-brand);background:var(--color-brand)}
.c-hero h1{margin:0 0 16px;font-size:clamp(34px,4.4vw,56px);line-height:1.04;letter-spacing:-.03em}
.c-hero h1::after{display:block;content:"";margin-top:16px;border-radius:2px;height:4px;background:var(--color-brand);width:64px;transform:skewX(-20deg)}
.c-summary{line-height:1.6;margin:0 0 20px;color:var(--color-text-muted);max-width:560px;font-size:18px}
.c-hero-pic{margin:0;position:relative;justify-self:center;width:fit-content}
.c-hero-pic::before{background:var(--color-brand);transform:skewX(-3deg);inset:16px -14px -14px 16px;border-radius:18px;opacity:.9;content:"";position:absolute}
.c-hero-pic img{position:relative;border-radius:16px;border:1px solid color-mix(in srgb,var(--color-brand) 40%,var(--color-line));box-shadow:0 30px 60px rgba(0,0,0,.55)}
.c-grid{padding-top:24px;display:grid;grid-template-columns:250px 1fr;align-items:start;gap:40px}
.c-single{max-width:860px;grid-template-columns:1fr}
.c-toc{position:sticky;align-self:start;top:84px}
.c-toc-card{background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:16px;padding:14px 10px 10px;max-height:calc(100vh - 110px);display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.c-toc-header{gap:8px;padding:0 8px 8px;align-items:center;display:flex}
.c-toc-header span{margin-right:auto;font-size:12px;color:var(--color-text-muted);text-transform:uppercase;font-weight:800;letter-spacing:.1em}
.c-toc-percent{color:var(--color-brand);font-size:12px;font-variant-numeric:tabular-nums}
.c-toc-x{background:none;color:var(--color-copy);font-size:26px;padding:0 4px;cursor:pointer;line-height:1;border:0;display:none}
.c-toc-rail{background:var(--color-bg-3);overflow:hidden;border-radius:3px;height:3px;margin:0 8px 10px}
.c-toc-rail i{height:100%;transition:width .15s;border-radius:3px;width:0;background:var(--color-brand);display:block}
.c-toc ol{margin:0;overflow:auto;list-style:none;counter-reset:t;padding:0;scrollbar-width:thin}
.c-toc li{counter-increment:t}
.c-toc a{color:var(--color-text-muted);display:flex;position:relative;line-height:1.35;text-decoration:none;border-radius:10px;padding:8px 10px;transition:background .2s,color .2s;gap:10px;font-size:14px}
.c-toc a::before{font-size:11px;transition:color .2s;content:counter(t,decimal-leading-zero);min-width:18px;color:var(--color-line);padding-top:2px;font-weight:800}
.c-toc a:hover{background:var(--color-bg-3);color:var(--color-copy)}
.c-toc a.seen{color:var(--color-copy)}
.c-toc a.seen::before{color:var(--color-text-muted)}
.c-toc a.current{font-weight:700;color:var(--color-brand);background:var(--color-bg-3)}
.c-toc a.current::before{color:var(--color-brand)}
.c-toc a.current::after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--color-brand)}
.c-toc-float-btn{display:none}
.c-page-text{max-width:800px;min-width:0}
.c-sec{border-bottom:1px solid var(--color-line);padding:8px 0 20px}
.c-sec h2{letter-spacing:-.01em;font-size:clamp(24px,3vw,30px);margin:24px 0 12px;line-height:1.2}
.c-sec h3{margin:18px 0 6px;font-size:19px}
.c-sec p{margin:0 0 14px}
.c-items{padding-left:22px}
.c-items li{margin:6px 0}
.c-media{margin:18px 0}
.c-media img{border-radius:var(--radius);border:1px solid var(--color-line)}
figcaption{margin-top:6px;font-size:14px;color:var(--color-text-muted)}
.c-table-wrap{overflow-x:auto;margin:16px 0;border:1px solid var(--color-line);border-radius:var(--radius)}
.c-table-wrap table{border-collapse:collapse;width:100%;font-size:15px}
.c-table-wrap caption{text-align:left;padding:10px 14px;color:var(--color-text-muted);font-size:14px}
.c-table-wrap th{text-align:left;padding:10px 14px;background:var(--color-bg-3);white-space:nowrap}
.c-table-wrap td{border-top:1px solid var(--color-line);padding:10px 14px}
.c-steps{list-style:none;padding:0;counter-reset:s;margin:22px 0 8px}
.c-steps>li{column-gap:18px;padding-bottom:22px;grid-template-columns:44px 1fr;position:relative;counter-increment:s;display:grid}
.c-steps>li::before{content:counter(s);grid-row:1/span 3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:17px;color:var(--color-brand);background:var(--color-bg-alt);border:2px solid var(--color-brand);position:relative;z-index:1;transition:background .2s,color .2s}
.c-steps>li:not(:last-child)::after{content:"";position:absolute;left:21px;top:48px;bottom:4px;width:2px;background:linear-gradient(var(--color-brand),color-mix(in srgb,var(--color-brand) 15%,transparent))}
.c-steps>li:hover::before{color:var(--color-accent-fg);background:var(--color-brand)}
.c-steps>li>div{padding-top:2px}
.c-steps>li>div::before{color:var(--color-text-muted);margin-bottom:2px;content:"Paso " counter(s);text-transform:uppercase;letter-spacing:.1em;font-weight:800;display:block;font-size:11.5px}
.c-steps h3,.c-steps h4{margin:0 0 6px;font-size:19px}
.c-steps p{margin:0;font-size:16px;line-height:1.6;max-width:680px;color:var(--color-text-muted)}
.c-steps .c-screen{grid-column:2;margin:12px 0 0}
.c-screen img{border-radius:10px;border:1px solid var(--color-line)}
.c-notice{border-radius:8px;margin:16px 0;border-left:4px solid var(--color-brand);background:var(--color-bg-alt);padding:12px 16px}
.c-notice strong{margin-bottom:2px;display:block}
.c-notice p{margin:0}
.c-notice-warn{border-left-color:var(--color-error)}
.c-notice-tip{border-left-color:var(--color-good)}
.c-card-list{display:grid;margin:16px 0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.c-card{background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:var(--radius);padding:12px}
.c-card h3,.c-card h4{font-size:16px;margin:8px 0 4px}
.c-card p{margin:0;font-size:14px;color:var(--color-text-muted)}
.c-card-pic{margin:0}
.c-card-pic img{border-radius:8px}
.c-proscons{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:16px 0}
.c-proscons>div{border-top:3px solid var(--color-good);padding:14px;border-radius:var(--radius);background:var(--color-bg-alt)}
.c-proscons .c-cons{border-top-color:var(--color-error)}
.c-proscons ul{padding-left:18px;margin:6px 0 0}
.c-call-line{margin:18px 0}
.c-faq{border:1px solid var(--color-line);border-radius:var(--radius);margin:10px 0;background:var(--color-bg-alt)}
.c-faq summary{padding:14px 44px 14px 16px;font-weight:600;cursor:pointer;position:relative;list-style:none}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary::after{content:"+";position:absolute;right:16px;top:10px;font-size:22px;color:var(--color-brand)}
.c-faq[open] summary::after{content:"-"}
.c-faq div{color:var(--color-text-muted);padding:0 16px 4px}
.c-further{padding:36px 16px 8px}
.c-further-header{align-items:baseline;gap:14px;margin-bottom:16px;flex-wrap:wrap;display:flex}
.c-further-header h2{font-size:26px;margin:0}
.c-further-header span{font-size:15px;color:var(--color-text-muted)}
.c-links{padding:0;gap:16px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:0}
.c-related-item{display:flex;flex-direction:column;height:100%;background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:16px;overflow:hidden;color:var(--color-copy);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.c-related-item:hover{box-shadow:0 14px 30px rgba(0,0,0,.4);transform:translateY(-3px);border-color:var(--color-brand)}
.c-related-item-pic{display:block;background:var(--color-bg-3);aspect-ratio:3/2;overflow:hidden}
.c-related-item-pic img{width:100%;transition:transform .35s;object-fit:cover;height:100%}
.c-related-item:hover .c-related-item-pic img{transform:scale(1.04)}
.c-related-item-body{padding:14px 16px 16px;gap:4px 12px;grid-template-columns:1fr auto;flex:1;display:grid;align-items:end}
.c-related-item-body small{font-weight:800;color:var(--color-brand);text-transform:uppercase;letter-spacing:.1em;grid-column:1/-1;font-size:11px}
.c-related-item-body b{line-height:1.3;font-size:17px}
.c-related-item-body i{display:grid;border-radius:50%;height:34px;background:var(--color-bg-3);font-style:normal;transition:background .2s,color .2s;place-items:center;width:34px;color:var(--color-brand)}
.c-related-item:hover .c-related-item-body i{background:var(--color-brand);color:var(--color-accent-fg)}
@media (max-width:860px){.c-links{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.c-links{gap:10px;grid-template-columns:1fr}
.c-related-item{flex-direction:row;align-items:stretch}
.c-related-item-pic{width:112px;aspect-ratio:auto;flex:none}
.c-related-item-body{padding:10px 12px}
.c-related-item-body b{font-size:15px}
.c-related-item-body i{height:28px;width:28px}}
.c-foot{font-size:15px;color:var(--color-text-muted);background:#08090C;margin-top:48px;border-top:1px solid var(--color-line)}
.c-foot a{transition:color .15s;text-decoration:none;color:var(--color-text-muted)}
.c-foot a:hover{color:var(--color-brand)}
.c-foot-upper{padding-top:44px;gap:40px;padding-bottom:28px;display:grid;grid-template-columns:minmax(260px,1.1fr) 2.4fr}
.c-foot-brand .c-logo{margin-bottom:14px}
.c-foot-brand p{margin:0 0 16px;line-height:1.6}
.c-foot-email{display:inline-flex;align-items:center;gap:8px;background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:999px;padding:8px 14px;color:var(--color-copy)!important}
.c-foot-email span{color:var(--color-brand)}
.c-foot-email:hover{border-color:var(--color-brand)}
.c-foot-badges{margin-top:16px;display:flex;align-items:center;gap:10px;font-size:14px}
.c-age-note{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--color-brand);color:var(--color-brand);font-weight:800;font-size:13px}
.c-foot-menu{gap:24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}
.c-foot-title{font-size:12px;margin:4px 0 14px;color:var(--color-copy);text-transform:uppercase;letter-spacing:.12em}
.c-foot ul{list-style:none;padding:0;margin:0}
.c-foot li{margin:0 0 9px}
.c-licence{display:flex;align-items:center;gap:14px;background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:14px;padding:14px 18px;margin-bottom:22px}
.c-licence-icon{place-items:center;flex:none;height:40px;width:40px;display:grid;background:color-mix(in srgb,var(--color-brand) 14%,transparent);border-radius:50%}
.c-licence-icon svg{width:22px;height:22px;fill:color-mix(in srgb,var(--color-brand) 25%,transparent);stroke:var(--color-brand);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.c-licence p{font-size:14px;line-height:1.6;margin:0}
.c-licence b{color:var(--color-copy);font-weight:600}
.c-foot-contacts{display:flex;flex-wrap:wrap;gap:8px}
.c-legal{padding-top:16px;justify-content:space-between;padding-bottom:24px;display:flex;flex-wrap:wrap;border-top:1px solid var(--color-line);gap:8px;font-size:13px}
.c-error-page{padding:60px 16px}
@media (max-width:980px){.c-rail{display:flex}
.c-logo{margin-right:auto}
.c-burger{display:block}
.c-buttons{display:none}
.c-menu{display:none;position:absolute;top:64px;left:0;right:0;background:var(--color-bg-alt);border-bottom:1px solid var(--color-line);max-height:calc(100vh - 64px);overflow:auto}
.opened .c-menu{display:block}
.c-menu>ul{flex-direction:column;padding:8px 16px 16px}
.c-menu li{display:flex;align-items:center;flex-wrap:wrap}
.c-menu li>a,.c-menu li>span{flex:1}
.c-dd-button{border:0;display:block;cursor:pointer;height:40px;color:var(--color-copy);background:none;width:44px}
.c-dd-button::after{content:"▾"}
.c-menu li ul{width:100%;padding:0 0 0 12px;background:none;position:static;box-shadow:none;border:0;display:none}
.c-menu li:hover>ul,.c-menu li:focus-within>ul{display:none}
.c-menu li.dd-open>ul{display:block}
.c-hero-holder{grid-template-columns:1fr}
.c-grid{grid-template-columns:1fr;gap:0}
.c-toc{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:40;transform:translateY(105%);transition:transform .28s ease}
.contents-open .c-toc{transform:none}
.c-toc-card{padding-bottom:16px;max-height:72vh;border-radius:18px 18px 0 0}
.c-toc-x{display:block}
.c-toc-float-btn{display:flex;align-items:center;gap:10px;position:fixed;left:12px;bottom:12px;z-index:35;max-width:calc(100% - 24px);background:var(--color-bg-alt);color:var(--color-copy);border:1px solid var(--color-line);border-radius:999px;padding:6px 16px 6px 6px;box-shadow:0 12px 30px rgba(0,0,0,.45);font:600 14px/1.2 system-ui,sans-serif;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .25s,transform .25s}
.nav-visible .c-toc-float-btn{transform:none;pointer-events:auto;opacity:1}
.contents-open .c-toc-float-btn{pointer-events:none;opacity:0}
.c-toc-circle svg{width:32px;height:32px;display:block;transform:rotate(-90deg)}
.c-toc-circle circle{fill:none;stroke:var(--color-bg-3);stroke-width:3.5}
.c-toc-circle .c-toc-ring-arc{stroke:var(--color-brand);stroke-dasharray:97.4;stroke-dashoffset:97.4;stroke-linecap:round;transition:stroke-dashoffset .15s}
.c-toc-current{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-foot-upper{gap:28px;grid-template-columns:1fr}
.c-foot-menu{grid-template-columns:1fr 1fr}}
@media (max-width:600px){body{font-size:16px}
.c-proscons{grid-template-columns:1fr}
.c-summary{font-size:17px}}
.c-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:18px 0;display:grid;gap:10px}
.c-stats div{background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:var(--radius);padding:14px;text-align:center}
.c-stats b{line-height:1.15;font-size:clamp(18px,2vw,22px);color:var(--color-brand);display:block;overflow-wrap:anywhere}
.c-stats span{margin-top:4px;line-height:1.35;color:var(--color-text-muted);font-size:13px;display:block}
.c-advantages{gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid;margin:18px 0}
.c-feature{background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:var(--radius);padding:16px;position:relative}
.c-feature-num{font-weight:800;font-size:14px;letter-spacing:.06em;color:var(--color-brand)}
.c-feature h3,.c-feature h4{font-size:17px;margin:6px 0}
.c-feature p{margin:0;font-size:15px;color:var(--color-text-muted)}
.c-games{margin:12px 0 18px;gap:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.c-slot-card{display:flex;flex-direction:column;gap:3px;background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:12px;padding:8px 8px 10px;text-decoration:none;color:var(--color-copy);transition:border-color .2s,transform .2s}
.c-slot-card:hover{transform:translateY(-2px);border-color:var(--color-brand)}
.c-slot-card b{margin-top:4px;font-size:14px;line-height:1.3}
.c-slot-card span:not(.c-slot-card-pic){font-size:12px;color:var(--color-text-muted)}
.c-slot-card-pic{border-radius:8px;aspect-ratio:4/3;background:var(--color-bg-3);display:block;overflow:hidden}
.c-slot-card-pic img{height:100%;width:100%;object-fit:cover}
.c-slot-card-empty{font-size:34px;place-items:center;display:grid;font-weight:800;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--color-brand) 22%,var(--color-bg-3)),var(--color-bg-3));color:var(--color-brand)}
.c-rating{display:grid;grid-template-columns:150px 1fr;gap:18px;background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:var(--radius);padding:18px;margin:18px 0;align-items:center}
.c-mark{text-align:center}
.c-mark b{color:var(--color-brand);line-height:1;font-size:52px}
.c-mark span{color:var(--color-text-muted)}
.c-mark small{margin-top:4px;display:block;color:var(--color-text-muted);font-size:12px}
.c-rating ul{padding:0;list-style:none;margin:0}
.c-rating li{align-items:center;gap:10px;display:grid;grid-template-columns:130px 1fr 40px;margin:7px 0;font-size:15px}
.c-rating i{border-radius:4px;background:var(--color-bg-3);overflow:hidden;position:relative;height:8px}
.c-rating i::after{background:var(--color-brand);position:absolute;width:var(--max-w);content:"";inset:0;border-radius:4px}
.c-rating p{margin:0;color:var(--color-text-muted);grid-column:1/-1}
.c-offers{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:18px 0;display:grid;gap:12px}
.c-offer-card{background:var(--color-bg-alt);border:1px solid var(--color-line);border-top:4px solid var(--color-brand);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column}
.c-offer-card small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}
.c-offer-card b{line-height:1.2;margin:6px 0;font-size:22px}
.c-offer-card p{color:var(--color-text-muted);font-size:14px;flex:1}
.c-offer-card .c-button{text-align:center}
.c-methods{gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:18px 0;display:grid}
.c-method{background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:10px;padding:12px 14px}
.c-method b{display:block}
.c-method span{color:var(--color-text-muted);font-size:13px}
.c-comments{gap:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:18px 0}
.c-review{padding:14px 16px;background:var(--color-bg-alt);border-radius:var(--radius);border-left:4px solid var(--color-text-muted)}
.c-review small{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.c-review p{font-size:15px;margin:6px 0 0}
.c-review-pos{border-left-color:var(--color-good)}
.c-review-pos small{color:var(--color-good)}
.c-review-neg{border-left-color:var(--color-error)}
.c-review-neg small{color:var(--color-error)}
.c-banner{display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,var(--color-bg-3),var(--color-bg-alt));border:1px solid var(--color-brand);border-radius:var(--radius);padding:22px;margin:24px 0}
.c-banner h3{font-size:22px;margin:0 0 6px}
.c-banner p{color:var(--color-text-muted);margin:0}
@media (max-width:700px){.c-rating{grid-template-columns:1fr}
.c-rating li{grid-template-columns:100px 1fr 36px}
.c-banner{align-items:stretch;text-align:center;flex-direction:column}}
.c-promo{display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center;margin:28px 0;padding:14px;border-radius:18px;background:linear-gradient(110deg,color-mix(in srgb,var(--color-brand) 16%,var(--color-bg-alt)),var(--color-bg-alt) 55%);border:1px solid color-mix(in srgb,var(--color-brand) 55%,var(--color-line));position:relative;overflow:hidden}
.c-promo::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(color-mix(in srgb,var(--color-brand) 25%,transparent),transparent 70%);pointer-events:none}
.c-promo-pic img{border-radius:12px;width:100%;aspect-ratio:3/2;object-fit:cover}
.c-promo-body small{letter-spacing:.1em;text-transform:uppercase;font-weight:800;display:block;font-size:12px;color:var(--color-brand)}
.c-promo-body b{font-size:24px;line-height:1.2;display:block;margin:4px 0}
.c-promo-body p{font-size:14px;margin:0;color:var(--color-text-muted)}
.c-promo-buttons{position:relative;padding-right:6px;align-items:center;gap:6px;flex-direction:column;z-index:1;display:flex}
.c-promo-buttons .c-big{white-space:nowrap;margin:0}
.c-promo-buttons span{color:var(--color-text-muted);font-size:12px}
.c-cta-band{margin:28px 0;display:flex;border-radius:14px;gap:16px;background:var(--color-bg-alt);align-items:center;border-left:4px solid var(--color-brand);padding:16px 18px;justify-content:space-between}
.c-cta-band b{display:block;font-size:18px}
.c-cta-band span{color:var(--color-text-muted);font-size:14px}
@media (max-width:860px){.c-promo{text-align:center;grid-template-columns:1fr;padding:16px}
.c-promo-pic{margin:0 auto;max-width:260px}
.c-promo-buttons{padding:0}
.c-promo-buttons .c-big{width:100%}
.c-cta-band{flex-direction:column;text-align:center;align-items:stretch}}
@media (max-width:980px){.c-hero-holder{padding-top:14px;gap:22px;padding-bottom:30px;grid-template-columns:1fr}
.c-hero h1{font-size:32px;margin-bottom:10px}
.c-summary{line-height:1.55;margin-bottom:14px;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;-webkit-line-clamp:3;overflow:hidden}
.c-badges{margin-bottom:14px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.c-badges::-webkit-scrollbar{display:none}
.c-badges li{flex:none;padding:3px 10px;font-size:13px}
.c-key-facts{grid-template-columns:repeat(3,1fr);margin:0 0 16px}
.c-key-facts li{text-align:center;padding:9px 6px}
.c-key-facts b{font-size:17px}
.c-key-facts span{font-size:11px}
.c-hero-call{display:grid;gap:8px;grid-template-columns:1fr 1fr}
.c-hero-call .c-big{padding:11px 10px;font-size:15px}
.c-hero-pic::before{inset:10px -8px -8px 10px}
.c-hero h1::after{margin-top:12px;width:48px}
.c-hero-pic img{box-shadow:0 12px 30px rgba(0,0,0,.4)}
.c-crumbs{padding-top:12px}}
.c-key-facts{list-style:none;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;padding:0;margin:0 0 22px;border:1px solid var(--color-line);border-radius:14px;background:color-mix(in srgb,var(--color-bg-alt) 80%,transparent);overflow:hidden}
.c-key-facts li{display:flex;line-height:1.25;flex-direction:column;padding:10px 20px}
.c-key-facts li+li{border-left:1px solid var(--color-line)}
.c-key-facts b{color:var(--color-brand);font-size:20px}
.c-key-facts span{font-size:12.5px;color:var(--color-text-muted)}
.c-hero-call{display:inline-grid;gap:10px;grid-template-columns:1fr 1fr}
.c-hero-call .c-big{width:100%;margin-top:0}
.c-hero-call .c-ghost{border-color:color-mix(in srgb,var(--color-copy) 30%,transparent);background:color-mix(in srgb,var(--color-copy) 6%,transparent)}
.c-hero-call .c-ghost:hover{border-color:var(--color-copy)}
.c-game-grid-box{margin:28px 0;padding:16px;border:1px solid var(--color-line);border-radius:18px;background:var(--color-bg-alt)}
.c-game-grid-header{gap:12px;justify-content:space-between;margin-bottom:12px;align-items:baseline;display:flex}
.c-game-grid-header h3{font-size:19px;margin:0}
.c-game-grid-header a{text-decoration:none;font-size:14px;white-space:nowrap}
.c-game-grid{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;margin:0;padding:0;list-style:none;gap:10px}
.c-game-tile{display:block;color:var(--color-copy);text-decoration:none}
.c-game-tile-pic{position:relative;display:block;overflow:hidden;background:var(--color-bg-3);aspect-ratio:4/3;border-radius:10px}
.c-game-tile-pic img{width:100%;height:100%;transition:transform .3s;object-fit:cover}
.c-game-tile-pic em{position:absolute;top:6px;left:6px;font-style:normal;font-size:10.5px;font-weight:800;text-transform:uppercase;background:var(--color-brand);color:var(--color-accent-fg);border-radius:5px;padding:1px 6px}
.c-game-tile-pic i{text-align:center;font-size:13px;transform:translateY(6px);position:absolute;border-radius:8px;background:var(--color-brand);transition:opacity .2s,transform .2s;font-weight:700;font-style:normal;inset:auto 8px 8px;padding:5px;color:var(--color-accent-fg);opacity:0}
.c-game-tile:hover .c-game-tile-pic img{transform:scale(1.06)}
.c-game-tile:hover .c-game-tile-pic i{transform:none;opacity:1}
.c-game-tile b{font-size:13px;display:block;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3;margin-top:6px}
@media (max-width:860px){.c-game-grid{overflow-x:auto;display:flex;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-snap-type:x mandatory}
.c-game-grid::-webkit-scrollbar{display:none}
.c-game-grid li{scroll-snap-align:start;flex:0 0 42%}
.c-game-tile-pic i{transform:none;opacity:1}}
.c-contacts{gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid;margin:12px 0 8px}
.c-contacts div{background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:12px;padding:14px 16px}
.c-contacts dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.c-contacts dd{margin:4px 0 0;font-weight:600}
.c-contacts a{text-decoration:none}
@media (max-width:600px){.c-steps>li{column-gap:14px;grid-template-columns:36px 1fr}
.c-steps>li::before{font-size:15px;width:36px;height:36px}
.c-steps>li:not(:last-child)::after{left:17px;top:40px}
.c-steps h3,.c-steps h4{font-size:17px}
.c-steps p{font-size:15px}}
.c-editor{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:start;margin:36px 0 8px;padding:20px;border:1px solid var(--color-line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 7%,var(--color-bg-alt)),var(--color-bg-alt) 60%)}
.c-editor-pic img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--color-brand)}
.c-editor small{letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase;font-weight:800;display:block;font-size:11.5px}
.c-editor-title{font-weight:800;color:var(--color-copy);text-decoration:none;font-size:21px}
.c-editor-title:hover{color:var(--color-brand)}
.c-editor-role{border-radius:999px;display:inline-block;vertical-align:3px;background:var(--color-brand);margin-left:10px;font-weight:700;color:var(--color-accent-fg);padding:2px 9px;font-size:12px}
.c-editor p{margin:8px 0 10px;color:var(--color-text-muted);font-size:15px}
.c-editor-meta{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:13px;color:var(--color-text-muted)}
.c-editor-meta a{font-weight:700;text-decoration:none}
@media (max-width:600px){.c-editor{grid-template-columns:64px 1fr;padding:16px;gap:12px}
.c-editor-pic img{width:64px;height:64px}
.c-editor-role{margin:4px 0 0;display:table}}
.c-post-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:10px 0 6px;padding:12px 14px;border:1px solid var(--color-line);border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--color-brand) 6%,var(--color-bg-alt)),var(--color-bg-alt) 55%)}
.c-post-meta-writer{gap:12px;display:flex;color:var(--color-copy);align-items:center;text-decoration:none}
.c-post-meta-writer img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--color-brand);flex:none}
.c-post-meta-writer span{line-height:1.25;flex-direction:column;display:flex}
.c-post-meta-writer small{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase}
.c-post-meta-writer b{font-size:16px}
.c-post-meta-writer:hover b{color:var(--color-brand)}
.c-post-meta-writer em{font-style:normal;font-size:12.5px;color:var(--color-text-muted)}
.c-post-meta-meta{gap:8px;flex-wrap:wrap;display:flex}
.c-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-copy);background:var(--color-bg-3);border:1px solid var(--color-line);border-radius:999px;padding:5px 11px}
.c-pill::before{content:"";width:14px;height:14px;background:var(--color-brand);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.c-pill-time{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.c-pill-day{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16'/%3E%3C/svg%3E")}
@media (max-width:600px){.c-post-meta{align-items:stretch;flex-direction:column}
.c-post-meta-meta .c-pill{flex:1;justify-content:center}}
@media (max-width:980px){.c-hero-call{display:grid;grid-template-columns:1fr 1fr;width:100%}
.c-hero-call .c-big{justify-content:center;text-align:center}}
.c-menu-call{display:none!important}
.c-burger:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}
.c-burger span,.c-burger span::before,.c-burger span::after{transition:transform .25s,background .2s,top .25s}
@media (max-width:980px){.opened .c-burger{border-color:var(--color-brand)}
.opened .c-burger span{background:transparent}
.opened .c-burger span::before{transform:rotate(45deg);top:0}
.opened .c-burger span::after{transform:rotate(-45deg);top:0}
.c-menu{position:fixed;top:64px;left:0;right:0;bottom:auto;max-height:calc(100dvh - 64px);background:var(--color-body-bg);border:0;border-bottom:1px solid var(--color-line);border-radius:0 0 18px 18px;box-shadow:0 24px 50px rgba(0,0,0,.55);overflow:auto;animation:c-drawer .22s ease}
body.no-scroll::before{animation:c-reveal .2s ease;backdrop-filter:blur(2px);inset:64px 0 0 0;background:rgba(0,0,0,.6);position:fixed;content:"";z-index:15}
@keyframes c-reveal{from{opacity:0}
to{opacity:1}}
@keyframes c-drawer{from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:none}}
.c-menu>ul{gap:0;padding:10px 16px 28px}
.c-menu>ul>li{padding:2px 0;border-bottom:1px solid var(--color-line)}
.c-menu>ul>li>a,.c-menu>ul>li>span{font-size:18px;font-weight:700;padding:14px 4px;border-radius:0;background:none!important}
.c-menu>ul>li.selected>a,.c-menu>ul>li.selected>span{color:var(--color-brand)}
.c-menu>ul>li.selected{padding-left:10px;box-shadow:inset 3px 0 0 var(--color-brand)}
.c-dd-button{width:40px;height:40px;border-radius:10px;background:var(--color-bg-alt)!important;border:1px solid var(--color-line)!important;position:relative}
.c-dd-button::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-right:2px solid var(--color-copy);border-bottom:2px solid var(--color-copy);transform:translate(-50%,-70%) rotate(45deg);transition:transform .2s}
.dd-open>.c-dd-button::after{transform:translate(-50%,-30%) rotate(-135deg);border-color:var(--color-brand)}
.c-menu li ul{border-left:2px solid var(--color-brand);padding:2px 0 2px 12px;margin:0 0 12px 6px}
.c-menu li ul a{font-size:15.5px;font-weight:500;color:var(--color-text-muted);padding:9px 6px;background:none!important}
.c-menu li ul a[aria-current=page]{font-weight:700;color:var(--color-brand)}
.c-menu-call{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;border:0!important;padding-top:20px!important}
.c-menu-call .c-button{justify-content:center;padding:12px;font-size:15px;color:var(--color-accent-fg)}
.c-menu-call .c-ghost{color:var(--color-copy)}
body.no-scroll{overflow:hidden}}
@media (max-width:980px){.c-menu>ul>li.c-menu-call>a.c-button{display:flex;justify-content:center;text-align:center;font-size:15px;font-weight:700;padding:12px 10px;border-radius:9px;background:var(--color-brand)!important;color:var(--color-accent-fg)!important;border:1.5px solid var(--color-brand)}
.c-menu>ul>li.c-menu-call>a.c-ghost{background:color-mix(in srgb,var(--color-copy) 6%,transparent)!important;color:var(--color-copy)!important;border-color:color-mix(in srgb,var(--color-copy) 30%,transparent)}}
@media (max-width:600px){.c-pill{white-space:nowrap;padding:5px 9px;font-size:12.5px}}
.c-sec h4{font-size:17px;margin:14px 0 6px}
.c-foot-title{font-weight:700}
.c-error-graphic{min-height:300px;place-items:center;display:grid;position:relative}
.c-error-graphic span{-webkit-text-stroke:3px var(--color-brand);color:transparent;z-index:1;font-style:italic;text-shadow:12px 12px 0 color-mix(in srgb,var(--color-brand) 22%,transparent);position:relative;font-weight:900;line-height:.9;transform:skewX(-8deg);letter-spacing:-.04em;font-size:clamp(120px,17vw,230px)}
.c-error-graphic i{position:absolute;inset:18% 8%;border-radius:24px;background:repeating-linear-gradient(115deg,transparent 0 22px,color-mix(in srgb,var(--color-brand) 12%,transparent) 22px 26px);transform:skewX(-8deg);border:1px solid color-mix(in srgb,var(--color-brand) 35%,var(--color-line))}
.c-error-group{margin:18px 0}
.c-error-title{font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:12px;color:var(--color-text-muted)}
.c-error-pills{display:flex;flex-wrap:wrap;gap:8px}
.c-error-pills a{background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:999px;padding:7px 14px;color:var(--color-copy);text-decoration:none;font-size:14.5px;transition:border-color .2s,color .2s}
.c-error-pills a:hover{color:var(--color-brand);border-color:var(--color-brand)}
.c-sec .c-links{margin-top:14px}
@media (max-width:980px){.c-error-graphic{order:-1;min-height:200px}}
@media (min-width:981px){.c-menu li[data-menu]>a,.c-menu li[data-menu]>span{cursor:pointer;display:flex;gap:7px;align-items:center}
.c-menu li[data-menu]>a::after,.c-menu li[data-menu]>span::after{width:6px;opacity:.7;border-right:1.6px solid currentColor;content:"";border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s,opacity .2s;height:6px}
.c-menu li[data-menu]:hover>a::after,.c-menu li[data-menu]:hover>span::after,.c-menu li[data-menu]:focus-within>a::after,.c-menu li[data-menu]:focus-within>span::after{transform:translateY(1px) rotate(-135deg);opacity:1;border-color:var(--color-brand)}
.c-menu li[data-menu]:hover>a,.c-menu li[data-menu]:hover>span{background:var(--color-bg-3)}
.c-menu li ul{margin-top:6px}
.c-menu li ul::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.c-menu li ul a{gap:8px;display:flex;align-items:center}
.c-menu li ul a::before{background:var(--color-line);width:5px;border-radius:50%;transition:background .2s;height:5px;content:""}
.c-menu li ul a:hover::before,.c-menu li ul a[aria-current=page]::before{background:var(--color-brand)}}
.c-sec{padding:0 0 6px}
.c-sec h2{padding-top:0;margin:34px 0 12px}
.c-sec:first-child h2,.c-page-text>.c-sec:first-of-type h2{margin-top:14px}
.c-sec h3{margin:22px 0 8px}
.c-sec h4{margin:16px 0 6px}
.c-sec h2+h3,.c-sec h3+h4{margin-top:10px}
.c-sec p{margin:0 0 12px}
.c-media,.c-table-wrap,.c-stats,.c-advantages,.c-steps,.c-notice,.c-proscons,.c-card-list,.c-games,.c-rating,.c-offers,.c-methods,.c-banner,.c-call-line,.c-sec .c-links{margin-bottom:16px;margin-top:16px}
.c-promo,.c-cta-band,.c-game-grid-box{margin-top:22px;margin-bottom:22px}
.c-sec>:last-child{margin-bottom:0}
.c-faq{margin:8px 0}
.c-steps>li{padding-bottom:14px}
.c-steps>li:last-child{padding-bottom:0}
.c-media figcaption{margin-top:8px}
.c-editor{margin-top:28px}
@media (max-width:600px){.c-sec h2{margin-top:28px}
.c-sec h3{margin-top:18px}
.c-promo,.c-cta-band,.c-game-grid-box{margin-top:18px;margin-bottom:18px}}
.c-game-grid-box{border-radius:22px;margin:24px 0;position:relative;padding:20px;overflow:hidden}
.c-game-grid-header{gap:14px;background:none;align-items:center;padding:0;display:flex;margin:0 0 16px}
.c-game-grid-header>div{min-width:0}
.c-page-text .c-game-grid-header h3{margin:0;line-height:1.25;font-size:20px}
.c-game-grid-header small{margin-top:3px;font-size:13px;color:var(--color-text-muted);display:block}
.c-page-text .c-game-grid-header a,.c-game-grid-header a{padding:7px 15px;transition:background .15s,color .15s,border-color .15s;text-decoration:none;flex:none;font-size:13.5px;border-radius:999px;margin-left:auto;white-space:nowrap;font-weight:700}
.c-game-grid{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;margin:0;padding:0;list-style:none;gap:12px;counter-reset:g}
.c-game-grid>li{counter-increment:g;min-width:0}
.c-game-tile{transition:transform .25s;position:relative;display:block;text-decoration:none;border-radius:14px}
.c-game-tile-pic{position:relative;display:block;overflow:hidden;background:var(--color-bg-3);aspect-ratio:4/3;border-radius:14px}
.c-game-tile-pic img{width:100%;height:100%;transition:transform .4s;object-fit:cover}
.c-game-tile-pic::after{inset:0;transition:background .25s;background:rgba(0,0,0,0);position:absolute;content:""}
.c-game-tile b{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:30px 10px 9px;border-radius:0 0 14px 14px;font-size:13px;font-weight:700;line-height:1.25;color:#FFF;background:linear-gradient(180deg,transparent,rgba(0,0,0,.86));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.c-game-tile-pic em{position:absolute;top:8px;left:8px;z-index:2;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:2px 7px}
.c-game-tile-pic i{position:absolute;left:50%;top:42%;z-index:2;transform:translate(-50%,-50%) scale(.85);opacity:0;font-style:normal;font-size:13px;font-weight:800;white-space:nowrap;border-radius:999px;padding:7px 14px;transition:opacity .2s,transform .2s;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.c-game-tile:hover{transform:translateY(-4px)}
.c-game-tile:hover .c-game-tile-pic img{transform:scale(1.08)}
.c-game-tile:hover .c-game-tile-pic::after{background:rgba(0,0,0,.35)}
.c-game-tile:hover .c-game-tile-pic i{transform:translate(-50%,-50%) scale(1);opacity:1}
@media (max-width:860px){.c-game-grid{overflow-x:auto;grid-auto-columns:40%;grid-template-columns:none;display:grid;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px;grid-template-rows:repeat(2,auto);gap:10px;grid-auto-flow:column;scroll-snap-type:x mandatory}
.c-game-grid::-webkit-scrollbar{display:none}
.c-game-grid>li{scroll-snap-align:start}
.c-game-tile-pic i{display:none}
.c-game-tile:hover{transform:none}}
@media (max-width:480px){.c-game-grid{grid-auto-columns:44%}
.c-game-grid-box{padding:16px}
.c-game-grid{margin:0 -16px;padding:0 16px 4px}
.c-game-grid-header{flex-wrap:wrap}
.c-page-text .c-game-grid-header h3{font-size:18px}}
.c-game-grid-box{box-shadow:0 20px 50px rgba(0,0,0,.35);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--color-brand) 18%,var(--color-bg-alt)) 0%,var(--color-bg-alt) 55%);border:1px solid color-mix(in srgb,var(--color-brand) 35%,var(--color-line))}
.c-game-grid-box::before{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(color-mix(in srgb,var(--color-brand) 28%,transparent),transparent 70%);pointer-events:none}
.c-game-grid-header>div{padding-left:14px;border-left:4px solid var(--color-brand);position:relative}
.c-game-grid-header a{color:var(--color-accent-fg)!important;background:var(--color-brand);border:0}
.c-game-grid-header a:hover{filter:brightness(1.08)}
.c-game-tile::before{content:"#" counter(g);position:absolute;top:8px;right:8px;z-index:3;font-size:11px;font-weight:800;color:#FFF;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);border-radius:6px;padding:2px 6px}
.c-game-tile-pic{border:1px solid color-mix(in srgb,var(--color-copy) 10%,transparent)}
.c-game-tile:hover .c-game-tile-pic{box-shadow:0 0 0 2px var(--color-brand),0 14px 30px color-mix(in srgb,var(--color-brand) 30%,transparent)}
.c-game-tile-pic em{background:var(--color-brand);color:var(--color-accent-fg)}
.c-game-tile-pic i{background:var(--color-brand);color:var(--color-accent-fg)}
.c-page-text .c-game-grid-header h3,.c-page-text .c-game-grid-header h4{font-size:20px;line-height:1.25;margin:0}
@media (max-width:480px){.c-page-text .c-game-grid-header h3,.c-page-text .c-game-grid-header h4{font-size:18px}}
@media (max-width:480px){.c-game-grid-header a{margin-left:18px!important;padding:5px 12px}}
.c-games{margin:14px 0 18px;gap:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.c-slot-card{position:relative;display:block;padding:0;border:0;border-radius:14px;overflow:hidden;background:var(--color-bg-3);box-shadow:0 6px 16px rgba(0,0,0,.18);text-decoration:none;transition:transform .25s,box-shadow .25s}
.c-slot-card-pic{border-radius:0;aspect-ratio:4/3;display:block}
.c-slot-card-pic img{height:100%;transition:transform .4s;width:100%;object-fit:cover}
.c-slot-card::after{content:"";pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));position:absolute;inset:40% 0 0}
.c-slot-card b{position:absolute;left:10px;right:10px;bottom:25px;z-index:2;margin:0;font-size:13.5px;line-height:1.25;color:#FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-slot-card span:not(.c-slot-card-pic){position:absolute;left:10px;right:10px;bottom:8px;z-index:2;font-size:11.5px;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-slot-card:not(:has(>span:not(.c-slot-card-pic))) b{bottom:9px}
.c-slot-card:hover{transform:translateY(-4px);border:0}
.c-slot-card:hover .c-slot-card-pic img{transform:scale(1.08)}
@media (max-width:600px){.c-games{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}}
.c-slot-card:hover{box-shadow:0 0 0 2px var(--color-brand),0 14px 30px color-mix(in srgb,var(--color-brand) 30%,transparent)}