*{box-sizing:border-box}#root{min-height:100dvh}h1,h2,h3,p,blockquote{margin:0}h1,h2,h3{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-style:normal;font-weight:400;letter-spacing:-.02em}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;box-shadow:0 0 0 6px var(--color-focus-contrast)}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--text-md);line-height:1;white-space:nowrap}.brand__mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;color:var(--color-accent-ink);background:var(--color-accent);border-radius:var(--radius-input);font-family:var(--font-body);font-size:var(--text-sm);font-weight:800;letter-spacing:-.08em}.nav-pill{position:fixed;inset-block-start:var(--space-md);inset-inline-start:50%;z-index:var(--z-sticky);display:flex;width:min(calc(100% - 2rem),44rem);min-height:3.5rem;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);background:color-mix(in oklch,var(--color-paper) 88%,transparent);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);box-shadow:0 .75rem 2rem -1.25rem color-mix(in oklch,var(--color-ink) 25%,transparent);-webkit-backdrop-filter:blur(1rem) saturate(120%);backdrop-filter:blur(1rem) saturate(120%);transform:translate(-50%)}.nav-pill a{line-height:1;text-decoration:none;white-space:nowrap}.nav-pill__brand{display:inline-flex}.nav-pill__links{display:none;align-items:center;gap:var(--space-lg);font-size:var(--text-sm);font-weight:650}.nav-pill__links a,.text-action{position:relative}.nav-pill__links a:after,.text-action:after{position:absolute;inset:auto 0 -.15rem;height:var(--rule-bold);background:var(--color-accent);content:"";transform:scaleX(0);transform-origin:right;transition:transform var(--dur-short) var(--ease-out)}.btn{--btn-face: var(--color-accent);--btn-ink: var(--color-accent-ink);--btn-edge: var(--color-accent-deep);--btn-cast: color-mix(in oklch, var(--color-accent) 42%, transparent);position:relative;isolation:isolate;display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);color:var(--btn-ink);background:var(--btn-face);border:0;border-radius:var(--radius-pill);box-shadow:0 .25rem 0 0 var(--btn-edge),0 .375rem .75rem -.2rem var(--btn-cast);font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transform:translateY(0);transition:transform var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.btn--small{min-height:2.5rem;padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.btn--soft{--btn-face: var(--color-accent-soft);--btn-ink: var(--color-accent-deep);--btn-edge: var(--color-rule);--btn-cast: color-mix(in oklch, var(--color-ink) 15%, transparent)}.btn:active{box-shadow:0 var(--rule-hair) 0 0 var(--btn-edge),0 .125rem .375rem -.125rem var(--btn-cast);transform:translateY(.1875rem);transition-duration:var(--dur-press)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed;transform:none}.btn[data-state=loading]{cursor:wait}.btn[data-state=error]{--btn-face: var(--color-danger)}.btn[data-state=success]{--btn-face: var(--color-success)}.nav-pill__brand:active,.nav-pill__links a:active,.document-nav a:active{opacity:.72}.hero{display:grid;min-height:clamp(42rem,82dvh,52rem);max-width:var(--page-max);margin-inline:auto;padding:7rem var(--page-gutter) 9.25rem;gap:var(--space-2xl);align-items:center}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg);animation:hero-enter var(--dur-long) var(--ease-out) both}.hero__intro{max-width:45ch;color:var(--color-accent-deep);font-weight:750}.hero h1{max-width:8ch;font-size:var(--text-display);line-height:.98}.hero__lede{max-width:34rem;color:var(--color-ink-2);font-size:var(--text-md);line-height:1.55}.hero__play{position:relative;min-width:0;padding-block-start:5.5rem;animation:hero-enter var(--dur-long) var(--ease-out) 80ms both}.hero__mascots{position:absolute;inset-block-start:-3rem;inset-inline-end:-1.5rem;z-index:var(--z-raised);width:10rem;height:auto;transform:rotate(4deg)}.game-preview{display:flex;min-height:31rem;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);color:var(--color-ink);background:var(--color-surface);border:var(--rule-bold) solid var(--color-ink);border-radius:var(--radius-card-lg);box-shadow:.625rem .75rem 0 0 var(--color-paper-3)}.game-preview__topline,.pack__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);color:var(--color-muted);font-size:var(--text-sm);font-weight:700}.game-preview__progress,.step__number,.pack__meta span{font-variant-numeric:tabular-nums}.game-preview__bar{height:.25rem;overflow:clip;background:var(--color-rule-2);border-radius:var(--radius-pill)}.game-preview__bar span{display:block;width:20%;height:100%;background:var(--color-accent);border-radius:inherit}.game-preview h2{max-width:14ch;font-family:var(--font-body);font-size:var(--text-xl);font-weight:800;line-height:1.25;letter-spacing:-.035em}.choice-list{display:flex;flex-direction:column;gap:var(--space-sm)}.game-preview__helper{color:var(--color-partner-deep);font-weight:700}.choice{display:grid;min-height:4.5rem;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-ink);background:var(--color-paper);border:var(--rule-bold) solid var(--color-rule);border-radius:var(--radius-card);font-size:var(--text-base);font-weight:700;text-align:start;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.choice__label{display:grid;width:2.5rem;height:2.5rem;place-items:center;color:var(--color-accent-ink);background:var(--color-accent);border-radius:var(--radius-input);font-size:var(--text-sm)}.choice--partner .choice__label{background:var(--color-partner)}.choice--selected{background:var(--color-accent-soft);border-color:var(--color-accent)}.choice--partner.choice--selected{background:var(--color-partner-soft);border-color:var(--color-partner)}.choice:active{transform:translateY(var(--space-3xs))}.choice:disabled,.choice[aria-disabled=true]{opacity:.5;cursor:not-allowed}.reveal-result{display:flex;flex:1;flex-direction:column;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-partner-soft);border-radius:var(--radius-card);animation:result-enter var(--dur-long) var(--ease-out) both}.reveal-result__faces{display:flex;margin-block-end:var(--space-sm)}.reveal-result__faces span{display:grid;width:3rem;height:3rem;place-items:center;color:var(--color-accent-ink);background:var(--color-accent);border:var(--rule-bold) solid var(--color-surface);border-radius:var(--radius-input);font-weight:850;transform:rotate(-5deg)}.reveal-result__faces span+span{margin-inline-start:calc(-1 * var(--space-xs));background:var(--color-partner);transform:rotate(5deg)}.reveal-result__title{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.25}.text-action{display:inline-flex;width:fit-content;min-height:2.75rem;align-items:center;margin-block-start:var(--space-xs);color:var(--color-accent-deep);background:transparent;border:0;font-size:var(--text-base);font-weight:750;text-decoration:none;white-space:nowrap;cursor:pointer}.text-action:active{transform:translateY(var(--space-3xs))}.text-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.workflow,.principles{max-width:var(--page-max);margin-inline:auto;padding:var(--space-3xl) var(--page-gutter)}.section-heading{display:grid;gap:var(--space-md);margin-block-end:var(--space-2xl)}.section-heading h2,.principles h2,.documents h2{max-width:15ch;font-size:var(--text-2xl);line-height:1.15}.section-heading p{max-width:34rem;color:var(--color-ink-2)}.steps{display:grid;margin:0;padding:0;gap:0;list-style:none}.step{display:grid;grid-template-columns:4.75rem minmax(0,1fr);gap:var(--space-lg);padding-block:var(--space-xl);border-block-start:var(--rule-bold) solid var(--color-ink)}.step:last-child{border-block-end:var(--rule-bold) solid var(--color-ink)}.step__number{width:fit-content;height:fit-content;padding:var(--space-2xs) var(--space-xs);color:var(--color-accent-ink);background:var(--color-accent);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:850}.step--2 .step__number{color:var(--color-ink);background:var(--color-accent-soft)}.step--3 .step__number{color:var(--color-accent-ink);background:var(--color-partner)}.step--4 .step__number{color:var(--color-ink);background:var(--color-paper-3)}.step h3{margin-block-end:var(--space-xs);font-size:var(--text-lg);line-height:1.2}.step p{max-width:42rem;color:var(--color-ink-2)}.section-band{max-width:none;padding-inline:0}.packs{padding-block:var(--space-4xl) var(--space-3xl);color:var(--color-ink);background:var(--color-paper-2)}.packs__inner,.documents__inner{max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-gutter)}.pack-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.pack{display:flex;min-height:19rem;flex-direction:column;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-card-lg)}.pack--daily{background:var(--color-accent-soft)}.pack--travel{background:var(--color-partner-soft)}.pack h3{font-size:var(--text-xl)}.pack p{max-width:45ch;color:var(--color-ink-2)}.pack small{color:var(--color-muted);font-size:var(--text-sm)}.principles{display:grid;gap:var(--space-2xl)}.principles__lead{display:flex;flex-direction:column;gap:var(--space-md)}.principles__lead p{max-width:42rem;color:var(--color-ink-2);font-size:var(--text-md)}.principles blockquote{max-width:17ch;justify-self:end;padding:var(--space-xl);color:var(--color-ink);background:var(--color-paper-2);border:var(--rule-bold) solid var(--color-accent);border-radius:var(--radius-card-lg) var(--radius-card-lg) var(--radius-sm) var(--radius-card-lg);font-family:var(--font-display);font-size:var(--text-xl);line-height:1.25;transform:rotate(2deg)}.principles blockquote span{font-family:var(--font-body);font-size:var(--text-base);font-weight:600}.documents{padding-block:var(--space-3xl);color:var(--color-ink);background:var(--color-paper-3)}.document-list{display:grid;border-block-start:var(--rule-bold) solid var(--color-ink)}.document-list a{display:flex;min-height:4.5rem;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-ink-2);font-weight:750;text-decoration:none;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),color var(--dur-short) var(--ease-out)}.document-list a:active{transform:translateY(var(--space-3xs))}.footer{display:grid;gap:var(--space-2xl);padding:var(--space-3xl) var(--page-gutter) var(--space-xl);color:var(--color-accent-ink);background:var(--color-ink)}.footer__statement{max-width:18ch;font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.15}.footer__meta{display:flex;flex-direction:column;gap:var(--space-sm);padding-block-start:var(--space-md);color:var(--color-rule);border-block-start:var(--rule-hair) solid var(--color-muted);font-size:var(--text-sm)}.footer .brand{color:var(--color-accent-ink)}.document-page{width:min(100%,54rem);margin-inline:auto;padding:var(--space-md) var(--page-gutter) var(--space-3xl)}.document-nav{display:flex;min-height:4.5rem;align-items:center;justify-content:space-between;gap:var(--space-md);margin-block-end:var(--space-3xl)}.document-nav a{line-height:1;text-decoration:none;white-space:nowrap}.document-page article{display:grid;gap:var(--space-xl)}.document-page__date{color:var(--color-muted);font-size:var(--text-sm);font-weight:700}.document-page h1{max-width:12ch;font-size:var(--text-display-s);line-height:1.05}.document-page__summary{max-width:36rem;color:var(--color-ink-2);font-size:var(--text-md)}.draft-note{padding:var(--space-md);color:var(--color-ink-2);background:var(--color-paper-2);border-radius:var(--radius-input);font-size:var(--text-sm)}.document-page article section{display:grid;gap:var(--space-sm);padding-block-start:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule)}.document-page article h2{font-family:var(--font-body);font-size:var(--text-md);font-weight:800}.document-page article p,.document-page article li{color:var(--color-ink-2)}.document-page article ul{display:grid;margin:0;padding-inline-start:var(--space-lg);gap:var(--space-xs)}.document-page__footer{padding-block-start:var(--space-3xl)}@keyframes hero-enter{0%{opacity:0;transform:translateY(var(--space-xs))}to{opacity:1;transform:translateY(0)}}@keyframes result-enter{0%{opacity:0;transform:translateY(var(--space-xs))}to{opacity:1;transform:translateY(0)}}@media (hover: hover) and (pointer: fine){.nav-pill__links a:hover:after,.text-action:hover:after{transform:scaleX(1);transform-origin:left}.btn:hover{transform:translateY(calc(-1 * var(--space-3xs)))}.choice:hover{border-color:var(--color-ink-2)}.choice--partner:hover{border-color:var(--color-partner)}.document-list a:hover{color:var(--color-accent-deep)}}@media (min-width: 40rem){.nav-pill__links{display:flex}.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.hero__play{padding-block-start:var(--space-xl)}.hero__mascots{inset-inline-end:-2.5rem;width:12rem}.game-preview{padding:var(--space-xl)}.section-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end}.section-heading--compact{grid-template-columns:minmax(0,1fr)}.steps{margin-inline-start:clamp(2rem,9vw,8rem)}.step{grid-template-columns:6rem minmax(0,1fr);padding-block:var(--space-2xl)}.pack-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end}.pack--daily{min-height:24rem}.principles{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}.footer__meta{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width: 60rem){.hero{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:var(--space-3xl)}.hero__play{margin-inline-end:-2rem}.workflow{padding-block:var(--space-4xl)}.documents__inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-3xl);align-items:start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:var(--dur-micro)!important;animation-iteration-count:1!important;transition-duration:0ms!important}.hero__copy,.hero__play,.reveal-result{animation-name:none}.hero__mascots,.principles blockquote,.reveal-result__faces span,.reveal-result__faces span+span{transform:none}.btn,.choice,.document-list a,.nav-pill__links a:after,.text-action:after{transform:none!important}}:root{--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94% .018 95);--color-paper-3: oklch(90% .025 95);--color-surface: oklch(99% .008 95);--color-ink: oklch(20% .018 285);--color-ink-2: oklch(38% .026 285);--color-muted: oklch(40% .026 285);--color-rule: oklch(82% .025 285);--color-rule-2: oklch(88% .02 285);--color-accent: oklch(48% .2 285);--color-accent-deep: oklch(39% .18 285);--color-accent-soft: oklch(93% .05 285);--color-accent-ink: oklch(98% .008 95);--color-partner: oklch(57% .18 5);--color-partner-deep: oklch(45% .16 5);--color-partner-soft: oklch(94% .05 5);--color-success: oklch(46% .12 155);--color-danger: oklch(52% .19 25);--color-focus: var(--color-surface);--color-focus-contrast: var(--color-accent-deep);--color-overlay: oklch(20% .018 285 / .48);--font-display: "Jua", "Pretendard Variable", sans-serif;--font-body: "Pretendard Variable", sans-serif;--font-label: "Pretendard Variable", sans-serif;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.953rem;--text-2xl: 2.441rem;--text-3xl: 3.052rem;--text-display-s: clamp(2.5rem, 7vw, 4.25rem);--text-display: clamp(3rem, 8vw, 5.25rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-press: 70ms;--dur-short: .22s;--dur-long: .42s;--rule-hair: 1px;--rule-bold: 2px;--radius-sm: .5rem;--radius-input: .75rem;--radius-card: 1.25rem;--radius-card-lg: 1.75rem;--radius-pill: 999px;--page-max: 74rem;--page-gutter: clamp(1rem, 4vw, 2rem);--z-base: 1;--z-raised: 10;--z-sticky: 200}@font-face{font-family:Pretendard Variable;src:url(/fonts/PretendardVariable.woff2) format("woff2");font-style:normal;font-weight:45 920;font-display:swap}@font-face{font-family:Jua;src:url(/fonts/Jua-Pamoja.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}html,body{overflow-x:clip}html{scroll-behavior:smooth;background:var(--color-paper)}body{margin:0;display:block;min-width:20rem;min-height:100dvh;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6}button,a{font-family:var(--font-body)}button{padding:0;color:inherit;background:none;border:0}a{color:inherit}::selection{color:var(--color-accent-ink);background:var(--color-accent)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}