:root{color-scheme:dark;--bg:#080d1c;--panel:#111a2b;--text:#f2f5fa;--muted:#9caac2;--lime:#c4f255;--blue:#8eaeff;--line:#ffffff1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.shell{max-width:1440px;margin:auto;padding-inline:48px}header{height:112px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;line-height:1.05;letter-spacing:-.5px}.brand-games{display:block;font:800 25px/1 'Barlow Condensed',sans-serif;letter-spacing:3px;color:var(--lime)}.brand-icon{position:relative;font:900 47px/1 'Barlow Condensed',sans-serif;color:var(--lime);transform:skew(-10deg);margin-right:3px}.brand-icon>span{position:absolute;font:700 22px Arial;right:-9px;top:-8px;color:var(--blue)}nav{display:flex;gap:35px;margin:auto;font-size:11px;font-weight:800;letter-spacing:1px}nav a{padding:14px 0;color:var(--muted)}nav .active{color:white;border-bottom:2px solid var(--lime)}.nav-dot,.live-dot,.ticker i,.status i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.nav-dot{margin:0 0 1px 5px}.church-link{font-size:10px;letter-spacing:1px;font-weight:700;border:1px solid var(--line);padding:10px 15px;border-radius:5px}.hero-frame{position:relative;isolation:isolate;min-height:570px;border:1px solid #ffffff2a;border-radius:13px;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:65% center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080e1dec 0%,#080e1dcf 28%,#080e1d40 60%,#080e1d00 100%),linear-gradient(0deg,#080e1dbb,transparent 35%);z-index:-2}.hero-content{padding:54px;width:100%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--blue)}.hero .eyebrow{color:var(--lime);font-size:9px}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;line-height:.94;margin:0}h1{font-size:clamp(64px,6.8vw,104px);letter-spacing:-1.6px;margin:26px 0 23px;max-width:750px}h1 span{color:var(--lime)}.hero p{color:#d0d8e5;font-size:15px;line-height:1.7;margin:0 0 26px}.hero-actions{display:flex;align-items:center;gap:24px}.button{background:var(--lime);color:#142018;padding:16px 24px;font-size:11px;font-weight:800;border-radius:5px;display:inline-flex;gap:26px;align-items:center;box-shadow:0 4px 30px #c4f22220;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #c4f22250}.button span{font-size:20px}.browse{font-size:11px;font-weight:600}.hero-meta{display:flex;gap:0;margin-top:34px;font-size:9px;letter-spacing:1.1px;color:#c0cadd;font-weight:700}.hero-meta span+span:before{content:'/';color:var(--lime);padding:0 16px}.feature-tag{position:absolute;right:25px;bottom:24px;display:flex;flex-direction:column;align-items:end;gap:3px}.feature-tag>span{font-size:8px;letter-spacing:1.5px;color:#d8e1e6}.feature-tag strong{font-size:10px}.ticker{display:flex;justify-content:space-between;padding:21px 6px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.1px;font-weight:700;color:var(--muted)}.ticker span:first-child{color:var(--lime)}.ticker span{white-space:nowrap}.library{padding-top:65px;padding-bottom:60px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2{font-size:62px;margin-top:12px}.section-heading h2 span{color:var(--blue)}.section-heading p{color:var(--muted);font-size:12px;margin:0 0 4px}.filters{display:flex;gap:7px;margin:27px 0 25px}.filters button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:9px 16px;font-size:11px;font-weight:700}.filters button.selected{background:#c4f21412;border-color:#c4f25580;color:var(--lime)}.filters button span{opacity:.5;margin-left:15px;font-size:9px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-4px);border-color:#8eaeff60}.card-art,.teaser-art{display:block;position:relative;height:300px;overflow:hidden}.card-art>img:first-child{height:100%;width:100%;object-fit:cover;filter:brightness(.85);transition:transform .5s}.card-art:hover>img:first-child{transform:scale(1.04)}.card-art .racer{position:absolute;right:1%;bottom:-7%;width:69%;height:108%;object-fit:contain;filter:drop-shadow(0 12px 15px #07152288);transition:transform .3s}.card-art:hover .racer{transform:translate(-5px,-4px) rotate(-3deg)}.status{position:absolute;top:20px;left:20px;background:#0b182ce8;border:1px solid #ffffff30;border-radius:4px;padding:6px 9px;font-size:8px;font-weight:800;letter-spacing:1px}.card-arrow{position:absolute;right:18px;bottom:18px;width:38px;height:38px;border-radius:50%;background:var(--lime);color:#12221c;text-align:center;font-size:23px}.card-info{padding:23px 26px}.card-kicker{display:flex;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:1.2px;color:var(--blue)}.card-kicker span{color:var(--muted);font-size:7px}.card-info h3{font-size:39px;letter-spacing:.3px;margin:13px 0}.card-info p{font-size:11px;color:var(--muted);margin:0 0 24px}.card-cta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:9px;letter-spacing:1px;font-weight:800;color:var(--lime)}.card-cta>span{font-size:15px;line-height:1}.teaser-art{background:radial-gradient(ellipse at center,#4c478d60,transparent 62%),repeating-linear-gradient(0deg,transparent 0 29px,#a5a8ff0c 30px),repeating-linear-gradient(90deg,transparent 0 29px,#a5a8ff0c 30px),#12152d;display:flex;align-items:center;justify-content:center;isolation:isolate}.mystery{font:800 156px/.9 'Barlow Condensed',sans-serif;color:#bac7ff;text-shadow:0 0 55px #b0a0ff60;transform:rotate(9deg)}.orbit{position:absolute;width:210px;height:210px;border:1px solid #a4adff40;border-radius:40px;transform:rotate(28deg);z-index:-1}.orbit-two{width:250px;height:250px;transform:rotate(-14deg);border-style:dashed;opacity:.4}.soon-status{color:#c0c8ff}.teaser-caption{position:absolute;bottom:39px;font-size:8px;letter-spacing:2.4px;color:#b6bde7;font-weight:700}.loading-line{position:absolute;width:100px;height:3px;background:#8eaeff20;bottom:24px;border-radius:3px}.loading-line span{display:block;width:65%;height:100%;background:var(--blue);box-shadow:0 0 15px #8eaeff}.muted{color:var(--blue)}.more{padding-bottom:65px}.more-panel{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:43px 46px;border:1px solid #8eaeff35;border-radius:9px;background:linear-gradient(120deg,#15284b88,#131c3299)}.more h2{font-size:53px;margin-top:15px}.more h2 span{color:var(--blue)}.more p{font-size:13px;color:var(--muted);margin-right:50px}.more-mark{position:absolute;right:25%;top:-90px;font:800 350px/1 'Barlow Condensed',sans-serif;color:#8eaeff08;transform:rotate(15deg);pointer-events:none}.footer-top{border-top:1px solid var(--line);padding:35px 0;display:flex;align-items:center;gap:40px}.footer-top p{font-size:11px;color:var(--muted);margin-right:auto}.footer-top>a:last-child{font-size:9px;color:var(--blue);font-weight:700;letter-spacing:1px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 30px;font-size:8px;color:#7e8ca5;letter-spacing:1px}.skip{position:absolute;top:-60px;background:var(--lime);color:#080d1c;padding:12px;z-index:10}.skip:focus{top:5px}[hidden]{display:none!important}@media(min-width:1500px){.hero-frame{min-height:620px}}@media(max-width:1000px){.shell{padding-inline:30px}.hero-content{padding:40px}.hero-frame{min-height:540px}h1{font-size:76px}.hero-shade{background:linear-gradient(90deg,#080e1df0,#080e1dc0 40%,#080e1d10),linear-gradient(0deg,#080e1dbb,transparent 35%)}.card-art,.teaser-art{height:250px}.card-info h3{font-size:34px}.card-kicker{display:block}.card-kicker span{display:block;margin-top:4px}.more p{margin-right:0}.hero-meta{font-size:8px}.feature-tag{display:none}}@media(max-width:650px){.shell{padding-inline:18px}header{height:90px;gap:20px}.brand{font-size:16px}.brand-games{font-size:20px}.brand-icon{font-size:39px}nav{gap:18px;margin-left:auto;margin-right:0;font-size:8px;letter-spacing:.6px}.church-link{display:none}.hero-frame{min-height:620px;align-items:end}.hero-image{object-position:68% center}.hero-shade{background:linear-gradient(0deg,#080e1d 0%,#080e1de8 32%,#080e1d75 64%,#080e1d00 90%)}.hero-content{padding:28px 23px 30px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}h1{font-size:66px;letter-spacing:-.5px;margin-top:20px}.hero p{font-size:13px}.hero-actions{flex-wrap:wrap;gap:17px}.button{font-size:10px;padding:13px 18px}.browse{font-size:10px}.hero-meta{margin-top:25px;font-size:7px;letter-spacing:.5px}.hero-meta span+span:before{padding:0 10px}.ticker{overflow:hidden;gap:25px;padding:17px 0;font-size:7px}.ticker span:nth-child(2),.ticker span:nth-child(3){display:none}.library{padding-top:42px;padding-bottom:35px}.section-heading{display:block}.section-heading h2{font-size:52px}.section-heading p{margin-top:17px;font-size:11px}.eyebrow{font-size:8px}.filters{gap:6px}.filters button{padding:8px 12px;font-size:10px}.filters button span{margin-left:7px;font-size:8px}.game-grid{grid-template-columns:1fr;gap:22px}.card-art,.teaser-art{height:260px}.card-info{padding:22px}.card-info h3{font-size:36px}.card-kicker{display:flex}.card-kicker span{margin-top:0}.more{padding-bottom:35px}.more-panel{display:block;padding:30px 25px}.more h2{font-size:47px}.more p{font-size:12px;margin-top:24px}.footer-top{gap:20px;flex-wrap:wrap;padding:27px 0}.footer-top p{font-size:10px;margin:0}.footer-top>a:last-child{width:100%;font-size:8px}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:7px}.footer-bottom>a{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Upcoming game plaques */
.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-art,.teaser-art,.craigs-art{height:255px}.card-info h3{font-size:33px}.card-info p{min-height:36px}.card-kicker{display:block}.card-kicker span{display:block;margin-top:4px}.craigs-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 30%,#65c0d660,transparent 65%),linear-gradient(160deg,#143858,#101d3b);isolation:isolate}.craigs-logo{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;z-index:2;white-space:nowrap;padding:0 12px;filter:drop-shadow(0 6px 0 #07102655)}.craigs-logo>span:not(.lego-brick){font:800 39px/1 'Barlow Condensed',sans-serif;letter-spacing:-.6px;color:#fff;text-shadow:2px 3px 0 #112740}.lego-brick{position:relative;display:inline-block;padding:17px 8px;background:#e62d32;border:1px solid #ff6668;color:white;font:800 17px/1 'DM Sans',sans-serif;transform:rotate(-14deg) skew(-4deg);box-shadow:5px 6px 0 #a71428;text-shadow:1px 1px 0 #981728;border-radius:3px}.lego-brick:before,.lego-brick:after{content:'';position:absolute;width:17px;height:7px;top:-7px;background:#ee4449;border:1px solid #ff7779;border-radius:3px 3px 0 0}.lego-brick:before{left:7px}.lego-brick:after{right:7px}.block-land{position:absolute;inset:0;opacity:.65;z-index:-1}.block-land i{position:absolute;width:80px;height:80px;bottom:-27px;background:#376b8a;box-shadow:inset -14px 0 #0002,inset 0 12px #ffffff15;transform:skewY(-12deg);border:1px solid #78bad144}.block-land i:nth-child(1){left:-15px;height:115px;background:#367b76}.block-land i:nth-child(2){left:65px;height:80px}.block-land i:nth-child(3){right:-15px;height:125px;background:#367b76}.block-land i:nth-child(4){right:65px;height:70px}.block-land i:nth-child(5){left:135px;height:55px;background:#284b76}.block-land i:nth-child(6){right:125px;height:40px;background:#284b76}.craigs-art .teaser-caption{font-size:7px;letter-spacing:1.3px;bottom:22px}.craigs-art .status{z-index:3}.card-info{padding:22px}.game-card{display:flex;flex-direction:column}.card-info{flex:1;display:flex;flex-direction:column}.card-cta{margin-top:auto}@media(max-width:1100px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.craigs-logo>span:not(.lego-brick){font-size:43px}.card-info h3{font-size:35px}}@media(max-width:650px){.game-grid{grid-template-columns:1fr}.card-art,.teaser-art,.craigs-art{height:260px}.craigs-logo>span:not(.lego-brick){font-size:45px}.lego-brick{font-size:18px}.card-kicker{display:flex}.card-kicker span{margin-top:0}.card-info p{min-height:0}}
.monster-art{position:relative;height:255px;overflow:hidden;background:#102547}.monster-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.monster-art .status{background:#081429ec;top:auto;bottom:14px;left:14px}@media(max-width:650px){.monster-art{height:auto;aspect-ratio:16/9}}
