@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;500;600&family=Source+Serif+4:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:wght@400;600;700&display=swap";:root{--paper: #f7f5ef;--paper-2: #efece2;--ink: #1f1d1a;--ink-soft: #6b6862;--ink-faint: #9a968c;--line: #2a2724;--rule: #cdc8b9;--hi: #e3d7b5;--hot: #c1432d;--hot-soft: #e6b6a8;--okay: #3f6b3a;--fs-sm: 16px;--fs-md: 19px;--fs-lg: 23px;--fs-xl: 27px;--font-hand: "Patrick Hand", cursive;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-sans: "Inter", system-ui, sans-serif;--font-serif: "Source Serif 4", Georgia, serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-hand);font-size:var(--fs-md);line-height:1.4;-webkit-font-smoothing:antialiased}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}.grow{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.pad-2{padding:8px}.pad-3{padding:12px}.pad-4{padding:16px}.wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1}.min-w-0{min-width:0}.overflow-y{overflow-y:auto}.overflow-hidden{overflow:hidden}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-y::-webkit-scrollbar{width:5px}.overflow-y::-webkit-scrollbar-thumb{background:#1f1d1a2e;border-radius:3px}.col::-webkit-scrollbar{width:5px}.col::-webkit-scrollbar-thumb{background:#1f1d1a2e;border-radius:3px}.mono{font-family:var(--font-mono)}.sans{font-family:var(--font-sans)}.hand{font-family:var(--font-hand)}.serif{font-family:var(--font-serif)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-soft{color:var(--ink-soft)}.text-faint{color:var(--ink-faint)}.text-hot{color:var(--hot)}.text-okay{color:var(--okay)}.caps{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}h1,h2,h3,h4{margin:0;font-family:var(--font-hand);font-weight:400}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid var(--line);border-radius:6px;background:var(--paper);font-family:var(--font-hand);font-size:var(--fs-md);cursor:pointer;color:var(--ink);box-shadow:2px 2px 0 var(--line);white-space:nowrap;transition:box-shadow 60ms,transform 60ms;-webkit-user-select:none;user-select:none}.btn:hover{filter:brightness(.96)}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{filter:brightness(1.15)}.btn.hot{background:var(--hot);color:#fff;border-color:var(--hot)}.btn.hot:hover{filter:brightness(1.1)}.btn.okay{background:var(--okay);color:#fff;border-color:var(--okay)}.btn.ghost{box-shadow:none;border-style:dashed;border-color:var(--ink-soft);color:var(--ink-soft);background:transparent}.btn.ghost:hover{color:var(--ink);border-color:var(--line)}.btn.sm{padding:4px 9px;font-size:var(--fs-sm);box-shadow:1.5px 1.5px 0 var(--line)}.btn.sm.ghost{box-shadow:none}.btn.icon{padding:5px 8px}.btn.danger{color:var(--hot);border-color:var(--hot);border-style:dashed}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border:1.25px solid var(--line);border-radius:999px;font-size:var(--fs-sm);font-family:var(--font-mono);background:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.chip.dashed{border-style:dashed;border-color:var(--ink-soft);color:var(--ink-soft)}.chip.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip.hot{background:var(--hot);color:#fff;border-color:var(--hot)}.chip.warn{background:var(--hi);border-color:var(--line);color:var(--ink)}.chip.okay{background:var(--okay);color:#fff;border-color:var(--okay)}.chip.tiny{font-size:10px;padding:1px 6px}.chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.chip button{background:none;border:none;padding:0 0 0 4px;cursor:pointer;color:inherit;font-size:11px;line-height:1}.chip button:hover{color:var(--hot)}.frame{border:1.5px solid var(--line);border-radius:6px;background:var(--paper);position:relative}.frame.dashed{border-style:dashed;border-color:var(--ink-soft)}.frame.thin{border-width:1px;border-color:var(--rule)}.frame.fill{background:var(--paper-2)}.frame.hot{border-color:var(--hot);background:#fbf3ef}.frame.warn{border-color:#a08a3a;background:#fbf6e6}.entity{display:flex;gap:10px;align-items:flex-start;padding:8px 12px;border:1.25px dashed var(--rule);border-radius:6px;background:var(--paper);cursor:pointer;transition:border-color 80ms}.entity:hover{border-color:var(--ink-soft);border-style:solid}.entity.active{border-color:var(--hot);border-style:solid;background:#fbf3ef}.entity .lt{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-faint);margin-top:2px;flex-shrink:0}.entity .body{flex:1;min-width:0}.entity .name{font-size:var(--fs-md);line-height:1.25}.entity .meta{font-size:var(--fs-sm);color:var(--ink-soft);margin-top:2px}.nav{display:flex;align-items:center;gap:14px;padding:10px 18px;border-bottom:1.5px solid var(--line);background:var(--paper);flex-shrink:0}.nav .title{font-size:var(--fs-lg);line-height:1;display:flex;align-items:center;gap:8px;font-family:var(--font-hand)}.tabs{display:flex;gap:0;align-items:flex-end;border-bottom:1.5px solid var(--line);padding:0 14px;background:var(--paper);flex-shrink:0;overflow-x:auto}.tabs::-webkit-scrollbar{height:0}.tabs .tab{padding:8px 14px 7px;font-size:var(--fs-md);font-family:var(--font-hand);color:var(--ink-soft);border:1.5px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;margin-bottom:-1.5px;white-space:nowrap;background:transparent;transition:color 80ms}.tabs .tab:hover{color:var(--ink)}.tabs .tab.active{color:var(--ink);background:var(--paper);border-color:var(--line);border-bottom:1.5px solid var(--paper)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1d1a52;display:flex;align-items:center;justify-content:center;z-index:50}.sheet{background:var(--paper);border:1.5px solid var(--line);border-radius:8px;box-shadow:6px 6px #1f1d1a33;width:min(94vw,720px);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.sheet.wide{width:min(96vw,960px)}.sheet.narrow{width:min(92vw,480px)}.sheet.fullscreen{width:calc(100vw - 48px);max-width:calc(100vw - 48px);height:calc(100vh - 48px);max-height:calc(100vh - 48px);border-radius:8px}.sheet.fullscreen .sheet-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:12px 16px}.sheet-header{display:flex;align-items:baseline;gap:10px;padding:12px 18px 10px;border-bottom:1.5px solid var(--line);background:var(--paper-2);flex-shrink:0}.sheet-body{flex:1;overflow-y:auto;padding:18px}.sheet-footer{display:flex;align-items:center;gap:8px;padding:10px 18px;border-top:1px dashed var(--rule);background:var(--paper-2);flex-shrink:0}.sheet-close{cursor:pointer;font-size:var(--fs-lg);line-height:1;color:var(--ink-soft);background:none;border:none;padding:0;margin-left:auto}.sheet-close:hover{color:var(--ink)}.field{display:flex;flex-direction:column;gap:3px}.field label{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}input[type=text],input[type=number],input[type=date],input[type=email],input[type=search],select,textarea{font-family:var(--font-hand);font-size:var(--fs-md);color:var(--ink);background:var(--paper);border:1.25px solid var(--rule);border-radius:5px;padding:5px 8px;outline:none;width:100%;transition:border-color 80ms}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,input[type=search]:focus,select:focus,textarea:focus{border-color:var(--ink-soft)}textarea{resize:vertical;min-height:64px;line-height:1.45}select{cursor:pointer}.search-input{width:100%;border:none;outline:none;background:transparent;font-family:var(--font-hand);font-size:var(--fs-md);color:var(--ink)}.cbx{width:18px;height:18px;border:1.25px solid var(--line);border-radius:3px;display:inline-grid;place-items:center;font-size:11px;cursor:pointer;flex-shrink:0;background:var(--paper)}.cbx.on{background:var(--ink);color:var(--paper)}table.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.tbl th,.tbl td{text-align:left;padding:6px 8px;border-bottom:1px dashed var(--rule);vertical-align:middle}.tbl th{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:400}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--paper-2)}.dm-notes{background:#fff8d6;border:1px solid #d8c87a;border-radius:4px;padding:10px 12px}.dm-notes .caps{color:#8a7a2a}.dm-notes textarea{background:transparent;border:none;color:#5a4a10;font-family:var(--font-hand);font-size:var(--fs-md);padding:4px 0 0;outline:none;width:100%;resize:none;line-height:1.5;min-height:72px}.divider{border:none;border-top:1px dashed var(--rule);margin:0;width:100%}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:6px;font-size:var(--fs-md);box-shadow:3px 3px #0003;pointer-events:all;animation:toast-in .15s ease-out}.toast.error{background:#7a1a0a}.toast.success{background:var(--okay)}.toast.warning{background:#7a4a00}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.save-indicator{display:flex;align-items:center;gap:5px;font-size:var(--fs-sm);color:var(--ink-soft);font-family:var(--font-mono)}.save-indicator .dot{width:7px;height:7px;border-radius:50%;background:var(--rule)}.save-indicator.pending .dot{background:#a08a3a}.save-indicator.saved .dot{background:var(--okay)}.save-indicator.error .dot{background:var(--hot)}.scribble{height:6px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 6' preserveAspectRatio='none'><path d='M0 3 Q 12 0 24 3 T 48 3 T 72 3 T 96 3 T 120 3 T 144 3 T 168 3 T 200 3' stroke='%231f1d1a' fill='none' stroke-width='1' stroke-linecap='round'/></svg>");background-repeat:repeat-x;background-size:200px 6px;opacity:.35;flex-shrink:0}.vault-page{min-height:100vh;background:var(--paper)}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:24px}.campaign-card{border:1.5px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:3px 3px 0 var(--line);overflow:hidden;cursor:pointer;transition:transform 80ms,box-shadow 80ms}.campaign-card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--line)}.campaign-card .cover{height:64px;flex-shrink:0}.campaign-card .card-body{padding:12px 14px}.campaign-card .card-name{font-size:var(--fs-lg);font-family:var(--font-hand);margin:0 0 4px}.campaign-card .card-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.campaign-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.tab-content{flex:1;display:flex;min-height:0;overflow:hidden}.panel-list{width:300px;flex-shrink:0;border-right:1.5px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.panel-detail{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto}.panel-list-header{padding:12px 14px;border-bottom:1px dashed var(--rule);flex-shrink:0}.panel-list-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px}.panel-detail-header{padding:14px 18px 10px;border-bottom:1px dashed var(--rule);flex-shrink:0;background:var(--paper-2)}.panel-detail-body{padding:16px 18px;flex:1}.stat-block,.statblock{font-family:var(--font-serif);font-size:var(--fs-md);line-height:1.5;border:1.5px solid #c8b89a;border-radius:4px;padding:14px 18px;background:#f8f5ef;max-width:100%}.statblock .sb-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.statblock .sb-name{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-lg);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);flex:1}.statblock .sb-rank{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.06em;color:#5a3e1b;white-space:nowrap;flex-shrink:0}.statblock .sb-traits{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:4px}.statblock .sb-rule{border:none;border-top:1.5px solid var(--ink);margin:6px 0;opacity:.25}.statblock .sb-stat-lines{display:flex;flex-direction:column;gap:1px;margin-bottom:2px}.statblock .sb-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:var(--fs-md);line-height:1.5}.statblock .sb-row strong{font-weight:700;font-family:var(--font-serif)}.statblock .sb-ability-scores{gap:12px}.statblock .sb-wrap{flex-wrap:wrap}.statblock .sb-action{margin:4px 0}.statblock .sb-action-hd{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.statblock .sb-action-name{font-weight:700;font-family:var(--font-serif)}.statblock .sb-action-icon{display:inline-flex;align-items:center;line-height:1;margin:0 1px}.statblock .sb-action-body{font-size:var(--fs-md);line-height:1.5;margin-left:2px}.statblock .sb-inline-trait{display:inline-block;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1px 5px;border:1px solid currentColor;border-radius:2px;color:#3d2750;background:#ede0f7;margin:0 1px;vertical-align:middle}.statblock .sb-flavor{font-style:italic;font-size:var(--fs-md);line-height:1.6;color:var(--ink-soft);margin-top:6px}.statblock .sb-source{font-family:var(--font-mono);font-size:var(--fs-sm);color:#b05040;margin-top:10px;letter-spacing:.04em;display:flex;align-items:center;gap:4px}.statblock .sb-source:before{content:"🔖";font-size:11px}.statblock .sb-description{font-size:var(--fs-md);line-height:1.55}.statblock .sb-description p{margin:4px 0}.statblock .sb-description b,.statblock .sb-description strong{font-weight:700}.statblock .sb-description i,.statblock .sb-description em{font-style:italic}.statblock .sb-description hr{border:none;border-top:1px solid var(--rule);margin:6px 0}.stat-block .sb-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.stat-block .sb-name{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-lg);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);flex:1}.stat-block .sb-rank{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.06em;color:#5a3e1b;white-space:nowrap;flex-shrink:0}.stat-block .sb-traits{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:4px}.stat-block .sb-rule{border:none;border-top:1.5px solid var(--ink);margin:6px 0;opacity:.25}.stat-block .sb-stat-lines{display:flex;flex-direction:column;gap:1px;margin-bottom:2px}.stat-block .sb-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:var(--fs-md);line-height:1.5}.stat-block .sb-row strong{font-weight:700;font-family:var(--font-serif)}.stat-block .sb-ability-scores{gap:12px}.stat-block .sb-wrap{flex-wrap:wrap}.stat-block .sb-action{margin:4px 0}.stat-block .sb-action-hd{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.stat-block .sb-action-name{font-weight:700;font-family:var(--font-serif)}.stat-block .sb-action-icon{display:inline-flex;align-items:center;line-height:1;margin:0 1px}.stat-block .sb-action-body{font-size:var(--fs-md);line-height:1.5;margin-left:2px}.stat-block .sb-icon-svg{vertical-align:-.05em;margin:0 1px}.stat-block .sb-inline-trait{display:inline-block;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1px 5px;border:1px solid currentColor;border-radius:2px;color:#3d2750;background:#ede0f7;margin:0 1px;vertical-align:middle}.stat-block .sb-flavor{font-style:italic;font-size:var(--fs-md);line-height:1.6;color:var(--ink-soft);margin-top:6px}.stat-block .sb-source{font-family:var(--font-mono);font-size:var(--fs-sm);color:#b05040;margin-top:10px;letter-spacing:.04em;display:flex;align-items:center;gap:4px}.stat-block .sb-source:before{content:"🔖";font-size:11px}.stat-block .sb-cast-row{align-items:center;gap:4px}.stat-block .sb-description{font-size:var(--fs-md);line-height:1.55;text-align:justify}.stat-block .sb-description p{margin:4px 0}.stat-block .sb-description p:first-child{margin-top:0}.stat-block .sb-description p.sb-save-result{margin-top:2px}.stat-block .sb-description p.sb-heightened{margin-top:4px}.stat-block .sb-description b,.stat-block .sb-description strong{font-weight:700}.stat-block .sb-description i,.stat-block .sb-description em{font-style:italic}.stat-block .sb-description hr{border:none;border-top:1px solid var(--rule);margin:6px 0}.stat-block .sb-description ul,.stat-block .sb-description ol{margin:4px 0;padding-left:1.6em}.stat-block .sb-description li{margin:2px 0}.stat-block .sb-description p.sb-list-item{margin:1px 0;padding-left:1em;text-indent:-1em}.stat-block--equipment .sb-stat-lines{display:flex;flex-direction:column;gap:0;margin-top:4px;margin-bottom:0}.stat-block--equipment .sb-row{display:block;line-height:1.65;font-size:var(--fs-md)}.stat-block--equipment .sb-row strong{font-weight:700;font-family:var(--font-serif)}.stat-block--equipment .sb-activate{display:block;margin-top:6px;font-size:var(--fs-md);line-height:1.55}.stat-block--equipment .sb-activate .sb-action-icon{display:inline-flex;align-items:center;vertical-align:middle;margin:0 1px}.stat-block--equipment .sb-type-row{font-size:var(--fs-md);line-height:1.6;flex-wrap:wrap}.stat-block--equipment .sb-type-row em{font-style:italic}.stat-block--equipment .sb-traits{margin-bottom:4px}.stat-block--equipment .sb-hd{align-items:baseline}.stat-block--equipment .sb-name{font-size:var(--fs-lg);font-weight:700}.stat-block--equipment .sb-rank{font-size:var(--fs-lg);font-weight:700;color:var(--ink)}.stat-block--spell{padding:0;border:1.5px solid #6b2c2c;overflow:hidden}.stat-block--spell .sb-hd{background:linear-gradient(to right,#4a1515,#6b2c2c);margin:0;padding:10px 18px;border-radius:0}.stat-block--spell .sb-name{color:#f7f5ef;text-shadow:0 1px 2px rgba(0,0,0,.4)}.stat-block--spell .sb-rank{color:#e8c49a;text-shadow:0 1px 2px rgba(0,0,0,.4)}.stat-block--spell .sb-traits{padding:8px 18px 4px;margin-bottom:0}.stat-block--spell .sb-stat-lines{padding:0 18px 4px}.stat-block--spell .sb-description{padding:0 18px 2px}.stat-block--spell .sb-source{padding:0 18px 12px}.stat-block--spell .sb-rule{border-top:1.5px solid #6b2c2c;opacity:1;margin:6px 0}.stat-block--spell .sb-sep{margin-right:4px}.stat-block .trait,.trait{display:inline-block;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border:1px solid var(--line);border-radius:2px;margin-right:3px;margin-bottom:3px}.trait.size{background:#4a6741;color:#fff;border-color:#3d4a37}.trait.alignment{background:#5b3a73;color:#fff;border-color:#3d2750}.trait.rare{background:#002664;color:#fff;border-color:#001540}.trait.uncommon{background:#c45500;color:#fff;border-color:#9a3f00}.trait.unique{background:purple;color:#fff;border-color:#5c005c}.trait.rarity{background:#8a5c1a;color:#fff;border-color:#6a4010}.trait.fire{background:#c1432d;color:#fff;border-color:#9a3022}.trait.beast{background:#8b4513;color:#fff;border-color:#6a330e}.trait.humanoid,.trait.creature{background:#7a2e1e;color:#fff;border-color:#5a1f15}.trait.default{background:#5c1a1a;color:#fff;border-color:#3d1010}.trait.damage{background:#3b6e8a;color:#fff;border-color:#2a5070}.trait-size{display:inline-block;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:#4a6741;color:#fff;border:1px solid #3d4a37;margin-right:3px;margin-bottom:3px}.trait-humanoid{display:inline-block;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:#7a2e1e;color:#fff;border:1px solid #5a1f15;margin-right:3px;margin-bottom:3px}.trait-beast{display:inline-block;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:#8b4513;color:#fff;border:1px solid #6a330e;margin-right:3px;margin-bottom:3px}.trait-alignment{display:inline-block;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:#5b3a73;color:#fff;border:1px solid #3d2750;margin-right:3px;margin-bottom:3px}.trait-fire{display:inline-block;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:#c1432d;color:#fff;border:1px solid #9a3022;margin-right:3px;margin-bottom:3px}.trait-cold{display:inline-block;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:#3b6e8a;color:#fff;border:1px solid #2a5070;margin-right:3px;margin-bottom:3px}.trait-rarity{display:inline-block;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:#8a5c1a;color:#fff;border:1px solid #6a4010;margin-right:3px;margin-bottom:3px}.trait-default{display:inline-block;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:#5c1a1a;color:#fff;border:1px solid #3d1010;margin-right:3px;margin-bottom:3px}.stat{font-family:var(--font-serif);font-size:var(--fs-md);line-height:1.5;border:1.5px solid var(--line);border-radius:4px;padding:14px 18px;background:var(--paper)}.stat .sb-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.stat .sb-name{font-weight:700;font-size:var(--fs-lg);text-transform:uppercase;letter-spacing:.06em}.stat .sb-rank{font-weight:700;font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.stat .sb-traits{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:4px}.stat .sb-rule{border:none;border-top:1.5px solid var(--ink);margin:6px 0;opacity:.25}.stat .sb-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;line-height:1.5}.stat .sb-source{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-faint);margin-top:10px}.feedback-btn{position:fixed;bottom:20px;right:20px;z-index:200}.hp-bar{height:6px;background:var(--rule);border-radius:3px;overflow:hidden;margin-top:3px}.hp-fill{height:100%;background:var(--hot);border-radius:2px;transition:width .3s}.hp-bar-fill{height:100%;background:var(--okay);border-radius:3px;transition:width .2s}.hp-bar-fill.low{background:var(--hot)}.hp-bar-fill.mid{background:#a08a3a}.combatant-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;border:1.25px solid transparent}.combatant-row.active{background:#fbf3ef;border-color:var(--hot)}.combatant-row.dead{opacity:.4}.quest-tree .quest-child{padding-left:20px;border-left:2px dashed var(--rule);margin-left:10px}.db-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.db-panels{flex:1;display:flex;min-height:0;overflow:hidden}.db-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-right:1.5px solid var(--rule)}.db-panel:last-child{border-right:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .15s ease-out}.slide-up{animation:slideUp .18s ease-out}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--ink-soft);text-align:center}.empty-state .empty-icon{font-size:36px;opacity:.4}.color-swatch{width:28px;height:28px;border-radius:50%;border:1.5px solid transparent;cursor:pointer;transition:transform 80ms}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-select{-webkit-user-select:none;user-select:none}.pointer{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.bold{font-weight:700}.italic{font-style:italic}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.panel-list-body,.panel-detail{scrollbar-gutter:stable}:root{--safe-bottom: env(safe-area-inset-bottom, 0px);--bottom-tabs-h: 56px}.bottom-tabs{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:stretch;background:var(--paper);border-top:1.5px solid var(--line);padding-bottom:var(--safe-bottom);z-index:40}.bottom-tabs .bt-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--bottom-tabs-h);background:none;border:none;cursor:pointer;color:var(--ink-soft);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:0;position:relative;-webkit-tap-highlight-color:transparent}.bottom-tabs .bt-item .bt-icon{font-family:var(--font-hand);font-size:20px;line-height:1}.bottom-tabs .bt-item.active{color:var(--hot)}.bottom-tabs .bt-item.active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2.5px;background:var(--hot);border-radius:0 0 3px 3px}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1d1a52;z-index:45;animation:fadeIn .12s ease-out}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:var(--paper);border-top:1.5px solid var(--line);border-radius:14px 14px 0 0;box-shadow:0 -4px #1f1d1a1f;z-index:46;max-height:calc(85dvh - var(--safe-bottom));display:flex;flex-direction:column;padding-bottom:var(--safe-bottom);animation:sheetUp .16s ease-out}.bottom-sheet .bs-grip{width:44px;height:4px;border-radius:2px;background:var(--rule);margin:8px auto 4px;flex-shrink:0}.bottom-sheet .bs-body{flex:1;overflow-y:auto;padding:8px 14px 14px}@keyframes sheetUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.more-grid .more-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1.5px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer;font-family:var(--font-hand);font-size:var(--fs-md);color:var(--ink);text-align:left;-webkit-tap-highlight-color:transparent}.more-grid .more-tile:active{background:var(--paper-2)}.more-grid .more-tile .mt-count{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-soft)}.mobile-detail-bar{position:sticky;top:0;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--paper-2);border-bottom:1.5px solid var(--line);z-index:5;flex-shrink:0}.mobile-detail-bar .mdb-title{font-family:var(--font-hand);font-size:var(--fs-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}@media(max-width:767px){.nav{gap:8px;padding:8px 10px;flex-wrap:nowrap;overflow:hidden}.tabs{display:none}.overlay{align-items:stretch;justify-content:stretch}.sheet,.sheet.wide,.sheet.narrow,.sheet.fullscreen{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border-left:none;border-right:none;box-shadow:none}.sheet-header{padding-top:max(12px,env(safe-area-inset-top,0px))}.sheet-footer{padding-bottom:max(10px,var(--safe-bottom))}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],input[type=search],select,textarea,.search-input{font-size:max(var(--fs-md),16px)}.vault-grid{grid-template-columns:1fr;padding:14px}.toast-container{bottom:calc(var(--bottom-tabs-h) + var(--safe-bottom) + 12px);width:calc(100vw - 24px)}.toast{font-size:var(--fs-sm)}.vault-page .nav{flex-wrap:wrap;overflow:visible;row-gap:6px}.feedback-btn{bottom:calc(var(--bottom-tabs-h) + var(--safe-bottom) + 12px)}}@media(pointer:coarse){.btn{min-height:42px}.btn.sm{min-height:36px}.entity{padding:10px 12px;min-height:44px}.tabs .tab{padding:10px 14px 9px}.cbx{width:22px;height:22px}}