@font-face{font-family:"Public Sans";src:url(fonts/public-sans.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url(fonts/archivo.woff2) format("woff2");font-weight:500 900;font-display:swap}
:root{--bg:#1a2c38;--deep:#0f212e;--card:#213743;--card2:#2f4553;--line:#2f4553;--tx:#fff;--tx2:#b1bad3;--mute:#8a9bb0;--blue:#1475e1;--blue2:#1a85ff;--green:#00e701;--r:10px;
--f:"Public Sans",ui-sans-serif,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--fh:"Archivo","Public Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx2);font:16px/1.65 var(--f)}
a{color:var(--blue2)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;z-index:99;background:#fff;color:#000;padding:8px 12px;border-radius:6px}
.top{position:sticky;top:0;z-index:20;background:var(--deep);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:62px}
.brand{display:flex;align-items:center;gap:12px;color:var(--tx);text-decoration:none;min-width:0}
.logo-svg{width:92px;height:46px;flex:none}
.brand-tag{font:800 13px/1.15 var(--fh);color:var(--tx);letter-spacing:.02em;border-left:1px solid var(--line);padding-left:12px;white-space:nowrap}
.brand-tag small{display:block;font:500 11px var(--f);color:var(--mute);letter-spacing:0}
.top-cta{display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:8px;border:0;background:var(--blue);color:#fff;font:700 15px var(--f);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--blue2)}.btn.ghost{background:var(--card2)}.btn.ghost:hover{background:#3d5564}.btn.big{min-height:52px;padding:0 28px;font-size:17px}
.anchors{position:sticky;top:62px;z-index:15;background:rgba(15,33,46,.96);border-bottom:1px solid var(--line)}
.an-in{position:relative;max-width:1120px;margin:0 auto}
.anchors ul{position:relative;display:flex;gap:4px;overflow-x:auto;list-style:none;margin:0;padding:8px 44px;scrollbar-width:none;scroll-behavior:smooth}
.anchors ul::-webkit-scrollbar{display:none}
.anchors a{display:block;padding:6px 12px;border-radius:999px;color:var(--tx2);text-decoration:none;font:600 14px var(--f);white-space:nowrap}
.anchors a:hover,.anchors a.on{background:var(--card2);color:var(--tx)}
.hero{padding:28px 0 8px}
.hero-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:center;background:linear-gradient(120deg,#13324a 0%,#0f212e 60%);border:1px solid var(--line);border-radius:16px;padding:32px;overflow:hidden}
.crumbs{font-size:13px;color:var(--mute);margin:0 0 10px}.crumbs a{color:var(--mute)}
h1{font:900 clamp(28px,4.4vw,44px)/1.1 var(--fh);color:var(--tx);margin:0 0 14px;letter-spacing:-.01em}
.lead{font-size:17px;color:var(--tx2);margin:0 0 12px}
.checked{font-size:13px;color:var(--mute);margin:0 0 18px}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hero-art img{border-radius:12px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none}
.facts li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;font-size:13px;color:var(--mute)}
.facts b{display:block;font:800 20px/1.2 var(--fh);color:var(--tx)}
.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;padding:24px 0 40px}
.toc{position:sticky;top:130px;align-self:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 10px;max-height:calc(100vh - 150px);overflow:auto}
.toc details{background:none;border:0;padding:0;margin:0}
.toc summary{font:800 14px var(--fh);color:var(--tx);cursor:pointer;padding:0 6px 6px}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc li a{display:flex;gap:8px;padding:5px 6px;border-radius:6px;color:var(--tx2);text-decoration:none;font-size:14px;line-height:1.35}
.toc li a::before{counter-increment:t;content:counter(t,decimal-leading-zero);color:var(--mute);font:700 12px/1.6 var(--fh)}
.toc li a:hover,.toc li a.on{background:var(--card2);color:var(--tx)}
.content{min-width:0}
.sec{padding:8px 0 18px;border-bottom:1px solid var(--line);margin-bottom:22px}
.sec:last-child{border-bottom:0}
h2{font:800 clamp(22px,2.8vw,28px)/1.2 var(--fh);color:var(--tx);margin:12px 0 12px}
h3{font:800 19px/1.3 var(--fh);color:var(--tx);margin:22px 0 8px}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}li{margin:0 0 6px}li::marker{color:var(--blue2)}
ol.steps{list-style:none;padding:0;counter-reset:s}
ol.steps li{position:relative;padding:12px 14px 12px 54px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px;color:var(--tx)}
ol.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:14px;top:11px;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font:800 14px/28px var(--fh);text-align:center}
.tw{margin:0 0 18px;overflow-x:auto}
table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:15px}
caption{caption-side:top;text-align:left;padding-left:2px;font:700 13px var(--f);color:var(--mute);padding:0 0 8px 2px;text-transform:uppercase;letter-spacing:.04em}
th,td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
thead th{background:var(--deep);color:var(--tx);font-weight:700}
tbody th{color:var(--tx);font-weight:600}
tbody tr:last-child>*{border-bottom:0}
.shot{max-width:760px;margin:8px auto 24px}
.win{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--deep);box-shadow:0 12px 32px rgba(0,0,0,.35)}
.win-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#0b1a24;border-bottom:1px solid var(--line)}
.win-bar i{width:10px;height:10px;border-radius:50%;flex:none}
.win-bar i:nth-child(1){background:#ed4163}.win-bar i:nth-child(2){background:#f5b400}.win-bar i:nth-child(3){background:#00c74d}
.win-bar span{margin-left:10px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px var(--f);color:var(--mute);background:var(--card);border-radius:6px;padding:4px 10px}
.win-body{aspect-ratio:16/10;overflow:hidden}
.win-body img{width:100%;height:100%;object-fit:cover;object-position:top center}
.shot.phone{max-width:340px;text-align:center}
.shot.phone img{border-radius:20px;border:1px solid var(--line)}
.shot-cap{display:block;margin-top:8px;font-size:13px;color:var(--mute);line-height:1.5}
@media (max-width:560px){.win-body{aspect-ratio:4/3}.win-bar{height:28px}.win-bar span{font-size:11px}}
.row{margin:4px 0 18px}.row-h{font:800 15px var(--fh);color:var(--tx);margin:0 0 8px}
.games{display:grid;grid-auto-flow:column;grid-auto-columns:132px;gap:10px;overflow-x:auto;list-style:none;margin:0;padding:0 0 8px;scroll-snap-type:x mandatory}
.game{scroll-snap-align:start;margin:0}
.game img{border-radius:8px;aspect-ratio:3/4;object-fit:cover;width:100%;background:var(--card)}
.gn{display:block;flex:1 0 auto;color:var(--tx);font:700 13px/1.3 var(--f);margin-top:6px}.gs{display:block;color:var(--mute);font-size:12px}
.band{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.rg{font-size:13px;color:var(--mute)}
details{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:0 0 8px;padding:0 16px}
summary{cursor:pointer;padding:14px 0;color:var(--tx);font-weight:700;list-style:none}
summary::-webkit-details-marker{display:none}summary::after{content:"+";float:right;color:var(--blue2);font-weight:800}
details[open] summary::after{content:"–"}details p{padding:0 0 14px;margin:0}
.foot{background:var(--deep);border-top:1px solid var(--line);padding:28px 0 32px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.foot-h{font:800 15px var(--fh);color:var(--tx);margin:0 0 8px}
.b18{display:inline-block;vertical-align:middle;margin-right:6px}
.foot-note{margin:18px 0 0;color:var(--mute);font-size:13px;border-top:1px solid var(--line);padding-top:14px}
@media (max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.toc{position:static;max-height:none}.hero-card{grid-template-columns:minmax(0,1fr);padding:22px}.foot-grid{grid-template-columns:minmax(0,1fr)}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.brand-tag{display:none}.top-cta .btn{padding:0 12px;font-size:14px;min-height:38px}.logo-svg{width:76px;height:38px}
 table.cards thead{display:none}table.cards,table.cards tbody,table.cards tr,table.cards th,table.cards td{display:block;width:100%}
 table.cards caption{display:block;padding:12px 14px 4px}
 table.cards tr{border-bottom:1px solid var(--line);padding:8px 0}table.cards th,table.cards td{border:0;padding:4px 14px}
 table.cards td::before{content:attr(data-l) ": ";color:var(--mute);font-weight:600}}
html{scrollbar-color:#2f4553 #0f212e;scrollbar-width:thin}
*::-webkit-scrollbar{width:8px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#2f4553;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#3d5564}
.toc,.tw{scrollbar-width:thin;scrollbar-color:#2f4553 transparent}
.an-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;border:0;border-radius:50%;background:var(--card2);color:#fff;font:700 20px/32px var(--f);cursor:pointer;box-shadow:0 0 0 8px #0f212e}
.an-btn:hover{background:var(--blue)}.an-prev{left:6px}.an-next{right:6px}.an-btn[hidden]{display:none}
.hero{padding:0 0 8px}
.games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;overflow:visible;gap:12px;padding:0;scroll-snap-type:none}
.game{display:flex;flex-direction:column}
.gi{border-radius:8px;overflow:hidden}
.btn.play{margin-top:8px;min-height:34px;padding:0 10px;font-size:14px;width:100%}
.layout{grid-template-columns:minmax(0,1fr);max-width:920px;margin:0 auto;padding-top:24px}
.toc{position:static;max-height:none;overflow:visible;margin:0 0 24px;padding:16px}
.toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
@media (max-width:640px){.toc ol{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.games{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.games{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.btn.play{min-height:32px;font-size:13px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}