@font-face{font-family:GameSerif;src:url('assets/games/design/NotoSerifSC-Game.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:GameScript;src:url('assets/about/Allura-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:GameDisplay;src:url('assets/about/CormorantGaramond.ttf') format('truetype');font-display:swap}
.game-landing-page{margin:0;background:#08120e;color:#fff}
.game-landing,.game-landing *{box-sizing:border-box}
.game-landing{position:relative;isolation:isolate;container-type:inline-size;width:100%;height:100svh;min-height:650px;margin:0;overflow:hidden;color:#fffdf2;background:#101b15;scroll-margin-top:0;font-family:system-ui,sans-serif}
.game-landing a{color:inherit;text-decoration:none}
.game-world-background{position:absolute;inset:0;z-index:-3;background:url('assets/games/design/environment.webp') center center/100% 100% no-repeat}
.game-world-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,9,.68),rgba(3,15,12,.12) 44%,transparent 70%),linear-gradient(0deg,rgba(1,11,6,.3),transparent 25%)}
.game-landing .neon-header{position:absolute;inset:0 0 auto;height:8.2%;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;z-index:5;background:linear-gradient(90deg,rgba(3,11,8,.72),rgba(9,17,12,.45) 55%,rgba(20,24,16,.15));border-bottom:1px solid #ffffff18}
.game-landing .neon-brand{display:flex;align-items:center;gap:1.15cqw;flex:none}
.game-landing .neon-brand>span{font:600 3cqw/.9 GameDisplay,Georgia,serif;letter-spacing:-.2cqw;padding:0;border:0}
.game-landing .neon-brand>small{font-size:.8cqw;line-height:1.2;letter-spacing:.015em;border-left:1px solid #ffffff4a;padding-left:1cqw}
.game-landing .neon-brand small b{font:inherit}
.game-landing .neon-brand i{font-style:normal}
.game-landing .neon-navigation{display:flex;width:73%;height:74%;align-items:center}
.game-landing .neon-nav-item{position:relative;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.07cqw;border-left:1px solid #ffffff24;font-size:.85cqw;transition:color .2s}
.game-landing .neon-nav-item:first-child{border-left:none}
.game-landing .neon-nav-top{display:flex;align-items:center;gap:.5cqw;font-size:.85cqw;line-height:1}
.game-landing .neon-nav-top svg{width:1.15cqw;height:1.15cqw}
.game-landing .neon-nav-item strong{font-size:.95cqw;font-weight:550;line-height:1.3}
.game-landing .neon-nav-item small{font-size:.62cqw;line-height:1.2;white-space:nowrap}
.game-landing .neon-nav-item.is-active,.game-landing .neon-nav-item:hover{color:#d8ee83}
.game-landing .neon-nav-item.is-active:after{content:'';position:absolute;bottom:-9%;width:58%;height:2px;background:#d4ee7b;box-shadow:0 0 9px #c6ec4c65}
.game-ghost-type{position:absolute;left:32%;top:7.5%;font:900 17cqw/1.05 Impact,system-ui,sans-serif;letter-spacing:-.5cqw;color:#ffffff;opacity:.21;pointer-events:none;z-index:-1}
.game-landing-hero{position:absolute;left:7.3%;top:12.8%;z-index:2}
.game-hero-title{display:flex;align-items:baseline;position:relative;gap:.4cqw}
.game-hero-title h2{margin:0;font:900 4.7cqw/1.08 GameSerif,serif;letter-spacing:-.12cqw;transform:skew(-7deg);text-shadow:0 4px 22px #0007}
.game-hero-title em{font:400 4.3cqw/1 GameScript,cursive;color:#bddd46;transform:rotate(-8deg);margin-left:-.25cqw}
.game-hero-star{position:absolute;left:-2.5cqw;top:.1cqw;font-size:2.3cqw;color:#fcffd0;text-shadow:0 0 15px #d1f34b,0 0 30px #d4f324}
.game-landing-hero>p{margin:1.12cqw 0 .52cqw;font:600 1.23cqw/1.5 GameSerif,serif;letter-spacing:.16cqw;text-shadow:0 2px 8px #000}
.game-landing-hero>small{display:block;font-size:.81cqw;letter-spacing:.22cqw;border-top:1px solid #e8eac934;padding-top:.5cqw}
.game-project-grid{position:absolute;inset:39.8% 3.3% 7.6%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1%;z-index:3}
.game-project-card{position:relative;display:block;min-width:0;overflow:hidden;isolation:isolate;border:1px solid #dcc67a;border-radius:1.45cqw;background:#182519;box-shadow:0 6px 22px #0005,inset 0 0 0 1px #ffffff25;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s;transform-origin:center bottom}
.game-card-scene{position:absolute;inset:0;transition:transform .65s cubic-bezier(.2,.7,.2,1);z-index:-2}
.game-card-cover{width:100%;height:100%;object-fit:cover;display:block}
.game-project-card--warm .game-card-cover{object-position:28% center}
.game-project-card--wind .game-card-cover{object-position:center 40%}
.game-project-card--match .game-card-cover{object-position:center 25%}
.game-project-card--journey .game-card-cover{object-position:80% center;transform:scale(1.2);transform-origin:82% 65%}
.game-project-card--journey .game-cast{display:none}
.game-project-card:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(8,13,7,.98),rgba(12,17,8,.88) 19%,rgba(17,18,7,.4) 44%,transparent 69%);transition:opacity .4s}
.game-project-card--wind:after{background:linear-gradient(0deg,#061b0ff7,#08190cba 26%,transparent 68%)}
.game-project-card--journey:after{background:linear-gradient(0deg,#23180dfa,#23180dc2 24%,transparent 68%)}
.game-card-number{position:absolute;left:4%;top:0;padding:.25cqw .7cqw .4cqw;background:linear-gradient(130deg,#725432ee,#36281ee8);border:1px solid #e5c0766b;border-top:0;border-radius:0 0 .3cqw .3cqw;box-shadow:2px 4px 6px #0005;font:italic 600 2.1cqw/1 GameDisplay,serif;color:#ffe59b}
.game-card-copy{position:absolute;left:7.2%;right:5.5%;bottom:4.2%;text-shadow:0 2px 5px #000a}
.game-card-copy h3{font:900 2cqw/1.2 GameSerif,serif;letter-spacing:-.035cqw;margin:0 0 .32cqw;white-space:nowrap}
.game-card-english{font:600 .69cqw/1.1 GameDisplay,Georgia,serif;letter-spacing:.12cqw;margin:0 0 .62cqw}
.game-card-tags{display:flex;gap:.36cqw;list-style:none;padding:0;margin:0 0 .65cqw}
.game-card-tags li{font-size:.7cqw;line-height:1.1;letter-spacing:.04cqw;border:1px solid #f0dfaa50;border-radius:.4cqw;padding:.22cqw .7cqw;white-space:nowrap;background:#131a0b3d}
.game-card-description{font-size:.8cqw;line-height:1.35;letter-spacing:.025cqw;min-height:2.16em;margin:0 0 .58cqw;color:#ffffeee8}
.game-card-details{display:flex;align-items:center;justify-content:space-between;width:46%;min-width:112px;padding:.36cqw 1.22cqw;border:1px solid #ffe4a8;border-radius:2cqw;font:600 .91cqw/1.3 GameSerif,serif;letter-spacing:.055cqw;background:linear-gradient(100deg,#a66027ce,#b88432b5);box-shadow:0 1px 5px #efc06554,inset 0 0 8px #fadd6860}
.game-project-card--wind .game-card-details{background:linear-gradient(100deg,#526f12ce,#678727aa);border-color:#d3ed86}
.game-project-card--match .game-card-details{background:linear-gradient(100deg,#ba7813d4,#b38c16b0)}
.game-card-details i{font:400 1.4cqw/1 system-ui;font-style:normal;transition:transform .3s}
.game-project-card:hover,.game-project-card:focus-visible{transform:scale(1.018);border-color:#fbf2b8;box-shadow:0 8px 25px #0007,0 0 15px #e9cd5140;outline:2px solid #ffe8a522;outline-offset:3px}
.game-project-card:hover .game-card-scene,.game-project-card:focus-visible .game-card-scene{transform:scale(1.04)}
.game-project-card:hover .game-card-details i{transform:translateX(5px)}
.game-cast{position:absolute;object-fit:contain;filter:drop-shadow(0 4px 4px #17330444);pointer-events:none}
.game-cast--witch{width:55%;left:27%;top:-2%}
.game-cast--panda{width:44%;left:-5%;top:18%}
.game-cast--penguin{width:43%;right:-4%;top:17%}
.game-cast--elf{width:55%;left:24%;top:22%}
.game-cast--corgi{width:37%;left:-3%;top:34%}
.game-cast--rabbit{width:33%;right:11%;top:40%}
.game-cast--alpaca{width:38%;right:-13%;top:34%}
.game-cast--boy{width:81%;left:-11%;top:2%}
.game-cast--girl{width:78%;right:-15%;top:13%}
.game-landing .game-more-entry{position:absolute;inset:auto 3.3% 1.65% auto;padding:0;margin:0;z-index:4;width:auto}
.game-landing .game-more-entry a{display:flex;align-items:center;gap:1.3cqw;font-size:.76cqw;color:#fff3d5;padding:.45cqw .9cqw;border:1px solid #e1cc9266;border-radius:.4cqw;background:#151d11c9;box-shadow:0 2px 8px #0003;transition:background .3s,border-color .3s}
.game-landing .game-more-entry a strong{font-weight:500;font-size:inherit;letter-spacing:.04cqw}
.game-landing .game-more-entry a i{font:normal 1.1cqw/1 system-ui;transition:transform .3s}
.game-landing .game-more-entry a:hover{background:#374323cc;border-color:#d3e39e}
.game-landing .game-more-entry a:hover i{transform:translateX(5px)}
.is-game-view .work-nav,.is-game-view .premium-v2-chapter-rail,.is-game-view .category-rail{visibility:hidden!important;pointer-events:none!important}
.game-landing>.premium-v2-ticker,.game-landing:before,.game-landing:after{display:none!important}
@media(max-width:999px){.game-landing .neon-brand>span{font-size:34px;letter-spacing:-1px}.game-landing .neon-brand>small{font-size:10px;padding-left:12px}.game-landing .neon-brand small b{font-size:10px;letter-spacing:0}}
.game-transition-shade{position:absolute;inset:0;background:#050c08;opacity:0;pointer-events:none;z-index:9;transition:opacity .55s}
.game-landing.is-leaving .game-transition-shade{opacity:1}
.game-landing.is-leaving .game-project-card.is-selected{transform:scale(1.025)}
@media(min-width:1000px) and (min-aspect-ratio:2/1){.game-landing{min-height:620px}.game-landing-hero{top:12%}.game-hero-title h2{font-size:4.7cqw}}
@media(max-width:999px){.game-landing{height:auto;min-height:900px;padding-bottom:90px}.game-world-background{background-size:auto 100%;background-position:62% center}.game-landing .neon-header{position:relative;height:116px;display:block;padding:16px 5% 0}.game-landing .neon-brand{gap:12px}.game-landing .neon-brand b{font-size:32px;letter-spacing:-1px}.game-landing .neon-brand span{font-size:10px;padding-left:12px}.game-landing .neon-navigation{width:100%;height:52px;margin-top:12px;overflow:visible}.game-landing .neon-nav-item{font-size:10px;gap:2px}.game-landing .neon-nav-top{font-size:10px;gap:4px}.game-landing .neon-nav-top svg{width:14px;height:14px}.game-landing .neon-nav-item strong{font-size:11px;white-space:nowrap}.game-landing .neon-nav-item small{font-size:7px}.game-landing-hero{position:relative;left:0;top:0;margin:34px 8% 30px}.game-hero-title h2{font-size:52px;letter-spacing:-1px}.game-hero-title em{font-size:57px;margin-left:0}.game-hero-star{font-size:22px;left:-25px;top:4px}.game-landing-hero>p{font-size:14px;letter-spacing:1px;margin:16px 0 8px;max-width:80%}.game-landing-hero>small{font-size:9px;letter-spacing:1px;padding-top:10px;max-width:85%}.game-ghost-type{top:155px;left:30%;font-size:160px;opacity:.13}.game-project-grid{position:relative;inset:auto;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:8px 6% 20px;scrollbar-width:thin;scrollbar-color:#cfdd9255 transparent}.game-project-card{flex:0 0 min(73vw,350px);height:460px;border-radius:22px;scroll-snap-align:center}.game-card-number{font-size:32px;padding:6px 12px 8px;border-radius:0 0 6px 6px}.game-card-copy{bottom:22px;left:22px;right:18px}.game-card-copy h3{font-size:30px;margin-bottom:7px}.game-card-english{font-size:11px;letter-spacing:2px;margin-bottom:13px}.game-card-tags{gap:5px;margin-bottom:12px}.game-card-tags li{font-size:11px;letter-spacing:1px;padding:4px 10px;border-radius:6px}.game-card-description{font-size:12px;letter-spacing:.3px;margin-bottom:12px;min-height:32px}.game-card-details{font-size:14px;border-radius:25px;padding:8px 20px;width:150px}.game-card-details i{font-size:23px}.game-landing .game-more-entry{right:6%;bottom:24px}.game-landing .game-more-entry a{font-size:12px;padding:10px 15px;border-radius:6px;gap:22px}.game-landing .game-more-entry a i{font-size:19px}}
@media(prefers-reduced-motion:reduce){.game-landing *{transition:none!important;animation:none!important}.game-project-card:hover .game-card-scene{transform:none}}
@media(max-width:999px){.game-landing .neon-brand>span{font-size:34px;letter-spacing:-1px;padding-left:0;border:0}.game-landing .neon-brand>small{font-size:10px;padding-left:12px}.game-landing .neon-brand small b{font-size:10px;letter-spacing:0}.game-hero-title{gap:6px}.game-hero-title h2{font-size:43px;white-space:nowrap}.game-hero-title em{font-size:50px}.game-landing .neon-navigation{overflow-x:auto;scrollbar-width:none}.game-landing .neon-navigation::-webkit-scrollbar{display:none}.game-landing .neon-nav-item{flex:0 0 78px}.game-landing .neon-nav-item strong{font-size:12px}.game-landing .neon-nav-item small{font-size:8px}}