@font-face{font-family:"SX Serif";src:url(type/serif.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"SX Serif";src:url(type/serif-i.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"SX Text";src:url(type/text.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{
  --sea:#0F3A36;
  --sea-2:#0B2F2C;
  --card:#164A44;
  --card-2:#1C564F;
  --foam:#7FD1C0;
  --brass:#CFA75A;
  --brass-2:#E8C77F;
  --paper:#EFE6D0;
  --ink:#1F2E2B;
  --text:#F1F6F3;
  --text-2:#C8DAD4;
  --muted:#97B6AE;
  --red:#D21125;
  --red-h:#E7273A;
  --line:rgba(255,255,255,.08);
  --f:"SX Text",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs:"SX Serif",Georgia,"Times New Roman",serif;
  --top:60px;
  --orn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 16'%3E%3Cpath d='M2 8c8-5 16-5 24 0s16 5 24 0 16-5 13 0M158 8c-8-5-16-5-24 0s-16 5-24 0-16-5-13 0' fill='none' stroke='%23CFA75A' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M80 1.5l2.2 4.3 4.3 2.2-4.3 2.2L80 14.5l-2.2-4.3L73.5 8l4.3-2.2z' fill='%23E8C77F'/%3E%3C/svg%3E");
  --wave-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14' preserveAspectRatio='none'%3E%3Cpath d='M0 9C40 2 80 2 120 9s80 7 120 0v5H0z' fill='%230B2F2C'/%3E%3C/svg%3E");
  --wave-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14' preserveAspectRatio='none'%3E%3Cpath d='M0 5c40 7 80 7 120 0s80-7 120 0V0H0z' fill='%230B2F2C'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top) + 16px);background:var(--sea)}
html.sx-lock{overflow:hidden}
body{margin:0;background:var(--sea);color:var(--text-2);font:400 17px/1.66 var(--f)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit}
:focus-visible{outline:2px solid var(--brass-2);outline-offset:3px}
.sx-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.sx-col{width:100%;max-width:760px;margin:0 auto;padding:0 16px}
.sx-skip{position:absolute;left:-9999px;top:8px}
.sx-skip:focus{left:12px;z-index:99;padding:8px 12px;border-radius:8px;background:var(--paper);color:var(--ink)}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;background:var(--red);color:#fff;
  font:700 16px/1.1 var(--f);text-decoration:none;text-align:center;box-shadow:0 6px 18px rgba(210,17,37,.28);transition:background .15s,filter .15s}
.sx-btn:hover{background:var(--red-h)}
.sx-btn--gold{background:linear-gradient(180deg,#F1D493,#C99B45);color:#12302C;box-shadow:0 8px 22px rgba(207,167,90,.25),inset 0 -2px 0 rgba(0,0,0,.14)}
.sx-btn--gold:hover{background:linear-gradient(180deg,#F1D493,#C99B45);filter:brightness(1.07)}
.sx-btn--ultra{background:linear-gradient(180deg,#4D3DFF,#2412F0);color:#fff;box-shadow:0 8px 26px rgba(52,30,255,.55),inset 0 -2px 0 rgba(0,0,0,.18)}
.sx-btn--ultra:hover{background:linear-gradient(180deg,#4D3DFF,#2412F0);filter:brightness(1.12)}
.sx-btn--violet{background:linear-gradient(180deg,#C43BFF,#8A00E8);color:#fff;box-shadow:0 8px 26px rgba(170,30,255,.5),inset 0 -2px 0 rgba(0,0,0,.18)}
.sx-btn--violet:hover{background:linear-gradient(180deg,#C43BFF,#8A00E8);filter:brightness(1.12)}
.sx-btn--ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px rgba(207,167,90,.7)}
.sx-btn--ghost:hover{background:rgba(207,167,90,.14)}
.sx-btn--sm{min-height:36px;padding:0 12px;border-radius:10px;font-size:13.5px;box-shadow:none}
.sx-btn--ghost.sx-btn--sm{box-shadow:inset 0 0 0 1.5px rgba(207,167,90,.7)}
.sx-btn--big{min-height:56px;padding:0 28px;border-radius:14px;font-size:18px}
.sx-top{position:sticky;top:0;z-index:20;background:rgba(11,47,44,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(207,167,90,.2)}
.sx-top__in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;max-width:1240px;height:var(--top);margin:0 auto;padding:0 10px}
.sx-top__l,.sx-top__r{display:flex;align-items:center;gap:6px}
.sx-top__l{justify-self:start}
.sx-top__r{justify-self:end}
.sx-top__menu{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:var(--brass-2);cursor:pointer}
.sx-top__menu:hover{background:rgba(255,255,255,.11)}
.sx-top__logo img{height:30px;width:auto}
.sx-top__in-d{display:none}
.sx-top__wheel{flex:none;display:block;width:36px;height:36px;border-radius:50%}
.sx-top__wheel img{width:36px;height:36px}
@media (prefers-reduced-motion:no-preference){.sx-top__wheel:hover img{transform:rotate(60deg);transition:transform .5s}}
.sx-drawer{position:fixed;inset:0;z-index:40;visibility:hidden;transition:visibility 0s .3s}
.sx-drawer.is-open{visibility:visible;transition:none}
.sx-drawer__shade{position:absolute;inset:0;background:rgba(3,18,16,.62);opacity:0;transition:opacity .3s}
.sx-drawer.is-open .sx-drawer__shade{opacity:1}
.sx-drawer__panel{position:absolute;left:0;top:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:16px;width:min(340px,88vw);overflow-y:auto;
  padding:12px 16px calc(24px + env(safe-area-inset-bottom));background:var(--sea-2);box-shadow:12px 0 40px rgba(0,0,0,.4);transform:translateX(-104%);transition:transform .3s ease}
.sx-drawer.is-open .sx-drawer__panel{transform:none}
.sx-drawer__head{display:flex;align-items:center;justify-content:space-between}
.sx-drawer__logo img{height:32px;width:auto}
.sx-drawer__close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:var(--text);cursor:pointer}
.sx-drawer__act{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sx-drawer__act .sx-btn{min-height:44px;font-size:15px}
.sx-drawer__t,.sx-toc__t,.sx-glance__t{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--brass-2);font:600 italic 19px/1.2 var(--fs)}
.sx-drawer__nav ol,.sx-toc ol{list-style:none;margin:0;padding:0}
.sx-drawer__nav li{border-top:1px solid var(--line)}
.sx-drawer__nav a{display:block;padding:10px 0;color:var(--text);font-size:15px;font-weight:550;line-height:1.35;text-decoration:none}
.sx-drawer__nav a:hover,.sx-drawer__nav li.is-here a{color:var(--brass-2)}
.sx-drawer__wheel{display:flex;align-items:center;gap:12px;margin-top:auto;padding:12px;border-radius:14px;background:var(--card);color:var(--text);font-weight:600;font-size:15px;line-height:1.3;text-decoration:none}
.sx-drawer__wheel img{flex:none;width:44px;height:44px}
.sx-hero{position:relative;padding:14px 0 22px;text-align:center;
  background:radial-gradient(90% 55% at 50% 0%,rgba(127,209,192,.2),transparent 70%),linear-gradient(var(--sea-2),var(--sea))}
.sx-h1{margin:0 auto 12px;max-width:16ch;color:var(--text);font:600 clamp(30px,8.2vw,40px)/1.08 var(--fs);font-variation-settings:"opsz" 144;letter-spacing:-.012em;text-wrap:balance}
.sx-banner{position:relative;margin:0 -16px}
.sx-banner__stage{position:relative;display:block;overflow:hidden;aspect-ratio:1/1;background:var(--sea-2)}
.sx-banner__art{width:100%;height:100%}
.sx-banner__print{display:block;position:absolute;left:0;top:0;width:1254px;height:1254px;transform:scale(var(--k,.311));transform-origin:0 0;visibility:hidden;pointer-events:none}
.sx-banner.is-ready .sx-banner__print{visibility:visible}
.sx-map{display:block;position:absolute;left:0;top:0;transform-origin:0 0}
.sx-map__sheet>span{display:block}
.sx-map--ink{mix-blend-mode:multiply}
.sx-map--pic img{position:absolute;left:50%;top:34px;width:auto;height:212px;transform:translateX(-50%);filter:drop-shadow(0 8px 10px rgba(90,60,20,.35))}
.sx-map__sheet{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 40px 24px;text-align:center}
.sx-map__k{color:#6E4F18;font:700 italic 40px/1.1 var(--fs)}
.sx-map__big{margin-top:2px !important;color:#9E1620;font-family:var(--fs);font-weight:800;line-height:1.02;font-variation-settings:"opsz" 144;letter-spacing:-.01em;white-space:nowrap}
.sx-map__small{margin-top:6px !important;color:#16201E;font:700 62px/1.1 var(--fs);font-variation-settings:"opsz" 72;white-space:nowrap}
.sx-hero__go{position:relative;z-index:2;margin:14px 0 0;text-align:center}
.sx-hero__go .sx-btn{width:calc(100% - 48px);max-width:360px}
.sx-hero__wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:18px;fill:var(--sea)}
.sx-intro{padding-top:6px;padding-bottom:20px}
.sx-intro p,.sx-sec p{margin:0 0 1em}
.sx-standfirst{font-size:19px;line-height:1.6;color:var(--text)}
.sx-intro strong,.sx-sec strong{color:var(--text);font-weight:650}
.sx-glance,.sx-toc{position:relative;margin:16px 0 0;padding:18px 18px 8px;border-radius:16px;background:var(--card)}
.sx-glance::before,.sx-toc::before{content:"";position:absolute;inset:6px;border:1px dashed rgba(207,167,90,.35);border-radius:11px;pointer-events:none}
.sx-glance__t,.sx-toc__t{justify-content:center}
.sx-glance dl{margin:0}
.sx-glance__row{display:grid;grid-template-columns:8.4em 1fr;gap:12px;padding:9px 4px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.4}
.sx-glance dt{color:var(--muted)}
.sx-glance dd{margin:0;color:var(--text);font-weight:600}
.sx-toc li{border-top:1px solid var(--line)}
.sx-toc a{display:block;padding:9px 4px;color:var(--text);font-weight:550;font-size:15.5px;line-height:1.35;text-decoration:none}
.sx-toc a:hover{color:var(--brass-2)}
.sx-sec{position:relative;padding:22px 0 18px}
.sx-col > :last-child{margin-bottom:0 !important}
.sx-sec:nth-of-type(odd){background:var(--sea-2)}
.sx-sec:nth-of-type(odd)::before,.sx-sec:nth-of-type(odd)::after{content:"";position:absolute;left:0;right:0;z-index:1;height:14px;background-size:240px 14px;background-repeat:repeat-x;pointer-events:none}
.sx-sec:nth-of-type(odd)::before{top:-13px;background-image:var(--wave-up)}
.sx-sec:nth-of-type(odd)::after{bottom:-13px;background-image:var(--wave-down)}
.sx-sec h2{margin:0 auto .4em;max-width:20ch;color:var(--text);text-align:center;font:600 clamp(27px,7vw,34px)/1.15 var(--fs);font-variation-settings:"opsz" 96;letter-spacing:-.006em;text-wrap:balance}
.sx-sec h2::after{content:"";display:block;width:160px;height:16px;margin:6px auto 0;background:var(--orn) center/160px 16px no-repeat}
.sx-sec h3{margin:.9em 0 .3em;color:var(--brass-2);font:600 21px/1.25 var(--fs);font-variation-settings:"opsz" 36}
.sx-steps{list-style:none;margin:.8em 0 .9em;padding:0;counter-reset:sx-step}
.sx-steps li{position:relative;padding:5px 0 20px 56px;line-height:1.55;counter-increment:sx-step}
.sx-steps li:last-child{padding-bottom:4px}
.sx-steps li::before{content:counter(sx-step);position:absolute;left:0;top:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:var(--card);border:2px solid var(--brass);color:var(--brass-2);font:700 16px/1 var(--fs);box-shadow:0 0 0 4px rgba(207,167,90,.13)}
.sx-steps li::after{content:"";position:absolute;left:18px;top:44px;bottom:6px;border-left:2px dashed rgba(207,167,90,.45)}
.sx-steps li:last-child::after{display:none}
.sx-list{list-style:none;margin:.8em 0 .9em;padding:0;display:grid;gap:10px}
.sx-list li{position:relative;padding:14px 16px 14px 52px;border-radius:14px;background:var(--card);line-height:1.5}
.sx-list li::before{content:"";position:absolute;left:16px;top:16px;width:22px;height:22px;border-radius:50%;border:3px solid var(--brass);
  background:radial-gradient(circle at 40% 40%,#9fe3d5,#3f8f84 70%)}
.sx-tt{margin:.8em 0 .9em}
.sx-t{width:100%;border-collapse:separate;border-spacing:0;font-size:15.5px;line-height:1.4;background:var(--card);border-radius:14px;overflow:hidden}
.sx-t th{padding:12px;background:var(--card-2);color:var(--brass-2);text-align:left;font:600 14px/1.3 var(--f);border-bottom:2px solid var(--brass)}
.sx-t td{padding:11px 12px;border-top:1px solid var(--line);vertical-align:top}
.sx-t tr:first-child td{border-top:0}
.sx-t:not(.sx-t--route) .sx-t__total td{background:rgba(207,167,90,.14);color:var(--text)}
.sx-t--route,.sx-t--route tbody{display:block;background:none;border-radius:0;overflow:visible}
.sx-t--route thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sx-t--route tbody{display:grid;gap:14px}
.sx-t--route tr{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-areas:"cover step" "cover bonus" "cover fs" "cover coins";
  column-gap:14px;row-gap:3px;align-content:start;padding:12px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px rgba(207,167,90,.22)}
.sx-t--route tr::after{content:"";position:absolute;left:49px;bottom:-15px;height:16px;border-left:2px dashed rgba(207,167,90,.6)}
.sx-t--route tr:last-child::after{display:none}
.sx-t--route td{display:block;padding:0;border:0;background:none}
.sx-t--route td:nth-child(1){grid-area:step;justify-self:start;padding:3px 10px;border-radius:999px;background:var(--brass);color:#12302C;font:700 12.5px/1.2 var(--f)}
.sx-t--route td:nth-child(1) strong{color:#12302C !important}
.sx-t--route tr:not(.sx-t__total) td:nth-child(1)::after{content:" deposit"}
.sx-t--route td:nth-child(2){grid-area:bonus;margin-top:4px;color:var(--text);font:700 21px/1.15 var(--fs);font-variation-settings:"opsz" 72}
.sx-t--route td:nth-child(3){display:contents}
.sx-t__cover{grid-area:cover;align-self:start;width:76px;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:10px;box-shadow:0 0 0 1px rgba(207,167,90,.4)}
.sx-t__cover--none{display:grid;place-items:center;border:1.5px dashed rgba(207,167,90,.45);box-shadow:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14'%3E%3Cpath d='M1 7c5-5 9-5 13 0s8 5 12 0 9-5 13 0' fill='none' stroke='%23CFA75A' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/34px 12px no-repeat}
.sx-t__cover--chest{object-fit:contain;padding:10px 6px;background:radial-gradient(circle at 50% 45%,rgba(232,199,127,.35),transparent 70%);box-shadow:none}
.sx-t__fs{grid-area:fs;font-size:14.5px;line-height:1.35}
.sx-t__fs::before,.sx-t--route td:nth-child(4)::before{content:attr(data-th) ": ";color:var(--muted)}
.sx-t--route td:nth-child(4){grid-area:coins;font-size:14.5px;line-height:1.35}
.sx-t__coin{display:inline-block;width:14px;height:14px;margin:0 6px -2px 0;border-radius:50%;
  background:radial-gradient(circle at 38% 35%,#FFE9A8,#E4B44C 55%,#A9771F);box-shadow:inset 0 0 0 1.5px #B9862C}
.sx-t--route .sx-t__total{background:radial-gradient(120% 120% at 0% 0%,rgba(232,199,127,.28),transparent 60%),var(--card-2);box-shadow:inset 0 0 0 1.5px rgba(207,167,90,.6)}
.sx-t__total td:nth-child(2){color:var(--brass-2)}
.sx-t__total td:nth-child(2) strong{color:var(--brass-2) !important}
@media (min-width:640px){
  .sx-t--route tbody{grid-template-columns:1fr 1fr;gap:12px}
  .sx-t--route tr::after{display:none}
}
.sx-note{position:relative;margin:2em 0 1em;padding:34px 20px 18px;border-radius:16px}
.sx-note p{margin:0 !important}
.sx-note__ico{position:absolute;top:-24px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;box-shadow:0 6px 14px rgba(0,0,0,.3)}
.sx-note--warn{background:var(--paper);color:var(--ink)}
.sx-note--warn::before{content:"";position:absolute;inset:7px;border:1.5px dashed rgba(140,104,44,.5);border-radius:11px;pointer-events:none}
.sx-note--warn strong{color:#0F201D !important}
.sx-note--warn .sx-note__ico{background:var(--paper);border:2px solid #B98E42}
.sx-note--info{background:rgba(127,209,192,.08);border:1.5px dashed rgba(127,209,192,.5)}
.sx-note--info .sx-note__ico{background:#124640;border:2px solid var(--foam);color:var(--foam)}
.sx-note--gold{background:rgba(207,167,90,.1);border:1.5px dashed rgba(207,167,90,.55)}
.sx-note--gold .sx-note__ico{background:#124640;border:2px solid var(--brass)}
.sx-pair{display:grid;gap:12px;margin:.8em 0 .9em}
.sx-pair__card{padding:16px 16px 6px;border-radius:16px;background:var(--card)}
.sx-sec .sx-pair__t{display:flex;align-items:center;gap:10px;margin:0 0 6px;font:600 19px/1.25 var(--fs)}
.sx-pair__ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%}
.sx-pair__card--in .sx-pair__ico{background:rgba(127,209,192,.16);color:var(--foam)}
.sx-pair__card--both .sx-pair__ico{background:rgba(207,167,90,.2);color:var(--brass-2)}
.sx-pair__card--up .sx-pair__ico{background:rgba(127,209,192,.16);color:#9fe3a0}
.sx-pair__card--down .sx-pair__ico{background:rgba(210,17,37,.2);color:#ff8a94}
.sx-pair__list{list-style:none;margin:0;padding:0}
.sx-pair__list li{position:relative;padding:9px 0 9px 22px;border-top:1px solid var(--line);font-size:15.5px;line-height:1.45}
.sx-pair__list li::before{content:"";position:absolute;left:3px;top:18px;width:7px;height:7px;transform:rotate(45deg);background:var(--foam)}
.sx-pair__list--both li::before{background:var(--brass)}
.sx-pair__list--up li::before{background:#9fe3a0}
.sx-pair__list--down li::before{background:#ff8a94}
.sx-offer{margin:1em 0;padding:16px 18px 24px;border-radius:20px;text-align:center;
  background:radial-gradient(100% 70% at 50% 0%,rgba(127,209,192,.2),transparent 70%),var(--card);box-shadow:inset 0 0 0 1px rgba(207,167,90,.42)}
.sx-offer p{margin:0 !important}
.sx-offer__art img{width:100%;max-width:520px;margin:2px auto 16px;border-radius:14px;box-shadow:0 0 0 1px rgba(207,167,90,.35)}
.sx-offer__k{color:var(--brass-2);font:600 italic 18px/1.2 var(--fs)}
.sx-sec .sx-offer__big{margin:6px 0 !important;color:var(--text);font:700 clamp(30px,9vw,42px)/1.05 var(--fs);font-variation-settings:"opsz" 144}
.sx-sec .sx-offer__small{margin:0 0 18px !important;font-size:15.5px}
.sx-offer .sx-btn{width:100%;max-width:360px}
.sx-sec .sx-go{margin:.9em 0;text-align:center}
.sx-go .sx-btn{width:100%;max-width:360px}
@media (prefers-reduced-motion:no-preference){.sx-hero__go .sx-btn--ultra{animation:sx-breathe 2.4s ease-in-out infinite}}
@keyframes sx-breathe{0%,100%{transform:scale(1);box-shadow:0 8px 24px rgba(52,30,255,.45),inset 0 -2px 0 rgba(0,0,0,.18)}
  50%{transform:scale(1.035);box-shadow:0 10px 40px rgba(77,61,255,.85),0 0 0 7px rgba(77,61,255,.16),inset 0 -2px 0 rgba(0,0,0,.18)}}
.sx-pic{display:block;text-decoration:none}
@media (hover:hover){.sx-pic img{transition:filter .2s}.sx-pic:hover img{filter:brightness(1.08)}}
.sx-art{margin:1em 0}
.sx-art img{width:100%;border-radius:16px;box-shadow:0 0 0 1px rgba(207,167,90,.4),0 16px 36px rgba(0,0,0,.3)}
.sx-art figcaption{margin-top:10px;color:var(--muted);text-align:center;font:italic 500 15px/1.4 var(--fs);text-wrap:balance}
.sx-shot{margin:1em auto;max-width:290px;text-align:center}
.sx-shot__frame{padding:7px;border-radius:30px;background:linear-gradient(160deg,#2a5a53,#0b2421);box-shadow:0 0 0 1.5px rgba(207,167,90,.55),0 20px 44px rgba(0,0,0,.38)}
.sx-shot__frame img{width:100%;border-radius:23px}
.sx-shot figcaption{margin-top:12px;color:var(--muted);font:italic 500 15px/1.4 var(--fs);text-wrap:balance}
.sx-perks{list-style:none;margin:.8em 0 .9em;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sx-perk{padding:14px 10px;border-radius:16px;background:var(--card);text-align:center}
.sx-perk img{width:64px;height:64px;margin:0 auto 6px;object-fit:contain}
.sx-sec .sx-perk__t{margin:0;color:var(--text);font:600 17px/1.2 var(--fs)}
.sx-sec .sx-perk__d{margin:3px 0 0;color:var(--muted);font-size:13.5px;line-height:1.35}
.sx-games{margin:.9em 0 1.1em}
.sx-games__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.sx-sec .sx-games__t{margin:0;color:var(--brass-2);font:600 italic 19px/1.25 var(--fs)}
.sx-games__all{flex:none;color:var(--foam);font-weight:600;font-size:14.5px;text-underline-offset:3px;text-decoration-color:rgba(127,209,192,.45)}
.sx-games__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sx-game{position:relative;border-radius:14px;overflow:hidden;background:var(--card);box-shadow:0 0 0 1px rgba(207,167,90,.3),0 10px 22px rgba(0,0,0,.22);cursor:pointer;isolation:isolate}
.sx-game img{width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .35s}
.sx-game__badge{position:absolute;left:8px;top:8px;z-index:2;display:grid;place-items:center;min-width:40px;height:26px;padding:0 9px;border-radius:13px;
  background:var(--brass);color:#12302C;font:700 12.5px/1 var(--f);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.sx-game__hint{position:absolute;right:8px;bottom:8px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
  background:rgba(11,47,44,.8);color:var(--brass-2);box-shadow:inset 0 0 0 1px rgba(207,167,90,.6);transition:opacity .2s}
.sx-game__over{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:12px 10px 10px;
  background:linear-gradient(to top,rgba(7,33,30,.97),rgba(7,33,30,.88) 50%,rgba(7,33,30,.3));opacity:0;pointer-events:none;transition:opacity .2s}
.sx-sec .sx-game__over p{margin:0}
.sx-sec .sx-game__name{color:var(--text);font:600 16px/1.2 var(--fs)}
.sx-sec .sx-game__by{margin-top:2px;color:var(--muted);font-size:12.5px;line-height:1.3}
.sx-sec .sx-game__tag{margin-top:6px;color:var(--brass-2);font:600 italic 13.5px/1.25 var(--fs)}
.sx-game__act{display:grid;gap:6px;margin-top:10px}
.sx-game__act a{display:grid;place-items:center;min-height:36px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none}
.sx-game__play{background:linear-gradient(180deg,#F1D493,#C99B45);color:#12302C}
.sx-game__demo{color:var(--text);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.sx-game.is-open .sx-game__over,.sx-game:focus-within .sx-game__over{opacity:1;pointer-events:auto}
.sx-game.is-open .sx-game__hint,.sx-game:focus-within .sx-game__hint{opacity:0}
@media (hover:hover){
  .sx-game:hover .sx-game__over{opacity:1;pointer-events:auto}
  .sx-game:hover .sx-game__hint{opacity:0}
  .sx-game:hover img{transform:scale(1.04)}
  .sx-game__demo:hover{background:rgba(255,255,255,.08)}
  .sx-game__play:hover{filter:brightness(1.07)}
}
.sx-faq{display:grid;gap:8px;margin-top:1em}
.sx-faq__q{border-radius:14px;background:var(--card)}
.sx-faq__q summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;color:var(--text);font-weight:650;line-height:1.35;cursor:pointer;list-style:none}
.sx-faq__q summary::-webkit-details-marker{display:none}
.sx-faq__q summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(207,167,90,.2);color:var(--brass-2);
  font:600 20px/1 var(--fs);transition:transform .2s}
.sx-faq__q[open] summary::after{transform:rotate(45deg)}
.sx-faq__a{padding:0 16px 16px;font-size:16px}
.sx-foot{position:relative;padding:40px 0 calc(32px + env(safe-area-inset-bottom));background:var(--sea-2);text-align:center}
.sx-foot::before{content:"";position:absolute;left:0;right:0;top:-13px;height:14px;background:var(--wave-up) 0 0/240px 14px repeat-x}
.sx-foot__in{display:grid;justify-items:center;gap:20px}
.sx-foot__logo img{height:44px;width:auto}
.sx-stamps{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:420px}
.sx-stamp{display:grid;place-items:center;height:44px;padding:8px;border-radius:9px;background:rgba(255,255,255,.06)}
.sx-stamp img{max-height:22px;width:auto}
.sx-trust{list-style:none;width:100%;max-width:420px;margin:0 auto;padding:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line)}
.sx-trust li{display:grid;place-items:center;height:64px;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.04)}
.sx-trust img{width:auto;height:auto;max-width:100%;max-height:24px}
.sx-trust--gamcare img{max-height:32px}
.sx-trust--dmca img{max-height:44px}
.sx-trust--age{grid-column:1 / -1}
.sx-trust--age img{max-height:40px}
.sx-foot__legal{max-width:720px;margin:0;color:var(--text-2);font-size:13.5px;line-height:1.6}
.sx-foot__warn{max-width:620px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.sx-foot__copy{margin:0;color:var(--muted);font-size:13.5px}
.sx-sec a[href^="mailto:"]{color:var(--text);text-decoration-color:var(--brass);text-underline-offset:3px}
@media (max-width:374px){
  .sx-top__in{padding:0 8px;gap:6px}
  .sx-top__l,.sx-top__r{gap:5px}
  .sx-top__logo img{height:26px}
  .sx-btn--sm{padding:0 10px;font-size:13px}
  .sx-glance__row{grid-template-columns:7.4em 1fr}
}
@media (min-width:420px){.sx-top__logo img{height:34px}}
@media (min-width:700px){
  .sx-trust{max-width:980px;grid-template-columns:repeat(5,minmax(0,1fr))}
  .sx-trust--age{grid-column:auto}
  .sx-games__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sx-perks{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sx-pair{grid-template-columns:1fr 1fr}
  .sx-list{grid-template-columns:1fr 1fr}
  .sx-toc ol{columns:2;column-gap:28px}
  .sx-toc li{break-inside:avoid}
}
@media (min-width:1000px){
  :root{--top:84px}
  body{font-size:18px}
  .sx-wrap{padding:0 32px}
  .sx-top__in{max-width:none;padding:0 40px;gap:24px}
  .sx-top__in-m{display:none}
  .sx-top__in-d{display:inline-flex}
  .sx-top__r{gap:12px}
  .sx-top__r .sx-top__wheel{order:3}
  .sx-top__menu{width:46px;height:46px;border-radius:12px}
  .sx-top__logo img{height:60px}
  .sx-top__wheel,.sx-top__wheel img{width:46px;height:46px}
  .sx-btn--sm{min-height:44px;padding:0 20px;font-size:15.5px}
  .sx-hero{padding:26px 0 30px}
  .sx-h1{margin:0 auto 20px;max-width:22ch;font-size:50px}
  .sx-hero__art{max-width:560px;margin:0 auto}
  .sx-banner{margin:0}
  .sx-banner__stage{border-radius:20px;box-shadow:0 0 0 2px var(--brass),0 0 0 9px rgba(207,167,90,.14),0 24px 50px rgba(0,0,0,.42)}
  .sx-hero__go .sx-btn{width:360px}
  .sx-standfirst{font-size:20px}
  .sx-intro{padding-bottom:24px}
  .sx-sec{padding:30px 0 22px}
  .sx-sec h2{font-size:40px}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}
