
:root{color-scheme:dark;--bg:#081d27;--surface:#102b36;--line:#23404b;--text:#f0f9f8;--muted:#8caab5;--mint:#7de5cf;--gold:#ffd488;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{border:0;background:none}button:disabled{opacity:.5;cursor:default}#sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#0b222d;border-right:1px solid var(--line);padding:29px 18px;display:flex;flex-direction:column;z-index:30;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:23px;letter-spacing:1px}.brand img{width:39px;height:39px}.brand small{display:block;font-size:7px;letter-spacing:1.5px;color:var(--muted);margin-top:6px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#7e9ca9;margin:36px 11px 14px}nav{display:grid;gap:5px}nav button{padding:13px 12px;display:flex;align-items:center;gap:12px;width:100%;text-align:start;color:#9cb9c4;border-radius:9px;font-size:12px}nav button span{font-size:19px;width:20px;text-align:center;font-weight:400}nav button b{font-weight:500}nav button.active{color:var(--mint);background:#17404a}nav button:hover{background:#15343f;color:white}nav em{margin-inline-start:auto;font-style:normal;font-size:10px;background:#284651;padding:3px 6px;border-radius:5px}.sidebar-art{margin-top:36px;padding:10px 13px 17px;border:1px solid #31555a;border-radius:14px;background:radial-gradient(ellipse at top,#204847,transparent 70%);position:relative}.sidebar-art img{width:100%;height:105px;object-fit:contain;filter:drop-shadow(0 6px 18px #092c39);animation:swim 6s ease-in-out infinite}.sidebar-art small{font-size:8px;letter-spacing:1.2px;color:var(--mint);display:block}.sidebar-art strong{display:block;font-size:16px;white-space:pre-line;line-height:1.3;margin:10px 0}.sidebar-art a{font-size:10px;color:var(--gold)}.help-link{color:var(--muted);text-align:start;padding:28px 10px 0;font-size:11px}.page{margin-inline-start:224px}header{height:82px;position:sticky;top:0;background:#081d27ef;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;z-index:20}.header-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.header-breadcrumb span:nth-child(2){color:var(--text)}.slash{opacity:.4;margin:0 8px}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 11px #61c9b6}.header-actions{display:flex;align-items:center;gap:15px}.language-picker{display:flex;align-items:center;gap:4px}.language-picker span{color:var(--mint);font-size:22px}select{color:var(--text);background:#0c2630;border:1px solid var(--line);border-radius:7px;padding:10px;font-size:11px;max-width:180px}#language{border:0;background:transparent;width:110px;padding:8px 2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:8px;border:1px solid #36545b;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#1a3a45}.button.gold{background:var(--gold);border-color:var(--gold);color:#182b2a;box-shadow:0 3px 18px #ffd48812}.button.gold:hover{background:#ffe4aa}.button.compact{padding:12px 18px}.icon-button{font-size:27px;padding:5px 10px}.mobile-brand,#menu{display:none}main{max-width:1800px;margin:auto}.hero-section{padding:28px 38px 0}.section-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:17px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:700;color:var(--mint);line-height:1.6}.section-top .pulse{margin-inline-end:8px}.edition{font-size:9px;letter-spacing:1px;color:var(--muted)}.cinema{position:relative;background:#06141b;border-radius:14px;overflow:hidden;border:1px solid #315057;box-shadow:0 20px 70px #0004}.cinema video{width:100%;display:block;aspect-ratio:1536/776;object-fit:contain}.video-controls{display:flex;align-items:center;gap:9px;padding:10px 15px;background:#09212bea;border-top:1px solid #28454f;min-height:47px}.media-button{font-size:10px;color:#c5e1e2;border:1px solid #31505a;border-radius:5px;padding:7px 10px}.media-button:hover{background:#20424c}.volume{display:flex;align-items:center;gap:8px;margin-inline-start:auto;font-size:10px;color:var(--muted)}.volume input{accent-color:var(--mint);width:72px;height:4px}.volume output{width:30px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:30px 0 36px;gap:30px}.hero-bottom .eyebrow{margin:0 0 11px}h1{font-size:clamp(30px,3.7vw,62px);line-height:1.04;letter-spacing:-2.3px;margin:0;white-space:pre-line;font-weight:800}.hero-description{max-width:330px;padding-top:18px}.hero-description p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 19px}.welcome{margin:0 38px 49px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 32px;border-radius:13px;border:1px solid #345153;background:radial-gradient(ellipse at right,#34544c66,transparent 65%),linear-gradient(110deg,#17343b,#102d36)}.welcome .eyebrow{color:var(--gold);margin:0 0 8px}.welcome h2{font-size:24px;letter-spacing:-.7px;margin:0 0 10px}.welcome p:last-child{font-size:11px;line-height:1.7;color:#a7c0c7;margin:0}.world-count{text-align:end;flex-shrink:0}.world-count strong{font-size:56px;line-height:1;font-weight:400;color:var(--gold);letter-spacing:-3px}.world-count strong span{font-size:24px;margin:0 6px 0 12px;display:inline-block;vertical-align:top;animation:twinkle 8s linear infinite}.world-count small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:12px;color:#adc3c7}.catalog{padding:0 38px 30px;scroll-margin-top:100px}.catalog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.catalog-heading h2{font-size:28px;letter-spacing:-1px;margin:6px 0 0}.catalog-heading .eyebrow{font-size:8px;margin:0}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0e2833;padding:10px 13px;border-radius:8px;width:240px}.search span{font-size:22px;color:var(--mint)}.search input{min-width:0;width:100%;background:none;border:0;outline:none;color:white;font-size:11px}.search input::placeholder{color:#789aa8}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0}.filters{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.filters button{font-size:10px;white-space:nowrap;padding:10px 13px;border:1px solid #25434f;border-radius:7px;color:#95b2bd}.filters button.active{background:#17463f;color:#9ff0d6;border-color:#357364}.filters button:hover{color:white;border-color:#68918d}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 14px}.game-card{min-width:0}.cover{position:relative;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:#15303c;border:1px solid #355153;transition:transform .3s,box-shadow .3s}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.game-card:hover .cover{transform:translateY(-5px);box-shadow:0 12px 26px #0007;border-color:#73bba8}.game-card:hover img{transform:scale(1.07)}.cover-open{padding:0;width:100%;height:100%;display:block}.cover:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#04141ade);pointer-events:none}.card-badge{position:absolute;top:8px;left:8px;border-radius:4px;background:#e0efb0;color:#203b2c;padding:5px 6px;font-size:7px;letter-spacing:.7px;font-weight:900;pointer-events:none}.fav{position:absolute;top:7px;right:7px;background:#09212da9;backdrop-filter:blur(4px);width:28px;height:28px;border:1px solid #ffffff3a;border-radius:50%;z-index:2;color:white;font-size:17px}.fav.saved{color:var(--gold);background:#193943}.cover-title{position:absolute;bottom:12px;left:11px;right:8px;z-index:1;pointer-events:none}.cover-title small{font-size:6px;letter-spacing:1.3px;color:#b4f0e1;display:block;margin-bottom:5px}.cover-title strong{font-size:16px;line-height:1.05;display:block;letter-spacing:-.4px}.card-meta{display:flex;justify-content:space-between;gap:3px;align-items:center;margin-top:10px;font-size:8px;color:var(--muted)}.card-meta button{font-size:9px;color:#94dfcb;max-width:70%;text-align:end}.catalog-bottom{display:flex;justify-content:space-between;align-items:center;margin:30px 0 0;color:var(--muted);font-size:11px}.catalog-bottom .button{padding:12px 19px;font-size:10px}footer{margin:15px 38px 0;padding:30px 0 24px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:31px}.footer-brand strong{color:#dbeceb;font-size:18px;letter-spacing:1px}.footer-brand span{margin-inline-start:auto;font-size:10px}.footer-links{display:flex;gap:20px;margin:24px 0}.footer-links button,.footer-links a{padding:0;color:#bbd2d8;font-size:10px}.footer-links a{margin-inline-start:auto}footer p{font-size:9px;line-height:1.7;color:#7594a0}footer>small{font-size:8px;letter-spacing:1px;display:block;margin-top:20px;color:#567783}#empty{text-align:center;padding:60px 15px;color:var(--muted)}#empty span{font-size:50px;color:var(--mint)}#empty p{font-size:16px}.game-grid:empty{display:none}dialog{border:1px solid #49666a;border-radius:20px;background:#0f2a35;color:var(--text);padding:0;max-width:850px;width:calc(100% - 36px);max-height:90vh;overflow:auto;box-shadow:0 40px 130px #0009}dialog::backdrop{background:#001015d9;backdrop-filter:blur(10px)}.modal-close{position:absolute;right:13px;top:11px;background:#09202cdd;border-radius:50%;z-index:3;width:41px;height:41px;line-height:27px}.detail-layout{display:grid;grid-template-columns:34% 66%;min-height:400px}.detail-art{width:100%;height:100%;object-fit:cover;min-height:400px}.detail-text{padding:47px 35px 35px}.detail-text h2{font-size:36px;letter-spacing:-1px;line-height:1.05;margin:17px 0}.detail-text p:not(.eyebrow){font-size:13px;line-height:1.8;color:#abc4cc}.detail-text .button{margin:13px 7px 0 0}.note{font-size:10px!important;color:#7d9ea9!important;margin-top:25px!important}.info-panel{padding:48px;max-width:650px}.info-panel h2{font-size:30px;line-height:1.1;margin:10px 0 23px}.info-panel p{font-size:13px;color:#a8c1ca;line-height:1.9}.info-panel input{display:block;width:100%;padding:14px;background:#09222c;border:1px solid #41616b;border-radius:8px;color:white;margin:11px 0 20px}.info-panel label{font-size:12px}.info-panel .button{margin-right:5px}.game-arena{position:relative;height:350px;background-size:cover;background-position:center;overflow:hidden;border-block:1px solid #49666a}.arena-target{position:absolute;font-size:41px;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 8px #000a);padding:8px;transition:left .6s ease-in-out,top .6s ease-in-out}.arena-hud{display:flex;justify-content:space-between;gap:15px;padding:18px 30px;font-size:13px;color:var(--mint)}.arena-title{padding:28px 30px 12px}.arena-title h2{margin:8px 0;font-size:26px}.arena-title p{font-size:11px;color:var(--muted)}.arena-end{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#041a26da;text-align:center}.arena-end h3{font-size:34px;margin:10px}.arena-end p{font-size:20px;color:var(--gold)}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#d8eddf;color:#143930;padding:14px 25px;border-radius:8px;font-size:12px;transition:.3s}#toast.show{opacity:1;transform:translate(-50%,0)}#shade{display:none}[dir=rtl] #sidebar{left:auto;right:0;border-left:1px solid var(--line);border-right:0}[dir=rtl] .cover-title{left:8px;right:11px}[dir=rtl] h1{letter-spacing:0}[dir=rtl] .modal-close{right:auto;left:13px}[hidden]{display:none!important}@keyframes swim{50%{transform:translateY(-6px) rotate(3deg)}}@keyframes twinkle{to{transform:rotate(360deg)}}@media(min-width:1600px){.game-grid{gap:26px 20px}.cover-title strong{font-size:22px}.card-meta{font-size:10px}.card-meta button{font-size:11px}}@media(max-width:1250px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}header{padding:0 26px}.hero-section,.catalog{padding-left:26px;padding-right:26px}.welcome{margin-left:26px;margin-right:26px}footer{margin-left:26px;margin-right:26px}.hero-bottom{gap:20px}.hero-description{max-width:240px}.hero-bottom h1{font-size:41px}.header-breadcrumb{gap:7px}}@media(max-width:900px){#sidebar{width:200px;padding:24px 14px}.brand{font-size:21px}.page{margin-inline-start:200px}header{padding:0 20px}.header-breadcrumb span:last-child,.slash{display:none}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-bottom{align-items:start;display:block;padding-bottom:26px}.hero-bottom h1{font-size:44px}.hero-description{max-width:100%;display:flex;align-items:center;gap:25px;padding-top:20px}.hero-description p{margin:0;flex:1;font-size:11px}.hero-description .button{font-size:10px;max-width:180px;padding:13px}.catalog-heading{display:block}.search{width:100%;margin-top:20px}.welcome{padding:25px}.welcome h2{font-size:21px}.world-count strong{font-size:43px}.world-count small{font-size:6px}.filters{max-width:75%}.catalog-toolbar{gap:10px}#sort{max-width:120px;font-size:9px;padding:10px 5px}}@media(max-width:680px){.page{margin:0}#sidebar{transform:translateX(-105%);transition:transform .3s;width:230px}[dir=rtl] #sidebar{transform:translateX(105%)}body.menu-open #sidebar{transform:none}body.menu-open #shade{display:block;position:fixed;inset:0;background:#00131cc9;z-index:25}header{height:68px;padding:0 15px;gap:8px}#menu{display:block;font-size:21px;padding:4px 7px}.mobile-brand{display:flex;font-size:16px;gap:7px;letter-spacing:.6px}.mobile-brand img{width:28px;height:28px}.header-breadcrumb{display:none}.header-actions{margin-inline-start:auto;gap:6px}.language-picker span{display:none}#language{width:74px;font-size:10px}.button.compact{font-size:10px;padding:11px}.hero-section{padding:20px 16px 0}.section-top{margin-bottom:12px}.section-top .eyebrow{font-size:7px;letter-spacing:1px}.edition{font-size:7px}.cinema{border-radius:9px}.video-controls{padding:7px 8px;gap:5px;min-height:40px}.media-button{padding:6px 7px;font-size:9px}.volume{gap:5px;font-size:8px}.volume input{width:50px}.hero-bottom{padding-top:24px}.hero-bottom h1{font-size:42px;letter-spacing:-1.8px}.hero-bottom .eyebrow{font-size:8px}.hero-description{gap:15px}.hero-description .button{max-width:155px;padding:12px;font-size:10px}.hero-description p{font-size:10px;line-height:1.7}.welcome{margin:0 16px 33px;padding:22px 19px;gap:12px}.welcome h2{font-size:19px;line-height:1.15;max-width:220px}.welcome p:last-child{font-size:10px;max-width:220px}.welcome .eyebrow{font-size:6px;letter-spacing:1.3px}.world-count strong{font-size:38px}.world-count strong span{font-size:15px;margin-left:6px}.world-count small{max-width:75px;line-height:1.7;font-size:6px;letter-spacing:.5px}.catalog{padding:0 16px 25px}.catalog-heading h2{font-size:25px}.catalog-toolbar{margin:18px 0}.filters{max-width:72%}.filters button{font-size:9px;padding:9px 10px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 9px}.cover{border-radius:8px}.cover-title{left:8px;bottom:10px}.cover-title strong{font-size:13px;letter-spacing:-.5px}.cover-title small{font-size:5px;letter-spacing:.8px}.card-badge{font-size:5px;top:5px;left:5px;padding:4px}.fav{width:23px;height:23px;font-size:15px;right:4px;top:4px}.card-meta{font-size:6px;align-items:start;gap:3px}.card-meta button{font-size:8px}.card-meta span{max-width:40%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.catalog-bottom{font-size:9px}.catalog-bottom .button{font-size:9px;padding:11px}footer{margin:0 16px;padding-top:25px}.footer-brand{gap:8px;flex-wrap:wrap}.footer-brand strong{font-size:17px}.footer-brand span{font-size:8px}.footer-links{gap:13px;flex-wrap:wrap}.footer-links button,.footer-links a{font-size:9px}footer p{font-size:8px}.detail-layout{display:block}.detail-art{height:220px;min-height:0;object-position:center 35%}.detail-text{padding:25px}.detail-text h2{font-size:29px}.info-panel{padding:45px 26px 30px}.info-panel h2{font-size:27px}.game-arena{height:300px}.arena-hud{padding:15px 20px;font-size:11px}.arena-title{padding:25px 20px 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.signup-dialog{max-width:530px;border-color:#4f7668;overflow:visible}.promo-panel{position:relative;padding:35px 42px 28px;text-align:center;background:radial-gradient(ellipse at 50% 8%,#427b5740,transparent 60%),#0c2932;border-radius:20px;overflow:hidden}.promo-token{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 19px;background:linear-gradient(145deg,#fff2b3,#efb94e 55%,#946529);border:4px solid #e4b75d;box-shadow:0 0 0 6px #e6d08b0c,0 9px 32px #ddba4925;color:#173d36;font-size:37px;font-weight:bold;transform:rotate(-10deg)}.promo-panel>.eyebrow{font-size:9px;letter-spacing:2.2px;color:#8ee7c6;margin:0 0 12px}.promo-panel h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:0}.promo-amount{display:flex;align-items:baseline;justify-content:center;gap:13px;color:#ffdc8f;margin:11px 0 7px}.promo-amount strong{font-size:93px;line-height:1;letter-spacing:-7px;font-weight:800;text-shadow:0 3px 24px #ffe79b20}.promo-amount span{font-size:23px;font-weight:bold;letter-spacing:1px}.promo-description{font-size:12px;line-height:1.7;color:#accacb;max-width:350px;margin:12px auto 24px}.promo-panel label{display:block;text-align:start;color:#c9dfdf;font-size:11px;margin:0 0 9px}.promo-panel input{display:block;width:100%;border:1px solid #46666d;background:#09232d;border-radius:8px;padding:14px;color:#edf8f7;font-size:12px;outline-offset:3px;margin-bottom:13px}.promo-panel input::placeholder{color:#789ca7}.promo-panel .button{width:100%;padding:15px;font-size:13px}.promo-terms{color:#789ca7;font-size:9px;line-height:1.7;margin:17px 0 0}.promo-status{background:#423121;border:1px solid #77603b;color:#ffe0a1;border-radius:7px;padding:10px;font-size:11px;line-height:1.6;margin:12px 0}.signup-dialog .modal-close{right:13px;top:11px;background:#0e2c36;color:#b8d8d4}[dir=rtl] .signup-dialog .modal-close{right:auto;left:13px}body img{cursor:pointer}@media(max-width:540px){.promo-panel{padding:30px 24px 25px}.promo-panel h2{font-size:23px}.promo-amount strong{font-size:82px}.promo-amount span{font-size:21px}.promo-description{font-size:11px}.promo-panel>.eyebrow{font-size:8px}.promo-token{width:55px;height:55px;font-size:31px;margin-bottom:17px}}
