:root{--bg:#0e0e12;--fg:#ece7da;--dim:#b5ae9c;--line:#2b2b34;--accent:#f2c14e;--font:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--frame:#e2c27a;--frame-dark:#8a6a3a;--frame-ink:#07060c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-mood=home]{--bg:#1a1511;--line:#3a2e24;--accent:#f0a95b}body[data-mood=school]{--bg:#121a14;--line:#27382b;--accent:#9fd27a}body[data-mood=night]{--bg:#0b0d1a;--line:#222846;--accent:#9aa9ff}body[data-mood=sea]{--bg:#0c1820;--line:#1d3a4a;--accent:#6fd3e0}body[data-mood=storm]{--bg:#111317;--line:#343a44;--accent:#e8e8ff}body[data-mood=window]{--bg:#1b1a14;--line:#3b3826;--accent:#ffe08a}body[data-mood=forest]{--bg:#0d1710;--line:#20382a;--accent:#7fe0a0}body[data-mood=dusk]{--bg:#1a1016;--line:#3a2433;--accent:#e88fb0}body[data-mood=stars]{--bg:#07070f;--line:#1f1f3a;--accent:#fff3b0}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:17px;line-height:1.7;transition:background-color .6s steps(6,end)}#app{box-sizing:border-box;max-width:560px;min-height:100%;padding-block:48px 64px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:20px;margin:0 auto;display:flex}h1,h2{margin:0;font-size:21px;font-weight:700}h1{font-family:var(--font-mono);letter-spacing:.02em}h2 small{color:var(--dim);margin-bottom:2px;font-size:15px;font-weight:400;display:block}p{margin:0}.meta{color:var(--dim);font-size:15px}.unit{white-space:nowrap}.center{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:22vh;display:flex}.origin-head{text-align:center;align-items:center}.origin-head canvas.born{width:96px;height:96px;image-rendering:pixelated}.bar{background:var(--line);height:4px}.bar>i{background:var(--accent);height:100%;display:block}.art,.share{width:100%;height:auto;image-rendering:pixelated;border:2px solid var(--line);display:block}.art{aspect-ratio:16/9}.art.portrait{aspect-ratio:144/76}@media (width>=900px){#app[data-screen=life],#app[data-screen=result]{grid-template-columns:3fr 2fr;align-content:start;max-width:900px;display:grid}#app[data-screen=life]>.event,#app[data-screen=result]>.event{grid-column:1/-1}#app[data-screen=life] .win.stats .gauges,#app[data-screen=result] .win.stats .gauges{grid-template-columns:1fr}}@media (height<=760px){.art.portrait{object-fit:cover;max-height:20vh}#app{gap:14px;padding-block:20px 48px}.win{gap:8px;padding:10px 12px}.scene{font-size:18px}}@media (height<=700px){#app[data-screen=life]>.win.frame{display:none}#app[data-screen=result] .art{object-fit:cover;max-height:24vh}}body{--panel-tint:#3a3166;--panel:color-mix(in srgb, var(--bg) 72%, var(--panel-tint));--panel-2:color-mix(in srgb, var(--bg) 86%, var(--panel-tint))}.win{background:linear-gradient(var(--panel), var(--panel-2));border:3px solid var(--frame);box-shadow:0 0 0 2px var(--frame-ink), inset 0 0 0 2px var(--frame-dark);flex-direction:column;gap:10px;padding:14px;display:flex;position:relative}.win>.c{background:var(--frame);border:2px solid var(--frame-ink);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.win>.c.tl{top:-8px;left:-8px}.win>.c.tr{top:-8px;right:-8px}.win>.c.bl{bottom:-8px;left:-8px}.win>.c.br{bottom:-8px;right:-8px}body[data-being=cat]{--frame:#e9a96b;--frame-dark:#b97a45;--frame-ink:#1a0f0a;--panel-tint:#5a3a28}body[data-being=cat] .win{box-shadow:0 0 0 2px var(--frame-ink);border-width:4px;border-radius:16px}body[data-being=cat] .win:before{content:"";border:1.5px dashed var(--frame-dark);pointer-events:none;border-radius:11px;position:absolute;inset:4px}body[data-being=cat] .win>.c{background:#f3c99a;border-radius:50%;width:12px;height:12px;transform:none}body[data-being=cat] .win.frame:before{display:none}body[data-being=cat] .win.frame .art,body[data-being=cat] .win.frame .share{border-radius:11px}body[data-being=elf]{--frame:#a8d5b3;--frame-dark:#5f8f6c;--frame-ink:#06100a;--panel-tint:#1f4a35}body[data-being=elf] .win{box-shadow:0 0 0 2px var(--frame-ink), inset 0 0 0 3px var(--panel-2), inset 0 0 0 4px var(--frame-dark);border-width:2px}body[data-being=elf] .win>.c{background:#cfe9d2;border-radius:0 100%;width:14px;height:14px;transform:none}body[data-being=elf] .win>.c.tr,body[data-being=elf] .win>.c.bl{border-radius:100% 0}body[data-being=elf] .win>.c.tl{top:-9px;left:-9px}body[data-being=elf] .win>.c.tr{top:-9px;right:-9px}body[data-being=elf] .win>.c.bl{bottom:-9px;left:-9px}body[data-being=elf] .win>.c.br{bottom:-9px;right:-9px}.burst{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.win.frame{padding:5px}.win.frame .art,.win.frame .share{border:0}@media (width>=900px) and (height<=900px){.win.frame .share{width:auto;max-width:100%;max-height:40vh;margin-inline:auto}}.plate{justify-content:space-between;align-items:center;gap:8px;display:flex}.plate>b{background:var(--frame-ink);border:2px solid var(--frame);padding:0 10px;font-size:15px}.plate .job{background:var(--frame);color:var(--frame-ink);text-align:right;padding:0 10px;font-size:14px;font-weight:700}.plate .job small{margin-left:6px;font-weight:400}.plate .job b{font-weight:400}.win.stats .gauges{grid-template-columns:1fr 1fr;grid-auto-flow:dense;column-gap:16px}.win.stats .gauges li{grid-template-columns:22px 1fr 2.4em;gap:6px}.win.stats .gauges li:has(.amount){grid-column:1/-1;grid-template-columns:22px auto 1fr}.win.stats:has(.notes){cursor:pointer}.plate .help{border:2px solid var(--frame);width:24px;height:24px;color:var(--frame);text-align:center;border-radius:50%;margin-right:auto;padding:0;font-size:13px;font-weight:700;line-height:1}.win.stats .notes{border-top:1px solid var(--line);color:var(--dim);gap:6px;margin:8px 0 0;padding:8px 0 0;font-size:13px;list-style:none;display:grid}.win.stats .notes li{grid-template-columns:22px 2.6em 1fr;align-items:start;gap:6px;display:grid}.win.stats .notes .name{justify-content:center;padding-top:2px;display:flex}.win.stats .notes b{color:var(--fg)}.win.stats .notes[hidden]{display:none}.win .gauge{background:var(--frame-ink);height:6px;box-shadow:0 0 0 1px var(--frame-dark)}.event .choices{gap:2px}.event .choices button{border-color:#0000;padding:7px 10px 7px 28px;position:relative}.event .choices button:before{content:"▶";color:var(--accent);visibility:hidden;position:absolute;left:10px}.event .choices button:focus-visible{border-color:var(--frame-dark);background:color-mix(in srgb, var(--fg) 6%, transparent)}.event .choices button:focus-visible:before{visibility:visible}@media (hover:hover){#app:not([data-still]) .event .choices button:not(:disabled):hover{border-color:var(--frame-dark);background:color-mix(in srgb, var(--fg) 6%, transparent)}#app:not([data-still]) .event .choices button:not(:disabled):hover:before{visibility:visible}}.event .choices button.next,.passage .choices button.next,.pager button.next{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);text-align:center;padding:12px 14px;font-weight:700}.event .choices button.next:before,.passage .choices button.next:before,.pager button.next:before{content:none}.event .choices button.next:after,.passage .choices button.next:after,.pager button.next:after{content:" ▶"}.event .choices button.next:focus-visible,.passage .choices button.next:focus-visible,.pager button.next:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 26%, transparent)}@media (hover:hover){#app:not([data-still]) .event .choices button.next:not(:disabled):hover,#app:not([data-still]) .passage .choices button.next:not(:disabled):hover,#app:not([data-still]) .pager button.next:not(:disabled):hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 26%, transparent)}}.passage{text-align:center;flex-direction:column;gap:14px;display:flex}.passage .choices{align-self:stretch}.event .choices button.locked{opacity:.5;cursor:default}.event .choices button.locked small{align-items:center;gap:4px;display:flex}.menu{align-self:stretch;gap:4px}.menu button{border-color:#0000}.center.title{margin-top:0}.center.title>.win{align-self:stretch}.kv-line{text-align:center;margin:0}.kv-line.world{color:var(--dim);margin-top:2px;font-size:14px}.kv h1{color:#fff3c4;text-shadow:0 2px 0 var(--frame-ink), 2px 0 0 var(--frame-ink), -2px 0 0 var(--frame-ink), 0 -2px 0 var(--frame-ink), 0 4px 0 var(--frame-dark), 0 0 18px #ffb35c8c;pointer-events:none;font-size:30px;position:absolute;top:14%;left:0;right:0}.gauges{color:var(--dim);gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.gauges li{grid-template-columns:22px 1fr 6em;align-items:center;gap:8px;display:grid}.gauges .name{justify-content:center;display:flex}.gauges .amount.debt{color:#e5656b}.gauge{background:var(--line);height:4px}.gauge>i{background:var(--accent);height:100%;transition:width .4s steps(4,end);display:block}.gauges b{font-weight:400}.gauges .amount{color:var(--fg);font-variant-numeric:tabular-nums}.gauges .up{color:var(--accent)}.traits b,.dream b{font-weight:400}.traits .up,.dream .up{color:var(--accent)}.dream small{border:1px solid var(--frame);padding:0 4px;font-size:12px}.dream s{opacity:.7}.story{border-left:2px solid var(--accent);padding-left:10px;font-size:16px}.reading{background:var(--line);height:2px}.reading>i{background:var(--accent);width:0;height:100%;animation:read var(--read) steps(8) forwards;display:block}@keyframes read{to{width:100%}}button:disabled{opacity:.4;cursor:default}.scene{font-size:19px;line-height:1.65}.choices{flex-direction:column;gap:10px;display:flex}button{font:inherit;color:var(--fg);border:2px solid var(--line);text-align:left;cursor:pointer;background:0 0;padding:12px 14px}button:focus-visible{border-color:var(--accent);outline:none}@media (hover:hover){#app:not([data-still]) button:not(:disabled):hover{border-color:var(--accent)}}button .key{color:var(--dim);font-family:var(--font-mono);margin-right:8px}.choices button.picked{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 20%, transparent)}.choices button.picked .key{color:var(--accent)}button small{color:var(--dim);font-size:14px;display:block}button .opens,.past .opens{vertical-align:-1px;gap:4px;margin-left:8px;display:inline-flex}button .req{color:var(--accent)}.book-menu h2{margin:0}.center.notice{margin-top:0}.notice p{max-width:34em;margin-left:auto;margin-right:auto}ul.help{justify-items:center;gap:6px;margin:8px auto 16px;padding:0;list-style:none;display:grid}ul.help small{color:var(--dim);margin-left:6px}.pager .page-no{text-align:center;margin:0;font-size:13px}.menu button.sub{color:var(--dim);padding-block:8px;font-size:15px}.challenge .tiers{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.challenge button.tier{text-align:center;min-width:40px}.challenge button.tier[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.key.challenge{color:var(--accent)}.badge{border:1px solid var(--accent);letter-spacing:.06em;vertical-align:1px;border-radius:3px;margin-left:6px;padding:0 5px;font-size:11px;display:inline-block}.gicon{--o:#4a3842;flex:none}.gicon .o{fill:var(--o)}.gicon .m{fill:var(--m)}.gicon .d{fill:var(--d)}.gicon .w{fill:var(--w)}.i-heart{--m:#e5656b;--d:#a8404a;--w:#ffd0cc}.i-coin{--m:#f2c14e;--d:#b8862a;--w:#fff3c4}.i-book{--m:#7f9fe0;--d:#5a78b8;--w:#ece7da}.i-people{--m:#e2a6ef;--d:#9a62ad;--w:#f5dcfa}.i-clover{--m:#74cf86;--d:#3f9a55;--w:#d4f5da}button.main{text-align:center;border-color:var(--accent);min-width:200px}.new{color:var(--accent);font-size:15px}.weak{color:var(--dim);align-items:flex-start;gap:6px;font-size:15px;display:flex}.weak .gicon{margin-top:4px}.path{border-left:2px solid var(--accent);margin:0;padding:0;list-style:none}.path li{color:var(--dim);padding:2px 0 2px 12px;font-size:15px}.path li b{color:var(--fg);font-weight:400}.today{align-items:center;gap:2px;padding:10px 16px}.today small{color:var(--dim);font-size:15px}.today b{color:var(--accent);font-size:19px}.today span{font-size:15px}.progress{text-align:center;grid-template-columns:repeat(4,1fr);gap:10px 8px;width:100%;max-width:440px;padding:14px 12px 10px;display:grid}.progress span{flex-direction:column;align-items:center;min-width:0;display:flex}.progress b{font-family:var(--font-mono);color:var(--accent);font-size:30px;line-height:1.15}.progress small{color:var(--dim);font-size:15px}.progress span i{background:linear-gradient(to right, var(--accent) var(--p), var(--line) var(--p));width:100%;height:6px;margin-top:8px}.progress .more{grid-column:1/-1}.progress span.light{flex-direction:row;grid-column:1/-1;justify-content:center;align-items:baseline;gap:10px}@media (width<=360px){.progress{grid-template-columns:repeat(2,1fr)}}.memory{text-align:left;flex-direction:column;gap:6px;display:flex}.note{color:var(--dim);flex-direction:column;gap:6px;font-size:15px;display:flex}.auto-box{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:14px;padding-top:14px;display:flex}.auto-box button{border-color:#0000;padding:6px 10px 6px 28px;font-size:14px;position:relative}.auto-box button:before{content:"▶";color:var(--accent);visibility:hidden;position:absolute;left:10px}.auto-box button .state{color:var(--dim);margin-left:4px}.auto-box button[aria-pressed=true],.auto-box button[aria-pressed=true] .state{color:var(--accent)}.auto-box button[aria-pressed=true]:before,.auto-box button:focus-visible:before{visibility:visible}@media (hover:hover){.auto-box button:hover:before{visibility:visible}}.auto-box small{min-width:0;color:var(--dim);flex:12em;font-size:13px}.note input{font:inherit;color:var(--fg);border:0;border-bottom:2px solid var(--line);background:0 0;min-width:0;padding:6px 2px}.note input::placeholder{color:var(--dim);opacity:.8}.note input:focus{border-bottom-color:var(--accent);outline:none}.past-age{font-size:14px}.will{color:var(--dim);flex-direction:column;gap:4px;font-size:15px;display:flex}.will b{color:var(--accent);font-weight:400}.hue{align-items:center;gap:8px;display:flex}.hue i,.hues i{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 10px}.hues{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px 12px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.hues li{align-items:center;gap:6px;display:flex}.hues li.dark{color:var(--dim)}.hues li.dark i{background:var(--line);box-shadow:none}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs button{padding:6px 12px}.tabs button small{color:var(--dim);font-size:13px}.tabs button[aria-pressed=true]{border-color:var(--accent)}.sky-lives{flex-direction:column;gap:8px;display:flex}.sky{border:2px solid var(--line);scroll-margin-top:64px;position:relative}.sky-art{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;display:block}.sky-group{box-sizing:border-box;text-align:center;border:1px solid #0000;justify-content:center;align-items:flex-end;padding:0 0 4px;display:flex;position:absolute}.sky-group span{color:var(--dim);text-shadow:0 0 3px #000,0 0 3px #000;font-size:12px;line-height:1.2}.sky-group span.dark{color:color-mix(in srgb, var(--dim) 50%, transparent)}.sky-group.embers{justify-content:flex-end;padding-right:8px}.sky-group[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.sky-group[aria-pressed=true] span{color:var(--accent)}.sky-layer{box-sizing:border-box;color:var(--dim);text-shadow:0 0 3px #000,0 0 3px #000;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;font-size:12px;line-height:1;display:flex;position:absolute;left:0}.sky-layer small{color:color-mix(in srgb, var(--dim) 70%, transparent);font-size:11px}.sky-layer[aria-pressed=true]{color:var(--accent)}.sky-floor{pointer-events:none;scroll-margin-top:64px;position:absolute;left:0;right:0}h3 small{color:var(--dim);font-size:14px;font-weight:400}.dot-hue{border-radius:50%;width:8px;height:8px;margin-top:-2px}.lives-box{flex-direction:column;align-items:center;gap:8px;display:flex}.lives{flex-wrap:wrap;justify-content:center;gap:12px 10px;margin:0;padding:0;list-style:none;display:flex}.lives li{text-align:center;width:76px;color:var(--dim);flex-direction:column;align-items:center;gap:2px;font-size:12px;line-height:1.35;display:flex}.lives button.life{text-align:center;width:100%;color:inherit;font-size:inherit;line-height:inherit;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.lives button.life:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lives canvas{width:48px;height:48px;image-rendering:pixelated}.lives li b{color:var(--fg);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:400;display:-webkit-box;overflow:hidden}.lives li.forgot{opacity:.45}.lives li.forgot canvas{filter:grayscale()}.lives li.now b{color:var(--accent)}.path li small{font-size:13px;display:block}h3{margin:12px 0 0;font-size:16px}@media (height<=740px){#app{gap:12px;padding-block:16px 24px}.choices{gap:8px}.choices button{padding-block:8px}}@media (prefers-reduced-motion:reduce){.reading>i{animation:none}html,body,.gauge>i{transition:none}}.score{gap:4px;margin:0;padding:0;list-style:none;display:grid}.score li{border-bottom:1px dashed var(--line);justify-content:space-between;padding-bottom:4px;display:flex}.score b,.total b{font-variant-numeric:tabular-nums}.total{justify-content:space-between;font-size:18px;font-weight:700;display:flex}.rank{color:var(--accent);margin:4px 0 0;font-size:15px}.goals{gap:4px;margin:0;padding:0;list-style:none;display:grid}.goals li.met b{color:var(--accent)}.goals li small{color:var(--dim);margin-left:8px}p.goals{margin-top:6px}.win.settle h3{margin:0}ul.rewards{gap:8px;margin:0;padding:0;list-style:none;display:grid}ul.rewards li{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:10px 12px;display:grid;position:relative}ul.rewards li.myth{border:6px double var(--frame);background:color-mix(in srgb, var(--frame) 16%, transparent)}ul.rewards li.myth .kind{color:var(--frame)}ul.rewards .kind{color:var(--accent);letter-spacing:.04em;font-size:12px}ul.rewards .from{color:var(--dim);text-align:right;font-size:12px}ul.rewards b{grid-column:1/-1;min-width:0;font-size:18px}ul.rewards .detail{color:var(--dim);grid-column:1/-1;font-size:13px}