@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#041529;--navy:#071b36;--panel:#0b2342;--panel2:#102b4e;--line:#24415d;--text:#f4f4f8;--muted:#aec1d2;--coral:#ed6c70;--light:#fbfafc;--gold:#f4c987;--font:'Inter',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.65}
.content__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0;border-radius:8px;}
.content table{width:100%;min-width:500px;border-collapse:collapse;margin:0;font-size:.9rem;}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(44px,7.2vw,56px);font-weight:800;margin:18px 0 22px;max-width:930px}h2{font-size:clamp(29px,3.3vw,49px);font-weight:800;margin-bottom:17px}h3{font-size:20px;font-weight:700;letter-spacing:-.025em}p{color:var(--muted)}.container{width:min(1216px,calc(100% - 44px));margin-inline:auto}.row{display:flex;flex-wrap:wrap}.site-header{background:#071b36f5;border-bottom:1px solid #29435c;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;gap:25px;min-height:76px}.logo{display:flex;align-items:center;gap:9px;font-weight:900;letter-spacing:-.065em;font-size:25px;white-space:nowrap}.logo img {width: auto;height: 40px;} .logo-mark{width:29px;height:29px;border-radius:9px 9px 13px 9px;background:var(--coral);position:relative;transform:rotate(-12deg)}.logo-mark:after{content:"";position:absolute;inset:8px;border:3px solid var(--navy);border-radius:50%}.logo span:last-child span{color:var(--coral)}.header-nav{display:flex;align-items:center;gap:20px;margin-left:auto}.header-nav a{font-size:12px;font-weight:700;color:#b7c5d7;white-space:nowrap;transition:color .2s}.header-nav a:hover,.header-nav a.active{color:var(--light)}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.btn{border:1px solid transparent;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 19px;min-height:43px;font-size:13px;font-weight:800;line-height:1.2;transition:transform .2s,opacity .2s;background:var(--coral);color:#201a26}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.btn-secondary{background:var(--light);color:#14223b}.btn-outline{background:transparent;border-color:#49647e;color:var(--light)}.btn-small{min-height:37px;padding:9px 13px}.burger{display:none;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--light);padding:9px 11px;font-size:20px;line-height:1}.hero{position:relative;overflow:hidden;min-height:535px;background:radial-gradient(circle at 86% 42%,#194265 0,#092344 34%,#061a33 70%);border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b36 0%,#071b36ed 40%,#071b3640 70%);pointer-events:none}.hero-art{position:absolute;top:0;height:100%;width:100%;object-fit:cover;object-position:center;opacity:0.9;filter:saturate(.75) contrast(1.12)}.hero-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:535px;padding-block:65px}.hero-copy{max-width:710px}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.19em;color:var(--coral);font-weight:800;font-size:11px}.eyebrow:before{content:"";width:23px;height:2px;background:var(--coral)}.hero p{max-width:610px;color:#c5d2e1;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:29px}.hero-actions .btn{min-height:51px;padding-inline:23px}.hero-meta{display:flex;gap:26px;flex-wrap:wrap;margin-top:55px;color:#a5bacd;font-size:12px;font-weight:600}.hero-meta b{color:#f3f4f8;font-size:14px}.hero-meta span{border-left:1px solid #51708e;padding-left:16px}.hero-meta span:first-child{padding-left:0;border:0}.breadcrumbs{display:flex;align-items:center;gap:10px;padding:23px 0;color:#7f9bb4;font-size:12px}.breadcrumbs a{color:#b7c9d9}.breadcrumbs strong{color:#eef1f6;font-weight:600}.block{margin:30px 0 75px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}.section-head p{max-width:510px;margin:0}.mini-label{font-size:11px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:var(--coral);margin-bottom:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px}.panel.soft{background:#0a203c}.intro-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:18px}.intro-main{padding:35px 40px;background:linear-gradient(135deg,#122d50,#0b223d)}.intro-main p{font-size:16px;max-width:620px}.stat-strip{display:flex;gap:30px;flex-wrap:wrap;margin-top:35px}.stat-strip div{padding-right:30px;border-right:1px solid var(--line)}.stat-strip div:last-child{border:0}.stat-strip strong{display:block;color:var(--light);font-size:23px;letter-spacing:-.04em}.stat-strip small{color:var(--muted)}.toc{padding:34px}.toc a{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #294762;font-weight:600;font-size:13px;color:#d7e0e9}.toc a:last-child{border:0}.toc a span:last-child{color:var(--coral)}.duo{display:flex; flex-direction: column; gap:18px}.list-card ul{list-style:none;margin:15px 0 0;padding:0}.list-card li{padding:13px 0 13px 26px;border-top:1px solid var(--line);position:relative;color:#d4e0ea}.list-card li:before{content:"+";position:absolute;left:0;color:#72d4ba;font-weight:800}.list-card.cons li:before{content:"−";color:var(--coral)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:24px;min-width:0}.card h3{margin:13px 0}.card p{font-size:13px;line-height:1.65}.card .btn{margin-top:14px}.card-index{display:inline-flex;color:var(--coral);font-weight:800;font-size:12px;letter-spacing:.1em}.card-symbol{width:45px;height:45px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#263e5c;color:#ffb5a8;font-size:21px;font-weight:800}.card-foot{border-top:1px solid var(--line);padding-top:14px;margin-top:25px;color:#a5bdd1;font-size:12px;display:flex;justify-content:space-between}.feature-band{background:linear-gradient(110deg,#ed6c70,#d95668);color:#241a2a;border-radius:20px;padding:44px 48px;display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden;position:relative}.feature-band:after{content:"O";position:absolute;font-size:260px;font-weight:900;right:24%;top:-125px;opacity:.09;line-height:1}.feature-band h2{margin:0 0 10px}.feature-band p{color:#392634;max-width:570px;margin:0}.feature-band .btn{background:#091c35;color:var(--light);white-space:nowrap;z-index:1}.empty{border:1px dashed #46617b;background:#0a203a;border-radius:15px;padding:26px;color:#b5c8d9}.empty strong{color:var(--light);display:block;font-size:17px;margin-bottom:5px}.empty p{margin:0;font-size:13px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{position:relative;border:1px solid var(--line);background:#0c2645;border-radius:16px;min-height:176px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden}.game-card:after{content:"◈";position:absolute;right:-5px;top:-47px;font-size:185px;line-height:1;color:#1b3c5d;transform:rotate(22deg)}.game-card>*{position:relative;z-index:1}.game-card strong{font-size:19px}.game-card small{color:#91acc4}.game-card .btn{margin-top:15px}.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:600px;background:var(--panel);text-align:left}th,td{padding:17px 19px;border-bottom:1px solid #2b4965;text-align:left}th{background:#173555;color:#e8f0f7;font-size:12px;text-transform:uppercase;letter-spacing:.08em}td{color:#c4d3df;font-size:14px}tr:last-child td{border:0}.review-content{padding:36px 42px;background:#0b2342;word-break: break-all;}.review-content h2,.review-content h3{margin-top:28px}.review-content p,.review-content li{color:#c6d4e0}.review-content ul,.review-content ol{padding-left:24px}.review-content a{color:#ffa4a6;text-decoration:underline}.review-content table{margin:22px 0}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{list-style:none;cursor:pointer;padding:21px 45px 21px 0;font-size:17px;font-weight:700;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:6px;top:17px;font-size:24px;color:var(--coral)}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 30px 20px 0;margin:0}.author{display:flex;gap:22px;align-items:center;padding:27px 30px}.author-avatar{min-width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#213e5c;color:#ffc0b3;font-weight:800;font-size:23px;flex:none}.author p{margin:5px 0 0;font-size:13px}.author a{color:var(--coral);font-size:12px;font-weight:700}.form-grid{display:grid;gap:17px;max-width:680px}.field{display:grid;gap:7px;font-weight:700;font-size:13px}.field input,.field textarea{width:100%;background:#071b36;border:1px solid #46617b;color:var(--light);border-radius:10px;padding:13px 15px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--coral)}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:12px;color:#a9bed0}.footer{background:#071b36;border-top:1px solid var(--line);padding:65px 0 115px}.footer-logo{display: block;width: fit-content;}.footer-logo img{width: auto;height: 40px;margin-bottom: 15px;}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer p{font-size:13px;max-width:340px}.footer h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}.footer-links a{font-size:13px;color:#aebfd0}.footer-links a:hover{color:var(--coral)}.footer-bottom{margin-top:45px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#7f9ab3;font-size:12px}.brands{display:flex;flex-wrap:wrap;gap:8px}.brand-chip{border:1px solid #39536d;border-radius:6px;color:#a4bad0;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.02em}.sticky-cta{position:fixed;z-index:19;left:50%;bottom:17px;transform:translateX(-50%);background:#f5f1f1;color:#10223a;border-radius:14px;box-shadow:0 15px 50px #020c1b99;padding:10px 12px 10px 19px;display:flex;align-items:center;gap:20px;width:min(700px,calc(100% - 28px));border:1px solid #fff5}.sticky-cta p{margin:0;color:#435366;font-size:12px}.sticky-cta strong{display:block;font-size:14px}.sticky-cta .btn{white-space:nowrap;margin-left:auto}.legal-shell{max-width:850px;margin:30px auto 100px}.legal-shell .review-content{padding:50px}.legal-shell h1{font-size:clamp(40px,5vw,64px)}.legal-shell h2{font-size:25px}.legal-shell li{margin:9px 0}.pill{display:inline-block;border:1px solid #48627d;border-radius:100px;padding:6px 12px;color:#bad1e3;font-size:11px;font-weight:700}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{border-left:2px solid var(--coral);background:var(--panel);padding:22px;border-radius:0 12px 12px 0}.step b{color:var(--coral)}.step p{margin:7px 0 0;font-size:13px}.rating-lines{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rating-line{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:16px}.rating-line strong{display:block;font-size:24px;margin:8px 0}.rating-line p{margin:0;font-size:13px}.notice{border-left:3px solid var(--coral);padding:16px 20px;background:#122b47;color:#c4d6e5;border-radius:0 10px 10px 0;margin:20px 0}.code-box{font-family:monospace;font-size:20px;letter-spacing:.1em;border:1px dashed #79889d;border-radius:8px;padding:12px 20px;display:inline-flex;margin-top:15px}.mobile-scroll{overflow:auto;scroll-snap-type:x mandatory}.mobile-scroll>*{scroll-snap-align:start}
@media(max-width:1100px){.header-nav{gap:12px}.header-nav a{font-size:11px}.header-actions .btn{padding-inline:10px}.header-inner{gap:14px}}
@media(max-width:900px){.header-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#071b36;padding:15px 22px 25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.header-nav.open{display:flex}.header-nav a{padding:10px;font-size:14px}.burger{display:block}.header-actions{margin-left:auto}.hero:after{background:linear-gradient(90deg,#071b36 0%,#071b36bd 78%,#071b3655)}.cards.four{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 32px,1216px)}.header-inner{min-height:68px}.header-nav{top:68px}.header-actions .btn{font-size:11px;min-height:34px;padding:8px 10px}.logo{font-size:21px}.logo-mark{width:24px;height:24px}.hero,.hero-inner{min-height:485px}.hero-inner{padding-block:40px}.hero p{font-size:15px}.hero-meta{margin-top:38px;gap:12px}.hero-meta span{padding-left:10px}.block{margin:30px 0 60px}.intro-grid,.duo,.game-grid,.rating-lines,.footer-top{grid-template-columns:1fr}.intro-main,.toc,.panel,.review-content{padding:24px}.section-head{align-items:start;flex-direction:column}.cards,.cards.four{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.cards .card{min-width:80%;scroll-snap-align:start}.feature-band{padding:30px;align-items:start;flex-direction:column}.feature-band:after{right:-35px}.footer-top{gap:35px}.footer-bottom{flex-direction:column}.sticky-cta{bottom:8px;padding:9px 9px 9px 13px;gap:6px}.sticky-cta strong{font-size:12px}.sticky-cta p{font-size:10px}.sticky-cta .btn{padding:9px 10px;font-size:11px}.author{align-items:flex-start}.legal-shell .review-content{padding:25px}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.steps{grid-template-columns:1fr;} }
@media(max-width:390px){.author{flex-direction: column;}.intro-main, .toc, .panel, .review-content{padding: 16px;}.header-actions{gap:4px}.header-actions .btn{padding:7px}.logo{font-size:19px}.burger{padding:6px 8px}.steps{grid-template-columns:1fr}}