:root{--bg:#100b0d;--bg-raised:#1a1216;--bg-inset:#0b0709;--border:#33232a;--border-strong:#4d3540;--text:#e9e1d8;--text-dim:#a5988f;--text-faint:#6f6259;--accent:#b32638;--accent-bright:#d64545;--accent-soft:#b3263824;--gold:#c9a45c;--ok:#5d9e6f;--warn:#c98a3d;--radius:10px;--font-display:Georgia, "Times New Roman", serif;--font-body:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;margin:0 0 .4em;font-weight:600}p{margin:0 0 .75em}a{color:var(--accent-bright)}button{font-family:var(--font-body);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text);cursor:pointer;padding:8px 16px;font-size:14px;transition:border-color .12s,background .12s,color .12s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-bright)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright);color:#fff}button.ghost{color:var(--text-dim);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){color:var(--accent-bright);border-color:#0000}button.danger:hover:not(:disabled){border-color:var(--accent-bright);color:var(--accent-bright)}input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{width:100%;font-family:var(--font-body);color:var(--text);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px;font-size:14px}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}textarea{resize:vertical;min-height:72px}label{color:var(--text-dim);margin-bottom:4px;font-size:13px;display:block}.field{margin-bottom:16px}.hint{color:var(--text-faint);margin-top:4px;font-size:12.5px}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.card.selectable{cursor:pointer;transition:border-color .12s,background .12s}.card.selectable:hover{border-color:var(--border-strong)}.card.selected{border-color:var(--accent);background:var(--accent-soft)}.app-header{border-bottom:1px solid var(--border);background:var(--bg-raised);z-index:40;align-items:center;gap:14px;min-width:0;padding:14px 26px;display:flex;position:relative}.app-header .brand{font-family:var(--font-display);color:var(--text);letter-spacing:.04em;font-size:19px}.app-header .brand .accent{color:var(--accent-bright)}.app-header .spacer{flex:1}.header-actions{align-items:center;gap:14px;min-width:0;display:flex}.header-account{min-width:0;color:var(--text-dim);font-size:12px}.header-account strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(250px,24vw);color:var(--text);font-weight:600;overflow:hidden}.desktop-header-account{white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.header-menu-toggle,.mobile-header-menu{display:none}.app-main{flex:1;width:100%;max-width:1060px;margin:0 auto;padding:28px 26px 60px}.app-footer{border-top:1px solid var(--border);color:var(--text-faint);padding:18px 26px;font-size:12px;line-height:1.7}.footer-content{justify-content:center;align-items:center;gap:14px;max-width:780px;margin:0 auto;display:flex}.dark-pack-mark{opacity:.9;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;transition:opacity .16s,transform .16s;display:inline-flex}.dark-pack-mark:hover,.dark-pack-mark:focus-visible{opacity:1;transform:scale(1.05)}.dark-pack-mark img{object-fit:contain;width:52px;height:52px;display:block}.footer-copy{text-align:center;max-width:680px}@media (width<=520px){.app-footer{padding:18px 16px}.footer-content{flex-direction:column;align-items:center;gap:8px}.footer-copy{text-align:center}}.dots{align-items:center;gap:5px;display:inline-flex}.dot{border:1.5px solid var(--border-strong);background:0 0;border-radius:50%;flex:none;width:14px;height:14px;padding:0}.dot.filled{background:var(--accent);border-color:var(--accent)}.dot.locked{opacity:.55}button.dot:hover:not(:disabled){border-color:var(--accent-bright)}.wizard{grid-template-columns:220px 1fr;align-items:start;gap:28px;display:grid}.wizard-rail{flex-direction:column;gap:2px;display:flex;position:sticky;top:20px}.wizard-rail button{text-align:left;color:var(--text-dim);background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 12px;font-size:13.5px;display:flex}.wizard-rail button:hover:not(:disabled){background:var(--bg-raised);color:var(--text)}.wizard-rail button.active{background:var(--accent-soft);color:var(--text)}.wizard-rail .step-status{border:1.5px solid var(--text-faint);border-radius:50%;flex:none;width:8px;height:8px}.wizard-rail .step-status.complete{background:var(--ok);border-color:var(--ok)}.wizard-rail .step-status.attention{background:var(--accent-bright);border-color:var(--accent-bright)}.wizard-nav{border-top:1px solid var(--border);justify-content:space-between;margin-top:26px;padding-top:18px;display:flex}.step-intro{color:var(--text-dim);max-width:62ch;margin-bottom:20px;font-size:14px}.prompt-block{border-left:3px solid var(--gold);background:var(--bg-raised);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:14px;padding:12px 16px}.prompt-block .q{color:var(--text);font-style:italic}details.deep-dive{margin:18px 0}details.deep-dive summary{cursor:pointer;color:var(--gold);font-size:13.5px}.play-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:14px;display:grid}.track-boxes{flex-wrap:wrap;gap:6px;display:flex}button.track-box{border:1.5px solid var(--border-strong);background:var(--bg-inset);width:30px;height:30px;color:var(--text-dim);border-radius:6px;padding:0;font-size:15px;font-weight:700;line-height:1}button.track-box.sup{border-color:var(--warn);color:var(--warn)}button.track-box.agg{border-color:var(--accent-bright);color:var(--accent-bright);background:var(--accent-soft)}.hunger-seg{border:1.5px solid var(--border-strong);background:var(--bg-inset);border-radius:4px;width:34px;height:20px}.hunger-seg.filled{background:var(--accent);border-color:var(--accent)}.impaired-banner{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-bright);border-radius:8px;margin-top:8px;padding:6px 12px;font-size:13px}.play-stat-label{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.play-stat-label .sub{color:var(--text-faint);font-size:12px}.modal-backdrop{z-index:60;background:#060304b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;max-width:420px;padding:24px 26px;box-shadow:0 18px 60px #0000008c}@media (width<=720px){.app-header{gap:10px;padding:12px 16px}.app-header .brand{white-space:nowrap;font-size:18px}.desktop-header-actions,.desktop-header-account{display:none}.header-menu-toggle{border-color:var(--border-strong);background:var(--bg-inset);color:var(--text);white-space:nowrap;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.header-menu-toggle>span:first-child{color:var(--accent-bright);font-size:18px;line-height:1}.mobile-header-menu{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);flex-direction:column;gap:4px;width:min(300px,100vw - 24px);padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:12px;box-shadow:0 16px 34px #00000073}.mobile-header-menu button{text-align:left;width:100%;min-height:42px;padding:10px 12px}.mobile-header-account{border-bottom:1px solid var(--border);color:var(--text);text-overflow:ellipsis;white-space:nowrap;padding:4px 12px 10px;font-size:12px;font-weight:600;display:block;overflow:hidden}}.hero{text-align:center;padding:46px 16px 6px;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(55% 45% at 50% 20%,#b326382e,#0000 70%);width:900px;max-width:100vw;height:380px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.hero h1{letter-spacing:.05em;margin-bottom:10px;font-size:clamp(34px,6vw,46px);position:relative}.hero h1 .accent{color:var(--accent-bright)}.hero .tagline{color:var(--text-dim);max-width:54ch;margin:0 auto 24px;font-size:15.5px;position:relative}.hero-ornament{color:var(--gold);justify-content:center;align-items:center;gap:14px;max-width:420px;margin:0 auto 22px;display:flex;position:relative}.hero-ornament:before,.hero-ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--border-strong));flex:1;height:1px}.hero-ornament:after{background:linear-gradient(90deg, var(--border-strong), transparent)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:10px;display:flex;position:relative}.hero-cta button.primary{padding:11px 24px;font-size:15px;box-shadow:0 0 24px #b3263859}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:30px 0 8px;display:grid}.feature{padding:20px}.feature svg{color:var(--accent-bright);margin-bottom:10px}.feature h4{margin-bottom:4px}.feature p{color:var(--text-dim);margin:0;font-size:13.5px}.steps-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;max-width:720px;margin:22px auto 0;display:flex}.steps-strip .chip{border:1px solid var(--border-strong);color:var(--text-dim);white-space:nowrap;border-radius:99px;padding:3px 11px;font-size:12px}.steps-strip .sep{color:var(--accent);padding:0 2px;font-size:11px}.flavor{font-family:var(--font-display);color:var(--text-dim);text-align:center;max-width:48ch;margin:30px auto 0;font-size:16.5px;font-style:italic;line-height:1.7}.flavor .drop{color:var(--accent-bright);font-style:normal}.char-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:20px;display:grid}.card-actions{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.card-actions button{padding:6px 11px;font-size:13px}.badge.chronicle-chip{color:var(--gold);border-color:var(--gold);background:#c9a45c14;font-weight:600}.badge{border:1px solid var(--border-strong);color:var(--text-dim);border-radius:99px;margin-right:6px;padding:2px 9px;font-size:11.5px;display:inline-block}@media (width<=760px){.wizard{grid-template-columns:1fr}.wizard-rail{flex-flow:wrap;position:static}}.char-shell-header{background:var(--bg-raised);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--radius);align-items:flex-start;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex}.char-header-badges{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.char-header-badges .badge{margin-right:0}.clan-glyph{width:48px;height:48px;font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #00000073;border:1.5px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.char-vitals{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.vital{align-items:baseline;gap:6px;display:flex}.vital-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}.vital-value{color:var(--text);font-size:15px;font-weight:700}.progress-chip{border:1px solid var(--warn);color:var(--warn);background:0 0;border-radius:99px;padding:3px 11px;font-size:12px}.progress-chip:hover:not(:disabled){background:var(--warn);color:var(--bg);border-color:var(--warn)}.char-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:22px;display:flex;overflow-x:auto}.char-tabs button{color:var(--text-dim);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:10px 16px;font-size:14px}.char-tabs button:hover:not(:disabled){color:var(--text);border-color:#0000}.char-tabs button.active{color:var(--accent-bright);border-bottom-color:var(--accent-bright)}@media (width<=640px){.char-shell-header{text-align:center;flex-direction:column;align-items:center}.char-vitals{justify-content:center}}.termtip-trigger{font:inherit;color:inherit;cursor:pointer;-webkit-text-decoration:underline dotted var(--text-faint);text-decoration:underline dotted var(--text-faint);text-underline-offset:3px;background:0 0;border:none;border-radius:3px;margin:0;padding:0;text-decoration-thickness:1px;display:inline}.termtip-trigger:hover{color:var(--gold);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.termtip-trigger:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.termtip-layer{z-index:80;pointer-events:none;position:fixed;inset:0}.termtip-popover{pointer-events:auto;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);visibility:hidden;width:min(300px,100vw - 24px);padding:14px 16px;position:fixed;top:0;left:0;box-shadow:0 18px 60px #0000008c}.termtip-popover.is-positioned{visibility:visible}.termtip-close{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px 7px;font-size:17px;line-height:1;position:absolute;top:6px;right:6px}.termtip-close:hover{color:var(--accent-bright);border-color:#0000}.termtip-title{font-family:var(--font-display);color:var(--text);margin-bottom:2px;padding-right:20px;font-size:16px}.termtip-kind{text-transform:uppercase;letter-spacing:.04em;color:var(--gold);margin-bottom:8px;font-size:11.5px}.termtip-body{color:var(--text-dim);font-size:13.5px}.termtip-note{color:var(--warn);margin-top:8px;font-size:12.5px}@media (width<=640px){.termtip-layer{pointer-events:auto;background:#060304b8;justify-content:center;align-items:center;padding:20px;display:flex}.termtip-popover{visibility:visible;width:100%;max-width:420px;position:static}}.adv-sticky-bar{z-index:5;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 14px;padding:12px 0;display:flex;position:sticky;top:0}.adv-subtabs{background:var(--bg-inset);border:1px solid var(--border);border-radius:99px;gap:3px;margin-bottom:18px;padding:4px;display:inline-flex}.adv-subtab{color:var(--text-dim);background:0 0;border:none;border-radius:99px;padding:7px 20px;font-size:13.5px;transition:background .12s,color .12s}.adv-subtab:hover:not(.active){color:var(--text);border-color:#0000}.adv-subtab.active{background:var(--accent);color:#fff}.portrait-field{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.portrait-preview{border:1px solid var(--border);background:var(--bg-inset);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:108px;height:108px;display:flex;overflow:hidden}.portrait-preview img{object-fit:cover;width:100%;height:100%;display:block}.portrait-empty{color:var(--text-faint);text-align:center;padding:0 8px;font-size:11px}.portrait-controls{flex:220px;min-width:0}.portrait-controls label{margin-bottom:4px;display:block}.portrait-controls .hint{margin-top:0;margin-bottom:10px}.portrait-input{display:none}.portrait-buttons{flex-wrap:wrap;gap:8px;display:flex}.portrait-error{color:var(--accent-bright);margin:8px 0 0;font-size:12.5px}.clan-glyph.has-portrait{padding:0;overflow:hidden;background:var(--bg-inset)!important}.clan-glyph.has-portrait img{object-fit:cover;width:100%;height:100%;display:block}.sheet-portrait{border:1px solid var(--border);background:var(--bg-inset);border-radius:10px;flex-shrink:0;width:132px;height:132px;overflow:hidden}.sheet-portrait img{object-fit:cover;width:100%;height:100%;display:block}.sheet-identity{align-items:stretch;gap:14px;margin-bottom:16px;display:flex}.sheet-identity>.card{flex:1;min-width:0;margin-bottom:0!important}@media (width<=520px){.sheet-identity{flex-direction:column}.sheet-portrait{width:100%;height:200px}}.sheet-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sheet-toolbar-toggle{color:var(--text-dim);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.sheet-toolbar-toggle input{cursor:pointer;width:auto}.sheet-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.sheet-clan-trait+.sheet-clan-trait{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.sheet-clan-trait-label{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-size:12px;font-weight:700;display:block}.sheet-clan-trait p{margin:4px 0 0}.chronicle-view{max-width:100%}.chronicle-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;margin-bottom:10px;display:flex}.chronicle-invite{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.invite-code{letter-spacing:.06em;background:var(--bg-inset);border:1px solid var(--border);color:var(--gold);border-radius:6px;padding:4px 10px;font-family:Courier New,monospace;font-size:15px}.chronicle-dash-head{gap:12px;margin-bottom:20px;display:grid}.chronicle-back{justify-self:start;padding:2px 0;font-size:13px}.chronicle-dash-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.chronicle-dash-title h2{text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.chronicle-dash-title button{flex-shrink:0}.chronicle-invite-panel{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.chronicle-invite-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);flex-shrink:0;font-size:10.5px}.chronicle-invite-panel .invite-code{text-overflow:ellipsis;background:0 0;border:0;min-width:0;padding:0;overflow:hidden}.chronicle-invite-panel button{border-color:var(--border);color:var(--text);flex-shrink:0;margin-left:auto}.roster-card{border-left:4px solid var(--border);flex-direction:column;gap:14px;display:flex}.roster-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.roster-identity{flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;display:flex}.roster-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.roster-actions{flex-shrink:0;gap:6px;display:flex}.roster-actions button{padding:4px 10px;font-size:12px}.roster-actions button.ghost:hover:not(:disabled){border-color:#0000}.roster-traits{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:12px;display:grid}.roster-traits dt{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;align-self:center;font-size:10.5px}.roster-traits dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.roster-vitals{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.roster-card .vital{background:var(--bg-inset);border:1px solid var(--border);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:7px 4px;display:flex}.roster-card .vital-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px}.roster-card .vital-value{color:var(--text);font-size:14px;font-weight:700}.roster-xp{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;gap:10px;padding:12px;display:grid}.roster-xp-balance{align-items:baseline;gap:6px;display:flex}.roster-xp-balance strong{color:var(--gold);font-size:26px;line-height:1}.roster-xp-balance span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:12px}.roster-xp-controls{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.roster-xp-controls .field{width:84px;margin-bottom:0}.roster-xp-controls .field label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:10.5px}.roster-xp-reason{flex:130px;width:auto!important}.roster-xp-buttons{flex-shrink:0;gap:6px;display:flex}.roster-xp-buttons .ghost,.roster-purchase .ghost{border-color:var(--border);color:var(--text)}.roster-xp-buttons .ghost:hover:not(:disabled),.roster-purchase .ghost:hover:not(:disabled){border-color:var(--accent-bright)}.roster-error{color:var(--accent-bright);margin:0;font-size:12.5px}.roster-purchases summary{cursor:pointer;color:var(--gold);align-items:center;gap:8px;font-size:13px;display:flex}.roster-purchase-warn{color:var(--warn);font-size:12px}.roster-purchase-list{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.roster-purchase{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.roster-purchase:last-child{border-bottom:0}.roster-purchase-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.roster-purchase-cost{color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0}.roster-purchase button{flex-shrink:0;padding:2px 10px;font-size:12px}.roster-purchase.is-refunded{opacity:.55}.roster-purchase.is-refunded .roster-purchase-label{text-decoration:line-through}.chronicle-announcement{border-left:4px solid var(--gold)}.chronicle-character-attachment{border-left:4px solid var(--accent)}.chronicle-attached-character{align-items:center;gap:8px;margin:0 0 16px;display:flex}.chronicle-attached-character button{font:inherit;padding:4px 8px;font-weight:700}.chronicle-attachment-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chronicle-attachment-controls select{flex:220px;min-width:0}.chronicle-session-feed{gap:10px;display:grid}.chronicle-session{padding:14px 16px}.chronicle-session-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.chronicle-session-changes{border-left:3px solid var(--gold);background:var(--bg-inset);border-radius:0 6px 6px 0;padding:8px 12px;font-size:13px}.chronicle-session-editor{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.chronicle-session-editor-card{border:1px solid var(--border);border-radius:8px;margin-bottom:8px;overflow:hidden}.chronicle-session-editor-toggle{text-align:left;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.chronicle-session-editor-fields{background:var(--bg-inset);padding:14px}.chronicle-request{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.chronicle-request-actions{flex-wrap:wrap;flex:none;gap:6px;display:flex}.request-status{text-transform:capitalize;margin-left:8px}.request-status.approved{color:var(--ok);border-color:var(--ok)}.request-status.declined{color:var(--accent-bright);border-color:var(--accent-bright)}.chronicle-award-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.chronicle-award-row .field{width:84px;margin-bottom:0}.chronicle-award-row .field.grow{flex:130px;width:auto}.chronicle-award-row .field label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:10.5px}.chronicle-award-row>button{flex-shrink:0}.chronicle-dashboard .char-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}.modal.wide{max-width:920px;max-height:88vh;overflow-y:auto}.st-play{gap:14px;margin-bottom:16px;display:grid}.st-play-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.st-play-head h4,.st-play-head .hint{margin:0}.st-play-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.st-play-stepper{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.st-play-stepper-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-size:11px}.st-play-stepper-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.st-play-stepper-controls button{border-color:var(--border);width:26px;height:26px;color:var(--text);padding:0;font-size:15px;line-height:1}.st-play-stepper-controls button:hover:not(:disabled){border-color:var(--accent-bright)}.st-play-stepper-value{font-variant-numeric:tabular-nums;text-align:center;min-width:38px;font-weight:700}.st-play-stepper-max{color:var(--text-faint);font-size:11px;font-weight:400}.st-play-track{border:1px solid var(--border);border-radius:8px;gap:6px;padding:10px;display:grid}.st-play-track-rows{gap:6px;display:grid}.st-play-track .st-play-stepper{background:0 0;border:0;padding:0}.st-play-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.st-play-row .field{min-width:160px;margin-bottom:0}.st-play-check{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding-bottom:8px;font-size:13px;display:flex}.st-play-check input{cursor:pointer;width:auto}.st-play-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.st-play-summary{flex:1;min-width:0;margin:0}.st-play-queue{border:1px solid var(--border);border-left:3px solid var(--gold);background:var(--bg-inset);border-radius:8px;padding:10px 12px}.st-play-queue .hint{margin:4px 0 8px}.st-play-queue ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.st-play-queue li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.st-play-queue li button{border-color:var(--border);color:var(--text);flex-shrink:0;padding:2px 10px;font-size:12px}.st-play-queue li button:hover:not(:disabled){border-color:var(--accent-bright)}.sheet-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.sheet-modal-identity{flex:1;min-width:0}.sheet-modal-head h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.sheet-modal-identity .hint{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.sheet-modal-head>button{flex-shrink:0}.sheet-modal-tabs{background:var(--bg-inset);border:1px solid var(--border);border-radius:99px;flex-shrink:0;gap:3px;padding:3px;display:inline-flex}.sheet-modal-tab{color:var(--text-dim);background:0 0;border:none;border-radius:99px;padding:5px 16px;font-size:13px;transition:background .12s,color .12s}.sheet-modal-tab:hover:not(.active){color:var(--text);border-color:#0000}.sheet-modal-tab.active{background:var(--accent);color:#fff}@media (width<=640px){.chronicle-award-row>button{width:100%}.roster-vitals{grid-template-columns:repeat(3,1fr)}.roster-xp-buttons{width:100%}.roster-xp-buttons button{flex:1}.chronicle-request{flex-direction:column}.chronicle-attachment-controls{align-items:stretch}}.glossary-view{max-width:100%}.glossary-intro{max-width:62ch;margin-bottom:18px}.glossary-search{max-width:420px}.glossary-empty{margin-top:10px}.glossary-section{margin-top:26px}.glossary-section h3{margin-bottom:12px}.glossary-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;display:grid}.glossary-entry{margin:0}.glossary-entry dt{font-family:var(--font-display);color:var(--gold);margin-bottom:6px;font-size:15px;font-weight:600}.glossary-entry dd{color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.55}.play-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.play-toolbar .spacer{flex:1}.play-card-full,.hunger-card{grid-column:1/-1}.hunger-card .play-stat-label strong{font-size:19px}.hunger-card .hunger-seg{border-radius:6px;width:48px;height:32px}.reference-strip{grid-column:1/-1;padding:0;overflow:hidden}.reference-strip>summary{cursor:pointer;color:var(--text-dim);justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;font-size:13.5px;list-style:none;display:flex}.reference-strip>summary::-webkit-details-marker{display:none}.reference-strip>summary strong{color:var(--text);font-family:var(--font-display);font-size:15px;font-weight:600}.reference-strip>summary .caret{color:var(--gold);flex:none;transition:transform .12s}.reference-strip[open]>summary .caret{transform:rotate(180deg)}.reference-body{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:16px 20px 20px;display:grid}.reference-body h4{margin-bottom:6px;font-size:13.5px}.powers-card .discipline-block{border-top:1px solid var(--border);padding:10px 0}.powers-card .discipline-block:first-of-type{border-top:none;padding-top:0}.powers-card summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:8px;list-style:none;display:flex}.powers-card summary::-webkit-details-marker{display:none}.powers-card summary .discipline-name{font-family:var(--font-display);color:var(--text);font-size:15.5px}.powers-card summary .sub{color:var(--text-faint);white-space:nowrap;font-size:12px}.clan-traits-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.clan-traits-grid h4{color:var(--gold);margin:0 0 4px}.clan-traits-grid p{color:var(--text-faint);margin:0}.power-row{border-top:1px solid var(--border);padding:8px 0}.power-row:first-of-type{border-top:none}.power-row-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.power-row-head .power-name{color:var(--text);font-weight:600}.power-level-badge{color:var(--gold);border:1px solid var(--border-strong);border-radius:99px;flex:none;padding:1px 8px;font-size:10.5px;font-weight:700}.power-row p{color:var(--text-dim);margin:4px 0 0;font-size:13px}.rituals-block{border-top:1px solid var(--border);margin-top:4px;padding-top:10px}.rituals-block h4{margin-bottom:2px;font-size:13.5px}.play-grid textarea{min-height:120px;padding:14px 16px;font-size:15px;line-height:1.6}@media (pointer:coarse){.play-grid textarea{min-height:160px;font-size:16px}}.play-grid button:not(.track-box){padding:10px 16px}@media (pointer:coarse){button.track-box{width:38px;height:38px;font-size:17px}.hunger-seg{height:26px}.hunger-card .hunger-seg{height:36px}.play-grid button:not(.track-box){padding:12px 18px;font-size:15px}}