:root{--paper: #f4f7f4;--paper-cool: #e7eeeb;--ink: #172322;--ink-soft: #52615e;--mineral: #245f61;--mineral-deep: #163f41;--cinnabar: #a63c2d;--gold: #b58a3c;--gold-light: #e0c781;--hairline: rgb(23 35 34 / 20%);--shadow: rgb(12 27 27 / 18%);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;letter-spacing:0}*{box-sizing:border-box;letter-spacing:0}html{min-width:320px;min-height:100%;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:var(--paper)}body.drawer-open{overflow:hidden}button,input,select{font:inherit;color:inherit}button,.file-button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:wait;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,.file-button:focus-within{outline:2px solid var(--cinnabar);outline-offset:3px}.app-root{min-height:100vh;min-height:100dvh;font-size:var(--app-text-size, 16px);background-color:var(--paper);background-image:linear-gradient(180deg,#f4f7f4b3,#f4f7f429 45%,#f4f7f4a3),url(/assets/ink-mountains-CIyi3gtn.webp);background-position:center,center bottom;background-repeat:no-repeat;background-size:cover,cover;isolation:isolate}.app-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.3;background-image:repeating-linear-gradient(92deg,transparent 0 7px,rgb(20 42 41 / 5%) 8px,transparent 9px 15px);mix-blend-mode:multiply}h1,h2,h3,.brand,.spin-button{font-family:STKaiti,KaiTi,Songti SC,"Noto Serif CJK SC",serif}.new-destiny{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding-block:clamp(2rem,8vh,5rem);padding-inline:max(1.25rem,env(safe-area-inset-left))}.new-destiny__content{position:relative;width:min(29rem,100%);padding-block:2.5rem;padding-inline:clamp(1rem,4vw,2.5rem);text-align:center;animation:reveal-scroll .72s ease-out both}.new-destiny__content:before,.new-destiny__content:after{content:"";position:absolute;inset-block:0;width:1px;background:linear-gradient(transparent,var(--gold),transparent)}.new-destiny__content:before{inset-inline-start:0}.new-destiny__content:after{inset-inline-end:0}.eyebrow,.prompt>p,.result-banner>p{margin:0;color:var(--cinnabar);font-size:.76rem;font-weight:700}.new-destiny h1{margin-block:.45rem .25rem;font-size:clamp(3.8rem,10vw,6.5rem);font-weight:500;line-height:1;color:var(--ink)}.lead{margin-block:0 2.25rem;color:var(--ink-soft)}.seed-note{margin-block:-1.45rem 1.4rem;color:var(--ink-soft);font-size:.82rem}.new-destiny label{display:block;margin-block-end:.5rem;text-align:start;color:var(--ink-soft);font-size:.82rem}.seed-row{display:grid;grid-template-columns:minmax(0,1fr) 3rem;gap:.55rem}input,select{min-width:0;min-height:2.75rem;border:1px solid var(--hairline);border-radius:2px;background:#fafcfad1;padding-block:.65rem;padding-inline:.8rem}.icon-button,.game-header button,.drawer-close{border:1px solid var(--hairline);border-radius:2px;background:#f4f7f494;display:inline-grid;place-items:center}.primary,.quiet{width:100%;margin-block-start:.8rem;border-radius:2px;min-height:3rem;display:flex;gap:.55rem;align-items:center;justify-content:center}.primary{border:1px solid var(--cinnabar);background:var(--cinnabar);color:#fff;box-shadow:0 8px 18px #5e221c29}.primary:hover{background:#8d3024}.quiet{border:0;background:transparent;color:var(--ink-soft)}.game-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:clip}.game-header{min-height:4rem;padding-inline:clamp(.75rem,2.5vw,2rem);border-block-end:1px solid var(--hairline);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#f4f7f4b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:reveal-scroll .55s ease-out both}.game-header .brand{min-height:2.5rem;padding-inline:.65rem;border:0;justify-self:start;display:flex;gap:.55rem;align-items:center;font-size:1.08rem;font-weight:700;color:var(--ink)}.game-header .brand svg{color:var(--cinnabar)}.menu-toggle{display:none!important;width:2.65rem;height:2.65rem;justify-self:end}.game-header nav{justify-self:end;display:flex;gap:.35rem}.game-header nav button{width:2.55rem;height:2.55rem}.game-header nav button:hover{border-color:var(--gold);color:var(--mineral);background:#fffc}.game-header nav svg{width:1.05rem}.game-meta{display:flex;gap:1rem;color:var(--ink-soft);font-size:.8rem}.game-meta span+span{position:relative}.game-meta span+span:before{content:"·";position:absolute;inset-inline-start:-.65rem;color:var(--gold)}.game-meta .seed{max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-field{min-height:0;display:grid;grid-template-columns:minmax(15rem,1fr) minmax(20rem,31rem) minmax(15rem,1fr);align-items:center;gap:clamp(1rem,3vw,3rem);padding-block:clamp(1rem,3vh,2.5rem);padding-inline:clamp(1rem,5vw,5rem)}.prompt{max-width:27rem;text-align:start;animation:reveal-scroll .7s .08s ease-out both}.prompt h1{margin-block:.3rem .7rem;font-size:clamp(1.9rem,3vw,3.25rem);font-weight:500;line-height:1.16}.prompt div{color:var(--ink-soft);line-height:1.75}.prompt:after{content:"";display:block;width:3.5rem;margin-block-start:1.15rem;border-block-end:2px solid var(--cinnabar)}.wheel-area{display:grid;justify-items:center;gap:.8rem;animation:reveal-scroll .8s .14s ease-out both}.wheel-frame{position:relative;width:min(31rem,44vw,54vh);aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;padding:.72rem;background:var(--paper-cool)!important;box-shadow:0 18px 55px var(--shadow),inset 0 0 0 5px #f4f7f4db,inset 0 0 0 7px var(--gold)}.wheel-frame:before,.wheel-frame:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.wheel-frame:before{top:.3rem;right:.3rem;bottom:.3rem;left:.3rem;border:1px dashed rgb(181 138 60 / 58%)}.wheel-frame:after{top:1.2rem;right:1.2rem;bottom:1.2rem;left:1.2rem;box-shadow:inset 0 0 45px #061f1f75}.wheel-disc{position:relative;width:100%;height:100%;overflow:hidden;border:.22rem solid var(--paper);border-radius:50%;transition:transform 1.8s cubic-bezier(.12,.7,.16,1)}.wheel-disc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-radial-gradient(circle,transparent 0 8px,rgb(240 246 242 / 5%) 9px 10px);mix-blend-mode:screen;pointer-events:none}.wheel-disc>span:not(.wheel-seal){position:absolute;width:10rem;height:1.5rem;display:grid;place-items:center;white-space:nowrap;text-align:center;color:#fff;font-family:STKaiti,KaiTi,serif;font-size:.82rem;font-weight:700;line-height:1;text-shadow:0 1px 3px rgb(0 0 0 / 72%);transform-origin:center;z-index:1}.wheel-disc>span.wheel-label--narrow{width:7rem;font-size:.74rem}.wheel-disc .wheel-seal{position:absolute;inset:50% auto auto 50%;z-index:3;width:4.4rem;height:4.4rem;transform:translate(-50%,-50%);border:2px solid var(--gold-light);border-radius:50%;display:grid;place-items:center;background:var(--cinnabar);color:#fff8eb;font-family:STKaiti,KaiTi,serif;font-size:1.65rem;box-shadow:0 4px 16px #17232273}[dir=rtl] .wheel-disc .wheel-seal{transform:translate(50%,-50%)}.wheel-pointer{z-index:5;position:absolute;inset-block-start:-1rem;inset-inline-start:50%;width:1.45rem;height:2.4rem;transform:translate(-50%);background:linear-gradient(90deg,#8a6425,var(--gold-light),#8a6425);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 3px 3px rgb(20 28 26 / 38%))}[dir=rtl] .wheel-pointer{transform:translate(50%)}.spin-button{min-width:11rem;min-height:2.8rem;padding-inline:1.25rem;border:1px solid var(--gold);border-radius:2px;color:var(--paper);background:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;box-shadow:0 7px 18px var(--shadow)}.spin-button:hover:not(:disabled){background:var(--mineral-deep);border-color:var(--gold-light)}.spin-button--hidden{visibility:hidden}.initial-generate-button{min-height:2.6rem;padding-inline:1rem;border:0;border-block-end:1px solid var(--gold);color:var(--ink-soft);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-size:.84rem}.initial-generate-button:hover:not(:disabled){color:var(--cinnabar);border-color:var(--cinnabar)}.wheel-disc.spinning{filter:saturate(.8)}.game-shell[data-event-category=adventure] .wheel-frame{border-color:var(--cinnabar);box-shadow:0 18px 55px var(--shadow),inset 0 0 0 5px #f4f7f4db,inset 0 0 0 7px var(--cinnabar)}.game-shell[data-event-category=adventure] .wheel-pointer{background:linear-gradient(90deg,#7e2d24,#d56b45,#7e2d24)}.result-stage{min-height:9.5rem;align-self:center;display:grid;align-items:center}.result-banner{width:min(27rem,100%);border-block:1px solid var(--hairline);padding-block:1rem;padding-inline:clamp(.5rem,2vw,1.2rem);text-align:start;background:#f4f7f475;animation:result-settle .42s ease-out both}.result-banner h2{margin-block:.25rem;color:var(--cinnabar);font-size:1.35rem}.result-description{color:var(--ink-soft);font-size:.9rem;line-height:1.65;white-space:pre-line}.result-changes{list-style:none;margin-block:.8rem 0;padding:0;display:grid;gap:.35rem}.result-changes li{padding-block:.42rem;border-block-start:1px solid var(--hairline)}.result-changes li>div{display:grid;grid-template-columns:minmax(5rem,auto) minmax(0,1fr) auto;align-items:baseline;gap:.5rem;color:var(--ink);font-size:.82rem}.result-changes strong{font-weight:600}.result-changes span{min-width:0;overflow-wrap:anywhere;color:var(--ink-soft)}.result-changes b{font-weight:700}.result-changes .change--positive b{color:var(--mineral)}.result-changes .change--negative b{color:var(--cinnabar)}.result-changes p{margin:.22rem 0 0;color:var(--ink-soft);font-size:.74rem;line-height:1.45}.decision-controls{margin-block-start:.85rem;padding-block-start:.75rem;border-block-start:1px solid var(--hairline)}.decision-controls p{margin-block:0 .55rem;color:var(--ink-soft);font-size:.78rem}.decision-controls>div{display:flex;flex-wrap:wrap;gap:.55rem}.decision-controls button{min-height:2.65rem;padding-inline:.85rem;border:1px solid var(--gold);border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.decision-primary{color:var(--paper);background:var(--ink)}.decision-secondary{color:var(--ink);background:transparent}.decision-controls button:disabled{cursor:not-allowed;opacity:.48}.controls{position:sticky;bottom:0;z-index:8;min-height:3.5rem;padding-block:.45rem max(.45rem,env(safe-area-inset-bottom));padding-inline:1rem;border-block-start:1px solid var(--hairline);display:flex;justify-content:center;align-items:center;gap:clamp(1rem,4vw,2.5rem);color:var(--ink-soft);background:#f4f7f4e5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.84rem}.controls label{display:flex;align-items:center;gap:.5rem;min-height:2.5rem}.controls input[type=checkbox]{min-height:auto;accent-color:var(--cinnabar)}.adventure-progress{color:var(--cinnabar);font-weight:700}.chapter-summary-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#0c1a199e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chapter-summary{width:min(52rem,100%);max-height:calc(100dvh - 2rem);overflow:auto;padding:clamp(1.1rem,3vw,2rem);border:1px solid var(--gold);border-radius:4px;background:var(--paper);box-shadow:0 24px 70px #0c1b1b59}.chapter-summary header{display:flex;align-items:center;gap:.75rem;padding-block-end:.85rem;border-block-end:1px solid var(--hairline);color:var(--cinnabar)}.chapter-summary header p,.chapter-summary h2,.chapter-summary h3{margin:0}.chapter-summary header p{font-size:.76rem;font-weight:700}.chapter-summary h2{margin-block-start:.18rem;font-size:1.6rem;font-weight:500}.chapter-narrative{margin-block:1rem;line-height:1.75}.summary-realm{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.75rem;padding:.8rem 1rem;border-inline-start:3px solid var(--cinnabar);background:var(--paper-cool)}.summary-realm span,.summary-realm small{color:var(--ink-soft)}.summary-realm strong{font-size:1.2rem}.summary-section{margin-block-start:1.1rem}.summary-section h3{margin-block-end:.55rem;font-size:1rem}.summary-stats{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block-start:1px solid var(--hairline)}.summary-stats div{padding:.55rem .35rem;border-block-end:1px solid var(--hairline)}.summary-stats dt{color:var(--ink-soft);font-size:.74rem}.summary-stats dd{margin:.16rem 0 0}.summary-stats dd span{margin-inline-start:.3rem;font-size:.76rem}.summary-stats .positive{color:var(--mineral)}.summary-stats .negative{color:var(--cinnabar)}.summary-connections>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem}.summary-connections p{margin:0;padding-block:.45rem;border-block-end:1px solid var(--hairline);display:flex;justify-content:space-between;gap:.75rem;font-size:.82rem}.summary-connections span{color:var(--ink-soft);text-align:end}.summary-highlights{margin:0;padding-inline-start:1.2rem;color:var(--ink-soft);line-height:1.65}.summary-continue{margin-block-start:1.2rem;margin-inline-start:auto;min-height:2.8rem;padding-inline:1rem;border:1px solid var(--gold);border-radius:2px;display:flex;align-items:center;gap:.45rem;color:var(--paper);background:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:1fr minmax(20rem,min(36rem,100%))}.drawer-backdrop{border:0;background:#0c1a198c;cursor:default;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-panel{min-height:0;max-height:100dvh;background:var(--paper);border-inline-start:1px solid var(--gold);display:grid;grid-template-rows:auto minmax(0,1fr);box-shadow:-12px 0 35px var(--shadow);animation:drawer-in .28s ease-out both}[dir=rtl] .drawer-panel{box-shadow:12px 0 35px var(--shadow)}.drawer-header{height:4rem;padding-inline:1.25rem 1rem;display:flex;align-items:center;justify-content:space-between;border-block-end:1px solid var(--hairline)}.drawer-header h2{margin:0;font-size:1.3rem;font-weight:600}.drawer-close{width:2.75rem;height:2.75rem}.drawer-content{min-height:0;overflow:auto;padding:1.25rem;overscroll-behavior:contain}.character-details,.stats-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:1px solid var(--hairline)}.character-details div,.stats-list div{padding-block:.7rem;padding-inline:.25rem;border-block-end:1px solid var(--hairline)}.character-details dt,.stats-list dt{color:var(--ink-soft);font-size:.78rem}.character-details dd,.stats-list dd{margin-block:.2rem 0;margin-inline:0}.drawer-content h3{font-size:1rem;margin-block:1.5rem .65rem}.panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-end:1rem}.panel-toolbar label{display:flex;align-items:center;gap:.4rem}.panel-toolbar button,.file-button{min-height:2.75rem;padding-block:.4rem;padding-inline:.7rem;border:1px solid var(--hairline);border-radius:2px;background:transparent;display:inline-flex;align-items:center;gap:.35rem}.panel-toolbar button:hover,.file-button:hover{border-color:var(--gold);background:#fff}.panel-feedback{color:var(--cinnabar);min-height:1.4rem}.panel-empty{color:var(--ink-soft);padding-block:2rem;text-align:center}.chronicle-list{list-style:none;padding:0;margin:0;border-inline-start:1px solid var(--hairline)}.chronicle-list li{padding-block:.25rem 1.25rem;padding-inline:1.2rem 0;position:relative}.chronicle-list li:before{content:"";position:absolute;inset-inline-start:-.28rem;inset-block-start:.4rem;width:.48rem;height:.48rem;border-radius:50%;background:var(--cinnabar)}.chronicle-list time,.save-list time{color:var(--ink-soft);font-size:.78rem}.chronicle-list h3{margin-block:.25rem}.chronicle-list p{margin:0;line-height:1.65}.save-list{list-style:none;padding:0;margin-block:0 1rem;border-block-start:1px solid var(--hairline)}.save-list li{border-block-end:1px solid var(--hairline)}.save-list li.selected{border-inline-start:3px solid var(--cinnabar);background:#245f610f}.save-list button{width:100%;border:0;background:transparent;padding:.85rem;text-align:start;display:flex;justify-content:space-between;gap:1rem}.save-title,.save-meta{display:grid;gap:.25rem}.save-title span,.save-meta span{color:var(--ink-soft);font-size:.78rem}.save-meta{justify-items:end;text-align:end}.confirm-row{border-block-start:1px solid var(--hairline);padding-block-start:.9rem}.confirm-row button{margin-inline-end:.5rem;min-height:2.4rem}.settings-form{display:grid}.settings-form label{min-height:3.5rem;border-block-end:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-form input[type=range]{width:min(14rem,50%);min-height:auto;padding:0;accent-color:var(--mineral)}.settings-form input[type=checkbox]{min-height:auto;accent-color:var(--cinnabar)}@keyframes reveal-scroll{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes result-settle{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .drawer-panel{animation-name:drawer-in-rtl}@keyframes drawer-in-rtl{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.app-root[data-reduced-motion=true] *,.app-root[data-reduced-motion=true] *:before,.app-root[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1100px){.play-field{grid-template-columns:minmax(14rem,1fr) minmax(19rem,27rem)}.result-stage{grid-column:1 / -1;min-height:5.5rem}.result-banner{margin-inline:auto;text-align:center}.wheel-frame{width:min(27rem,45vw,48vh)}}@media(max-height:760px)and (min-width:700px){.game-header{min-height:3.5rem}.play-field{padding-block:.6rem}.prompt h1{font-size:1.85rem}.wheel-frame{width:min(23.5rem,39vw,49vh)}.result-stage{min-height:3.25rem}.result-banner{padding-block:.55rem}.result-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.controls{min-height:3rem}}@media(max-width:699px){.app-root{background-position:center,58% bottom}.game-shell{overflow:visible}.game-header{position:relative;z-index:2;min-height:3.75rem;grid-template-columns:1fr auto;padding-inline:.55rem}.game-header .brand{font-size:1rem;padding-inline:.4rem}.game-meta{display:none}.menu-toggle{display:inline-grid!important}.game-header nav{position:absolute;inset-block-start:calc(100% + 1px);inset-inline-end:.55rem;display:none;grid-template-columns:repeat(4,2.75rem);gap:.15rem;padding:.35rem;border:1px solid var(--hairline);border-radius:4px;background:#f4f7f4f5;box-shadow:0 10px 24px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-header nav.open{display:grid}.game-header nav button{width:2.65rem;height:2.65rem;border-color:transparent;background:transparent}.play-field{grid-template-columns:1fr;align-content:start;gap:.7rem;padding-block:1rem calc(1rem + env(safe-area-inset-bottom));padding-inline:1rem}.prompt{justify-self:center;text-align:center}.prompt h1{margin-block:.15rem .3rem;font-size:1.8rem}.prompt div{font-size:.88rem;line-height:1.55}.prompt:after{margin-inline:auto;margin-block-start:.6rem}.wheel-frame{width:min(19rem,78vw)}.wheel-disc>span:not(.wheel-seal){width:8.2rem;height:1.35rem;font-size:.72rem}.wheel-disc>span.wheel-label--narrow{width:5.8rem;font-size:.66rem}.wheel-disc .wheel-seal{width:3.7rem;height:3.7rem}.spin-button{min-height:2.75rem}.result-stage{grid-column:auto;min-height:5rem;width:100%;scroll-margin-block-end:calc(4.5rem + env(safe-area-inset-bottom))}.result-banner{padding-block:.55rem}.result-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chapter-summary-layer{padding:0;align-items:stretch}.chapter-summary{max-height:100dvh;border-radius:0;border-inline:0}.summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-connections>div{grid-template-columns:1fr}.controls{flex-wrap:wrap;min-height:3.5rem;gap:.5rem 1.25rem;padding-block-end:max(.45rem,env(safe-area-inset-bottom))}.drawer-layer{grid-template-columns:1fr}.drawer-backdrop{display:none}.drawer-panel{border-inline-start:0}.save-list button{flex-direction:column}.save-meta{justify-items:start;text-align:start}}@media(max-width:380px){.game-header .brand svg{display:none}.wheel-frame{width:min(17.5rem,80vw)}.character-details,.stats-list{grid-template-columns:1fr}}