:root{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#2f302d;background:#f7f1e5;font-synthesis:none;font-size:16px;line-height:1.75;--paper: #f7f1e5;--surface: #fffdf8;--green: #40594a;--muted: #66625c;--line: #d7cfc0;--clay: #965039}*{box-sizing:border-box}html{scroll-padding-bottom:calc(var(--home-bar-space, 100px) + env(safe-area-inset-bottom))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:1024px){.family-column{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-gutter:stable}}summary{cursor:pointer;min-height:44px;padding:8px 0;color:var(--green)}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;line-height:1.55;cursor:pointer;color:var(--green);background:var(--surface);border:1px solid #7a8170;border-radius:10px;min-height:44px;padding:11px 20px;white-space:normal;overflow-wrap:anywhere}button:hover:not(:disabled){background:#e9eddf}button:disabled{cursor:wait;opacity:.65}.primary{background:var(--green);color:#fffdf8;border-color:var(--green)}.primary:hover:not(:disabled){background:#304637}a{color:var(--green);text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #965039;outline-offset:4px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.45;margin:0 0 20px}h1{font-size:clamp(2rem,4.7vw,4.5rem);letter-spacing:.04em}h2{font-size:clamp(1.5rem,2.6vw,2.25rem);letter-spacing:.03em}h3{font-size:1.125rem;margin-bottom:8px}p{margin:0 0 16px}small{font-size:1rem;color:var(--muted)}section[id]{scroll-margin-top:32px}button .muted,.muted{color:var(--muted)}.eyebrow{font-size:1rem;letter-spacing:.12em;color:var(--green);font-weight:600}.skip{position:fixed;left:16px;top:-120px;z-index:100;padding:12px 20px;background:#fff;border:2px solid var(--green)}.skip:focus{top:12px}.brand{font-weight:700;letter-spacing:.12em;text-decoration:none;font-size:1.15rem;display:block;flex-shrink:0}.brand span{display:block;font-size:.75rem;color:var(--muted);letter-spacing:.18em;margin-top:4px}.home-header{max-width:1320px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line)}.home-header nav{display:flex;gap:28px}.home-header nav a{text-decoration:none;font-size:1rem}.section-wrap{max-width:1140px;margin:auto;padding:90px 32px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;padding-top:86px;padding-bottom:100px}.hero h1{line-height:1.25;margin-top:30px;margin-bottom:26px}.title-dot{color:var(--clay)}.hero-line{font-size:clamp(1.25rem,2.1vw,1.6rem);font-weight:500;letter-spacing:.04em}.hero>div>p:not(.eyebrow):not(.hero-line){color:var(--muted)}.hero-art{position:relative;padding:32px 18px 0;transform:rotate(1deg)}.illustration{width:100%;height:auto;display:block}.hero-art .illustration{box-shadow:0 16px 40px #625b4220;border:12px solid var(--surface);border-radius:10px}.hero-art>p{text-align:center;font-size:1rem;color:var(--muted);margin-top:20px;letter-spacing:.08em}.paper-note{background:#f4dfb0;padding:20px 24px;position:absolute;top:-40px;right:20px;transform:rotate(-7deg);color:#4b4d3c;font-size:1.1rem;box-shadow:0 5px 12px #48402815;z-index:1}.text-link{border:0;background:none;padding:8px 0;min-height:44px;display:inline-flex;align-items:center;gap:22px;color:var(--green);text-decoration:underline;text-underline-offset:7px;border-radius:2px}.hero .text-link{margin-top:16px}.vignette-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:36px}.vignette{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;align-self:start}.vignette:nth-child(2n){margin-top:48px}.vignette-copy{padding:28px}.vignette-copy h3{font-size:1.4rem;margin-top:10px}.preview-story{padding-top:16px;margin-top:16px;border-top:1px dashed #a1a58c}.thought-section{background:#e4e8dc;border-block:1px solid #ccd3bf}.thought-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.thought-inner blockquote{font-size:clamp(1.3rem,2.3vw,1.9rem);line-height:1.9;margin:0;padding:32px 24px;border-left:2px solid #788c70}.thought-inner blockquote footer{font-size:1rem;margin-top:18px;color:#4e5f48}.thought-foot{grid-column:1/-1;margin:0;color:#40594a}.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin-top:40px}.how-steps li{border-top:1px solid #a1a58c;padding-top:16px}.how-steps span{display:block;color:var(--clay);font-size:2rem;font-family:Georgia,serif;margin-bottom:12px}.notes{border-top:1px solid var(--line);padding-top:64px}.notes p{max-width:800px}.site-footer{text-align:center;padding:40px 24px;border-top:1px solid var(--line);color:var(--muted)}.home-page{--bar-height: 180px;padding-bottom:var(--bar-height)}.floating-bar{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));margin:auto;max-width:1060px;background:var(--surface);border:1px solid #89937e;border-radius:14px;box-shadow:0 5px 28px #343c2429;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:10}.floating-bar p{margin:0}.floating-bar>div:first-child{min-width:0;flex:1}.floating-bar .eyebrow{font-size:.875rem}.bar-actions{display:flex;gap:12px;flex-wrap:wrap;flex:0 1 auto}.bar-actions button{max-width:100%}.floating-bar[data-inline=true]{position:static;margin:24px 16px;max-width:none}.home-page:has(.floating-bar[data-inline=true]){padding-bottom:0}.floating-bar[hidden]{display:none}[hidden]{display:none!important}.mobile-break{display:none}.game-header{padding:16px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--surface)}.game-header .brand{margin-right:auto}.progress-label{display:flex;gap:16px;flex-wrap:wrap}.game-header [role=status]{color:var(--green)}.opening{max-width:800px;margin:48px auto;padding:40px!important}.opening h1{font-size:clamp(1.7rem,3vw,2.4rem)}.opening .illustration{max-height:300px;margin-bottom:20px}.opening-actions{display:flex;justify-content:space-between;gap:16px;margin-top:32px;flex-wrap:wrap}.seed-label{font-size:1rem;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0}.game-shell{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.1fr) minmax(220px,1fr);gap:20px;padding:28px;max-width:1600px;margin:auto;align-items:start}.family-column{grid-column:1;grid-row:1/3}.story-column{grid-column:2;grid-row:1;min-width:0}.thought-column{grid-column:3;grid-row:1/3}.records-column{grid-column:2;grid-row:2}.game-shell h2{font-size:1.3rem}.game-shell h3{font-size:1.1rem}.game-shell section+section{margin-top:28px}.scene-panel{margin-bottom:20px}.scene-panel .illustration{max-height:250px}.scene-panel>p{margin:12px 0 0;color:var(--muted)}.event-panel h2{font-size:1.6rem}.event-panel .eyebrow{font-size:1rem}.condition{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.condition p,.condition li{font-size:1rem}.condition ul{padding-left:24px}.resources{display:grid;gap:18px}.resource{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.resource strong{font-weight:500}.resource meter{width:100%;height:10px;accent-color:var(--green)}.decisions{display:grid;gap:14px;margin:26px 0}.decisions button{text-align:left;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%;padding:18px;border-color:#818d76;background:#f8f8ef}.decisions button:hover:not(:disabled){border-color:var(--green);background:#e8edde}.choice-hint{font-size:1rem;color:var(--muted);flex-basis:100%}.story-stream article{padding:18px 0;border-bottom:1px dashed var(--line)}.story-stream article:first-child{padding-top:0}.story-stream article:last-child{margin-bottom:20px}.reaction-label{border-left:3px solid #71896b;padding-left:14px;font-size:1rem}.chosen,.cause{background:#eeeede;padding:12px;border-radius:6px;font-size:1rem}.member{border-bottom:1px solid var(--line);padding:12px 0}.member p{color:var(--muted)}.thought-note{padding:18px 12px;background:#f3eddb;border-left:2px solid #b9a376}.thought-note:last-child{background:#e7eddf;border-color:#71896b}.growth{list-style:none;padding:0}.growth li{padding:10px 0;border-bottom:1px solid var(--line);font-size:1rem}.growth li[aria-current]{font-weight:700;color:var(--green)}.growth span{font-family:Georgia,serif}.event-log{list-style:none;padding:0;margin:0}.log-entry{display:flex;align-items:baseline;gap:4px 16px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.log-entry small{font-size:1rem;white-space:nowrap}.log-entry>span{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}.bottom-tabs,.drawer-toggle,.mobile-members,.mobile-growth,.mobile-resource-summary{display:none}.error-banner{background:#fff5e8;color:#542b20;border:2px solid #965039;margin:24px;padding:20px;border-radius:12px;position:relative;z-index:11}.error-banner button{margin:4px 12px 4px 0}dialog{border:1px solid #78856f;border-radius:16px;background:var(--surface);color:#2f302d;padding:32px;max-width:600px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#24332899}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}dialog h2{font-size:1.5rem}@media(min-width:768px)and (max-width:1023px){.game-shell{display:block;max-width:900px}.drawer-toggle{display:block;margin-bottom:20px}.game-shell .family-column,.game-shell .thought-column{display:none}.game-shell[data-drawer=true] .family-column,.game-shell[data-drawer=true] .thought-column{display:block;margin-bottom:20px}.records-column{margin-top:20px}.hero{gap:24px}.home-header{padding:20px}.home-header nav{gap:14px}.section-wrap{padding:64px 28px}.how-steps{grid-template-columns:1fr 1fr}}@media(max-width:767px){.home-header{padding:20px;display:block}.home-header nav{gap:8px 18px;margin-top:16px;flex-wrap:wrap}.home-header nav a{font-size:1rem}.section-wrap{padding:52px 20px}.hero{display:flex;flex-direction:column;gap:68px;align-items:stretch;padding-top:44px}.hero h1{font-size:3.25rem}.hero-art{padding:0;transform:none}.paper-note{top:-44px;right:12px;padding:10px 16px}.hero-art .illustration{border-width:8px}.mobile-break{display:block}.vignette-grid{grid-template-columns:1fr;gap:24px}.vignette:nth-child(2n){margin-top:0}.vignette-copy{padding:22px}.thought-inner{grid-template-columns:1fr;gap:16px}.thought-inner blockquote{margin:8px 0 20px}.how-steps{grid-template-columns:1fr 1fr;gap:20px}.floating-bar{display:block;padding:16px;max-height:none}.bar-actions{margin-top:12px;display:grid;grid-template-columns:1fr;gap:8px}.bar-actions button{width:100%;padding:10px 12px}.floating-bar .eyebrow{display:none}.floating-bar p{font-size:1rem}.game-header{padding:12px 16px;gap:10px 16px}.game-header .brand{font-size:1rem}.game-header button{padding:8px 12px}.progress-label{order:3;flex-basis:100%;gap:12px;font-size:1rem}.game-header [role=status]{font-size:1rem}.opening{margin:20px 12px;padding:24px!important}.opening-actions>*{width:100%}.game-shell{display:block;padding:16px 12px calc(100px + env(safe-area-inset-bottom))}.game-shell>.family-column,.game-shell>.thought-column,.game-shell>.records-column,.game-shell>.story-column{display:none}.game-shell[data-tab=life]>.story-column,.game-shell[data-tab=family]>.family-column,.game-shell[data-tab=records]>.records-column,.game-shell[data-tab=thoughts]>.thought-column{display:block}.panel{padding:20px}.mobile-members,.mobile-growth,.mobile-resource-summary{display:block}.desktop-members,.desktop-growth{display:none}.mobile-resource-summary{margin-top:20px}.resource-summary{display:flex;flex-wrap:wrap;gap:14px}.resource-summary .resource{display:block;flex:1 1 70px}.resource-summary strong{display:block}.bottom-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--surface);border-top:1px solid #818d76;gap:8px;z-index:10}.bottom-tabs button{flex:1;min-width:0;padding:10px 6px;border-color:transparent;background:transparent}.bottom-tabs button[aria-selected=true]{background:var(--green);color:#fffdf8}.scene-panel .illustration{max-height:230px}.error-banner{margin:16px 12px 110px}.game-shell:has(+.error-banner){padding-bottom:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:360px){.how-steps{grid-template-columns:1fr}.hero h1{font-size:2.75rem}.home-header nav{gap:4px 10px}}.direction-panel fieldset{border:0;margin:0;padding:0;min-width:0}.direction-panel legend{font-size:1.25rem;font-weight:700}.direction-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.direction-option{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem;border:1px solid #9cae9e;border-radius:.3rem;cursor:pointer;min-height:44px}.direction-option:has(input:checked){border:2px solid #4b6352;background:#edf2e8;padding:calc(.75rem - 1px)}.direction-option input{margin-top:.3rem;accent-color:#4b6352;flex-shrink:0}.direction-option small{display:block;line-height:1.6}.direction-current{color:#3c5443;font-weight:700}.direction-option:has(input:focus-visible){outline:2px solid #4b6352;outline-offset:3px}@media(max-width:480px){.direction-options{grid-template-columns:1fr}}