:root{--bg:#110e1a;--surface:#1c1629;--muted:#b6afc5;--text:#faf8ff;--line:#342840;--cyan:#47f1df;--ink:#092521;--brand:#a855f7;--brand-dark:#793db2;--sidebar:214px;--header:80px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}svg{width:22px;height:22px;flex-shrink:0}img{max-width:100%;display:block}button{border:0}a,button,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}p,h1,h2,h3{margin:0}h1,h2{line-height:1.18;letter-spacing:-.045em}h2{font-size:28px}h1{font-size:34px;max-width:920px}button,a{transition:background .18s,color .18s,box-shadow .18s}button:active,.button:active{filter:brightness(.9)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--cyan);color:var(--ink);z-index:100}.skip-link:focus{top:12px}
.header{height:var(--header);position:fixed;z-index:40;inset:0 0 auto;display:flex;align-items:center;padding:0 28px;gap:26px;background:#15101f;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;width:calc(var(--sidebar) - 28px);flex-shrink:0;min-height:48px}.logo img{width:156px;height:auto}.header-label{font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--muted);display:flex;gap:18px;align-items:center}.header-label span{height:1px;width:64px;background:var(--line)}.header-actions{display:flex;gap:10px;margin-left:auto}.button{min-height:46px;padding:12px 22px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:800;line-height:1.4}.button-primary{background:var(--cyan);color:var(--ink);box-shadow:0 4px 20px #47f1df0d}.button-primary:hover{background:#8ffbed;box-shadow:0 4px 24px #47f1df26}.button-quiet{background:#2a203a}.button-quiet:hover{background:#3d2c53}.icon-button{width:46px;height:46px;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center}.menu-toggle{display:none}
.sidebar{position:fixed;left:0;top:var(--header);bottom:0;width:var(--sidebar);padding:30px 15px;background:#15101f;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:35;overflow-y:auto}.nav-caption{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--muted);margin:0 12px 20px}.nav-link{display:flex;align-items:center;gap:11px;padding:13px 12px;margin-bottom:7px;border-radius:9px;font-size:12px;font-weight:600;min-height:48px}.nav-link svg{width:20px;height:20px;color:#c3a1ed}.nav-link:hover{background:#241930}.nav-active{background:#2c1a40;color:#e6ccff;border:1px solid #513065}.nav-number{margin-left:auto;font-size:10px;color:#d8afff}.sidebar-card{margin:38px 8px 24px;padding:18px 15px;background:linear-gradient(150deg,#312047,#1c1429);border:1px solid #493257;border-radius:14px}.outline-star{display:block;color:var(--cyan);margin-bottom:13px}.outline-star svg{width:27px;height:27px}.sidebar-card strong{font-size:16px;line-height:1.25;display:block;letter-spacing:-.025em}.sidebar-card p{font-size:12px;color:var(--muted);margin:12px 0}.sidebar-card a{font-size:12px;color:var(--cyan);min-height:44px;display:flex;align-items:center;justify-content:space-between}.sidebar-bottom{margin-top:auto;padding:18px 12px 0;display:flex;align-items:center;gap:10px}.age-badge{width:42px;height:42px;border:1px solid #655b72;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;font-weight:600;flex-shrink:0}.sidebar-bottom p{font-size:10px;color:var(--muted)}
.main{margin-left:var(--sidebar);padding:calc(var(--header) + 28px) 32px 0;max-width:1720px}.hero{min-height:446px;background:radial-gradient(ellipse at 78% 52%,#5b268d 0,transparent 50%),linear-gradient(110deg,#291b3e,#251231 70%);border:1px solid #4d2b66;border-radius:20px;position:relative;overflow:hidden;isolation:isolate}.hero-copy{padding:48px 40px;position:relative;z-index:3;width:56%}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:800;display:flex;align-items:center;gap:9px;color:#dec3f7}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.hero-title{font-size:clamp(40px,4.45vw,74px);line-height:1.06;font-weight:800;letter-spacing:-.065em;margin:25px 0 21px}.hero-title>span{color:var(--cyan)}.hero-description{font-size:14px;line-height:1.7;color:#e1d5ec;margin-bottom:24px}.hero-cta{padding:15px 22px}.hero-catalog{display:flex;gap:18px;align-items:center;width:max-content;font-size:11px;color:#d7c7e4;min-height:44px;margin-top:9px}.hero-catalog:hover{color:var(--cyan)}.mascot-wrap{position:absolute;right:-35px;bottom:0;width:56%;height:100%;z-index:2;pointer-events:none}.mascot{width:100%;height:auto;position:absolute;bottom:0;right:0;max-height:97%;object-fit:contain;object-position:bottom}.hero-watermark{position:absolute;top:10px;right:-30px;font-size:130px;font-weight:800;font-style:italic;letter-spacing:-.08em;line-height:1;color:#e0a7ff0a;z-index:1}.orbit{position:absolute;width:350px;height:350px;border:1px solid #b57fe94d;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-45%) rotate(-25deg)}.orbit-one{width:420px;height:290px}.orbit-two{width:320px;height:420px;border-color:#41f8e526}.hero-note{position:absolute;right:18px;bottom:16px;font-size:8px;letter-spacing:.18em;z-index:4;color:#f1ddff}
.intro-line{display:flex;align-items:center;gap:13px;padding:21px 4px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.intro-symbol{font-size:23px;color:var(--brand);line-height:1}.intro-line a{margin-left:auto;display:flex;align-items:center;gap:10px;color:#f4ebff;min-height:44px;font-weight:600}.intro-line a:hover{color:var(--cyan)}.section{padding-top:38px}.section-kicker{display:block;font-size:9px;letter-spacing:.2em;font-weight:800;color:#c49be9;margin-bottom:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{display:flex;align-items:center;gap:13px}.count{font-size:12px;letter-spacing:0;font-weight:400;color:var(--muted);border:1px solid var(--line);padding:5px 7px;border-radius:6px}.search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #514261;background:#1a1423;border-radius:9px;color:var(--muted);width:240px;min-height:46px}.search svg{width:18px;height:18px}.search input{min-width:0;width:100%;background:transparent;border:0;color:var(--text);font-size:13px;min-height:44px}.search:focus-within{border-color:var(--cyan)}input::placeholder{color:#aca0bc}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.filters button{min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:8px;background:#1b1425;font-size:12px;color:#ccc1da}.filters button:hover{background:#352445}.filters button[aria-pressed="true"]{color:#ebd6ff;background:#38234e;border-color:#8654ac}.games-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.game-card{display:block;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:5/6;background:var(--surface);box-shadow:0 2px 0 #ffffff08}.game-card img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.game-card:hover img{transform:scale(1.04)}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#14091ac9;opacity:0;transition:opacity .2s;font-size:12px;font-weight:600}.game-card:hover .game-overlay,.game-card:focus-visible .game-overlay{opacity:1}.play-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--cyan);color:var(--ink);padding-left:3px;font-size:20px}.catalog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;color:var(--muted);font-size:12px}.catalog-footer a{display:flex;align-items:center;gap:10px;color:var(--cyan);min-height:44px}.empty-state{padding:50px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px}.empty-state p{color:var(--muted);margin:10px 0 22px}
.join-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:22px;padding:32px 34px;border:1px solid #68438a;border-radius:16px;background:linear-gradient(105deg,#342043,#20152f);position:relative}.join-panel h2{font-size:25px}.join-panel p{font-size:12px;color:#cfc1dc;margin-top:12px}.join-panel .button{flex-shrink:0}.about{margin-top:12px}.about-lead{color:var(--muted);margin:16px 0 22px;font-size:14px}.cbrand-seo{color:#c8bfd4;font-size:15px;line-height:1.85;overflow-wrap:anywhere;max-width:100%}.cbrand-seo h2,.cbrand-seo h3{color:var(--text);margin:24px 0 12px;font-size:22px;letter-spacing:-.025em}.cbrand-seo p{margin:12px 0}.cbrand-seo a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.cbrand-seo table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:20px 0}.cbrand-seo th,.cbrand-seo td{padding:12px 14px;border:1px solid var(--line);text-align:left}.cbrand-seo th{background:var(--surface);color:var(--text)}.cbrand-seo ul,.cbrand-seo ol{padding-left:22px}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:50px;margin:40px 0 50px;padding-top:35px;border-top:1px solid var(--line)}.faq-heading p{color:var(--muted);font-size:13px;margin-top:14px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:64px;padding:18px 32px 18px 0;font-size:14px;font-weight:600;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:5px;top:14px;font-size:23px;color:var(--cyan);font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);font-size:13px;padding:0 26px 20px 0}.footer{padding:30px 0 24px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top img{width:135px;height:auto}.footer-top nav{display:flex;gap:25px;font-size:12px;color:#c7bacf}.footer-top a{min-height:44px;display:inline-flex;align-items:center}.footer-top a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:24px;color:#a59aad;font-size:10px;line-height:1.8}.footer-bottom>p:last-child{text-align:right}
@media(min-width:1700px){.main{margin-right:auto;margin-left:max(var(--sidebar),calc((100vw - 1506px)/2))}.hero-title{font-size:76px}.hero{min-height:490px}.hero-copy{padding:54px}.mascot-wrap{width:54%}}
@media(max-width:1199px){:root{--sidebar:184px}.header{padding:0 18px;gap:18px}.logo{width:148px}.logo img{width:145px}.main{padding-left:24px;padding-right:24px}.sidebar{padding-left:10px;padding-right:10px}.nav-link{font-size:11px;gap:8px;padding:12px 9px}.nav-caption{font-size:8px}.hero-copy{padding:36px 28px}.hero{min-height:410px}.hero-title{font-size:50px}.hero-description{font-size:13px}.mascot-wrap{right:-28px;width:57%}.games-grid{gap:12px}.section-heading h2{font-size:24px}.search{width:200px}.join-panel{padding:26px;gap:24px}.join-panel h2{font-size:22px}.faq{gap:30px}}
@media(max-width:959px){:root{--sidebar:0px;--header:72px}.header{gap:16px}.logo{width:auto}.logo img{width:145px}.menu-toggle{display:flex;flex-shrink:0}.header-label{display:none}.sidebar{display:none;position:fixed;top:var(--header);bottom:auto;left:0;right:0;width:100%;max-height:calc(100dvh - var(--header));padding:20px 24px 25px;border-bottom:1px solid var(--line);box-shadow:0 20px 40px #0008}.sidebar.open{display:block}.sidebar-card,.sidebar-bottom{display:none}.nav-link{font-size:14px}.nav-caption{font-size:10px}.main{margin-left:0;padding-top:calc(var(--header) + 24px)}.hero{min-height:425px}.hero-copy{width:56%;padding:40px 32px}.hero-title{font-size:54px}.hero-description{font-size:14px}.games-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-note{font-size:7px}.footer-top nav{gap:18px}}
@media(max-width:699px){.main{padding:calc(var(--header) + 16px) 16px 0}.header{padding:0 16px;gap:10px}.logo img{width:115px}.menu-toggle{width:42px;height:44px;background:transparent}.header-actions{gap:6px}.header-actions .button{font-size:11px;padding:10px 13px;min-height:44px}.header-actions .button-quiet{display:none}.hero{min-height:660px;border-radius:16px}.hero-copy{padding:30px 24px 0;width:100%}.eyebrow{font-size:9px}.hero-title{font-size:57px;margin:22px 0 15px}.hero-description{font-size:13px;margin-bottom:19px}.hero-cta{min-height:48px}.hero-catalog{margin-top:4px}.mascot-wrap{width:94%;height:290px;right:-10px;bottom:0}.mascot{max-height:100%;width:auto;max-width:100%;height:100%;right:0}.hero-watermark{font-size:110px;top:auto;bottom:190px;right:-25px}.hero-note{bottom:12px;right:12px}.orbit{width:260px;height:210px;top:40%}.orbit-two{width:205px;height:280px}.intro-line{padding:12px 0;gap:10px;font-size:10px}.intro-line p{max-width:190px}.intro-line a{font-size:10px;gap:5px;white-space:nowrap}.intro-line a svg{width:16px;height:16px}.intro-symbol{font-size:21px}.section{padding-top:28px}.section-heading{display:block;margin-bottom:14px}.section-heading h2{font-size:26px}.section-kicker{font-size:8px}.search{width:100%;margin-top:20px}.search input{font-size:16px}.filters{gap:7px;margin-bottom:18px}.filters button{font-size:11px;padding:9px 12px}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.game-card{border-radius:8px}.game-overlay{font-size:10px;gap:6px}.play-icon{width:36px;height:36px;font-size:14px}.catalog-footer{font-size:10px;gap:12px;padding:15px 0}.catalog-footer p{max-width:165px}.catalog-footer a{gap:5px;white-space:nowrap}.catalog-footer svg{width:16px}.join-panel{display:block;padding:25px 22px;margin-top:17px}.join-panel h2{font-size:27px;max-width:250px}.join-panel p{font-size:12px}.join-panel .button{margin-top:22px}.about{margin-top:10px}h1{font-size:28px}.about-lead{font-size:13px}.cbrand-seo{font-size:14px}.faq{display:block;padding-top:30px;margin-top:30px;margin-bottom:32px}.faq-list{margin-top:20px}.faq-list summary{font-size:13px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:11px}.footer-top img{width:135px}.footer-bottom{display:block;font-size:10px;margin-top:18px}.footer-bottom>p:last-child{text-align:left;margin-top:15px}.footer-bottom br{display:none}}
@media(max-width:399px){.hero-copy{padding:26px 20px 0}.hero-title{font-size:49px}.hero{min-height:632px}.mascot-wrap{height:270px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.header{gap:7px;padding:0 12px}.logo img{width:102px}.header-actions .button{font-size:10px;padding:10px}.intro-line a{display:none}.intro-line p{max-width:none}.section-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}