@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--cyan:#00c7ff;--muted:#91a9b9;--line:#16445b;--bg:#030a12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:#eaf5ff;font-family:Barlow,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:6px}.container{width:min(1360px,90%);margin-inline:auto}header{height:92px;border-bottom:1px solid #15415c;display:flex;align-items:center;padding:0 5%;gap:50px;background:#030a12e8;position:relative;z-index:2}header:after{content:'';position:absolute;width:220px;height:1px;background:var(--cyan);bottom:-1px;left:5%;box-shadow:0 0 16px var(--cyan)}.brand{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:800;font-size:31px;letter-spacing:2px;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand b{color:var(--cyan)}.emblem{font-size:47px;color:#bdeeff;text-shadow:0 0 18px #009dff;margin-right:6px}nav{display:flex;height:100%;gap:38px;margin-left:auto;align-items:center}nav a,nav button{background:none;border:0;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700;height:100%;display:flex;align-items:center;position:relative}nav .active:after{content:'';position:absolute;bottom:0;height:2px;background:var(--cyan);width:100%;box-shadow:0 0 15px var(--cyan)}nav button:hover,nav a:hover{color:var(--cyan)}.languages{display:flex;gap:9px;align-items:center;font-size:12px;color:#5a7182}.languages button{border:0;background:none;padding:6px 0;font-size:12px;color:#8da8b8}.languages .selected{color:var(--cyan)}.hero{height:550px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#020911b8 0%,#02091166 34%,transparent 70%),linear-gradient(0deg,#030a12 0%,transparent 25%),url('assets/hero.png') center 47%/cover}.hero:after{content:'';width:280px;height:280px;position:absolute;left:-230px;top:100px;transform:rotate(45deg);border:1px solid #00aaff;box-shadow:0 0 20px #00aaff44}.hero-inner{position:relative;width:min(1360px,90%);margin:auto;padding-top:66px}.eyebrow{font-size:12px;letter-spacing:4px;display:flex;align-items:center;gap:12px;color:#9bbccb;font-weight:600}.eyebrow>span:first-child:empty{width:23px;height:1px;background:var(--cyan)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(78px,8.1vw,126px);font-style:italic;letter-spacing:1px;line-height:.96;margin:22px 0;color:#eaf4ff;text-shadow:0 3px 0 #647b91,0 0 28px #a2d8ff33}h1 span{color:var(--cyan);text-shadow:0 3px 0 #03628d,0 0 30px #00bfff66}.hero-copy{font-family:'Barlow Condensed',sans-serif;font-size:27px;letter-spacing:4px;text-transform:uppercase;font-weight:600;line-height:1.2;margin:24px 0 13px}.hero-copy br{display:none}.hero-description{color:#91acbf;font-size:15px;line-height:1.6;margin:0 0 26px}.button{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;border:1px solid var(--cyan);background:linear-gradient(110deg,#07304cdd,#061523cc);color:#ecfaff;padding:15px 24px;text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:1px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:inset 0 0 15px #00baff2b;transition:background .2s,transform .2s}.button:hover{background:#07537d;transform:translateY(-2px)}.button>span:last-child:not(:first-child){color:var(--cyan);font-size:22px;line-height:18px}.hero-note{display:flex;gap:8px;align-items:center;margin-top:24px;font-size:9px;letter-spacing:2px;color:#6f8a9c}.hero-note i{width:5px;height:5px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.hero-index{position:absolute;right:5%;bottom:35px;font-size:12px;letter-spacing:2px;color:var(--cyan)}.hero-index span{color:#7d9cae;font-size:9px}.games-section{padding-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading>div{display:flex;align-items:center;gap:14px;flex-shrink:0}.section-heading:after{content:'';height:1px;background:linear-gradient(90deg,#1d506d,transparent);flex:1;order:1}.section-heading .section-caption{order:2}.section-number{color:var(--cyan);font-size:11px;letter-spacing:2px}h2{font-family:'Barlow Condensed',sans-serif;letter-spacing:2px;text-transform:uppercase;font-size:29px;margin:0}.section-caption{color:#6f94ab;font-size:10px;letter-spacing:2px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game-card{border:1px solid #216888;position:relative;min-height:345px;overflow:hidden;background-color:#041020;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.game-card:after{content:'';position:absolute;inset:7px;border-top:1px solid #3e9dc32b;pointer-events:none}.word-card{background:linear-gradient(90deg,#020b17 12%,#02101b55),url('assets/hero.png') center/cover}.card-content{position:relative;z-index:1;padding:25px 30px}.game-meta{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:1.8px;color:#97bbd0}.preview{border:1px solid #3b6b7d;padding:3px 5px;color:#c7d9e1;font-size:8px}.crown{position:absolute;color:#ffda7c;font-size:33px;top:51px;left:165px;text-shadow:0 0 15px #f7ad3266}.word-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:64px;font-weight:800;letter-spacing:-1px;margin:28px 0 3px;line-height:1}.word-title b{color:var(--cyan);text-shadow:0 0 22px #00bfff66}.card-tagline{font-size:9px;letter-spacing:2.7px;font-weight:600;color:#b8d9e8;margin:12px 0 16px}.card-description{font-size:14px;line-height:1.55;color:#a9c0ce;margin:0 0 21px}.small{padding:11px 17px;font-size:11px;gap:26px}.card-index{position:absolute;right:20px;bottom:18px;color:#a8dfff77;font-size:11px;letter-spacing:2px}.word-art{position:absolute;right:0;bottom:10px;width:45%;height:240px}.word-art span{position:absolute;border:2px solid #00c5ff;border-radius:7px;background:#06467dbb;box-shadow:0 0 15px #00baff,inset 0 0 20px #008cff;font-size:40px;font-weight:700;color:#c9faff;text-shadow:0 0 8px #00baff;padding:6px 18px;transform:rotate(17deg)}.word-art span:nth-child(1){right:30px;top:0}.word-art span:nth-child(2){right:90px;top:70px;transform:rotate(-16deg)}.word-art span:nth-child(3){right:18px;bottom:15px;transform:rotate(12deg)}.word-art span:nth-child(4){right:145px;bottom:0;transform:rotate(-18deg)}.word-art span:nth-child(5){right:0;top:110px;transform:rotate(24deg)}.cat-card{background:linear-gradient(90deg,#020b12f2 0%,#020b12b0 38%,transparent 77%),url('assets/cats.png') center/cover}.cat-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:48px;font-weight:900;line-height:.84;font-style:italic;margin:24px 0 14px;letter-spacing:-1px}.cat-title small{font-size:25px}.cat-title b{color:#a6f04a;font-size:52px;text-shadow:0 0 25px #78b93344}.updates{padding-top:36px;padding-bottom:40px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{display:flex;align-items:center;gap:20px;text-align:left;border:1px solid #17445d;background:linear-gradient(115deg,#061725,#050f17);padding:22px 20px;transition:border-color .2s}.info-card:hover{border-color:var(--cyan)}.info-icon{display:grid;place-items:center;border:1px solid #1876a1;color:var(--cyan);width:48px;height:51px;font-size:35px;flex-shrink:0;text-shadow:0 0 12px #00aeff;box-shadow:inset 0 0 14px #0076ff33}.info-card strong{display:block;text-transform:uppercase;font-size:14px;letter-spacing:1px;margin-bottom:7px}.info-card strong+span{font-size:12px;line-height:1.5;color:#89a3b4}.info-card>b{color:var(--cyan);margin-left:auto;font-size:20px}footer{border-top:1px solid #143146;padding:25px 0;display:flex;align-items:center;justify-content:space-between;color:#6f8b9e;font-size:11px}footer .brand{font-size:20px;color:#cadbe5}footer p{letter-spacing:1px}dialog{color:#dfedf6;border:1px solid #1380ad;background:linear-gradient(130deg,#0a2335,#030a12);padding:45px;width:min(560px,92vw);max-height:85vh;box-shadow:0 0 90px #009eff22}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:40px;margin:25px 0 20px}#dialog-content{line-height:1.8;color:#abc2d2;margin-bottom:28px}#dialog-content p{margin-bottom:15px}.close{position:absolute;right:15px;top:8px;background:none;border:0;font-size:32px;color:#94b4c9}.skip{position:absolute;top:-80px;z-index:10;padding:15px;background:#004f77}.skip:focus{top:0}@media(min-width:1600px){.hero{height:600px}.hero-inner{padding-top:85px}}@media(max-width:1000px){.word-title{font-size:49px}.card-content{padding:24px}.word-art{opacity:.65;right:-45px}.card-description{font-size:13px}.info-card{gap:12px;padding:18px 13px}.info-icon{width:36px;height:44px}.info-card strong{font-size:12px}.hero-copy{font-size:23px}}@media(max-width:700px){header{height:76px;gap:16px}.brand{font-size:25px;letter-spacing:1px}.emblem{font-size:34px;margin:0}nav{gap:16px}nav a,nav button{font-size:10px;letter-spacing:0}nav button[data-panel=contact]{display:none}.languages{gap:5px}.hero{height:590px}.hero-art{background-position:63% center;opacity:.8}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020911ba,transparent),linear-gradient(0deg,#030a12,transparent)}.hero-inner{padding-top:78px}.eyebrow{font-size:9px;letter-spacing:2.5px}h1{font-size:88px}.hero-copy{font-size:27px;letter-spacing:3px}.hero-copy br{display:block}.hero-description{font-size:14px}.hero-index{display:none}.hero-note{font-size:8px;letter-spacing:1px}.section-caption{display:none}.section-heading h2{font-size:25px}.game-grid{grid-template-columns:1fr;gap:18px}.game-card{min-height:345px}.word-title{font-size:62px}.word-art{opacity:.85;right:0}.card-content{padding:25px}.cat-card{background-position:center}.card-description{font-size:14px}.info-grid{grid-template-columns:1fr;gap:12px}.info-card{padding:19px 22px;gap:22px}.info-card strong{font-size:14px}.info-icon{width:46px;height:48px}.updates{padding-top:30px}footer{flex-wrap:wrap;gap:13px}footer p{order:3;width:100%;margin:0}dialog{padding:32px 24px}.crown{left:157px}}@media(max-width:370px){header{gap:10px}nav{gap:10px}.brand{font-size:21px}.emblem{display:none}h1{font-size:76px}.word-title{font-size:53px}.card-content{padding:22px}.word-art{right:-40px}.card-tagline{letter-spacing:1.8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}