:root{--text:#2a2730;--text-muted:#6b6375;--bg:#fdfcfb;--border:#e5e4e7;--accent:#6446a3;--accent-contrast:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#ede9f2;--text-muted:#a79fb0;--bg:#1c1a20;--border:#37333f;--accent:#9a7fe0;--accent-contrast:#1c1a20}}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:var(--bg);overscroll-behavior-y:none;margin:0;font-family:system-ui,-apple-system,sans-serif}.page{flex-direction:column;gap:1rem;max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex}.page--play{height:100svh;padding-bottom:1rem;overflow:hidden}label{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}input,textarea,select,button{font-family:inherit;font-size:1rem}input,textarea{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:6px;padding:.5rem}select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:.5rem}select option{background:var(--bg);color:var(--text)}button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:6px;padding:.6rem 1rem}button:disabled{opacity:.5;cursor:not-allowed}.setup-form{flex-direction:column;gap:1rem;display:flex}.password-field{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.password-field__row{flex-direction:row;gap:.5rem;display:flex}.password-field__row input{flex:1;min-width:0}.password-field__toggle{color:var(--text-muted);border:1px solid var(--border);background:0 0;flex-shrink:0;padding:.4rem .6rem;font-size:.8rem}.setup-form__checkbox,.setup-form__radio{flex-direction:row;align-items:center;gap:.5rem;display:flex}.setup-form__checkbox label{gap:0;display:inline}.setup-form__experimental-badge{text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:.1rem .45rem;font-size:.7rem}.flow-picker,.timeline-offset-picker{flex-direction:column;gap:.5rem;display:flex}.setup-form__hint{color:var(--text-muted);font-size:.75rem}.setup-form__required-note{color:var(--text-muted);margin:0;font-size:.75rem}.setup-form__field-row{flex-direction:row;gap:.5rem;display:flex}.setup-form__field-row input,.setup-form__field-row>label{flex:1;min-width:0}.character-picker{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.character-card{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;align-items:stretch;gap:.5rem;padding:.85rem 1rem;transition:border-color .15s;display:flex}.character-card:hover,.character-card:focus-visible{border-color:var(--accent)}.character-card__header{font-size:1rem;font-weight:600}.character-card__body{flex-direction:column;gap:.35rem;display:flex}.character-card__meta{color:var(--text-muted);font-size:.8rem}fieldset{border:1px solid var(--border);border-radius:8px;min-width:0}.stats-input-group{flex-direction:column;gap:.6rem;display:flex}.setup-form__style-dial-field{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.setup-form__style-dial-field-label{flex-direction:row;align-items:center;gap:.35rem;display:flex}.setup-form__style-dial-field-label label{gap:0;display:inline}.template-form__blurb{border-left:3px solid var(--accent);background:var(--bg);color:var(--text);border-radius:0 6px 6px 0;margin:.25rem 0 .85rem;padding:.65rem .85rem;font-size:.95rem;font-style:italic;line-height:1.45}.style-dial-summary{grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:.5rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.style-dial-summary__item{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.15rem;padding:.45rem .65rem;display:flex}.style-dial-summary__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.68rem}.style-dial-summary__value{color:var(--text);font-size:.9rem;font-weight:600}.info-tooltip{display:inline-flex;position:relative}.info-tooltip__trigger{border:1px solid var(--border);width:1.1rem;height:1.1rem;color:var(--text-muted);cursor:help;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.65rem;line-height:1;display:inline-flex}.info-tooltip__bubble{z-index:10;border:1px solid var(--border);background:var(--bg);width:max-content;max-width:16rem;color:var(--text);border-radius:6px;padding:.5rem .6rem;font-size:.75rem;font-weight:400;line-height:1.3;display:none;position:absolute;bottom:calc(100% + .4rem);left:0;box-shadow:0 2px 8px #00000026}.info-tooltip__trigger:hover+.info-tooltip__bubble,.info-tooltip__trigger:focus+.info-tooltip__bubble{display:block}.stats-input-group__budget{color:var(--text-muted);margin:0 0 .25rem}.stats-input-group__field{grid-template-columns:6rem auto;align-items:center;gap:.75rem;display:grid}.stats-input-group__label{color:var(--text-muted);min-width:6rem;font-size:.85rem}.stats-input-group__stepper{align-items:center;gap:.5rem;display:flex}.stats-input-group__stepper button{width:1.75rem;height:1.75rem;padding:0;line-height:1}.stats-input-group__score{text-align:center;min-width:3.5rem}.error-banner{color:#c0392b;font-size:.9rem}.error-banner__actions{align-items:center;gap:.75rem;margin-top:.4rem;display:flex}.error-banner__support-link{color:#c0392b;font-size:.9rem;text-decoration:underline}.setup-progress{border:1px solid var(--border);border-radius:.375rem;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.setup-progress__list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.setup-progress__actions{flex-direction:column;gap:.5rem;display:flex}.setup-progress__hint{color:var(--text-muted);font-size:.9rem}.play-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.play-header__menu{margin-left:auto}.play-header__menu-button{border:1px solid var(--border);color:var(--text);background:0 0;padding:.4rem .7rem;font-size:1.1rem;line-height:1}.drawer-backdrop{z-index:20;background:#0006;position:fixed;inset:0}.drawer-backdrop:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.drawer{background:var(--bg);border-left:1px solid var(--border);z-index:21;flex-direction:column;gap:1rem;width:min(320px,85vw);padding:1.25rem;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #00000026}.drawer--wide{width:min(640px,90vw)}.drawer__header{justify-content:space-between;align-items:center;display:flex}.drawer__header h2{margin:0;font-size:1.1rem}.drawer__close{color:var(--text-muted);background:0 0;border:none;padding:.25rem;font-size:1.4rem;line-height:1}.drawer__items{flex-direction:column;flex:auto;gap:.5rem;min-height:0;padding-right:.75rem;display:flex;overflow-y:auto}.drawer__item{border:1px solid var(--border);color:var(--text);text-align:left;background:0 0}.drawer__item--danger{color:#c0392b;border-color:#c0392b}.character-status{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.character-status__stat{white-space:nowrap}.character-status__badge{text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.character-status__badge--shaken{color:var(--accent);border-color:var(--accent)}.character-status__badge--on_edge,.character-status__badge--breaking_point{color:#c0392b;border-color:#c0392b}.character-status__stat--wounded{color:var(--accent)}.character-status__stat--critical{color:#c0392b}.character-status__delta{margin-left:.35rem;font-weight:600;animation:2s ease-out forwards character-status-delta-flash;display:inline-block}.character-status__delta--positive{color:#2e8b57}.character-status__delta--negative{color:#c0392b}@keyframes character-status-delta-flash{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.narration-history{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:.9rem;min-height:0;padding-right:.25rem;display:flex;overflow-y:auto}.narration-entry{flex-direction:column;gap:.15rem;display:flex}.narration-entry__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem}.narration-entry--player .narration-entry__text{color:var(--text-muted);font-style:italic}.narration-entry__text{white-space:pre-wrap;line-height:1.5}.narration-entry__character-change{flex-direction:column;gap:.3rem;margin-top:.6rem;display:flex}.narration-entry__character-change-pills{flex-wrap:wrap;gap:.4rem;display:flex}.narration-entry__character-change-pill{font-variant-numeric:tabular-nums;border:1px solid;border-radius:999px;padding:.15rem .55rem;font-size:.8rem;font-weight:700}.narration-entry__character-change-pill--negative{color:#c0392b;border-color:#c0392b}.narration-entry__character-change-pill--positive{color:#2e8b57;border-color:#2e8b57}.narration-entry__character-change-reason{color:var(--text-muted);font-size:.85rem}.narration-entry--roll{border:1px solid var(--border);border-radius:8px;align-self:flex-start;padding:.5rem .75rem}.narration-entry--player-question .narration-entry__text{color:var(--text-muted);font-style:italic}.narration-entry--gm-answer{border:1px solid var(--accent);border-radius:8px;align-self:flex-start;margin-bottom:.15rem;padding:.5rem .75rem}.narration-entry--gm-answer .narration-entry__label{color:var(--accent)}.narration-entry--player-ooc-question .narration-entry__text{color:var(--text-muted);font-style:italic}.narration-entry--gm-ooc-answer{border:1px dashed var(--accent);border-radius:8px;align-self:flex-start;margin-bottom:.15rem;padding:.5rem .75rem}.narration-entry--gm-ooc-answer .narration-entry__label{color:var(--accent)}.turn-stage-container{border-top:1px solid var(--border);overscroll-behavior:contain;flex-shrink:0;min-height:4rem;max-height:70svh;padding-top:1rem;overflow-y:auto}.turn-stage-toggle{width:100%;color:var(--text-muted);text-align:left;background:0 0;border:none;padding:0 0 .5rem;font-size:.8rem;display:block}.action-prompt{flex-direction:column;gap:.75rem;display:flex}.action-prompt__suggestions{flex-direction:column;gap:.5rem;display:flex}.suggestion-button{border:1px solid var(--border);color:var(--text);text-align:left;background:0 0}.action-prompt__free-text{gap:.5rem;display:flex}.action-prompt__free-text-field{flex:1;display:flex;position:relative}.action-prompt__free-text-field textarea{resize:none;flex:1;max-height:40vh;padding-bottom:1.25rem;font-family:inherit;line-height:1.4;overflow-y:auto}.action-prompt__char-count{color:var(--text-muted);pointer-events:none;font-size:.7rem;position:absolute;bottom:.3rem;right:.5rem}.action-prompt__buttons{flex-direction:column;gap:.4rem;display:flex}.action-prompt__ask-button{border:1px solid var(--border);color:var(--text);background:0 0}.thinking-indicator{color:var(--text-muted);font-style:italic}.roll-prompt{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.roll-prompt__reason{color:var(--text-muted)}.roll-prompt__retry-note{color:var(--text-muted);font-size:.9rem}.roll-button{padding:.75rem 1.5rem;font-size:1.1rem}.pending-action-prompt{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.pending-action-prompt__text{color:var(--text-muted)}.pending-action-prompt__quote{color:var(--text);font-style:italic}.pending-action-prompt__track{background:var(--border);border-radius:2px;width:100%;height:4px;overflow:hidden}.pending-action-prompt__bar{background:var(--accent);transform-origin:0;width:100%;height:100%;animation-name:pending-action-shrink;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes pending-action-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.pending-action-prompt__cancel{border:1px solid var(--border);color:var(--text);background:0 0}.dice-animation{justify-content:center;display:flex}.dice-animation__die{border:2px solid var(--accent);border-radius:10px;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.75rem;font-weight:700;display:flex}.math-breakdown{font-variant-numeric:tabular-nums;flex-direction:column;gap:.25rem;display:flex}.math-breakdown__reason{color:var(--text-muted);font-size:.9rem}.math-breakdown__terms{color:var(--text-muted);flex-wrap:wrap;gap:.3rem .9rem;font-size:.85rem;display:flex}.math-breakdown__result{align-items:center;gap:.6rem;display:flex}.math-breakdown__total{font-size:1.3rem}.math-breakdown__badge{border:1px solid;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600}.math-breakdown__badge--fail{color:#c0392b;border-color:#c0392b}.math-breakdown__badge--mixed{color:var(--text-muted);border-color:var(--border)}.math-breakdown__badge--success{color:#2e8b57;border-color:#2e8b57}.math-breakdown__badge--crit{color:var(--accent);border-color:var(--accent)}.math-breakdown__strain,.math-breakdown__damage{color:var(--text-muted);font-size:.85rem}.math-breakdown__breaking-point{color:#c0392b}.math-breakdown__growth-mark{color:#27ae60}.campaign-end-banner{text-align:center;padding:2rem 0}.campaign-end-banner--won h1{color:#2e8b57}.campaign-end-banner--lost h1{color:#c0392b}.campaign-end-banner__statement{text-align:left;white-space:pre-wrap;max-width:42rem;margin:1.5rem auto 0}.page__back-link{color:var(--text-muted);align-self:flex-start;font-size:.85rem;text-decoration:none}.page__back-link:hover,.page__back-link:focus-visible{color:var(--accent)}.home__account-bar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.home__account-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.home__account-link{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.8rem}.home__logout{color:var(--text-muted);border:1px solid var(--border);background:0 0;flex-shrink:0;padding:.4rem .75rem;font-size:.8rem}.home__install-hint{border:1px solid var(--accent);background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:.75rem;margin:.35rem 0 1.25rem;padding:.75rem .9rem;display:flex}.home__install-hint p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.4}.home__install-hint-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.1rem}.home__actions{flex-direction:column;gap:.75rem;display:flex}.home__new-campaign{text-align:center;background:var(--accent);color:var(--accent-contrast);border-radius:6px;padding:.75rem 1rem;font-weight:600;text-decoration:none;display:block}.home__character-log,.home__worlds{text-align:center;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.75rem 1rem;font-weight:600;text-decoration:none;display:block}.campaign-details{flex-direction:column;gap:.5rem;display:flex}.campaign-details__heading{border-top:1px solid var(--border);margin:.5rem 0 0;padding-top:.75rem;font-size:1rem}.campaign-details__heading--first{border-top:none;margin-top:0;padding-top:0}.campaign-details__row{justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.campaign-details__label{color:var(--text-muted);text-transform:capitalize}.campaign-details__stats{flex-direction:column;gap:.35rem;display:flex}.campaign-log{flex-direction:column;gap:.75rem;display:flex}.campaign-log__entry{border-top:1px solid var(--border);flex-direction:column;gap:.15rem;padding-top:.75rem;display:flex}.campaign-log__entry:first-child{border-top:none;padding-top:0}.campaign-log__turn-number{color:var(--text-muted);font-size:.75rem}.campaign-log__text{margin:0;font-size:.9rem;line-height:1.4}.map-panel{flex-direction:column;gap:.75rem;display:flex}.map-panel__tabs{gap:.5rem;display:flex}.map-panel__tab{border:1px solid var(--border);color:var(--text-muted);background:0 0}.map-panel__tab--active{color:var(--text);border-color:var(--accent)}.map-panel__heading{margin:0;font-size:1rem}.map-panel__grid{margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.3;overflow-x:auto}.map-panel__legend{color:var(--text-muted);flex-direction:column;gap:.25rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.map-panel__glyph{color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.character-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.character-list__card{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:border-color .15s;display:flex}.character-list__card:hover,.character-list__card:focus-within{border-color:var(--accent)}.character-list__link{min-width:0;color:inherit;flex-direction:column;flex:1;gap:.35rem;text-decoration:none;display:flex}.character-list__header{font-size:1rem;font-weight:600}.character-list__status{color:var(--text-muted);font-size:.8rem}.character-list__action{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:0 0;border-radius:6px;padding:.5rem .85rem}.character-list__action--danger{color:#c0392b;border-color:#c0392b}.character-log{flex-direction:column;gap:.5rem;display:flex}.character-log__heading{margin:0}.character-log__row{justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.character-log__label{color:var(--text-muted);text-transform:capitalize}.character-log__stats{flex-direction:column;gap:.35rem;display:flex}.character-log__empty{color:var(--text-muted)}.character-log__linked-characters{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;display:flex}.character-log__hint{color:var(--text-muted);margin:0;font-size:.8rem}.linked-characters__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.linked-characters__item{justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.linked-characters__label{color:var(--text-muted)}.linked-characters__add{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.worlds-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.worlds-list__item{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.worlds-list__meta{flex-direction:column;gap:.35rem;display:flex}.worlds-list__header{font-size:1rem;font-weight:600}.worlds-list__detail{color:var(--text-muted);font-size:.85rem}.worlds-list__status{color:var(--text-muted);font-size:.8rem}.worlds-list__action{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:0 0;border-radius:6px;padding:.5rem .85rem}.landing{flex-direction:column;display:flex}.landing__hero{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1.25rem 2.5rem;display:flex}.landing__hero-art{width:min(220px,60vw);height:auto}.landing__hero h1{margin:0;font-size:1.9rem}.landing__hero-tagline{max-width:38rem;color:var(--text-muted);font-size:1.1rem;line-height:1.5}.landing__hero-actions{gap:.75rem;margin-top:.5rem;display:flex}.landing__disclaimer{border:1px solid var(--accent);background:var(--bg);max-width:34rem;color:var(--text);text-align:left;border-radius:6px;margin-top:1rem;padding:.65rem .85rem;font-size:.85rem;line-height:1.45}.landing__cta{border-radius:6px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none}.landing__cta--primary{background:var(--accent);color:var(--accent-contrast)}.landing__cta--secondary{border:1px solid var(--border);color:var(--text)}.landing__section{border-top:1px solid var(--border);width:100%;max-width:min(960px,100%);margin:0 auto;padding:2.5rem 1.25rem}.landing__section h2{margin:0 0 1rem}.landing__steps{flex-direction:column;gap:.6rem;margin:0 0 1rem;padding-left:1.25rem;line-height:1.5;display:flex}.landing__hint{color:var(--text-muted)}.landing__features{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.landing__feature{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.landing__feature h3{margin:0;font-size:1rem}.landing__feature p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.4}.landing__footer{text-align:center;color:var(--text-muted);padding:2rem 1.25rem 3rem;font-size:.85rem}