*{margin:0;padding:0;box-sizing:border-box}body{background:#f5f7f6;font-family:EB Garamond,Georgia,serif}#root{min-height:100vh}.app-shell{display:flex;min-height:calc(100vh - 80px)}.app-content{flex:1;padding:24px 28px;color:#23332f;min-width:0}.character-list{list-style:none;padding:0;margin-top:14px;display:grid;gap:10px}.character-list-item{border:1px solid #e2e8e5;border-radius:10px;background:#fff;transition:border-color .15s}.character-list-item:hover{border-color:#7faaa0}.character-list-link{display:block;padding:12px;color:inherit;text-decoration:none}.character-list-item h3{margin-bottom:4px}.character-list-item small{color:#6c7a75}input:focus,textarea:focus{outline:none;background:#ffffc826!important}@media(max-width:600px){.app-content{padding:20px 12px}}@media print{.auth-topbar{display:none!important}}.draft-toolbar{position:sticky;top:var(--account-header-height, 80px);z-index:1000;box-shadow:0 4px 12px #0000000f}.draft-toolbar button:disabled{cursor:wait;opacity:.6}@media print{.draft-toolbar{display:none!important}}.equipment-encumbrance{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.equipment-encumbrance::-webkit-inner-spin-button,.equipment-encumbrance::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:root{--character-sheet-font: "Georgia", "Times New Roman", serif}.character-sheet,.character-sheet :where(input,textarea,select,button),.character-sheet .MuiInputBase-root,.character-sheet .MuiTypography-root,.character-sheet-menu .MuiMenuItem-root{font-family:var(--character-sheet-font)}.sheet-add-button{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:2px 6px;border:1px solid rgba(20,20,20,.75);border-radius:4px;background:#fffffff0;color:#111;font-family:var(--character-sheet-font);font-size:9px;font-weight:700;line-height:1;cursor:pointer}.notification-stack{position:fixed;right:24px;bottom:24px;z-index:1500;display:flex;flex-direction:column-reverse;gap:10px;max-height:calc(100dvh - 48px);width:min(420px,calc(100vw - 48px));overflow-y:auto;pointer-events:none}.sheet-save-indicator{position:relative;display:flex;flex-shrink:0;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 48px));padding:10px 16px;border:1px solid #cdd1d5;border-radius:6px;background:#f1f2f3;color:#353a40;box-shadow:0 3px 14px #0002;font-family:var(--character-sheet-font);font-size:13px;pointer-events:auto}.notification-message{white-space:pre-line;overflow-wrap:anywhere;flex:1}.notification-close{background:none;border:0;color:inherit;font-size:22px;cursor:pointer;align-self:flex-start}.sheet-save-spinner{width:18px;height:18px;flex-shrink:0;border:2px solid #cdd1d5;border-top-color:currentColor;border-radius:50%;animation:sheet-save-spin .9s linear infinite}.sheet-save-indicator--success{color:#23713c}.sheet-save-indicator--info{color:#245a91}.sheet-save-indicator--debug{color:#625085}.sheet-save-indicator--error{color:#b4232e}@keyframes sheet-save-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sheet-save-spinner{animation:none}}@media print{.notification-stack{display:none}}.portrait-controls{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:2px;padding:4px;background:#efeee6ed;opacity:0;transition:opacity .15s;font-size:1.1cqw}.portrait-controls--empty{opacity:1}.portrait-controls button{font:inherit;cursor:pointer;border:1px solid #8a8272;border-radius:3px;background:#f6f2e9;color:#30291f;padding:3px 1px}.portrait-controls button:disabled{cursor:wait}.portrait-controls:has([role=alert]),div:hover>.portrait-controls,div:focus-within>.portrait-controls{opacity:1}@media(hover:none){.portrait-controls{opacity:1}}@media print{.portrait-controls{display:none}}.character-list-item{display:flex;align-items:center;padding-right:12px;gap:8px}.character-list-link{flex:1;min-width:0}.character-list-item>button{flex-shrink:0}.character-history{max-width:920px;margin:0 auto;padding:12px 0 48px}.history-back{color:#48685e;text-underline-offset:4px}.history-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 12px}.history-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#64766e;margin-bottom:6px}.history-header h1{font-size:clamp(30px,5vw,44px);font-weight:500}.history-character-name{font-size:22px;color:#48685e;margin-top:4px}.history-intro{color:#64766e;margin-bottom:28px}.history-draft{background:#fff8e6;border:1px solid #e5d7af;border-radius:8px;padding:14px 18px;margin-bottom:24px}.history-timeline{list-style:none;border-left:1px solid #c9d7d0;margin-left:8px;padding-left:28px}.history-entry{position:relative;padding-bottom:24px}.history-entry:before{content:"";position:absolute;left:-34px;top:28px;width:11px;height:11px;border-radius:50%;background:#48685e;box-shadow:0 0 0 5px #f5f7f6}.history-entry article{background:#fff;border:1px solid #dfe7e2;border-radius:12px;padding:22px;box-shadow:0 4px 18px #23332f05}.history-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.history-entry-date{font-size:13px;color:#64766e;margin-bottom:6px}.history-event-tag{display:inline-block;border:1px solid #dfe7e2;border-radius:20px;padding:3px 10px;font-size:12px;color:#64766e}.history-change-detail{flex:1;min-width:140px}.history-change-kind{display:block;color:#64766e;font-size:12px;margin-bottom:3px}.history-change-detail h2{font-size:23px;font-weight:600;line-height:1.25;margin-bottom:5px}.history-change-values{font-size:14px;color:#64766e}.history-change-delta{font-size:24px;color:#385d4e;font-variant-numeric:tabular-nums}.history-xp{white-space:nowrap;border-radius:20px;background:#edf3ef;color:#385d4e;padding:6px 12px;font-size:14px}.history-changes{list-style:none}.history-changes li{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 0;border-top:1px solid #edf1ee;align-items:center;overflow-wrap:anywhere}.history-changes strong{font-weight:600}.history-change-cost{min-width:65px;text-align:right;color:#385d4e;font-size:17px;font-weight:600}.history-empty{border:1px dashed #c9d7d0;border-radius:12px;padding:36px 24px;text-align:center;background:#fff}.history-empty p{margin:10px 0;color:#64766e}@media(max-width:600px){.history-timeline{padding-left:18px}.history-entry:before{left:-24px}.history-entry article{padding:16px}.history-entry-heading{align-items:flex-start}.character-list-item{flex-wrap:wrap;padding-bottom:6px}}.character-page-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.character-tabs{display:flex;gap:4px;border-bottom:1px solid #c9d7d0;flex:1}.character-tabs a{padding:12px 20px;color:#64766e;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:17px}.character-tabs a:hover{color:#23332f;background:#edf3ef}.character-tabs a.active{color:#23332f;border-bottom-color:#48685e;font-weight:600}.character-print-link{padding:8px 14px;border:1px solid #c9d7d0;border-radius:6px;color:#385d4e;text-decoration:none}.character-history>.character-tabs{margin-bottom:24px}@media print{.character-page-navigation,.character-tabs{display:none}}