:root{--bg: #071018;--bg-elev: #101820;--bg-elev-2: #17232b;--border: #293843;--text: #eee4d2;--text-dim: #b3aa98;--text-faint: #777265;--accent: #d0a13a;--accent-dim: #8f6825;--font-serif: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;--reading-width: 40rem;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(120% 80% at 50% 0%,#10212a 0%,var(--bg) 60%);color:var(--text);font-family:var(--font-sans);line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.screen{width:100%;max-width:var(--reading-width);margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1.1rem,5vw,2rem) calc(2.5rem + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}.screen__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.screen__heading{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;letter-spacing:.04em;margin:0}.primary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent-dim);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dim) 100%);color:#fbf3ee;font-size:1.05rem;font-weight:600;letter-spacing:.05em;padding:.95rem 1.6rem;border-radius:var(--radius);transition:transform .12s ease,filter .12s ease;min-height:52px}.primary-button:active{transform:translateY(1px)}.primary-button:focus:not(:focus-visible){outline:none}.primary-button--block{width:100%}.ghost-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:.95rem;letter-spacing:.04em;padding:.8rem 1.3rem;border-radius:var(--radius);transition:color .12s ease,border-color .12s ease;min-height:48px}.ghost-button--small{padding:.5rem .85rem;min-height:40px;font-size:.85rem}.ghost-button:focus:not(:focus-visible){outline:none}.title-screen{justify-content:center}.title-screen__inner{text-align:center;padding:2rem 0}.title-screen__key-visual{display:block;width:min(100%,32rem);aspect-ratio:1672 / 941;object-fit:cover;border-radius:8px;margin:0 auto clamp(1.1rem,3vh,1.6rem);box-shadow:0 18px 50px #00000057,0 0 48px #d0a13a2e}.title-screen__eyebrow{font-size:.8rem;letter-spacing:.4em;color:var(--text-faint);margin:0 0 1.2rem;text-transform:uppercase}.title-screen__title{font-family:var(--font-serif);font-size:clamp(1.9rem,8vw,2.8rem);font-weight:600;letter-spacing:.08em;line-height:1.5;margin:0 0 .45rem;text-shadow:0 0 24px rgba(208,161,58,.16)}.title-screen__subtitle{color:var(--text-faint);font-size:.78rem;letter-spacing:.12em;line-height:1.6;margin:0 0 1.45rem}.title-screen__lead{font-family:var(--font-serif);color:var(--text-dim);font-size:1.02rem;line-height:2;margin:0 0 2.5rem}.title-screen__actions{display:flex;flex-direction:column;gap:.9rem;align-items:stretch;max-width:18rem;margin:0 auto}.howto{margin:2.5rem auto 0;max-width:22rem;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.5rem}.howto__heading{font-family:var(--font-serif);font-size:1.05rem;margin:0 0 .9rem;letter-spacing:.06em}.howto__list{margin:0;padding-left:1.2rem;color:var(--text-dim);font-size:.92rem;line-height:1.9}.howto__list li{margin-bottom:.4rem}.howto__note{margin:1rem 0 0;font-size:.85rem;color:var(--text-faint)}.story-filters{display:flex;flex-direction:column;gap:.95rem;margin-bottom:1.4rem}.story-filter__label{display:block;color:var(--text-faint);font-size:.78rem;letter-spacing:.08em;margin-bottom:.35rem}.story-search__input,.story-select-filter__control{width:100%;min-height:46px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--text);font:inherit;font-size:.95rem;padding:.65rem .85rem;outline:none}.story-search__input::placeholder{color:var(--text-faint)}.story-search__input:focus,.story-select-filter__control:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px #d0a13a24}.story-filter-row{display:grid;grid-template-columns:1fr;gap:.95rem}.story-completion-filter{min-width:0;margin:0;padding:0;border:0}.story-completion-filter__options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-elev)}.story-completion-filter__option{min-width:0}.story-completion-filter__option input{position:absolute;opacity:0;pointer-events:none}.story-completion-filter__option span{display:grid;place-items:center;min-height:46px;padding:.55rem .35rem;color:var(--text-dim);font-size:.88rem;line-height:1.3;text-align:center;border-left:1px solid var(--border)}.story-completion-filter__option:first-child span{border-left:0}.story-completion-filter__option input:checked+span{background:#d0a13a29;color:var(--text)}.story-filter-summary,.story-empty,.story-load-error{color:var(--text-faint);font-size:.86rem;margin:0}.story-empty{text-align:center;padding:3rem 0}.story-load-error{color:#d89292;margin-bottom:1rem}.story-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem}.story-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.4rem 1.5rem}.story-card--with-cover{display:grid;grid-template-columns:minmax(7.5rem,10rem) minmax(0,1fr);gap:1.15rem;align-items:start}.story-card__cover{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border:1px solid rgba(208,161,58,.24);border-radius:8px;background:#130f12;box-shadow:0 12px 32px #00000047}.story-card__content{min-width:0}.story-card__meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem;font-size:.78rem;letter-spacing:.05em}.story-card__genre{color:var(--accent);border:1px solid var(--accent-dim);border-radius:999px;padding:.2rem .7rem}.story-card__endings{color:var(--text-faint);border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem}.story-card__title{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:.05em;margin:0 0 .7rem}.story-card__description{color:var(--text-dim);font-size:.95rem;line-height:1.9;margin:0 0 1rem}.story-card__progress{color:var(--text-faint);font-size:.85rem;margin:0 0 1.2rem}.primary-button:disabled{cursor:wait;filter:grayscale(.25) brightness(.82)}@media (max-width: 560px){.story-card--with-cover{grid-template-columns:1fr}.story-card__cover{max-height:22rem}}.story-screen__header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.story-screen__story-title{font-family:var(--font-serif);font-size:.9rem;color:var(--text-faint);letter-spacing:.08em;margin:0}.progress{margin-bottom:1.8rem}.progress__bar{height:4px;background:var(--bg-elev-2);border-radius:999px;overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .5s ease}.progress__label{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-faint);letter-spacing:.08em}.scene{flex:1}.scene__title{font-family:var(--font-serif);font-size:1.55rem;font-weight:600;letter-spacing:.05em;line-height:1.6;margin:0 0 1.4rem;padding-bottom:.9rem;border-bottom:1px solid var(--border)}.scene__paragraph{font-family:var(--font-serif);font-size:1.05rem;line-height:2.05;color:var(--text);margin:0 0 1.3rem}.choices{display:flex;flex-direction:column;gap:.85rem;margin:2rem 0 1.5rem}.choice-button{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:1rem 1.1rem;font-size:1.02rem;line-height:1.6;min-height:56px;transition:border-color .14s ease,background .14s ease,transform .1s ease}.choice-button:active{transform:translateY(1px)}.choice-button:focus:not(:focus-visible){outline:none}.choice-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.choice-button__index{flex:0 0 auto;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--accent-dim);color:var(--accent);font-size:.85rem;font-weight:700}.choice-button__text{flex:1}.story-screen__footer{display:flex;justify-content:center;margin-top:.5rem}.ending-screen{justify-content:center}.ending-screen__inner{width:100%}.ending-badge{display:inline-block;font-size:.78rem;letter-spacing:.18em;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);margin:0 0 1.2rem}.ending-badge--truth{color:#cdb56a;border-color:#6f5f2e}.ending-badge--escape{color:#7fae8f;border-color:#3c5b48}.ending-badge--curse{color:#b06a9e;border-color:#5a3450}.ending-badge--sacrifice{color:#c98a6a;border-color:#5e3c2c}.ending-badge--loop{color:#7d9bc0;border-color:#36506b}.ending-screen__story-title{font-family:var(--font-serif);font-size:.9rem;color:var(--text-faint);letter-spacing:.08em;margin:0 0 .5rem}.ending-screen__title{font-family:var(--font-serif);font-size:clamp(1.7rem,6vw,2.2rem);letter-spacing:.06em;line-height:1.5;margin:0 0 1.8rem;padding-bottom:1.1rem;border-bottom:1px solid var(--border)}.ending-body__paragraph{font-family:var(--font-serif);font-size:1.05rem;line-height:2.05;margin:0 0 1.3rem}.ending-screen__actions{display:flex;flex-direction:column;gap:.85rem;max-width:20rem;margin:2.2rem auto 0}@media (min-width: 600px){.title-screen__actions{flex-direction:row;justify-content:center;max-width:none}.story-filter-row{grid-template-columns:minmax(12rem,.9fr) minmax(18rem,1.4fr);align-items:end}.ending-screen__actions{flex-direction:row;justify-content:center;max-width:none}}@media (hover: hover) and (pointer: fine){.primary-button:hover{filter:brightness(1.08)}.ghost-button:hover{color:var(--text);border-color:var(--text-faint)}.choice-button:hover{border-color:var(--accent-dim);background:var(--bg-elev-2)}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}