.home{width:100%;max-width:1120px;margin:0 auto;padding:8px max(var(--space),env(safe-area-inset-right)) 32px max(var(--space),env(safe-area-inset-left))}.home__hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,56px);min-height:min(560px,calc(100dvh - 150px))}.home__art{order:2}.garden-art{display:block;width:100%;height:auto;max-height:62vh;filter:drop-shadow(0 18px 24px rgba(60,90,130,.18))}.garden-art__cloud{animation:home-drift 14s ease-in-out infinite alternate}.garden-art__cloud--late{animation-delay:-7s}.garden-art__cloud--far{animation-duration:20s}.garden-art__star{transform-origin:244px 70px;animation:home-bob 6s ease-in-out infinite alternate}@keyframes home-drift{to{transform:translate(10px)}}@keyframes home-bob{to{transform:translateY(-5px)}}.home__card{order:1;padding:clamp(24px,3.4vw,40px);border-radius:var(--radius-lg);background-color:var(--panel);background-image:var(--paper-grain);background-size:6px 6px;box-shadow:var(--shadow);color:var(--ink)}.home__title{margin:0 0 16px;display:flex;flex-direction:column;gap:6px;color:var(--ink-strong)}.home__wordmark{font-size:var(--step-4);line-height:1.05;font-weight:700;letter-spacing:-.02em}.home__tagline{font-size:var(--step-2);line-height:1.35;font-weight:600;color:var(--ink);text-wrap:balance}.home__lead{margin:0 0 24px;font-size:var(--step-1);line-height:1.7;max-width:30em}.home__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:20px}.home__cta{min-height:56px;padding:0 30px;font-size:var(--step-1)}.home__browse{display:inline-flex;align-items:center;min-height:var(--hit);padding:0 4px;font-weight:700;color:var(--link)}.home__note{margin:0;padding-top:16px;border-top:1.5px dashed var(--panel-edge);font-size:var(--step--1);color:var(--ink-soft)}.home__planets:empty{display:none}.home__planets{max-width:592px}@media(prefers-color-scheme:dark){.home__planets{padding:4px 16px 12px}}@media(prefers-color-scheme:dark){.garden-art{filter:brightness(.86) saturate(.92) drop-shadow(0 18px 28px rgba(5,8,25,.5))}}@media(max-width:760px){.home__hero{grid-template-columns:1fr;min-height:0;gap:4px}.home__art{order:0;margin:-8px 8px 0}.garden-art{max-height:34vh;margin:0 auto}.home__cta{flex:1 1 100%}.home__browse{margin:0 auto}}@font-face{font-family:PetUniSans;src:url(/fonts/PetUniSans-ext.woff2) format("woff2-variations"),url(/fonts/PetUniSans-ext.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+AC00-D7A3,U+3131-318E}@font-face{font-family:PetUniSans;src:url(/fonts/PetUniSans-ui.woff2) format("woff2-variations"),url(/fonts/PetUniSans-ui.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+2010-2027,U+2030-203A,U+20A9,U+2190-2193,U+3000-3003,U+3008-3011,U+AC00,U+AC04,U+AC08,U+AC12,U+AC19,U+AC1C,U+AC70,U+AC74,U+AC78,U+AC80,U+AC83,U+AC8C,U+ACA8-ACA9,U+ACAC,U+ACB0,U+ACBD,U+ACC1,U+ACC4,U+ACE0,U+ACE8,U+ACF3,U+ACF5,U+ACFC,U+AD00,U+AD11,U+AD1C,U+AD6C,U+AD8C,U+ADF8,U+ADFC,U+AE00,U+AE08-AE09,U+AE30,U+AE34,U+AE38,U+AE4C,U+AEBC,U+AED0,U+AED8,U+AF43,U+AFB8,U+AFBC,U+AFC0,U+AFE8,U+B00C,U+B044,U+B07C,U+B098,U+B09C,U+B0A0,U+B0A8,U+B0AE,U+B0B4,U+B0B8,U+B108,U+B123,U+B140,U+B144,U+B178,U+B193,U+B204,U+B20C,U+B274,U+B294,U+B298,U+B2C8,U+B2D0,U+B2D8,U+B2E4,U+B2E8,U+B2EC,U+B2F4,U+B300,U+B354,U+B364,U+B370,U+B378,U+B3C4-B3C5,U+B3CC,U+B3D9,U+B3FC,U+B410,U+B418,U+B41C,U+B450,U+B454,U+B458,U+B465,U+B4A4,U+B4DC,U+B4E0,U+B4E4,U+B4E6,U+B4F1,U+B514,U+B527,U+B530,U+B54C,U+B5A0,U+B5A4,U+B610-B611,U+B6F0,U+B730,U+B73B,U+B744,U+B77C-B77D,U+B780,U+B78C,U+B790,U+B798,U+B79C,U+B7EC,U+B7FD,U+B808,U+B824,U+B838,U+B840,U+B85C-B85D,U+B8CC,U+B8E8,U+B958,U+B974,U+B978,U+B97C,U+B984,U+B9AC-B9AD,U+B9B0,U+B9B4,U+B9BC,U+B9C1,U+B9C8,U+B9CC,U+B9CE,U+B9D0,U+B9DE,U+BA3C,U+BA48,U+BA54,U+BA74,U+BA87,U+BAA8-BAA9,U+BABB,U+BB34,U+BB38,U+BB3C,U+BBF8,U+BC00,U+BC14,U+BC16,U+BC18,U+BC1B,U+BC29,U+BC40,U+BC84,U+BC88,U+BCA4,U+BCC4,U+BCCD,U+BCF4-BCF5,U+BCF8,U+BCFC,U+BD80-BD81,U+BD84,U+BD88,U+BE0C,U+BE14,U+BE44,U+BE5B,U+BE68,U+BE7C,U+C0AC,U+C0B4,U+C0C1,U+C0C8-C0C9,U+C0DD,U+C11C,U+C120,U+C124,U+C131,U+C138,U+C14B,U+C154,U+C158,U+C18C-C18D,U+C1A1,U+C218,U+C228,U+C232,U+C26C,U+C2A4,U+C2AC,U+C2B5,U+C2B9,U+C2DC-C2DD,U+C2E0,U+C2E4,U+C2EC,U+C2F6,U+C4F0,U+C4F4,U+C528-C529,U+C544,U+C548-C54A,U+C54C,U+C558,U+C55E,U+C571,U+C57C,U+C591,U+C5B4-C5B5,U+C5B8,U+C5C5-C5C6,U+C5C8,U+C5D0,U+C5D4,U+C5EC,U+C5F0,U+C5F4,U+C600-C601,U+C606,U+C608,U+C624,U+C62C,U+C640,U+C654,U+C67C,U+C694,U+C6A9,U+C6B0,U+C6B4,U+C6B8,U+C6C0,U+C6CC,U+C6E0,U+C704,U+C720,U+C73C,U+C740,U+C744,U+C74C,U+C751,U+C758,U+C774,U+C778,U+C77C-C77D,U+C784-C785,U+C788,U+C790-C791,U+C7A0,U+C7A5,U+C7AC,U+C800-C801,U+C804,U+C811,U+C815,U+C81C,U+C838,U+C84C,U+C870-C871,U+C8FC,U+C900,U+C904,U+C911,U+C918,U+C9C0-C9C1,U+C9C4,U+C9C8,U+C9D0,U+C9DC,U+CABD,U+CC2E,U+CC30,U+CC38,U+CC3D-CC3E,U+CC44,U+CC98,U+CC9C,U+CCAD,U+CCE4,U+CD08,U+CDA4,U+CDB0,U+CE58,U+CE5C,U+CE74,U+CF1C,U+CF30,U+CF69,U+CFE0,U+D06C,U+D07C,U+D0C0,U+D0DC-D0DD,U+D130,U+D1A0-D1A1,U+D1B5,U+D2BC,U+D30C,U+D37C,U+D3B8,U+D45C,U+D480,U+D488,U+D514,U+D53C,U+D558,U+D55C,U+D560,U+D568-D569,U+D56D,U+D574,U+D584,U+D587-D589,U+D5D8,U+D638,U+D63C,U+D654-D655,U+D6A8,U+D6C4,U+D754,U+D788,U+D798,U+FF5E}:root{--sky-top: #4fa6ee;--sky-bottom: #bfe3ff;--fog: #cfe9ff;--ground: #fbf6ea;--leaf: #74c04a;--leaf-dark: #3f7d46;--wood: #9c6a46;--wood-dark: #7a5236;--wood-light: #c99a6b;--stone: #b9b2a6;--flower-pink: #f29bb2;--flower-yellow: #f6cf4a;--starlight: #fff6c9;--starlight-glow: #ffd27a;--cliff: #f2b58a;--paper: #fbf6ea;--panel: #fffae4;--panel-sand: #f4e9cc;--panel-edge: #e7d6ad;--surface: #fdf6df;--ink: #5b4a36;--ink-strong: #45372a;--ink-soft: #6f604a;--on-sky: #2f3f5c;--primary: #ffd667;--primary-lip: #e0a93a;--on-primary: #4a3824;--link: #8a4f1c;--focus: #1a4692;--focus-halo: #fffae4;--on-leaf: #fffaf0;--leaf-lip: #2f5f35;--field: #fffdf6;--field-edge: #9a7b5c;--line: rgba(122, 82, 54, .18);--selected: #f1f7ea;--danger: #9b2f2a;--danger-fill: #b5463f;--on-ink: #fffaf0;--shadow: 0 6px 18px rgba(92, 70, 40, .16), 0 1px 2px rgba(92, 70, 40, .12);--shadow-soft: 0 3px 10px rgba(92, 70, 40, .12);--paper-grain: radial-gradient(rgba(122, 82, 54, .045) 1px, transparent 1.4px);--radius: 18px;--radius-lg: 24px;--space: 16px;--step--1: .875rem;--step-0: 1rem;--step-1: 1.125rem;--step-2: 1.375rem;--step-3: 1.75rem;--step-4: clamp(2.25rem, 1.6rem + 3.2vw, 3.5rem);--font: "PetUniSans", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--hit: 44px;--target: 24px;font-size:16px;color-scheme:light;scrollbar-color:var(--wood-light) transparent;accent-color:var(--leaf-dark)}@media(prefers-color-scheme:dark){:root{--sky-top: #1d2850;--sky-bottom: #2b3a6b;--fog: #3a4a7a;--ground: #2b3a6b;--paper: #efe6cf;--panel: #f4ead0;--panel-sand: #e6d8b4;--panel-edge: #cdb98d;--surface: #f2e7cb;--on-sky: #f4ead0;--ink-soft: #625340;--field: #fbf5e6;--field-edge: #86694c;--shadow: 0 8px 22px rgba(8, 12, 30, .45), 0 1px 2px rgba(8, 12, 30, .3);--shadow-soft: 0 4px 12px rgba(8, 12, 30, .35);color-scheme:dark}}@media(prefers-color-scheme:dark){.page,.home__planets{margin-top:8px;margin-bottom:24px;background:var(--paper);background-image:var(--paper-grain);background-size:6px 6px;border-radius:var(--radius-lg);box-shadow:var(--shadow)}}html[data-large-text]{font-size:19px;--target: var(--hit)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:var(--font);font-size:var(--step-0);color:var(--ink);background:linear-gradient(180deg,var(--sky-top) 0,var(--sky-bottom) 70vh,var(--ground) 100vh) no-repeat;background-color:var(--ground);line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}input,textarea{caret-color:var(--wood-dark)}::selection{background:var(--primary);color:var(--on-primary)}html[data-quiet] *,html[data-quiet] *:before,html[data-quiet] *:after{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 7px var(--focus-halo);border-radius:8px}.skip-link{position:absolute;left:var(--space);top:-100px;z-index:30;padding:10px 16px;background:var(--panel);color:var(--ink-strong);border-radius:12px;box-shadow:var(--shadow);font-weight:600}.skip-link:focus{top:var(--space)}.shell{min-height:100%;display:flex;flex-direction:column}.shell>main{flex:1}.shell--overlay{height:100%}.shell--overlay main{flex:1;position:relative}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:max(12px,env(safe-area-inset-top)) max(var(--space),env(safe-area-inset-right)) 12px max(var(--space),env(safe-area-inset-left));z-index:5}.shell--overlay .topbar{position:absolute;inset:0 0 auto;flex-wrap:nowrap}.shell--overlay .topbar__tools{flex-wrap:nowrap}.shell--overlay .tier-notice{margin-top:calc(max(12px,env(safe-area-inset-top)) + 56px)}@media(max-width:560px){.shell--overlay .brand{padding:6px 11px}.shell--overlay .a11y-toggles .chip{min-width:var(--hit);justify-content:center;padding:6px}.shell--overlay .a11y-toggles .chip__label,.shell--overlay .brand__name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.topbar__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.brand{display:inline-flex;align-items:center;gap:8px;min-height:var(--hit);font-weight:700;text-decoration:none;color:var(--ink-strong);padding:6px 16px 6px 10px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-soft)}.brand__mark{width:22px;height:22px;flex:none}.a11y-toggles{display:flex;gap:8px}.chip__icon{width:18px;height:18px;flex:none}.help-link,.a11y-toggles .chip{white-space:nowrap}.chip{font:inherit;font-size:var(--step--1);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;min-height:var(--hit);border-radius:999px;border:1.5px solid var(--panel-edge);background:var(--surface);color:var(--ink);box-shadow:0 2px 0 var(--panel-edge),var(--shadow-soft);cursor:pointer;transition:background-color .18s var(--ease),transform .18s var(--ease)}.chip:hover{background:var(--panel)}.chip:active:not(:disabled){transform:translateY(1px)}.chip[aria-pressed=true]{background:var(--leaf-dark);border-color:var(--leaf-dark);color:var(--on-leaf);box-shadow:0 2px 0 var(--leaf-lip)}.page{width:100%;max-width:560px;margin:0 auto;padding:24px var(--space) 48px}.page h1{font-size:var(--step-3);line-height:1.35;margin:0 0 12px;color:var(--ink-strong);text-wrap:balance}.lead{font-size:1.0625rem;background:var(--surface);padding:16px 18px;border-radius:var(--radius);box-shadow:var(--shadow-soft)}.page--panel,.page--onboarding,.page.credits,.page.help{width:calc(100% - 24px);margin:8px auto 32px;padding:28px clamp(18px,4vw,32px) 32px;background-color:var(--paper);background-image:var(--paper-grain);background-size:6px 6px;border-radius:var(--radius-lg);box-shadow:var(--shadow)}:is(.page--panel,.page.credits)>.lead{margin:0 0 8px;padding:0;background:none;box-shadow:none;border-radius:0;font-size:var(--step-1);color:var(--ink-strong)}.page--panel .panel{margin:0;padding:20px 0 6px;border-radius:0;background:none;border-top:1.5px dashed var(--panel-edge)}.page--panel .section-title{margin:20px 0 12px;padding-top:20px;border-top:1.5px dashed var(--panel-edge);color:var(--ink-strong)}.page--panel .crisis-note{background:var(--panel-sand);box-shadow:none}:is(.choice,.lk-option,.avatar-maker__check) input:is([type=radio],[type=checkbox]){appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;width:24px;height:24px;margin:0;flex:none;border:2px solid var(--field-edge);background:var(--field);cursor:pointer;transition:background-color .18s var(--ease),border-color .18s var(--ease)}:is(.choice,.lk-option,.avatar-maker__check) input[type=radio]{border-radius:50%}:is(.choice,.lk-option,.avatar-maker__check) input[type=checkbox]{border-radius:8px}:is(.choice,.lk-option,.avatar-maker__check) input:is([type=radio],[type=checkbox]):before{content:"";transform:scale(0);transition:transform .18s var(--ease)}:is(.choice,.lk-option,.avatar-maker__check) input[type=radio]:before{width:10px;height:10px;border-radius:50%;background:var(--on-leaf)}:is(.choice,.lk-option,.avatar-maker__check) input[type=checkbox]:before{width:11px;height:6px;margin-top:-3px;border-left:2.5px solid var(--on-leaf);border-bottom:2.5px solid var(--on-leaf);transform:rotate(-45deg) scale(0)}:is(.choice,.lk-option,.avatar-maker__check) input:is([type=radio],[type=checkbox]):checked{border-color:var(--leaf-dark);background:var(--leaf-dark)}:is(.choice,.lk-option,.avatar-maker__check) input[type=radio]:checked:before{transform:scale(1)}:is(.choice,.lk-option,.avatar-maker__check) input[type=checkbox]:checked:before{transform:rotate(-45deg) scale(1)}.panel>a:not(.btn,.chip),.credits__maker h2 a{display:inline-flex;align-items:center;min-height:var(--hit);font-weight:600}.muted{color:var(--ink-soft)}.small{font-size:var(--step--1)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.btn{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:700;cursor:pointer;border:0;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s var(--ease)}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 0 var(--primary-lip),0 8px 16px #a06e1e38}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--primary-lip),0 10px 18px #a06e1e42}.btn--primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--primary-lip),0 3px 8px #a06e1e33}.btn--ghost{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--panel-edge),0 3px 0 var(--panel-edge),var(--shadow-soft)}.btn--ghost:hover{background:var(--panel)}.btn--ghost:active{transform:translateY(2px);box-shadow:inset 0 0 0 1.5px var(--panel-edge),0 1px 0 var(--panel-edge)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:default;opacity:.55;transform:none}.btn--small{min-height:var(--hit);padding:0 16px;font-size:.9375rem}.btn--danger{background:var(--danger-fill);color:var(--on-ink);box-shadow:0 3px 0 var(--danger)}.stage{position:absolute;inset:0}.planet-canvas{position:absolute!important;inset:0}.stage__caption{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);margin:0;max-width:calc(100% - 2 * var(--space));padding:10px 18px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-soft);font-size:1rem;text-align:center}.dev-hud{position:absolute;left:8px;top:64px;padding:6px 8px;border-radius:6px;background:#282018b8;color:#f4efe6;font:12px/1.4 ui-monospace,Menlo,monospace;white-space:pre}.dev-hud[data-over]{outline:2px solid #e0453f}.dev-hud button{margin-top:4px;font:inherit}.caption{font-weight:600}.crisis-note{margin-top:32px;padding:14px 18px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);font-size:.9375rem;color:var(--ink)}.crisis-note a{font-weight:700}.app-footer{display:flex;justify-content:center;padding:12px var(--space) max(16px,env(safe-area-inset-bottom))}.help-link{display:inline-flex;align-items:center;min-height:var(--hit);padding:4px 14px;border-radius:999px;background:var(--surface);color:var(--ink);font-size:var(--step--1);font-weight:600;box-shadow:var(--shadow-soft);text-decoration:none}.help-link:hover{text-decoration:underline}.tier-notice{position:relative;z-index:6;margin:0 auto 8px;width:min(520px,calc(100% - 2 * var(--space)));padding:14px 16px;border-radius:var(--radius);background:var(--panel);background-image:var(--paper-grain);background-size:6px 6px;box-shadow:var(--shadow);color:var(--ink)}.tier-notice p{margin:0 0 10px}.tier-notice__actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:480px){.page h1{font-size:1.5rem}.chip{padding:6px 10px}}