:root{color-scheme:dark;--pool:#1F78A8;--pool-deep:#0E3B53;--night:#0A1F2B;--tile:#10293A;--grout:#1F4153;--fin:#3F5B6B;--buoy:#FFB627;--head:#F2F8FB;--ink:#D3E2EA;--soft:#8FADBD;--link:#6EC3EC;--display:var(--font-display),"Arial Rounded MT Bold",sans-serif;--text:var(--font-text),"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font:400 17px/1.7 var(--text)}a{color:inherit}:focus-visible{outline:3px solid var(--buoy);outline-offset:3px;border-radius:4px}.pool{position:relative;overflow:hidden;color:#fff;min-height:min(78vh,720px);display:grid;align-content:end;padding:0 clamp(20px,6vw,80px) clamp(72px,12vh,120px);background:radial-gradient(120% 80% at 70% 0,rgba(255,255,255,.18),transparent 60%),linear-gradient(180deg,#2A86B5 0,#1A6A96 40%,var(--pool-deep) 78%,var(--night) 100%)}.pool:before{inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.55) 1.5px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.55) 1.5px,transparent 0);background-size:56px 56px;transform:perspective(700px) rotateX(38deg) scale(1.6);transform-origin:50% 100%}.pool:after,.pool:before{content:"";position:absolute;pointer-events:none}.pool:after{inset:-20%;opacity:.14;mix-blend-mode:screen;background:radial-gradient(closest-side,#fff 0,transparent 70%) 10% 20% /340px 120px no-repeat,radial-gradient(closest-side,#fff 0,transparent 70%) 70% 40% /420px 140px no-repeat,radial-gradient(closest-side,#fff 0,transparent 70%) 40% 75% /380px 110px no-repeat;filter:blur(6px)}.wordmark{margin:0;font:400 clamp(88px,21vw,260px)/.82 var(--display);letter-spacing:-.01em;text-shadow:0 .06em 0 rgba(14,59,83,.45)}.ko,.wordmark{position:relative;z-index:2}.ko{margin:18px 0 0 .3em;font:700 clamp(18px,2.4vw,24px)/1 var(--text);opacity:.9}.surface{position:absolute;left:0;right:0;top:16%;height:70px;z-index:1;pointer-events:none}.surface .wave{position:absolute;inset:0;width:100%;height:100%}.fin{position:absolute;bottom:26px;left:72%;width:clamp(70px,9vw,120px);height:auto;animation:swim 3.2s cubic-bezier(.3,.7,.2,1) .2s both}@keyframes swim{0%{left:-12%;transform:translateY(18px)}35%{transform:translateY(0)}to{left:72%;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fin{animation:none}html{scroll-behavior:auto}}.games{max-width:1080px;margin:0 auto;padding:0 clamp(20px,6vw,80px)}.game{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);grid-gap:clamp(28px,6vw,80px);gap:clamp(28px,6vw,80px);align-items:center;padding-block:clamp(64px,10vw,112px)}.game+.game{border-top:1.5px solid var(--grout)}.game:nth-child(2n){grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.game:nth-child(2n) .phone{order:-1}.game h2{margin:0;font:400 clamp(44px,7vw,76px)/1 var(--display);color:var(--head)}.game .en{margin:8px 0 0;font-weight:500;color:var(--soft)}.game .desc{max-width:34em;margin:22px 0 0}.status{display:inline-block;margin-top:22px;font-size:14px;font-weight:500;color:var(--soft);padding:4px 10px;border:1.5px solid var(--grout);border-radius:8px;background:var(--tile)}.actions{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:26px}.btn{display:inline-block;background:var(--buoy);color:var(--pool-deep);font-weight:700;text-decoration:none;padding:13px 22px;border-radius:10px;box-shadow:0 3px 0 #C98A0C;transition:transform .12s,box-shadow .12s;border:0;font-family:inherit;font-size:16px;cursor:pointer}.btn:hover{transform:translateY(1px);box-shadow:0 2px 0 #C98A0C}.btn:active{transform:translateY(3px);box-shadow:0 0 0 #C98A0C}.actions a.text{font-size:15px;color:var(--soft);text-underline-offset:3px}.phone{max-width:300px;aspect-ratio:9/16;justify-self:center;border-radius:26px;overflow:hidden;border:8px solid #163a4d;box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}.phone,.phone img,.phone video{width:100%;background:var(--pool-deep)}.phone img,.phone video{display:block;height:100%;object-fit:cover}.game.wide{grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,44px)}.game.wide .desc{max-width:40em}.details{display:grid;grid-gap:10px;gap:10px;max-width:46em;margin:26px 0 0;font-size:15px}.details>div{display:grid;grid-template-columns:3.5em minmax(0,1fr);grid-gap:14px;gap:14px}.details dt{color:var(--soft);font-weight:500}.concept,.details dd{margin:0}.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.shots img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:var(--tile)}.shots img:first-child{grid-column:1/-1}.concept figcaption{margin-top:12px;font-size:14px;color:var(--soft)}.footer{background:#061620;color:var(--ink);border-top:1.5px solid var(--grout)}.deep{max-width:1080px;margin:0 auto;padding:56px clamp(20px,6vw,80px) 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-gap:40px;gap:40px}.deep h3{margin:0 0 14px;font:400 26px/1 var(--display);color:#fff}.deep a{color:#fff;text-underline-offset:3px}.deep dl{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:6px 18px;gap:6px 18px;margin:0;font-size:14px}.deep dt{color:#8FB0C2}.deep dd{margin:0;overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.copy{max-width:1080px;margin:0 auto;padding:0 clamp(20px,6vw,80px) 36px;font-size:13px;color:#8FB0C2}@media (max-width:720px){.game,.game:nth-child(2n){grid-template-columns:1fr}.game:nth-child(2n) .phone{order:0}.phone{max-width:240px}.details>div,.shots{grid-template-columns:1fr}.details>div{gap:0}.deep,.deep dl{grid-template-columns:1fr}.deep dl{gap:0}.deep dd{margin-bottom:8px}}.languages{position:absolute;top:24px;right:clamp(20px,6vw,80px);z-index:3;display:flex;gap:6px}.languages a{font:500 14px var(--text);color:#fff;background:rgba(14,59,83,.45);border:1px solid rgba(255,255,255,.5);border-radius:8px;padding:8px 12px;text-decoration:none}.languages a[aria-current=true]{background:#fff;color:var(--pool-deep)}.details>div{grid-template-columns:minmax(5.5em,max-content) minmax(0,1fr)}@media (max-width:720px){.details>div{grid-template-columns:1fr}}