:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07110e;--bg2:#0a1714;--card:#0d1b22;--card2:#10262b;--line:#17332d;--line2:#27504a;--mint:#3dffb0;--lime:#d8ff5a;--sky:#8ad8ff;--sun:#ffd24a;--pink:#ff8ad1;--red:#ff5a6a;--tx:#f0f1f5;--tx2:#a9afba;--tx3:#7c8792;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}html,body{margin:0}body{background:var(--bg);color:var(--tx);font:16px/1.6 var(--sans);-webkit-text-size-adjust:100%;overflow-x:hidden}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.2}h2{max-width:20ch;font-size:clamp(28px,4vw,44px);font-weight:800}h3{font-size:18px;font-weight:700}p{margin:0}code{font:600 .88em var(--mono);color:var(--lime)}.in{max-width:1120px;margin:0 auto;padding:0 20px}.dim{color:var(--tx2)}.small{font-size:14px}.eyebrow{font:600 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}.lead{color:var(--tx2);max-width:62ch;font-size:clamp(17px,2vw,19px)}.grad{background:linear-gradient(90deg,#3dffb0,#d8ff5a 45%,#ffd24a 80%,#ff8ad1);color:#0000;-webkit-background-clip:text;background-clip:text}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}:lang(ko) h1,:lang(ko) h2,:lang(ko) h3{word-break:keep-all;letter-spacing:-.03em}:lang(ko) p,:lang(ko) li,:lang(ko) b,:lang(ko) s,:lang(ko) .scene-text{word-break:keep-all}.nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#07110ed1;position:sticky;top:0}.nav .in{align-items:center;gap:20px;height:60px;display:flex}.brand{color:var(--tx);letter-spacing:-.01em;align-items:center;gap:8px;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand .mark{color:var(--mint)}.nav nav{gap:18px;margin-left:auto;display:flex}.nav nav a{color:var(--tx2);font-size:14px;font-weight:600}.nav nav a:hover{color:var(--tx);text-decoration:none}.nav-right{align-items:center;gap:10px;display:flex}.lang{border:1px solid var(--line2);border-radius:10px;display:inline-flex;overflow:hidden}.lang a{color:var(--tx2);padding:6px 10px;font-size:13px;font-weight:700}.lang a:hover{color:var(--tx);text-decoration:none}.lang a[aria-current=true]{color:var(--mint);background:#3dffb024}.btn{border:1px solid var(--line2);background:var(--card);color:var(--tx);border-radius:12px;align-items:center;gap:6px;padding:12px 20px;font-size:15px;font-weight:700;display:inline-flex}.btn:hover{border-color:var(--mint);text-decoration:none}.btn.primary{background:var(--mint);color:#04261a;border-color:var(--mint);box-shadow:0 0 24px #3dffb040}.btn.primary:hover{filter:brightness(1.05)}.btn.small{padding:7px 14px;font-size:13px}.ctas{flex-wrap:wrap;gap:12px;display:flex}.hero{background:radial-gradient(900px 520px at 12% -10%,#3dffb029,#0000 60%),radial-gradient(700px 400px at 100% 0,#1a1033e6,#0000 70%);padding:104px 0 8px}.hero .in{flex-direction:column;gap:24px;display:flex}.hero h1{max-width:none;font-size:clamp(34px,5.6vw,66px);font-weight:900}.why{flex-direction:column;gap:16px;padding-top:88px;display:flex}.index{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 0;padding:0;list-style:none;display:grid}.index a{border:1px solid var(--line2);background:linear-gradient(180deg, var(--card), var(--bg2));height:100%;color:var(--tx);border-radius:18px;flex-direction:column;gap:10px;padding:22px 22px 48px;transition:border-color .2s,transform .2s;display:flex;position:relative}.index a:hover{border-color:var(--mint);text-decoration:none;transform:translateY(-2px)}.index-n{font:700 12px var(--mono);letter-spacing:.1em;color:var(--mint)}.index s{color:var(--tx3);font-size:14.5px;text-decoration-color:#ff5a6ab3;text-decoration-thickness:1.5px}.index b{font-size:18px;line-height:1.35}.index-go{color:var(--tx3);font-size:16px;position:absolute;bottom:16px;right:20px}.index a:hover .index-go{color:var(--mint)}.reason{flex-direction:column;gap:40px;padding-top:128px;display:flex}.reason>.in{width:100%}.reason-head{flex-direction:column;gap:16px;display:flex}.reason-n{font:700 13px/1.4 var(--mono);letter-spacing:.04em;color:var(--mint);align-items:center;gap:12px;display:inline-flex}.reason-n:after{content:"";background:linear-gradient(90deg, var(--mint), transparent);width:48px;height:1px}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;display:grid}.split h2{font-size:clamp(28px,3.4vw,38px)}.split .lead{font-size:17px}.flip .reason-head{order:2}.scenes{width:100%;overflow:hidden}.scenes .swiper{padding-bottom:44px;overflow:visible}.scenes .swiper-slide.scene{width:min(68vw,820px)}.scene figure{border:1px solid var(--line2);background:linear-gradient(180deg, var(--card), var(--bg2));opacity:.4;border-radius:22px;flex-direction:column;gap:16px;margin:0;padding:20px;transition:transform .5s,opacity .5s,border-color .5s;display:flex;transform:scale(.92)}.scene.swiper-slide-active figure{opacity:1;border-color:#3dffb073;transform:none;box-shadow:0 24px 80px #00000073,0 0 40px #3dffb014}.scene figcaption{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:2px 12px;padding:0 4px;display:grid}.scene figcaption b{font-size:19px}.scene-text{color:var(--tx2);grid-column:2;font-size:15px}.scene-n{font:700 13px var(--mono);color:var(--mint);letter-spacing:.08em}.shot{border:1px solid var(--line2);border-radius:14px}.scene .shot{aspect-ratio:16/10;object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;width:100%;display:block}.scenes .swiper-pagination-bullet{background:var(--line2);opacity:1;border-radius:99px;width:8px;height:8px;transition:width .2s,background .2s}.scenes .swiper-pagination-bullet-active{background:var(--mint);width:24px}.vis{border:1px solid var(--line2);background:radial-gradient(500px 260px at 0% 0%, #3dffb01a, transparent 70%), linear-gradient(180deg, var(--card), var(--bg2));border-radius:20px;flex-direction:column;gap:18px;margin:0;padding:24px;display:flex}.vis figcaption{color:var(--tx2);font-size:14px}.panel{border:1px solid var(--line2);background:#050c0a;border-radius:14px;min-width:0;padding:14px 16px 8px}.panel-lab{height:22px;font:700 11px/22px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sky);display:block}.sync-grid{grid-template-columns:minmax(0,1.15fr) 32px minmax(0,1fr);align-items:start;display:grid}.sync-row,.code-row{border-top:1px solid var(--line);height:58px}.sync-row:first-of-type,.code-row:first-of-type{border-top:0}.sync-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.sid{color:var(--tx);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.sval{font:700 14px var(--mono);color:var(--sun)}.sval.mismatch{color:var(--red)}.sval.missing{color:var(--tx3)}.pill{font:700 11px var(--mono);border:1px solid;border-radius:99px;padding:3px 9px}.pill.synced{color:var(--mint);background:#3dffb014;border-color:#3dffb080}.pill.mismatch{color:var(--red);background:#ff5a6a14;border-color:#ff5a6a80}.pill.missing{color:var(--tx3);border-style:dashed}.code-row{flex-direction:column;justify-content:center;gap:2px;display:flex}.code-row code{color:var(--tx);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.code-row small{font:11.5px var(--mono);color:var(--mint);opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.code-row.mismatch code{color:var(--red)}.code-row.missing small{color:var(--tx3);border:1px dashed var(--line2);border-radius:8px;align-self:flex-start;padding:6px 10px}.links{flex-direction:column;padding-top:37px;display:flex}.links i{place-items:center;height:58px;font-style:normal;font-weight:800;display:grid}.links i.synced{color:var(--mint)}.links i.mismatch{color:var(--red)}.links i.missing{background:repeating-linear-gradient(90deg, var(--tx3) 0 4px, transparent 4px 8px) center / 100% 1.5px no-repeat;opacity:.6}.ceo-grid{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.ceo-node{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.ceo-node b{border:2px solid var(--mint);background:var(--card);border-radius:99px;padding:10px 18px;font-size:17px}.ceo-node.you b{color:#07110e;background:linear-gradient(#5dffc0,#16b877);border-color:#0000}.ceo-node small{color:var(--mint);font-size:12px;font-weight:600}.ceo-lanes{flex-direction:column;gap:10px;min-width:0;display:flex}.ceo-lane{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"c stages"".stop";align-items:center;gap:6px 10px;display:grid}.ceo-c{font:700 13px var(--mono);border:1px solid var(--sky);color:var(--tx);border-radius:99px;grid-area:c;padding:4px 9px}.ceo-stages{grid-area:stages;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.ceo-stages li{text-align:center;color:var(--tx3);border:1px solid var(--line2);white-space:nowrap;border-radius:7px;padding:5px 0;font-size:11px;font-weight:600;overflow:hidden}.ceo-stages li.done{color:#9fe9cc;background:#3dffb01f;border-color:#3dffb066}.ceo-stages li.now{color:#07110e;border-color:#0000;font-weight:800}.ceo-stages li.now.you{background:var(--pink);box-shadow:0 0 14px #ff8ad166}.ceo-stages li.now.build{background:var(--mint);box-shadow:0 0 14px #3dffb066}.ceo-stages li.now.play{background:var(--sun);box-shadow:0 0 14px #ffd24a66}.ceo-stop{font:700 11px var(--mono);border:1px solid;border-radius:99px;grid-area:stop;justify-self:end;padding:3px 9px}.ceo-stop.you{color:var(--pink);border-color:#ff8ad180}.ceo-stop.build{color:var(--mint);border-color:#3dffb080}.ceo-stop.play{color:var(--sun);border-color:#ffd24a80}.rule-games{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid;position:relative}.rule-col{flex-direction:column;align-items:stretch;gap:12px;display:flex}.stack{flex-direction:column-reverse;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stack li{border-radius:8px;padding:7px 10px;font-size:12.5px;font-weight:600;line-height:1.35}.stack li.fresh{background:var(--sun);color:#2b2100;box-shadow:0 0 18px #ffd24a40}.stack li.carried{color:#d9c27a;background:#ffd24a1a;border:1px solid #ffd24a47}.game{text-align:center;border:1px solid var(--sky);color:var(--tx);background:#050c0a;border-radius:99px;padding:8px 0;font-size:14px;font-weight:800}.legend{flex-wrap:wrap;gap:18px;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.legend i{border-radius:3px;width:14px;height:10px}.legend i.fresh{background:var(--sun)}.legend i.carried{background:#ffd24a2e;border:1px solid #ffd24a66}.qs{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.qs-step{background:var(--card);border:1px solid var(--line2);border-radius:20px;flex-direction:column;gap:10px;min-width:0;padding:26px 26px 26px 76px;display:flex;position:relative}.qs-step.wide{grid-column:1/-1}.qs-step .n{width:36px;height:36px;color:var(--mint);font:800 16px var(--mono);background:#3dffb024;border-radius:50%;place-items:center;display:grid;position:absolute;top:22px;left:24px}.qs-step h3{padding-top:6px}.needs{margin:2px 0 0;padding-left:20px}.needs li+li{margin-top:6px}.needs li::marker{color:var(--tx3)}.needs a,.needs b{font-weight:700}.needs span{color:var(--tx2)}.code{border:1px solid var(--line2);background:#050c0a;border-radius:12px;margin-top:4px;position:relative}.code pre{font:13.5px/1.7 var(--mono);color:var(--tx);margin:0;padding:32px 16px 16px;overflow-x:auto}.code pre code{color:inherit;font:inherit}.code-label{font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);position:absolute;top:9px;left:14px}.copy{border:1px solid var(--line2);background:var(--card);color:var(--tx2);font:600 12px var(--sans);cursor:pointer;border-radius:8px;padding:4px 10px;position:absolute;top:8px;right:8px}.copy:hover{color:var(--tx);border-color:var(--mint)}.say{flex-direction:column;gap:10px;margin:6px 0;padding:0;list-style:none;display:flex}.say li{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:18px;display:grid}.bubble{background:var(--card2);border:1px solid var(--line2);border-radius:14px 14px 14px 4px;padding:12px 16px;font-weight:700}.bubble em{font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sky);margin-bottom:2px;font-style:normal;display:block}.does{color:var(--tx2);font-size:15px}.final{text-align:center;border-top:1px solid var(--line);background:radial-gradient(700px 360px at 50% 0,#3dffb024,#0000 70%);margin-top:128px;padding:112px 0}.final .in{flex-direction:column;align-items:center;gap:22px;display:flex}.final h2{max-width:none;font-size:clamp(36px,6vw,64px);font-weight:900}.final .lead{text-align:center}.foot{border-top:1px solid var(--line);padding:24px 0 calc(24px + env(safe-area-inset-bottom,0px));color:var(--tx3);font-size:14px}.foot .in{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}@media (max-width:960px){.index,.split{grid-template-columns:minmax(0,1fr)}.index{grid-template-columns:repeat(2,minmax(0,1fr))}.split{gap:32px}.flip .reason-head{order:0}.nav nav{display:none}.nav-right{margin-left:auto}}@media (max-width:560px){.hero{padding-top:64px}.reason{gap:28px;padding-top:88px}.index{grid-template-columns:minmax(0,1fr)}.index a{padding-bottom:22px}.ceo-grid{grid-template-columns:minmax(0,1fr)}.ceo-node{flex-direction:row;justify-content:center}.ceo-stages li{font-size:9.5px}.index-go{display:none}.vis{padding:16px}.sync-grid{grid-template-columns:minmax(0,1fr);gap:10px}.links{display:none}.rule-games{gap:8px}.stack li{padding:6px 7px;font-size:11px}.game{font-size:12px}.qs-step{padding:22px 18px}.qs-step .n{position:static}.say li{grid-template-columns:minmax(0,1fr);gap:6px}.scenes .swiper-slide.scene{width:80vw}.scene figure{gap:12px;padding:14px}.scene figcaption b{font-size:17px}.scene-text{grid-column:1/-1;font-size:14px}.why{padding-top:64px}.final{margin-top:112px;padding:88px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.index a{transition:none}}