:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:#283f36;background:#f8f6ef;font-synthesis:none;--ink:#283f36;--green:#3b6451;--paper:#fffdf7;--line:#c2c8ba;--muted:#59695e}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8a64b1;outline-offset:4px}.skip{position:absolute;top:-60px}.skip:focus{top:0;background:white;z-index:10;padding:12px}.top{height:78px;max-width:1120px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #dce0d4}.brand{text-decoration:none;font-size:32px;font-weight:850;letter-spacing:-1px}.brand span{font-size:24px;color:#b48650;padding-left:3px}.top>span{font-size:13px;color:var(--muted)}.top>button{margin-left:auto;border:0;background:none;font-size:14px;font-weight:650;padding:12px}main{max-width:1040px;margin:auto;padding:44px 32px 72px;min-height:80vh}h1,h2,p{margin:0;word-break:keep-all;overflow-wrap:break-word}h1{font-size:44px;line-height:1.25;letter-spacing:-.02em}h2{font-size:28px;line-height:1.45;letter-spacing:-.015em}p{font-size:16px;line-height:1.8}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.04em;color:#5c725d;margin-bottom:16px}.intro{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:36px;padding:38px 0 30px}.intro h1 small{display:block;font-size:24px;font-weight:600;margin-top:14px}.intro p{margin-top:24px;color:var(--muted)}.art svg{width:100%;height:auto;display:block}.intro .art{position:relative}.art-caption{text-align:center;font-size:13px;color:var(--muted);margin-top:12px}.meta{display:flex;gap:12px;font-size:13px;color:var(--muted);margin:24px 0}.meta span+span:before{content:'·';padding-right:12px}.button{min-height:54px;border:1.5px solid var(--green);border-radius:10px;padding:15px 22px;font-weight:650;font-size:16px;background:var(--green);color:white;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.button.secondary{background:transparent;color:var(--ink);border-color:#899783}.button.text{border-color:transparent;background:none;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.intro .actions{flex-direction:column;max-width:320px}.intro-note{font-size:13px!important;line-height:1.7!important;margin-top:16px!important}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);margin-top:46px;padding-top:28px}.rules h3{font-size:16px;margin:0 0 10px}.rules p{font-size:14px;color:var(--muted)}.rules b{color:#859478;font-weight:500;margin-right:8px}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px}.chapter-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;font-weight:650;color:var(--muted)}.chapter-top button{border:0;background:none;text-decoration:underline;padding:8px;font-size:13px}.progress{height:4px;background:#dfe3d7;border-radius:4px;margin-bottom:32px;overflow:hidden}.progress i{display:block;height:100%;background:#68835f;transition:width .25s}.chapter h1{font-size:29px;line-height:1.5;white-space:pre-line}.chapter>.description{margin:18px 0 26px;color:#506254}.chapter .mini-art{margin-bottom:24px}.mini-art svg{max-height:180px}.options{display:grid;gap:12px}.choice{border:1.5px solid #879984;background:var(--paper);border-radius:12px;padding:19px 20px;text-align:left;position:relative;min-height:90px}.choice strong{display:block;font-size:18px;font-weight:650;line-height:1.5;padding-right:20px;word-break:keep-all}.choice>span{display:block;font-size:14px;line-height:1.65;color:#59695e;margin-top:6px;word-break:keep-all}.choice:after{content:'↗';position:absolute;right:17px;top:20px;font-size:19px;color:#5b7758}.choice .cost{font-size:12px;margin-top:9px;color:#806344}.choice:disabled{cursor:not-allowed;border-style:dashed;background:#eeeee7;color:#6b7269}.choice:disabled:after{content:'−'}.choice:disabled>span{color:#626a60}@media(hover:hover){.choice:not(:disabled):hover{background:#eef2e6;border-color:#3b6451}.button:hover{filter:brightness(.96)}}.side{align-self:start;position:sticky;top:25px;border-left:1px solid var(--line);padding-left:24px}.side h2{font-size:15px;margin:0 0 18px}.stats{display:grid;gap:19px}.stat header{display:flex;justify-content:space-between;font-size:13px}.stat b{font-size:15px}.stat .bar{height:5px;background:#e1e4d8;margin-top:9px;border-radius:5px;overflow:hidden}.stat .bar i{height:100%;display:block;background:#829773}.stat.money .bar i{background:#c1a064}.stat.ties .bar i{background:#b88e89}.stat.energy .bar i{background:#8f9dae}.stat-note{font-size:12px;color:var(--muted);margin-top:16px}.journal{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.journal summary{font-size:14px;font-weight:650;cursor:pointer}.journal ol{padding-left:18px;margin-bottom:0}.journal li{font-size:13px;line-height:1.7;margin:12px 0;color:var(--muted)}.journal li b{display:block;color:var(--ink)}.feedback{max-width:650px;margin:auto}.feedback .eyebrow{margin-top:22px}.feedback h1{font-size:28px;line-height:1.5}.feedback .description{margin-top:20px}.changes{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.changes span{font-size:13px;padding:8px 12px;border:1px solid #c2cbb8;border-radius:6px;background:#f0f3e9}.feedback .actions .button{flex:1}.result{max-width:700px;margin:auto}.result-card{background:var(--paper);border:1px solid #bac5ad;border-radius:16px;padding:32px}.result-card h1{font-size:32px;line-height:1.4}.result-card .art{margin:24px 0 20px}.result-line{font-size:19px;font-weight:650;margin:12px 0}.result-card p{margin-top:15px;color:#4b5f50}.result-card .stats{grid-template-columns:1fr 1fr;margin-top:28px;gap:20px}.result .regret{padding:26px 0;border-bottom:1px solid var(--line)}.result .regret h2{font-size:18px;margin-bottom:10px}.result .regret p{color:var(--muted)}.result .actions{display:grid;grid-template-columns:1fr 1fr}.result .actions .wide{grid-column:1/-1}.result .journal{border:0;margin-top:4px}.result .small{font-size:13px;color:var(--muted);margin-top:18px}.result .shared{padding:14px 18px;background:#e9eddf;border-radius:8px;font-size:14px;line-height:1.7;margin-bottom:24px}.save-warning{padding:14px 18px;background:#fff0cb;color:#745124;font-size:14px;line-height:1.7;border-radius:8px;margin-bottom:20px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#283f36;color:white;padding:14px 20px;border-radius:10px;max-width:calc(100% - 32px);font-size:14px;z-index:20;opacity:0;pointer-events:none}#notice.on{opacity:1}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:440px;width:calc(100% - 40px);color:var(--ink);background:var(--paper)}dialog::backdrop{background:#17261e70}dialog h2{font-size:23px;margin-bottom:16px}dialog p{font-size:15px;margin:12px 0}dialog>.button{width:100%;margin-top:20px}.import-label{display:block;font-weight:650;margin:20px 0 12px}.import-label input{display:block;max-width:100%;font:inherit;font-size:13px;margin-top:12px}.reset-confirm .actions{display:flex}.reset-confirm button{flex:1}.download-preview{max-width:100%;border:1px solid var(--line);margin-top:20px}.back-home{font-size:14px;color:var(--muted);display:inline-block;margin-top:28px}.footnote{font-size:12px!important;color:var(--muted);margin-top:24px;text-align:center}@media(max-width:760px){.top{height:66px;padding:0 20px;gap:16px}.brand{font-size:28px}.top>span{font-size:12px}.top>button{padding:10px 0}main{padding:28px 20px 50px}.intro{grid-template-columns:1fr;gap:25px;padding:12px 0 0}.intro h1{font-size:39px}.intro h1 small{font-size:22px}.intro p{margin-top:19px}.intro .art{grid-row:2}.intro .actions{max-width:none}.intro .intro-copy .actions{margin-bottom:0}.intro .meta{margin:20px 0}.rules{grid-template-columns:1fr;gap:22px;margin-top:30px;padding-top:24px}.game-grid{grid-template-columns:1fr;gap:25px;display:flex;flex-direction:column}.side{order:-1;position:static;border:0;padding:0;width:100%}.side h2,.side .stat-note{display:none}.side>.stats{grid-template-columns:repeat(4,1fr);gap:12px;border-bottom:1px solid var(--line);padding-bottom:19px}.side .stat header{display:block;font-size:12px}.side .stat b{display:block;margin-top:5px;font-size:14px}.side .journal{display:none}.progress{margin-bottom:25px}.chapter-top{margin-bottom:12px}.chapter h1{font-size:25px}.chapter>.description{font-size:16px;line-height:1.8}.choice{padding:17px 16px;min-height:96px}.choice strong{font-size:17px;padding-right:17px}.choice>span{font-size:14px}.chapter .mini-art{display:none}.feedback h1{font-size:26px}.feedback .art{margin-bottom:25px}.result-card{padding:23px 20px}.result-card h1{font-size:28px}.result-line{font-size:18px}.result .actions{grid-template-columns:1fr}.result .actions .wide{grid-column:auto}.result .small{line-height:1.8}.result .shared{font-size:14px}.chapter-top button{padding-right:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
