@import"https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";.cc-editor{display:flex;flex-direction:column;gap:.75rem}.cc-grid{display:grid;gap:.5rem}.cc-grid--compact{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.cc-grid--full{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.cc-score{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .25rem;border:1px solid var(--lw-border, var(--border, rgba(255, 255, 255, .12)));border-radius:8px;background:var(--lw-surface-2, var(--surface2, rgba(255, 255, 255, .03)))}.cc-score__value{font-size:1.5rem;font-weight:700;line-height:1.1;color:var(--lw-gold, var(--accent, #d4af64));font-variant-numeric:tabular-nums}.cc-score__annotation{display:flex;gap:.25rem;align-items:baseline;font-size:.7rem;color:var(--lw-text-dim, var(--text-dim, #9aa0a6))}.cc-score__annotation-label{text-transform:uppercase;letter-spacing:.03em;opacity:.75}.cc-score__annotation-value{font-variant-numeric:tabular-nums}.cc-score__name{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--lw-text-dim, var(--text-dim, #9aa0a6))}.cc-score__select,.cc-row__letter,.cc-row__rank,.cc-category__priority,.cc-round__pick,.cc-choice__select{min-height:44px;width:100%;padding:0 .5rem;border-radius:6px;border:1px solid var(--lw-border, var(--border, rgba(255, 255, 255, .18)));background:var(--lw-surface, var(--surface, #16171b));color:var(--lw-text, var(--text, #f2f2f4));font-size:.95rem}.cc-stepper{display:flex;align-items:center;gap:.25rem}.cc-stepper__btn{min-width:44px;min-height:44px;border-radius:6px;border:1px solid var(--lw-border, var(--border, rgba(255, 255, 255, .18)));background:var(--lw-surface, var(--surface, #16171b));color:var(--lw-text, var(--text, #f2f2f4));font-size:1.15rem;line-height:1;cursor:pointer}.cc-stepper__btn:hover:not(:disabled){border-color:var(--lw-purple, var(--accent, #8b5cf6))}.cc-stepper__btn:disabled{opacity:.35;cursor:not-allowed}.cc-meter{display:flex;flex-direction:column;gap:.25rem}.cc-meter__bar{height:6px;border-radius:3px;overflow:hidden;background:var(--lw-surface-2, var(--surface2, rgba(255, 255, 255, .08)))}.cc-meter__fill{height:100%;background:var(--lw-purple, var(--accent, #8b5cf6));transition:width .12s ease-out}.cc-meter--over .cc-meter__fill{background:var(--lw-danger, var(--danger, #e5484d))}.cc-meter__text{font-size:.8rem;color:var(--lw-text-dim, var(--text-dim, #9aa0a6));font-variant-numeric:tabular-nums}.cc-meter--over .cc-meter__text{color:var(--lw-danger, var(--danger, #e5484d))}.cc-meter__hint{font-size:.75rem;line-height:1.4;color:var(--lw-text-dim, var(--text-dim, #9aa0a6));opacity:.85}.cc-rows{display:flex;flex-direction:column;gap:.375rem}.cc-row{display:grid;grid-template-columns:1fr minmax(96px,140px) auto;align-items:center;gap:.5rem}.cc-row__label{font-size:.9rem}.cc-row__pool{font-size:.8rem;color:var(--lw-text-dim, var(--text-dim, #9aa0a6));font-variant-numeric:tabular-nums;white-space:nowrap}.cc-category{display:flex;flex-direction:column;gap:.375rem}.cc-category__head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cc-category__label{min-width:72px}.cc-category__priority{width:auto;min-width:128px}.cc-category__count{font-size:.85rem;color:var(--lw-text-dim, var(--text-dim, #9aa0a6));font-variant-numeric:tabular-nums}.cc-category__count.is-over{color:var(--lw-danger, var(--danger, #e5484d))}.cc-round{display:flex;flex-direction:column;gap:.375rem}.cc-round__head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;font-size:.9rem}.cc-round__fixed{font-size:.8rem;color:var(--lw-text-dim, var(--text-dim, #9aa0a6))}.cc-round__flaw{font-size:.8rem;color:var(--lw-danger, var(--danger, #e5484d))}.cc-adjustment{display:flex;flex-direction:column;gap:.375rem}.cc-adjustment__slots{display:flex;gap:.5rem;flex-wrap:wrap}.cc-adjustment__slot{display:flex;align-items:center;gap:.375rem}.cc-adjustment__amount{font-weight:700;color:var(--lw-gold, var(--accent, #d4af64));font-variant-numeric:tabular-nums}.cc-choice{display:flex;flex-direction:column;gap:.25rem}.cc-choice__label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--lw-text-dim, var(--text-dim, #9aa0a6))}.cc-choice__description{margin:0;font-size:.8rem;line-height:1.45;color:var(--lw-text-dim, var(--text-dim, #9aa0a6))}.cc-notice{margin:0;font-size:.85rem;line-height:1.45;color:var(--lw-text-dim, var(--text-dim, #9aa0a6))}.cc-notice--warn{color:var(--lw-danger, var(--danger, #e5484d))}.cc-btn{min-height:44px;padding:0 1.25rem;border-radius:6px;border:1px solid var(--lw-border, var(--border, rgba(255, 255, 255, .18)));background:var(--lw-surface, var(--surface, #16171b));color:var(--lw-text, var(--text, #f2f2f4));font-size:.95rem;cursor:pointer}.cc-btn:hover:not(:disabled){border-color:var(--lw-purple, var(--accent, #8b5cf6))}.cc-btn:disabled{opacity:.45;cursor:not-allowed}.cc-editor :focus-visible,.cc-adjustment :focus-visible,.cc-choice :focus-visible{outline:2px solid var(--lw-gold, var(--accent, #d4af64));outline-offset:2px}@media (prefers-reduced-motion: reduce){.cc-meter__fill{transition:none}}.cc-editor-section{display:flex;flex-direction:column;gap:.5rem}.cc-editor__label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--lw-text-dim, var(--text-dim, #9aa0a6))}.cc-score__input{width:4.5rem;text-align:center;background:var(--lw-surface, var(--surface, #16171b));border:1px solid var(--lw-border, var(--border, rgba(255, 255, 255, .18)));border-radius:6px;min-height:44px;font-variant-numeric:tabular-nums}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a1a;--surface: #222222;--surface2: #2a2a2a;--border: #2a2a3a;--text: #e8e0d0;--text-dim: #8a8090;--accent: #c9a84c;--accent-dim: #6b5a28;--lw-purple: #7c6af7;--lw-purple-light: #9d90f9;--danger: #c0392b;--warning: #d99a2b;--success: #27ae60;--tab-h: 76px;--header-h: 58px;--reader-scale: 1;--story-fs-base: 1.0625rem;--story-lh: 1.7;--font-narrative: "Inknut Antiqua", "Iowan Old Style", Georgia, serif;--font-ui: "Space Grotesk", system-ui, -apple-system, sans-serif}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui)}#root{position:fixed;top:0;right:0;bottom:0;left:0}.app-shell{display:flex;flex-direction:column;height:100%}.app-header{height:var(--header-h);background:linear-gradient(180deg,#222222f0,#1a1a1adb);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:0 2px 14px #00000073;display:flex;align-items:center;padding:0 12px;gap:8px;flex-shrink:0;min-width:0;position:relative;z-index:5}.app-header .header-identity{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.app-header .header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.app-header .player-name{font-size:1.2rem;font-weight:700;letter-spacing:.005em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.app-header .session-badge{font-size:.875rem;color:var(--text-dim);font-family:monospace}.app-header .hp-badge{background:var(--danger);color:#fff;border-radius:20px;padding:4px 10px;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.content-area{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.tab-bar{height:var(--tab-h);background:linear-gradient(180deg,#222222eb,#1a1a1afa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);box-shadow:0 -1px #c9a84c1f,0 -2px 16px #00000073;display:flex;flex-shrink:0;overflow:visible;position:relative;z-index:4;padding-bottom:env(safe-area-inset-bottom,0px)}.tab-bar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;background:none;border:none;color:var(--text-dim);font-size:.78rem;cursor:pointer;padding:0 2px;position:relative;transition:color .15s;min-width:0}.tab-bar button.active{color:var(--accent)}.tab-bar button .tab-icon{width:38px;height:38px;object-fit:contain;display:block;flex-shrink:0}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tab-bar button .badge{position:absolute;top:5px;right:calc(50% - 20px);background:var(--danger);color:#fff;border-radius:10px;padding:1px 5px;font-size:.7rem;font-weight:700;line-height:1.4;z-index:2}.tab-bar button.tab-featured{flex:0 0 auto;min-width:92px}.tab-bar button.tab-featured .tab-ico-wrap{width:72px;height:72px;margin-top:-30px;background:radial-gradient(circle at 50% 30%,#2f2f2f,#1c1c1c);border:1px solid var(--accent-dim);box-shadow:0 6px 20px #0000008c,0 0 0 5px #1a1a1af2}.tab-bar button.tab-featured .tab-icon{width:46px;height:46px}.tab-bar button.tab-featured .badge{top:-22px;right:calc(50% - 34px)}@media (max-width: 390px){:root{--tab-h: 70px}.tab-bar button{font-size:.66rem}.tab-bar button .tab-icon{width:32px;height:32px}.tab-bar button .tab-ico-wrap{width:46px;height:46px}.tab-bar button.tab-featured{min-width:78px}.tab-bar button.tab-featured .tab-ico-wrap{width:64px;height:64px;margin-top:-26px}.tab-bar button.tab-featured .tab-icon{width:40px;height:40px}}@media (max-width: 330px){.tab-label{font-size:.6rem}.tab-bar button .tab-icon{width:28px;height:28px}}.join-screen{height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px}.join-logo-row{display:flex;align-items:center;gap:12px}.join-logo{font-size:2.2rem;font-weight:900;color:var(--accent);letter-spacing:-.02em}.join-tenant-logo{max-height:56px;max-width:180px;object-fit:contain}.join-tenant-banner{width:100%;height:120px;background-size:cover;background-position:center;border-radius:12px;margin-bottom:16px}.join-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}.join-card h2{font-size:1.1rem;color:var(--text)}.join-card p{font-size:.85rem;color:var(--text-dim);line-height:1.5}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px;color:var(--text);font-size:1rem;outline:none;-webkit-appearance:none;transition:border-color .2s;width:100%}.form-group input:focus{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#0f0f18;border:none;border-radius:8px;padding:14px;font-size:1rem;font-weight:700;cursor:pointer;width:100%;transition:opacity .2s}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary:active{opacity:.8}.btn-secondary{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:.9rem;cursor:pointer;width:100%}.lang-icon-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:4px;line-height:1;color:var(--text-dim);flex-shrink:0;transition:color .15s;min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center}.lang-icon-btn:hover{color:var(--accent)}.lang-icon-btn--text{font-size:.72rem;font-weight:700;letter-spacing:-.03em;line-height:1}.reader-size-glyphs{display:flex;align-items:flex-end;gap:1px;line-height:1}.reader-size-a{font-family:var(--font-ui);font-weight:700;font-size:.72rem;line-height:1;display:block}.reader-size-a--big{font-size:1.05rem}.reader-size-btn.is-enlarged{color:var(--accent)}.narration-icon-img,.lang-icon-img{width:26px;height:26px;object-fit:contain;display:block}.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lang-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px 8px;color:var(--text);font-size:.9rem;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.lang-btn:hover{background:var(--surface)}.lang-btn.selected{border-color:var(--accent);background:#c9a84c1f;color:var(--accent);font-weight:600}.your-turn-badge{background:var(--accent);color:#0f0f18;border:none;border-radius:20px;padding:4px 10px;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;animation:yourTurnPulse 1s ease-in-out infinite;max-width:120px;overflow:hidden;text-overflow:ellipsis}@keyframes yourTurnPulse{0%,to{box-shadow:0 0 #c9a84c99}50%{box-shadow:0 0 0 8px #c9a84c00}}.your-turn-pulse{animation:alertPulse 1.5s ease-in-out infinite}@keyframes alertPulse{0%,to{border-color:var(--accent);box-shadow:0 0 #c9a84c66}50%{border-color:#e8c060;box-shadow:0 0 0 6px #c9a84c00}}.class-blurb{font-size:.875rem;color:var(--text-dim);line-height:1.5;margin-top:6px;padding:8px 10px;background:var(--bg);border-radius:6px;border:1px solid var(--border)}.gender-row{display:flex;gap:8px}.gender-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;cursor:pointer;transition:border-color .15s,background .15s}.gender-btn.selected{border-color:var(--accent);background:#c9a84c1a}.gender-pronouns{font-size:.8rem;color:var(--text-dim)}.creation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.creation-hp{font-size:.95rem;padding:10px 12px;background:#c0392b1f;border:1px solid var(--border);border-radius:8px}.priority-card{flex:1 1 220px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--surface)}.priority-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.priority-select{background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.75rem;padding:2px 6px}.priority-points{font-size:.72rem;color:var(--text-dim);margin-bottom:8px}.priority-points.over{color:var(--danger);font-weight:700}.priority-points.unspent{color:var(--warning)}.priority-points.done{color:var(--success)}.priority-grid{display:flex;flex-wrap:wrap;gap:10px}.priority-card-toggle{display:flex;align-items:center;gap:6px;flex:1;min-height:44px;padding:0;background:none;border:none;color:var(--text);font-family:inherit;font-size:.85rem;font-weight:700;text-align:left;cursor:pointer}.priority-card-chevron{color:var(--accent);font-size:.75rem;width:12px;flex:0 0 auto}.priority-card-head{gap:8px}.priority-card-head .priority-select{flex:0 0 auto;width:auto;max-width:55%;min-height:44px;padding:8px 10px;font-size:1rem}.priority-card-toggle{min-width:0}.priority-card-toggle,.dot-row-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-hint{font-size:.75rem;color:var(--text-dim);line-height:1.45;margin-top:-2px}.dot-row{padding:6px 0;border-top:1px solid var(--border)}.dot-row:first-child{border-top:none}.dot-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px}.dot-row-label{font-size:.82rem}.dot-track{display:flex;align-items:center;gap:4px}.dot-btn{width:clamp(34px,11vw,44px);height:44px;min-width:34px;border:none;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.dot-btn:before{content:"";width:20px;height:20px;border-radius:50%;border:2px solid var(--text-dim);background:transparent;transition:background-color .12s ease,border-color .12s ease}.dot-btn.filled:before{border-color:var(--accent);background:var(--accent)}.dot-btn:disabled{cursor:not-allowed}.dot-btn:disabled:before{border-style:dashed;border-color:var(--border)}.dot-btn:disabled.filled:before{border-style:solid;border-color:var(--accent-dim);background:var(--accent-dim)}.dot-clear{min-width:34px;height:44px;margin-left:4px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-dim);font-size:.8rem;cursor:pointer}.dot-clear:disabled{opacity:.4;cursor:not-allowed}.dot-count{font-size:.8rem;font-weight:700;color:var(--accent);min-width:14px;text-align:center}.discipline-head{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.discipline-name{color:var(--accent)}.budget-bar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);font-size:.75rem;color:var(--text-dim)}.budget-bar strong{color:var(--text)}.budget-bar.unspent{border-color:var(--warning)}.budget-bar.unspent strong{color:var(--warning)}.budget-bar.done{border-color:var(--success)}.budget-bar.done strong{color:var(--success)}.budget-bar.over{border-color:var(--danger)}.budget-bar.over strong{color:var(--danger)}.creation-blocker,.creation-nudge{font-size:.8rem;line-height:1.5;padding:10px 12px;border-radius:8px}.creation-blocker{border:1px solid var(--danger);background:#c0392b1f;color:var(--text)}.creation-nudge{border:1px solid var(--warning);background:#d99a2b1a;color:var(--text-dim)}@media (max-width: 340px){.dot-btn{width:30px;min-width:30px}.dot-clear{min-width:30px}}@media (prefers-reduced-motion: reduce){.dot-btn:before{transition:none}}.save-panel{margin-top:24px;padding:16px;background:var(--surface);border:1px solid var(--accent-dim);border-radius:10px;display:flex;flex-direction:column;gap:12px}.save-panel.saved{border-color:var(--success)}.save-title{font-weight:700;font-size:1rem}.save-note{font-size:.875rem;color:var(--text-dim);line-height:1.5}.save-record{font-size:.875rem;line-height:1.7;padding:10px 12px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.narration-toast{position:fixed;bottom:calc(var(--tab-h) + 16px);left:16px;right:16px;background:#0f0f18f2;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:12px 16px;font-size:.9rem;line-height:1.5;color:var(--text);z-index:50;animation:slideUp .3s ease;max-height:45dvh;overflow-y:auto;white-space:pre-wrap;-webkit-overflow-scrolling:touch}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.narration-toast .narrator-label{font-size:.8rem;color:var(--accent);font-style:normal;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.narration-toast .dismiss-btn{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem;line-height:1}.story-log{display:flex;flex-direction:column;gap:12px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.story-entry{border-radius:10px;padding:14px 16px;font-size:calc(var(--story-fs-base) * var(--reader-scale));line-height:var(--story-lh);max-width:42rem;width:100%;align-self:center}.story-entry.narration{background:#0000006b;border:1px solid rgba(201,168,76,.1);border-left:3px solid var(--accent-dim);box-shadow:0 2px 14px #00000059;white-space:pre-wrap}.story-entry.action{background:transparent;border:1px solid var(--border)}.story-entry .story-author{font-family:var(--font-ui);font-size:.75rem;color:var(--accent);font-weight:600;font-style:normal;font-variant:small-caps;text-transform:none;letter-spacing:.1em;margin-bottom:6px}.story-entry .story-text{color:var(--text)}.story-entry.narration .story-text{font-family:var(--font-narrative);font-weight:300;letter-spacing:.003em}.story-entry.narration .story-text+.story-text,.story-entry.narration .story-text p+p{margin-top:.9em}.dice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}@media (max-width: 340px){.dice-grid{grid-template-columns:repeat(3,1fr)}}.dice-btn{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:14px 6px;color:var(--text);font-size:.9rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:background .15s,border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dice-btn:active{background:var(--accent-dim);border-color:var(--accent);transform:scale(.94)}.dice-btn:active .dice-img{transform:rotate(-15deg) scale(1.1)}.dice-img{width:48px;height:48px;object-fit:contain;transition:transform .12s ease}.dice-result-display{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:border-color .2s}.dice-result-display.rolling{border-color:var(--accent-dim)}.dice-result-display.rolling .result-number{color:var(--text-dim);animation:diceRolling .09s linear infinite}.dice-result-display.settled .result-number{animation:diceSettle .45s cubic-bezier(.34,1.56,.64,1)}@keyframes diceRolling{0%,to{opacity:1}50%{opacity:.5}}@keyframes diceSettle{0%{transform:scale(1.7);opacity:.3;color:#fffbe6}60%{transform:scale(.92)}to{transform:scale(1);opacity:1;color:var(--accent)}}.dice-result-display .result-number{font-size:3.2rem;font-weight:900;color:var(--accent);line-height:1}.dice-result-display .result-expr{font-size:.85rem;color:var(--text-dim)}.whisper-list{display:flex;flex-direction:column;gap:12px}.whisper-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-dim);border-radius:8px;padding:12px 16px;font-size:.9rem;line-height:1.6;color:var(--text)}.whisper-item .whisper-time{font-size:.8rem;color:var(--text-dim);margin-bottom:6px}.whisper-shared-by{font-size:.8rem;color:var(--accent-dim);font-weight:600;margin-bottom:4px}.whisper-share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.whisper-share-btn,.whisper-share-confirm,.whisper-share-cancel{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:.8rem;cursor:pointer}.whisper-share-confirm{background:var(--accent);color:#0f0f18;border:none;font-weight:700}.whisper-share-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:.8rem}.inventory-list{display:flex;flex-direction:column;gap:8px}.inventory-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;display:flex;gap:12px;align-items:flex-start}.inventory-item .item-icon{font-size:1.5rem;flex-shrink:0}.inventory-item .item-name{font-weight:600;font-size:1rem}.inventory-item .item-desc{font-size:.8rem;color:var(--text-dim);margin-top:2px;line-height:1.4}.inventory-item.secret{border-left:3px solid var(--accent-dim)}.journal-columns{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:0 2.5%}.journal-column{flex:1 1 260px;max-width:420px;min-width:0}@media (max-width: 540px){.journal-columns{flex-direction:column;gap:8px;padding:0}.journal-column{width:100%;max-width:none}}.personal-notes-textarea{width:100%;min-height:160px;resize:vertical;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font:inherit;font-size:.875rem;line-height:1.5;color:inherit}.personal-notes-textarea:focus{outline:none;border-color:var(--accent-dim)}.journal-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.journal-entry{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.journal-name{font-weight:600;font-size:.95rem;margin-bottom:4px}.journal-desc{font-size:.875rem;color:var(--text-dim);line-height:1.5}.journal-empty{font-size:.85rem;color:var(--text-dim);padding:8px 0 16px;font-style:italic}.chat-messages{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.chat-message{background:var(--surface);border-radius:8px;padding:10px 14px;font-size:.9rem}.chat-message .msg-author{font-size:.8rem;color:var(--accent);font-weight:600;margin-bottom:4px}.chat-message .msg-text{color:var(--text);line-height:1.5}.chat-input-row{position:sticky;bottom:0;background:var(--bg);padding-top:8px;display:flex;gap:8px}.chat-input-row input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px;color:var(--text);font-size:.95rem;outline:none;min-width:0}.chat-input-row button{background:var(--accent);color:#14140f;border:none;border-radius:8px;padding:12px 14px;font-weight:700;cursor:pointer;flex-shrink:0;touch-action:manipulation;min-height:44px}.input-with-mic{flex:1;min-width:0;position:relative;display:flex}.input-with-mic input{flex:1;min-width:0;padding-left:50px}.story-input-row .mic-btn{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:1.05rem;line-height:1;z-index:2}.story-input-row .mic-btn.recording,.story-input-row .mic-btn.transcribing{background:var(--danger);border-color:var(--danger);color:#fff}.story-input-row .mic-btn.recording{animation:micPulse 1.2s ease-in-out infinite}.story-input-row .mic-btn.transcribing{opacity:.75}.mic-eq{display:flex;align-items:center;justify-content:center;gap:2px;height:16px}.mic-eq i{display:block;width:3px;height:100%;border-radius:2px;background:currentColor;transform-origin:center;animation:micEq .9s ease-in-out infinite}.mic-eq i:nth-child(1){animation-delay:0s}.mic-eq i:nth-child(2){animation-delay:.15s}.mic-eq i:nth-child(3){animation-delay:.3s}.mic-eq i:nth-child(4){animation-delay:.45s}.mic-btn.transcribing .mic-eq i{animation-duration:1.6s}@keyframes micEq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.chat-input-row>.mic-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:1.1rem;padding:12px}@keyframes micPulse{0%,to{box-shadow:0 0 #c0392b80}50%{box-shadow:0 0 0 8px #c0392b00}}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}@media (max-width: 320px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 8px;text-align:center}.stat-box .stat-value{font-size:1.8rem;font-weight:900;color:var(--accent);line-height:1}.stat-box .stat-mod{font-size:.95rem;color:var(--text-dim)}.stat-box .stat-name{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-top:4px}.section-title{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:16px 0 8px;font-weight:600}.skill-list{display:flex;flex-direction:column;gap:4px}.skill-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border);font-size:.9rem}.skill-row .skill-mod{margin-left:auto;color:var(--accent);font-weight:700;min-width:32px;text-align:right}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;z-index:200}.modal-sheet{background:var(--surface);border-top:1px solid var(--border);border-radius:16px 16px 0 0;padding:24px;width:100%;display:flex;flex-direction:column;gap:16px;max-height:85dvh;overflow-y:auto}.modal-sheet h3{font-size:1.1rem}.hp-editor{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 0}.hp-editor button{width:52px;height:52px;border-radius:26px;border:2px solid var(--border);background:var(--surface2);color:var(--text);font-size:1.5rem;cursor:pointer;touch-action:manipulation}.hp-editor .hp-value{font-size:2.5rem;font-weight:900;color:var(--danger);min-width:80px;text-align:center}.dice-request-alert{background:#c9a84c1a;border:2px solid var(--accent);border-radius:10px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.dice-request-alert .alert-title{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-weight:600}.dice-request-alert .alert-expr{font-size:1.2rem;font-weight:700}.dice-request-alert .alert-reason{font-size:.85rem;color:var(--text-dim)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-dim);flex-shrink:0}.status-dot.connected{background:var(--success)}.status-dot.error{background:var(--danger)}.status-dot.connecting{background:var(--accent);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.empty-state{text-align:center;color:var(--text-dim);font-size:.9rem;padding:40px 0;display:flex;flex-direction:column;gap:8px;align-items:center}.empty-state .empty-icon{font-size:2.5rem}.join-screen{background:radial-gradient(ellipse at 50% 0%,rgba(171,8,19,.06) 0%,transparent 60%)}.join-logo{text-shadow:0 0 30px rgba(201,168,76,.3)}.join-card{box-shadow:0 8px 32px #0006,0 0 0 1px var(--border)}.tab-bar button.active{color:var(--accent);position:relative}.tab-bar button .tab-ico-wrap{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,box-shadow .2s,transform .2s}.tab-bar button.active .tab-ico-wrap{background:radial-gradient(circle at 50% 35%,#e8c766 0%,var(--accent) 72%);box-shadow:0 0 0 4px #c9a84c29,0 0 16px 2px #c9a84c73;transform:translateY(-2px)}.tab-bar button.tab-featured.active .tab-ico-wrap{background:radial-gradient(circle at 50% 30%,#e8c766 0%,var(--accent) 72%);border-color:transparent;box-shadow:0 0 0 5px #1a1a1af2,0 0 0 9px #c9a84c2e,0 0 26px 4px #c9a84c73,0 6px 20px #0000008c;transform:none}.tab-bar button.active .tab-label{color:var(--accent);font-weight:600}.story-entry.narration{position:relative}.story-entry.narration:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent-dim),transparent);border-radius:2px}.dice-request-alert{animation:dice-appear .3s ease}@keyframes dice-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.whisper-badge,.whisper-entry{position:relative}.stat-cell:hover{background:var(--surface2);border-radius:6px}.hp-badge.critical{animation:hp-critical 1.5s ease-in-out infinite}@keyframes hp-critical{0%,to{box-shadow:0 0 #c0392b00}50%{box-shadow:0 0 0 4px #c0392b59}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #c9a84c26}.content-area{animation:lw-fade-tab .15s ease}@keyframes lw-fade-tab{0%{opacity:.6}to{opacity:1}}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.97)}.inventory-item{transition:border-color .15s}.inventory-item:hover{border-color:var(--border)}.notes-area{min-height:200px;line-height:1.6}.chat-input-row.disabled input{opacity:.5;cursor:not-allowed}.chat-input-row.disabled button{opacity:.4;cursor:not-allowed}.gm-thinking-row{display:flex;align-items:center;gap:10px;padding:10px 0 4px;color:var(--text-dim);font-size:.85rem;font-style:italic}.gm-thinking-dots{display:inline-block;width:24px;height:10px;position:relative}.gm-thinking-dots:before,.gm-thinking-dots:after,.gm-thinking-dots{border-radius:50%}.gm-thinking-dots:before{content:"";position:absolute;width:6px;height:6px;background:var(--text-dim);left:0;top:2px;animation:gmDot 1.2s ease-in-out infinite}.gm-thinking-dots:after{content:"";position:absolute;width:6px;height:6px;background:var(--text-dim);left:9px;top:2px;animation:gmDot 1.2s ease-in-out .4s infinite}.gm-thinking-label:before{content:"•";position:relative;left:18px;font-size:.6rem;color:var(--text-dim);animation:gmDot 1.2s ease-in-out .8s infinite;margin-right:26px}@keyframes gmDot{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.turn-order-panel{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 12px;flex-shrink:0}.turn-order-label{font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.turn-order-list{display:flex;flex-wrap:wrap;gap:6px}.turn-order-entry{display:flex;align-items:center;gap:5px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:.875rem;color:var(--text-dim);transition:border-color .2s,color .2s}.turn-order-entry.acted{color:var(--text);border-color:var(--accent);background:#c9a84c14}.turn-order-entry.me{font-weight:700}.turn-order-entry.me:not(.acted){border-color:var(--accent);animation:awaitPulse 1.6s ease-in-out infinite}@keyframes awaitPulse{0%,to{box-shadow:0 0 #c9a84c80}50%{box-shadow:0 0 0 5px #c9a84c00}}.turn-order-check{font-size:.8rem;min-width:10px}.turn-order-name{flex:1;min-width:0;white-space:nowrap}.turn-order-you{font-weight:400;color:var(--text-dim)}.turn-order-dex{font-size:.8rem;color:var(--text-dim);white-space:nowrap}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.turn-order-entry.me:not(.acted),.gm-thinking-dots:before,.gm-thinking-dots:after,.gm-thinking-label:before{animation:none!important}}:root{--header-h: 58px;--tab-h: 80px}.tab-bar{padding-bottom:env(safe-area-inset-bottom,0);height:calc(var(--tab-h) + env(safe-area-inset-bottom,0))}.content-area{padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}.tab-bar button{min-height:44px;font-size:.78rem;padding:4px 2px 7px}@media (max-width: 390px){.tab-label{display:revert}.tab-bar{height:calc(var(--tab-h) + env(safe-area-inset-bottom,0))}:root{--tab-h: 74px}.tab-bar button{font-size:.68rem;padding:3px 2px 6px}}.app-header{padding:0 14px;padding-top:env(safe-area-inset-top,0);height:calc(var(--header-h) + env(safe-area-inset-top,0));border-bottom:2px solid var(--accent-dim)}.app-header .session-badge{font-family:Inknut Antiqua,Georgia,serif;font-style:italic;font-size:.875rem;color:var(--accent-dim);letter-spacing:.04em}.story-entry.narration{border-left:3px solid var(--accent-dim);padding-left:16px}.story-entry.action{background:#ffffff08;border:1px solid var(--border);border-left:3px solid rgba(255,255,255,.12)}.section-title{font-size:.875rem}.narration-toast{font-size:1rem}.submit-btn{background:var(--accent);color:#0f0f18;border:none;border-radius:8px;padding:12px 18px;font-size:.9rem;font-weight:700;cursor:pointer;flex-shrink:0;touch-action:manipulation;min-width:64px;font-family:Inknut Antiqua,Georgia,serif;font-style:italic;letter-spacing:.03em}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.submit-btn:active:not(:disabled){opacity:.85;transform:scale(.97)}.story-input-row .pass-btn,.pass-btn{flex-shrink:0;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:.85rem;font-weight:600;min-height:44px;cursor:pointer;touch-action:manipulation;white-space:nowrap}.pass-btn:hover:not(:disabled){color:var(--text);border-color:var(--accent-dim)}.pass-btn:disabled{opacity:.4;cursor:not-allowed}.app-header .hp-badge{padding:5px 12px;font-size:.9rem;min-height:36px;display:flex;align-items:center}.whisper-item{font-size:1rem}.inventory-item .item-desc,.journal-desc{font-size:.875rem}.skill-row{font-size:1rem;padding:8px 0}.chat-input-row input{font-size:1rem}.join-logo{font-family:Inknut Antiqua,Georgia,serif;font-style:italic;font-size:2.4rem;font-weight:400}@media (prefers-reduced-motion: reduce){.submit-btn,.hp-badge{transform:none!important;transition-duration:.01ms!important}}.auth-sub{font-size:.875rem;color:var(--text-dim);line-height:1.5;margin:0}.auth-sub--warn{color:var(--text);background:color-mix(in srgb,var(--warning) 14%,transparent);border-left:3px solid var(--warning);border-radius:6px;padding:10px 12px}.auth-choice-row{display:flex;flex-direction:column;gap:10px;margin-top:4px}.auth-hint{font-size:.8rem;color:var(--text-dim);line-height:1.5;text-align:center}.link-btn{background:none;border:none;color:var(--accent);font-size:inherit;cursor:pointer;padding:0;text-decoration:underline;font-weight:600}.back-btn{background:none;border:none;color:var(--text-dim);font-size:.85rem;cursor:pointer;padding:0;text-align:left;width:fit-content;min-height:44px;display:flex;align-items:center}.back-btn:hover{color:var(--text)}.form-error{font-size:.85rem;color:var(--danger);padding:6px 0}.code-join-row{display:flex;gap:8px}.code-join-row input{flex:1;min-width:0;letter-spacing:.2em;font-variant-numeric:tabular-nums}.code-join-btn{width:auto;flex-shrink:0;padding:0 20px;min-height:48px;display:flex;align-items:center;justify-content:center}.code-join-divider{text-align:center;font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 2px}.otp-input{text-align:center;font-size:2rem;font-weight:800;letter-spacing:.35em;font-family:monospace}.join-screen--scroll{justify-content:flex-start;padding-top:24px}.char-select-list{display:flex;flex-direction:column;gap:10px}.char-select-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s;width:100%;min-height:70px}.char-select-card:hover:not(:disabled){border-color:var(--accent-dim);background:#c9a84c0d}.char-select-card:active:not(:disabled){transform:scale(.98)}.char-select-card:disabled{opacity:.5;cursor:not-allowed}.char-select-card--new{border-style:dashed;border-color:var(--border)}.char-select-card--new:hover:not(:disabled){border-color:var(--accent);background:#c9a84c14}.char-card-name{font-size:1rem;font-weight:700;color:var(--text)}.char-card-sub{font-size:.8rem;color:var(--text-dim)}.char-card-cta{font-size:.8rem;color:var(--accent);font-weight:600;margin-top:4px}.post-session-overlay{align-items:flex-end}.post-session-modal{background:var(--surface);border-top:2px solid var(--accent-dim);border-radius:16px 16px 0 0;padding:28px 24px calc(24px + env(safe-area-inset-bottom,0));width:100%;display:flex;flex-direction:column;gap:14px;max-height:90dvh;overflow-y:auto;animation:slideUp .3s ease}.post-session-title{font-size:1.15rem;font-weight:800;color:var(--text);text-align:center}.post-session-body{font-size:.9rem;color:var(--text-dim);line-height:1.6;text-align:center;margin:0}.vault-save-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;font-size:.88rem;font-weight:600;z-index:1000;box-shadow:0 4px 20px #0006;animation:slideUp .25s ease;white-space:nowrap}.vault-save-toast--ok{background:#1a2e1a;color:#6fcf6f;border:1px solid #2d5a2d}.vault-save-toast--err{background:#2e1a1a;color:#f08080;border:1px solid #5a2d2d}.vault-retry-btn{background:none;border:1px solid currentColor;color:inherit;border-radius:6px;padding:2px 10px;font-size:.82rem;font-weight:700;cursor:pointer}.vault-retry-btn:hover{opacity:.8}.app-header .header-identity{display:flex;align-items:center;gap:9px}.app-header .header-identity .status-dot{flex-shrink:0}.hp-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--danger);border-radius:10px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;cursor:pointer;transition:border-color .15s}.hp-card:hover{border-color:var(--danger)}.hp-card:active{transform:scale(.99)}.hp-card-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:600}.hp-card-value{font-size:1.7rem;font-weight:900;color:var(--danger);line-height:1}.hp-card-max{font-size:1rem;font-weight:600;color:var(--text-dim)}.hp-bar{flex:1;min-width:90px;height:8px;background:var(--surface2);border-radius:5px;overflow:hidden}.hp-bar span{display:block;height:100%;background:var(--danger);border-radius:5px;transition:width .3s ease}.roll-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06060cc7;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:26px;z-index:220;animation:roll-fade .25s ease}@keyframes roll-fade{0%{opacity:0}to{opacity:1}}.roll-card{background:var(--surface);border:1px solid var(--accent-dim);border-radius:18px;padding:24px 22px 20px;width:100%;max-width:340px;text-align:center;box-shadow:0 20px 60px #0009,0 0 0 1px #c9a84c26;position:relative;overflow:hidden;animation:roll-pop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes roll-pop{0%{transform:translateY(14px) scale(.96)}to{transform:translateY(0) scale(1)}}.roll-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-weight:700;margin-bottom:4px}.roll-reason{font-size:.9rem;color:var(--text-dim);line-height:1.5;margin-bottom:16px}.roll-die-stage{height:132px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.roll-die-img{width:116px;height:116px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(201,168,76,.35))}.roll-die-fallback{font-size:2rem;font-weight:800;color:var(--accent)}@keyframes roll-tumble{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-160deg) scale(1.08)}50%{transform:rotate(180deg) scale(.94)}75%{transform:rotate(370deg) scale(1.06)}to{transform:rotate(720deg) scale(1)}}.roll-die-stage.rolling .roll-die-img,.roll-die-stage.rolling .roll-die-fallback{animation:roll-tumble .55s ease-in-out infinite}.roll-type{font-size:.86rem;color:var(--text-dim);font-weight:600;letter-spacing:.03em;margin-bottom:16px}.roll-result{margin-bottom:14px}.roll-result-number{font-size:3.4rem;font-weight:900;color:var(--accent);line-height:1;animation:roll-settle .5s cubic-bezier(.34,1.56,.64,1)}@keyframes roll-settle{0%{transform:scale(1.7);opacity:.2;color:#fffbe6}60%{transform:scale(.9)}to{transform:scale(1);opacity:1;color:var(--accent)}}.roll-result-expr{font-size:.8rem;color:var(--text-dim);margin-top:4px}.roll-btn{background:var(--accent);color:#0f0f18;border:none;border-radius:11px;width:100%;padding:14px;font-size:1.02rem;font-weight:700;cursor:pointer;transition:filter .15s,transform .1s;box-shadow:0 0 20px #c9a84c4d;touch-action:manipulation}.roll-btn:hover:not(:disabled){filter:brightness(1.06)}.roll-btn:active:not(:disabled){transform:scale(.97)}.roll-btn:disabled{opacity:.55;cursor:default;box-shadow:none}.roll-dismiss-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--accent-dim);transform-origin:left;transform:scaleX(0)}.roll-dismiss-bar.run{transition:transform 3s linear;transform:scaleX(1)}@media (prefers-reduced-motion: reduce){.roll-overlay,.roll-card,.roll-result-number,.roll-die-stage.rolling .roll-die-img,.roll-die-stage.rolling .roll-die-fallback{animation:none!important}.roll-dismiss-bar.run{transition:none!important}}.story-controls{position:relative}.paused-overlay{position:absolute;top:-6px;right:-6px;bottom:0;left:-6px;display:flex;align-items:center;justify-content:center;background:#0f0f1899;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);border-radius:10px;z-index:10;animation:paused-fade .2s ease}@keyframes paused-fade{0%{opacity:0}to{opacity:1}}.paused-pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--accent-dim);color:var(--accent);font-weight:700;font-size:.9rem;letter-spacing:.02em;padding:9px 18px;border-radius:20px;box-shadow:0 4px 18px #00000073}.qa-harness{min-height:100vh}.qa-toolbar{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;background:var(--surface2);border-bottom:1px solid var(--accent-dim);font-size:.85rem}.qa-toolbar select,.qa-toolbar button{min-height:32px;padding:4px 10px;font-size:.85rem}.qa-note{color:var(--text-dim);font-size:.75rem}.qa-result{padding:16px;max-width:720px;margin:0 auto}.qa-result pre{background:var(--surface2);border:1px solid var(--accent-dim);border-radius:8px;padding:12px;overflow:auto;font-size:.75rem;max-height:50vh}.qa-checks{list-style:none;padding:0;margin:0 0 12px}.qa-checks li{padding:2px 0}.qa-ok{color:var(--text)}.qa-fail{color:var(--danger);font-weight:700}.qa-api-error{margin:12px auto;max-width:720px;padding:10px 12px;border:1px solid var(--danger);border-radius:8px;background:#c0392b1f;color:var(--text);font-size:.8rem;line-height:1.5}@media (prefers-reduced-motion: reduce){.paused-overlay{animation:none!important}}.story-input-row{gap:6px;align-items:stretch}.story-input-row .submit-btn{padding:12px 14px;font-size:.9rem;letter-spacing:.01em}.chat-input-row input,.input-with-mic input{font-size:1rem}.whisper-item{font-size:calc(var(--story-fs-base) * var(--reader-scale));line-height:1.6}.story-input-row{background:linear-gradient(180deg,rgba(26,26,26,0) 0%,var(--bg) 30%);padding-bottom:2px}@media (max-width: 400px){.content-area,.story-entry{padding-left:12px;padding-right:12px}.story-entry.narration{padding-left:14px}}@media (prefers-reduced-motion: reduce){.mic-eq i{animation:none!important;transform:scaleY(.7)}.story-input-row .mic-btn.recording{animation:none!important}.tab-bar button .tab-ico-wrap{transition:none!important}}.install-banner{display:flex;align-items:center;gap:10px;margin:0 auto 14px;padding:8px 10px 8px 14px;max-width:420px;width:calc(100% - 32px);border:1px solid var(--accent-dim, rgba(201,168,76,.35));border-radius:10px;background:#c9a84c12}.install-banner-text{flex:1;font-size:.82rem;color:var(--text-dim, #b9b4a8);letter-spacing:.01em}.install-banner-cta{flex:none;background:none;border:none;padding:4px 2px;font:inherit;font-size:.82rem;font-weight:600;color:var(--accent, #c9a84c);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.install-banner-dismiss{flex:none;background:none;border:none;padding:4px 6px;font-size:.9rem;line-height:1;color:var(--text-dim, #b9b4a8);opacity:.7;cursor:pointer;min-width:32px;min-height:32px}.install-banner-dismiss:hover{opacity:1}.install-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:12px;font-size:.92rem;line-height:1.45}.install-steps li::marker{color:var(--accent, #c9a84c);font-weight:700}.inventory-item .item-name,.journal-name{font-size:calc(var(--story-fs-base) * var(--reader-scale));line-height:1.4}.inventory-item .item-desc,.journal-desc,.personal-notes-textarea{font-size:calc(var(--story-fs-base) * var(--reader-scale));line-height:1.6}.journal-empty{font-size:calc(var(--story-fs-base) * var(--reader-scale) * .9)}.inventory-item .item-icon{font-size:calc(var(--story-fs-base) * var(--reader-scale) * 1.45)}