@font-face{font-family:Figtree;src:url('assets/type-figtree.ttf') format('truetype');font-weight:300 900;font-display:swap}
.games-page{background:#001322;color:#f7f9ff}.games-page main{overflow:hidden}.games-page svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.games-page .icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.shared-header{background:#001523}.shared-footer{background:#001320}.shared-header>.header,.shared-footer>.footer{max-width:1600px;width:100%;margin:auto}.shared-footer .footer-link:first-child::after{display:none}.shared-footer .footer-link[aria-current=page]::after{content:"";position:absolute;bottom:.05cqw;left:17%;right:17%;height:.16cqw;background:#00e7f2}
.games-intro{position:relative;isolation:isolate;background:#001321;min-height:280px;padding:20px 20px 14px}.games-intro::before,.games-intro::after{content:"";position:absolute;top:0;bottom:0;z-index:-1;width:24%;background-repeat:no-repeat;background-size:auto 100%}.games-intro::before{left:0;background-image:url('assets/catalog-v2/hero-left.png');background-position:right;mask-image:linear-gradient(to right,#000 82%,transparent)}.games-intro::after{right:0;background-image:url('assets/catalog-v2/hero-right.png');background-position:left;mask-image:linear-gradient(to left,#000 82%,transparent)}
.intro-copy{max-width:880px;margin:auto;text-align:center}.intro-eyebrow{color:#00e9ef;letter-spacing:1.8px;font-family:Figtree,sans-serif;font-size:16px;font-weight:800;margin:0 0 3px}.intro-eyebrow span{padding:0 12px}.games-intro h1{font-family:Figtree,sans-serif;font-size:clamp(44px,6.8vw,88px);line-height:1.06;font-weight:900;letter-spacing:-2px;margin:0 0 8px;text-shadow:0 0 12px #89adff30}.games-intro h1 span{color:#ffd42b}.intro-description{font-size:18px;line-height:1.22;margin:0 auto 16px;max-width:730px}.intro-benefits{display:flex;justify-content:center;gap:16px;list-style:none;padding:0;margin:0 auto;max-width:660px}.intro-benefits li{display:flex;align-items:center;gap:18px;text-align:left;padding:12px 20px;min-height:64px;flex:1;border:1px solid #00c4dd;border-radius:18px;background:#001322d9;font-size:14px;line-height:1.18}.intro-benefits svg{width:34px;height:34px;color:#00e5ed}.intro-benefits li:nth-child(2) svg{fill:#00e5ed}.intro-benefits li:last-child svg{color:#ffd32a}
.catalog-section{position:relative;background:radial-gradient(ellipse at 50% 0%,#00273b,#00121f 70%);border-top:1px solid #087b9b;border-radius:26px 26px 0 0;padding:20px 28px 0;scroll-margin-top:16px}.catalog-inner{max-width:1516px;margin:auto}.catalog-heading{display:flex;justify-content:space-between;gap:26px;align-items:center;padding:0 34px 20px}.catalog-heading h2{display:flex;align-items:center;gap:18px;font-family:Figtree,sans-serif;font-size:clamp(27px,3.25vw,44px);font-weight:900;letter-spacing:-.6px;line-height:1.1;margin:0}.catalog-heading h2 svg{width:48px;height:48px;color:#ffd22b;stroke-width:2.4;filter:drop-shadow(0 0 6px #ffc93355)}.catalog-heading em{font-style:normal;color:#00e3ed}.catalog-heading b{color:#ffda2e}.catalog-heading>p{font-size:14px;line-height:1.3;margin:0;flex-shrink:0}
.game-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-panel{position:relative;display:grid;grid-template-columns:49% 51%;min-height:300px;border:1px solid var(--edge);border-radius:15px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,var(--glow),var(--base) 78%);--edge:#06b8d4;--glow:#054357;--base:#001e2c}.game-panel.pocket{--edge:#fa264b;--glow:#800522;--base:#31000d}.game-panel.football{--edge:#24bc66;--glow:#06482d;--base:#001c16}.game-panel.edu{--edge:#bf34f8;--glow:#350c58;--base:#150326}
.game-illustration{position:relative;min-width:0;align-self:stretch;background:var(--base)}.game-illustration img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,#000 92%,transparent)}
.launch-label{position:absolute;top:10px;left:16px;border-radius:30px;padding:8px 14px;font-family:Figtree,sans-serif;font-size:14px;line-height:1;font-weight:900;background:linear-gradient(#ffe975,#ffda29);color:#080b0d;border:1px solid #fff4b9;box-shadow:0 0 10px #ffbd4280;z-index:1;min-width:178px;text-align:center}.launch-label.development{background:#00e7eb;border-color:#41ffff;min-width:134px;box-shadow:0 0 8px #00b8cb80}.launch-label.soon{background:linear-gradient(#d85fff,#ab2deb);border-color:#d554ff;box-shadow:0 0 8px #a02cce80;min-width:135px}
.game-information{display:flex;flex-direction:column;position:relative;min-width:0;padding:34px 14px 13px 13px}.game-information h3{font-family:Figtree,sans-serif;font-size:clamp(23px,2.2vw,32px);line-height:1.02;font-weight:850;margin:0 0 10px;letter-spacing:-.45px}.game-information h3 span{display:block;color:#00e0e8}.pocket .game-information h3 span{color:#ffdc23;font-size:.9em}.game-information>p{font-size:15px;line-height:1.24;margin:0 0 16px}.game-data{list-style:none;padding:0;margin:auto 0 13px;display:flex;justify-content:space-between;gap:6px}.game-data li{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:10px;font-weight:500}.game-data svg{width:18px;height:18px}
.game-information button{display:flex;justify-content:center;align-items:center;gap:18px;width:100%;min-height:47px;border-radius:16px;border:1px solid #547087;color:#f5faff;font-size:16px;cursor:pointer;font-family:inherit}.purchase{background:linear-gradient(#ffe861,#ffd323);color:#050b0f!important;border-color:#ffdf61!important;font-weight:800}.purchase img{width:30px;height:30px;object-fit:contain}.upcoming{background:linear-gradient(120deg,#194052,#2c4359)}.game-information button:hover{filter:brightness(1.12)}.game-information button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.one-app{position:relative;isolation:isolate;min-height:278px;padding:30px 0 20px;background:#001322}.one-app::before,.one-app::after{content:"";position:absolute;top:0;bottom:0;z-index:-1;background-repeat:no-repeat;background-size:auto 100%}.one-app::before{left:0;width:30%;background-image:url('assets/catalog-v2/app-left-updated.png');background-position:right;mask-image:linear-gradient(to right,#000 94%,transparent)}.one-app::after{right:0;width:24%;background-image:url('assets/catalog-v2/app-right.png');background-position:left;mask-image:linear-gradient(to left,#000 92%,transparent)}.one-app-copy{margin-left:30%;width:46%;max-width:740px}.one-app h2{font-family:Figtree,sans-serif;font-size:clamp(26px,3vw,42px);font-weight:900;line-height:1.05;letter-spacing:-.9px;margin:0 0 9px;white-space:nowrap}.one-app h2 span{color:#00e3eb}.one-app-copy>p{font-size:15px;line-height:1.25;margin:0 0 8px}.app-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:8px 10px;border:1px solid #086b8d;border-radius:15px;background:#00121ee8}.app-steps li{position:relative;text-align:center;padding:0 6px}.app-steps li+li{border-left:1px solid #093044}.app-steps svg{display:block;border:2px solid #00dfe8;border-radius:50%;width:53px;height:53px;padding:10px;color:#00e3eb;margin:0 auto 4px;filter:drop-shadow(0 0 5px #00c1e955)}.app-steps h3{font-size:16px;font-weight:800;color:#00e5ed;margin:0 0 3px}.app-steps p{font-size:11px;line-height:1.3;margin:0}
@media(min-width:1300px){.games-intro{padding:34px 20px 24px}.intro-benefits{max-width:730px}.intro-benefits li{font-size:16px}.catalog-section{padding-top:28px}.game-panel{min-height:360px}.game-information{padding:42px 22px 20px 18px}.game-information>p{font-size:18px}.game-data li{font-size:13px}.game-information button{min-height:56px;font-size:19px}.launch-label{top:15px;left:20px;padding:11px 20px;font-size:17px;min-width:240px}.launch-label.development{min-width:187px}.launch-label.soon{min-width:182px}.one-app{min-height:350px;padding-top:40px}.one-app-copy>p{font-size:18px}.app-steps{padding:12px}.app-steps h3{font-size:20px}.app-steps p{font-size:14px}}
@media(max-width:960px){.intro-description{font-size:16px;max-width:620px}.desktop-break{display:none}.catalog-heading{padding:0 0 18px;gap:14px}.catalog-heading>p{font-size:12px;max-width:220px}.catalog-heading h2{font-size:28px;gap:10px}.catalog-heading h2 svg{width:36px;height:36px}.game-panels{grid-template-columns:1fr;gap:16px;max-width:680px;margin:auto}.game-panel{min-height:340px}.game-information{padding:42px 24px 18px 16px}.game-information h3{font-size:30px}.game-information>p{font-size:17px}.game-data li{font-size:12px}.launch-label{min-width:210px}.launch-label.development,.launch-label.soon{min-width:166px}.one-app{min-height:310px}.one-app-copy{margin-left:25%;width:57%}.one-app::before{width:25%}.one-app::after{width:18%}.one-app h2{font-size:28px;white-space:normal}.one-app-copy>p{font-size:15px}}
@media(max-width:600px){.games-intro{padding:26px 16px 20px}.games-intro::before,.games-intro::after{opacity:.45;width:30%}.intro-eyebrow{font-size:11px;letter-spacing:1px}.intro-eyebrow span{padding:0 6px}.games-intro h1{font-size:clamp(35px,9vw,52px);letter-spacing:-1px;margin-top:10px}.intro-description{font-size:15px;line-height:1.4}.intro-benefits{gap:6px}.intro-benefits li{padding:10px 6px;gap:6px;flex-direction:column;text-align:center;font-size:11px;border-radius:12px}.intro-benefits svg{width:27px;height:27px}.catalog-section{padding:20px 12px 0}.catalog-heading{display:block}.catalog-heading h2{font-size:27px}.catalog-heading>p{max-width:none;margin:10px 0 0 46px;font-size:13px}.game-panel{grid-template-columns:44% 56%;min-height:300px}.game-information{padding:45px 12px 12px 6px}.game-information h3{font-size:23px}.game-information>p{font-size:14px}.game-illustration img{object-fit:contain;mask-image:none}.launch-label{top:10px;left:10px;font-size:11px;min-width:147px;padding:8px 10px}.launch-label.development,.launch-label.soon{min-width:130px}.game-data{flex-wrap:wrap;justify-content:flex-start;gap:5px 8px}.game-data li{font-size:10px}.game-data svg{width:15px;height:15px}.game-information button{font-size:13px;gap:8px;min-height:44px;border-radius:12px}.purchase img{width:24px;height:24px}.one-app{padding:30px 16px 170px;min-height:450px}.one-app-copy{margin:0;width:100%}.one-app h2{font-size:30px}.one-app::before,.one-app::after{top:auto;height:180px;width:40%;opacity:.85}.one-app-copy>p{font-size:15px}.app-steps{padding:10px 4px}.app-steps li{padding:0 3px}.app-steps h3{font-size:15px}.app-steps p{font-size:10px}}
