#games{position:relative;padding:100px 6% 60px;background:radial-gradient(ellipse at 20% 50%,#33235e 0,transparent 60%),#10101c;overflow:hidden;color:white;scroll-margin-top:80px}.games-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.games-heading h2{font-size:clamp(40px,5vw,80px);line-height:.95;letter-spacing:-3px;margin:15px 0}.games-heading h2 span{color:#ffce4e}.games-heading>p{color:#c6c0d7;line-height:1.7;margin-bottom:20px}.game-carousel{position:relative;margin:40px -2% 0;padding:0 55px}#game-slide{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:8%;min-height:540px;--game-color:#ffcf48}.game-art{position:relative;height:480px;perspective:1200px}.game-screen{position:absolute;inset:7% 4% 16% 0;background:linear-gradient(130deg,#37236a,#080c20);border:9px solid #353341;border-radius:18px;transform:rotateY(15deg) rotateZ(-6deg);box-shadow:10px 15px 0 #080711,0 35px 55px #0007;overflow:hidden}.live-art .game-screen{background:linear-gradient(90deg,#190d3ed9,#190d3e30),url('games/big-throw/street.png') center/cover}.game-screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff05 3px 4px);pointer-events:none}.screen-title{padding:28px;width:70%;color:var(--game-color)}.screen-title small{font-size:9px;letter-spacing:3px;display:block;color:white}.screen-title strong{display:block;font-size:clamp(24px,3vw,48px);font-weight:950;line-height:1;margin:20px 0}.screen-title span{font-size:10px;letter-spacing:2px;border:1px solid currentColor;padding:6px 10px}.game-character{position:absolute;right:-6%;bottom:3%;height:105%;width:65%;object-fit:contain;filter:drop-shadow(0 20px 15px #0008);pointer-events:none}.game-cartridge{position:absolute;left:2%;bottom:0;width:150px;height:170px;background:repeating-linear-gradient(0deg,#353641 0 4px,#41434c 4px 7px);border:7px solid #252630;border-radius:12px 12px 4px 4px;transform:rotate(-12deg);box-shadow:8px 12px 0 #08080e}.cart-label{margin:10px 5px;background:var(--game-color);color:#171023;border-radius:5px;padding:12px 8px;height:105px}.cart-label small{font-size:9px;display:block;margin-bottom:8px}.cart-label strong{font-size:17px;line-height:1}.cart-pins{height:10px;width:65%;margin:auto;background:repeating-linear-gradient(90deg,#bd9541 0 4px,#15151b 4px 7px)}.game-copy{position:relative;padding:30px 0}.game-status{display:inline-block;font-size:11px;font-weight:900;letter-spacing:2px;color:#171023;background:var(--game-color);padding:8px 12px;border-radius:4px}.game-category{font-size:10px;letter-spacing:2px;margin:24px 0 15px;color:#b5acc9}.game-copy h3{font-size:clamp(36px,4.4vw,64px);line-height:1;letter-spacing:-2px;margin:0 0 20px}.game-copy h3 span{color:var(--game-color)}.game-copy>p:not(.game-category){color:#cec8d8;line-height:1.7;max-width:380px}.launch-game{background:var(--game-color);color:#171023;border:0;border-radius:8px;padding:18px 28px;font-weight:900;font-size:16px;cursor:pointer;margin:20px 0 10px}.launch-game:disabled{opacity:.5;cursor:default}.game-copy>small{display:block;color:#b5acc9;font-size:11px}.game-count{display:block;margin-top:30px;font-size:12px;letter-spacing:4px;color:#888097}.game-arrow{position:absolute;top:43%;z-index:2;background:#ffffff0b;border:1px solid #ffffff30;border-radius:50%;width:48px;height:48px;color:white;font-size:26px;cursor:pointer}.game-arrow:hover{background:#55427b}.prev{left:0}.next{right:0}#game-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:35px 0}#game-tabs button{background:#ffffff08;border:1px solid #ffffff20;color:white;border-radius:9px;padding:13px 25px;cursor:pointer;font-weight:900}#game-tabs button[aria-pressed=true]{border-color:#ffce4e;background:#ffce4e18}#game-tabs small{display:block;font-size:8px;letter-spacing:2px;color:#b6adca;margin-top:6px}.games-soon{text-align:center;font-size:11px;letter-spacing:2px;color:#ffcf48}.games-soon span{color:#a49bad;letter-spacing:0}.games-nav small{font-size:8px;padding:3px;background:#ffce4e;color:#171023;border-radius:3px}#game-player{position:fixed;inset:0;margin:auto;width:96vw;height:94dvh;max-width:1600px;max-height:none;border:1px solid #68538b;border-radius:16px;padding:0;background:#130c25;color:white;z-index:99999}#game-player::backdrop{background:#000d}.player-bar{height:56px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 20px;background:#25133e}.player-bar button{background:#ffcf48;color:#201130;border:0;border-radius:6px;padding:9px 16px;font-weight:bold;cursor:pointer}.player-bar span{font-size:10px;color:#d0c1e5;letter-spacing:2px}#game-frame{border:0;width:100%;height:calc(100% - 56px);display:block}@media(max-width:760px){#games{padding:60px 5%}.games-heading{display:block}.games-heading h2{letter-spacing:-2px}.games-heading>p{font-size:14px}.game-carousel{padding:0 30px;margin-top:10px}#game-slide{grid-template-columns:1fr;gap:0}.game-art{height:330px}.game-character{right:-6%;height:100%}.game-cartridge{width:110px;height:135px}.cart-label{height:80px;padding:8px}.cart-label strong{font-size:12px}.game-copy{padding:30px 0}.game-copy h3{font-size:40px}.game-arrow{top:150px;width:34px;height:34px;font-size:20px}.screen-title{padding:20px;width:80%}.screen-title strong{font-size:28px}.games-soon span{display:block;margin-top:10px}#game-tabs button{padding:10px 13px}.player-bar b{font-size:11px}.player-bar span{display:none}.games-nav small{display:none}}@media(prefers-reduced-motion:reduce){#games *{scroll-behavior:auto}}
.game-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.game-screen .screen-title{position:relative;z-index:1;text-shadow:0 2px 12px #000;background:linear-gradient(90deg,#100921bb,transparent);height:100%}.game-screen .concept-title{padding:0;background:none;display:flex;align-items:end;width:100%}.concept-title small,.concept-title strong{display:none}.concept-title span{margin:12px;background:#120d25dd;color:white;font-size:9px}.game-cartridge{width:180px;height:205px;z-index:2}.cart-label{position:relative;height:146px;margin:8px 3px;background-size:cover;background-position:center;overflow:hidden;border:2px solid #ffffff55;border-radius:6px;box-shadow:inset 0 0 15px #0008}.cart-label:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#130b2bf5,transparent 80%);z-index:1}.cart-label img{position:absolute;height:108%;width:82%;object-fit:contain;right:-13%;top:-10%;z-index:1;filter:drop-shadow(0 3px 3px #0008)}.cart-label small{position:relative;z-index:2;background:var(--game-color);color:#1d102a;width:max-content;font-size:8px;padding:3px 5px;border-radius:3px;margin:-4px}.cart-label strong{position:absolute;z-index:2;bottom:10px;left:8px;right:5px;font-size:16px;color:white;text-shadow:0 2px 4px black;line-height:1.05}.game-screen{animation:screen-arrive .7s cubic-bezier(.2,.7,.2,1) both}.game-character{animation:character-arrive .8s .15s cubic-bezier(.2,.7,.2,1) both}.game-cartridge{animation:cartridge-arrive .75s .3s cubic-bezier(.2,.7,.2,1) both}.game-copy .game-status{animation:copy-arrive .5s .1s both}.game-copy .game-category{animation:copy-arrive .6s .2s both}.game-copy h3{animation:copy-arrive .7s .25s both}.game-copy>p:not(.game-category){animation:copy-arrive .7s .35s both}.game-copy .launch-game,.game-copy>small,.game-count{animation:copy-arrive .6s .45s both}@keyframes screen-arrive{from{opacity:0;transform:translateX(-65px) rotateY(25deg) rotateZ(-9deg)}to{opacity:1;transform:rotateY(15deg) rotateZ(-6deg)}}@keyframes character-arrive{from{opacity:0;transform:translateY(45px) translateX(25px)}to{opacity:1;transform:translate(0)}}@keyframes cartridge-arrive{from{opacity:0;transform:translateY(65px) rotate(-25deg) scale(.8)}to{opacity:1;transform:rotate(-12deg) scale(1)}}@keyframes copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.game-cartridge{width:130px;height:160px}.cart-label{height:105px}.cart-label strong{font-size:12px}.cart-label small{font-size:6px}.game-screen .concept-title span{font-size:7px;margin:8px}}@media(prefers-reduced-motion:reduce){#games *{animation:none!important;transition:none!important}}
.preview-game{background:#b8a0ff;color:#151025;padding:18px 25px;border:0;border-radius:9px;font-weight:900;cursor:pointer}.preview-game:hover{background:#d6c7ff}.preview-game:focus-visible{outline:3px solid white;outline-offset:4px}