:root{--bg: #eef1f4;--surface: #f8f9fb;--ink: #15202e;--muted: #566273;--line: #cbd3dc;--accent: #2448c9;--c-pnj: #8a94a6;--c-pati: #d39a12;--c-cocoon: #2f8a67;--c-krafton: #cf4234;--c-ntl: #6a4bc4;--c-kong: #1d82c4;--font-display: "Black Han Sans", "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--fs-small: .8125rem;--fs-body: 1rem;--fs-lead: 1.1875rem;--fs-h3: 1.5rem;--fs-h2: 2.125rem;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #10161e;--surface: #17202b;--ink: #e5eaf0;--muted: #98a4b3;--line: #2a3644;--accent: #8aa2ff;--c-pnj: #9aa4b5;--c-pati: #e8b23a;--c-cocoon: #4fb38b;--c-krafton: #e8685a;--c-ntl: #977cf0;--c-kong: #4aa9e6;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.7;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));word-break:keep-all;overflow-wrap:anywhere}img{max-width:100%}.wrap{max-width:1080px;margin:0 auto}a{color:var(--accent);text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}.hero{padding-block:72px 40px;display:grid;gap:28px}.name{font-family:var(--font-display);font-weight:400;font-size:clamp(4.5rem,16vw,10.5rem);line-height:.95;letter-spacing:-.02em}.intro{display:grid;gap:12px;max-width:40em}.intro .lead{font-size:var(--fs-lead);font-weight:500}.intro p:not(.lead){color:var(--muted)}.timeline{padding-block:8px 72px}.tl-note{color:var(--muted);font-size:var(--fs-small);font-weight:400;margin-bottom:12px}.tl-scroll{overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tl{min-width:980px;display:grid;grid-template-columns:112px 1fr}.tl-years,.tl-track{position:relative}.tl-years{height:32px}.tl-year{position:absolute;top:8px;left:calc(var(--m) / var(--months) * 100%);font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;transform:translate(-50%)}.tl-company{font-size:var(--fs-small);font-weight:600;padding:10px 12px 0 0;display:flex;gap:8px;align-items:baseline;border-top:1px solid var(--line)}.tl-company:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c);flex:none;transform:translateY(1px)}.tl-track{height:76px;border-top:1px solid var(--line);background-image:repeating-linear-gradient(to right,var(--line) 0 1px,transparent 1px calc(100% / var(--years)))}.bar{position:absolute;top:12px;height:22px;left:calc(var(--s) / var(--months) * 100% + 1px);width:calc((var(--e) - var(--s)) / var(--months) * 100% - 2px);background:var(--c);border-radius:3px;transform-origin:left center;animation:grow .52s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--s) * 9ms + .15s)}.bar.ongoing{background:linear-gradient(to right,var(--c) 70%,color-mix(in srgb,var(--c) 25%,transparent))}.bar:hover,.bar:focus-visible{filter:brightness(1.12)}.bar-label{position:absolute;top:calc(40px + var(--lane, 0) * 17px);left:calc(var(--s) / var(--months) * 100%);font-size:.75rem;line-height:1.3;white-space:nowrap;color:var(--ink);text-decoration:none}.bar-label:hover{color:var(--accent)}@keyframes grow{0%{transform:scaleX(0)}}section.block{padding-block:64px;border-top:1px solid var(--line);display:grid;gap:32px}.block-head{display:grid;gap:8px;max-width:40em}.block-head h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h2);line-height:1.2}.block-head h3{font-size:1.25rem;font-weight:600}.block-head p{color:var(--muted)}.games{display:grid;gap:56px}.game{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start;scroll-margin-top:24px}.game>img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:6px;background:var(--line);display:block}.game-body{min-width:0;display:grid;gap:14px}.game h3{font-size:var(--fs-h3);font-weight:600;line-height:1.3}.facts{display:grid;grid-template-columns:auto 1fr;gap:2px 16px;margin:0;font-size:var(--fs-small)}.facts dt{color:var(--muted)}.facts dd{margin:0}.co{display:inline-flex;align-items:baseline;gap:6px}.co:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);transform:translateY(-1px)}.game ul{margin:0;padding-left:1.1em;display:grid;gap:4px}.game li::marker{color:var(--muted)}.links{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:var(--fs-small);font-weight:500}.game:target h3{color:var(--accent)}.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.video{display:grid;gap:6px;align-content:start;padding:0;border:0;background:none;cursor:pointer;text-align:left;font:inherit;font-size:var(--fs-small);font-weight:500;color:var(--ink)}.video .thumb{position:relative;display:block}.video img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;display:block;background:var(--line)}.video .thumb:after{content:"";position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:#0000009e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l8 5-8 5z' fill='white'/%3E%3C/svg%3E") center / 22px no-repeat;transition:transform .15s}.video:hover .thumb:after{transform:scale(1.12)}.video:hover{color:var(--accent)}.video.playing{grid-column:1 / -1;margin:0;cursor:default}.video.playing iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:4px;display:block;background:#000}.misc-videos{max-width:640px}.others{display:grid;border-top:1px solid var(--line)}.other{display:grid;grid-template-columns:9em minmax(0,1fr) minmax(0,1.4fr);gap:4px 24px;padding-block:12px;border-bottom:1px solid var(--line);font-size:var(--fs-small);scroll-margin-top:24px}.other .when{color:var(--muted);font-variant-numeric:tabular-nums}.other strong{font-size:var(--fs-body);font-weight:600}.other p{color:var(--muted)}.other:target strong{color:var(--accent)}.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}.way{display:grid;gap:8px;align-content:start}.way h3{font-size:1.125rem;font-weight:600}.way ul{margin:0;padding-left:1.1em;color:var(--muted);display:grid;gap:4px}.stack{display:grid;grid-template-columns:7em minmax(0,1fr);gap:10px 24px;margin:0}.stack dt{color:var(--muted);font-size:var(--fs-small);padding-top:2px}.stack dd{margin:0}.toys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.toy{display:grid;gap:12px;align-content:start}.toy img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top;border-radius:6px;border:1px solid var(--line);display:block}.toy h3{font-size:1.25rem;font-weight:600}.toy p{color:var(--muted)}.misc{margin:0;padding-left:1.1em;display:grid;gap:6px}.contact{padding-block:72px 96px;border-top:1px solid var(--line);display:grid;gap:16px}.contact h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,7vw,3.5rem);line-height:1.1}.mail{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.mail a{font-size:var(--fs-lead);font-weight:500}.mail button{font:inherit;font-size:var(--fs-small);font-weight:500;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:6px 12px;cursor:pointer}.mail button:hover{border-color:var(--muted)}@media (max-width: 760px){.hero{padding-block:48px 28px}.game{grid-template-columns:minmax(0,1fr);gap:16px}.ways,.toys,.other{grid-template-columns:minmax(0,1fr)}.stack{grid-template-columns:minmax(0,1fr);gap:2px}.stack dd{margin-bottom:10px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.bar{animation:none}}