:root{--bg:#0f1117;--bg2:#161823;--bg3:#1c1f2e;--bg4:#232636;--bg-glass:#161823d9;--bg-glass-light:#1c1f2e99;--text:#e2e4f0;--text2:#8b8fa3;--text3:#767b93;--text-inverse:#0f1117;--gold:#f0a500;--gold-light:#ffbf2a;--gold-dark:#c47f00;--gold-glow:#f0a50026;--gold-glow-strong:#f0a50040;--red:#e74c3c;--red-light:#f06a5a;--red-glow:#e74c3c26;--green:#2ecc71;--green-light:#58d68d;--green-glow:#2ecc7126;--blue:#3498db;--blue-light:#5dade2;--blue-glow:#3498db26;--purple:#9b59b6;--purple-light:#af7ac5;--purple-glow:#9b59b626;--orange:#e67e22;--orange-light:#eb984e;--border:#2a2e4099;--border-light:#ffffff0f;--border-strong:#2a2e40e6;--shadow:#00000059;--shadow-strong:#00000080;--shadow-glow:0 8px 32px #f0a50014;--shadow-glow-strong:0 8px 40px #f0a5001f;--shadow-elevated:0 20px 60px #0009;--bg-main:var(--bg);--bg-sidebar:var(--bg2);--bg-panel:var(--bg3);--bg-input:var(--bg4);--border-color:var(--border);--text-main:var(--text);--text-muted:var(--text2);--accent-gold:var(--gold);--accent-red:var(--red);--accent-green:var(--green);--radius:12px;--radius-sm:6px;--radius-md:9px;--radius-full:9999px;--sidebar-width:240px;--content-max-width:1200px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.3s cubic-bezier(.34, 1.56, .64, 1)}html.light{--bg:#f8f6fa;--bg2:#eeeaef;--bg3:#e3dfe6;--bg4:#d5d0d8;--bg-glass:#eeeaefd9;--bg-glass-light:#eeeaef99;--text:#1e1a24;--text2:#5a5560;--text3:#736e79;--text-inverse:#f8f6fa;--gold:#b8860b;--gold-light:#d4a017;--gold-dark:#9a7208;--gold-glow:#b8860b1f;--gold-glow-strong:#b8860b33;--red:#c62828;--red-light:#d94a4a;--red-glow:#c628281f;--green:#2e7d32;--green-light:#4a9a4e;--green-glow:#2e7d321f;--blue:#1565c0;--blue-light:#3a7fd4;--blue-glow:#1565c01f;--purple:#6a3b8a;--purple-light:#8a5aaa;--purple-glow:#6a3b8a1f;--orange:#c97a3a;--orange-light:#d9945a;--border:#b4aab980;--border-light:#fff3;--border-strong:#b4aab9cc;--shadow:#00000014;--shadow-strong:#00000026;--shadow-glow:0 8px 32px #b8860b0f;--shadow-glow-strong:0 8px 40px #b8860b1a;--shadow-elevated:0 20px 60px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{background:var(--bg-main);color:var(--text-main);min-height:100vh;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow:hidden}a{color:var(--accent-gold);transition:color var(--transition);text-decoration:none}a:hover{color:var(--gold-light)}a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::selection{background:var(--gold-glow-strong);color:var(--text)}::selection{background:var(--gold-glow-strong);color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:var(--radius-full);transition:background var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--bg4) transparent}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:600;line-height:1.3}.gradient-text{background:linear-gradient(135deg, var(--gold), var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--text-muted)}.text-gold{color:var(--gold)}.text-center{text-align:center}.text-uppercase{text-transform:uppercase;letter-spacing:.05em}.text-shadow{text-shadow:0 2px 8px #0000004d}.mt-1{margin-top:.6rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.6rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus{clip:auto;white-space:normal;z-index:10000;background:var(--gold);width:auto;height:auto;color:var(--text-inverse);border-radius:var(--radius-sm,4px);margin:0;padding:.6rem 1rem;font-weight:600;text-decoration:none;position:fixed;top:.5rem;left:.5rem;overflow:visible;box-shadow:0 4px 16px #0006}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light)}.glass-light{background:var(--bg-glass-light);-webkit-backdrop-filter:blur(8px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;padding:.05rem .6rem;font-size:.7rem;font-weight:600;line-height:1.6;display:inline-block}.badge-gold{background:var(--gold-glow);color:var(--gold)}.badge-green{background:var(--green-glow);color:var(--green)}.badge-red{background:var(--red-glow);color:var(--red)}.badge-blue{background:var(--blue-glow);color:var(--blue)}.badge-purple{background:var(--purple-glow);color:var(--purple)}.app-shell{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--bg-sidebar) 0%, var(--bg) 100%);border-right:1px solid var(--border-color);z-index:10;transition:width var(--transition-slow);flex-direction:column;flex-shrink:0;padding:0;display:flex;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1.2rem 1rem 1rem;display:flex}.brand-icon{border-radius:var(--radius);background:var(--gold-glow);width:2.4rem;height:2.4rem;box-shadow:inset 0 0 0 1px var(--gold-glow-strong);flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.brand-name{background:linear-gradient(135deg, var(--gold), var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700;line-height:1.2;display:block}.brand-version{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);margin-top:1px;font-size:.72rem;display:block}.sidebar-nav{flex:1;padding:.75rem .5rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.nav-group{margin-bottom:1.35rem}.nav-group-title{text-transform:uppercase;letter-spacing:.09em;color:var(--text3);margin-bottom:.45rem;padding:0 .75rem;font-size:.68rem;font-weight:600;display:block}.nav-item{width:100%;color:var(--text2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;margin-bottom:2px;padding:.6rem .75rem;font-family:inherit;font-size:.9rem;display:flex}.nav-item:hover{background:var(--gold-glow);border-left-color:var(--gold-glow-strong);color:var(--text);transform:translate(3px)}.nav-item.active{background:var(--gold-glow);border-left-color:var(--gold);color:var(--gold);font-weight:600}.nav-item:disabled{opacity:.4;cursor:not-allowed;color:var(--text3);background:0 0;border-left-color:#0000}.nav-item:disabled:hover{background:0 0;border-left-color:#0000;transform:none}.nav-item:focus-visible{box-shadow:inset 0 0 0 2px var(--gold-glow-strong);outline:none}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:1.05rem}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;padding:.75rem 1rem;display:flex}.footer-status{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.status-dot{background:var(--accent-green);width:8px;height:8px;box-shadow:0 0 6px var(--green-glow);transition:background var(--transition);border-radius:50%}.status-dot.saving{background:var(--gold);box-shadow:0 0 6px var(--gold-glow);animation:1s infinite pulse}.status-dot.error{background:var(--accent-red);box-shadow:0 0 6px var(--red-glow)}.status-dot.online{background:var(--green);box-shadow:0 0 6px var(--green-glow)}.status-dot.offline{background:var(--red);box-shadow:0 0 6px var(--red-glow)}.status-dot.connecting{background:var(--gold);box-shadow:0 0 6px var(--gold-glow);animation:1s infinite pulse}.status-row{border-bottom:1px solid var(--border,#ffffff0f);justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem 0;font-size:.85rem;display:flex}.status-row:last-child{border-bottom:none}.footer-actions{gap:.25rem;display:flex}.footer-btn{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;transition:all var(--transition);justify-content:center;align-items:center;font-size:.95rem;display:flex}.footer-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:var(--gold-glow)}.footer-btn:focus-visible{box-shadow:0 0 0 3px var(--gold-glow-strong);outline:none}.main-content{background:var(--bg-main);flex-direction:column;flex:1;min-height:0;padding:2rem 3rem;display:flex;overflow-y:auto}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.tab-content{display:none}.tab-content.active{animation:.3s ease-in-out fadeIn;display:block}.tab-content.active.tab-full-height{flex-direction:column;flex:1;min-height:0;display:flex}.editor-container{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.editor-surface{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);flex:1;min-height:400px;overflow:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);transition:all var(--transition);margin-bottom:1.2rem;padding:1.4rem 1.8rem;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(135deg, var(--border-light) 0%, transparent 50%);pointer-events:none;opacity:0;transition:opacity var(--transition);position:absolute;inset:0}.panel:hover{border-color:var(--gold-glow);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.panel:hover:before{opacity:1}.panel-title{color:var(--gold);align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:1.1rem;font-weight:600;display:flex}.btn{background:var(--bg3);border:1px solid var(--border-color);color:var(--text);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);align-items:center;gap:.4rem;padding:.5rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.btn:hover{background:var(--bg4);border-color:var(--accent-gold);box-shadow:0 4px 16px var(--shadow);transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn:focus-visible{box-shadow:0 0 0 3px var(--gold-glow-strong);border-color:var(--gold);outline:none}.btn-gold{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:var(--text-inverse);border-color:var(--gold);box-shadow:0 4px 16px var(--gold-glow);font-weight:600}.btn-gold:hover{box-shadow:0 8px 24px var(--gold-glow-strong);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg, var(--red), var(--red-light));color:#fff;border-color:var(--red)}.btn-danger:hover{box-shadow:0 4px 20px var(--red-glow)}.btn-sm{padding:.3rem .8rem;font-size:.8rem}.btn-xs{gap:.25rem;padding:.15rem .5rem;font-size:.7rem}.btn-lg{padding:.7rem 1.8rem;font-size:1.05rem}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg3);border-color:var(--border-color)}.btn-secondary{background:var(--bg3);border-color:var(--border-color);color:var(--text)}.btn-secondary:hover{background:var(--bg4)}.btn:disabled,.btn-gold:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.modal-overlay.open{animation:.3s fadeIn;display:flex}#charModal[style*="display: flex"],#charModal.open{animation:.3s fadeIn;display:flex!important}.modal{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md,var(--radius));width:100%;max-width:550px;max-height:85vh;box-shadow:var(--shadow-elevated);padding:1.5rem 2rem;animation:.2s ease-out scaleIn;position:relative;overflow-y:auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--accent-red);background:var(--bg3)}.shortcuts-list{margin:0}.shortcuts-row{border-bottom:1px solid var(--border-color);align-items:baseline;gap:.75rem;padding:.5rem 0;display:flex}.shortcuts-row:last-child{border-bottom:none}.shortcuts-row dt{white-space:nowrap;flex:none;min-width:9rem}.shortcuts-row dd{color:var(--text2);margin:0;font-size:.9rem}.shortcuts-row kbd{background:var(--bg3);border:1px solid var(--border-color);color:var(--gold);border-radius:4px;padding:.15rem .5rem;font-family:inherit;font-size:.85rem}.modal h2{color:var(--gold);margin-bottom:1.2rem;padding-right:2rem;font-size:1.4rem}.modal h2:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);border-radius:var(--radius-full);width:40px;height:3px;margin-top:.3rem;display:block}#wizardModal .modal{max-width:800px}#encounterModal .modal{max-width:900px}#npcModal .modal{max-width:700px}#combatModal .modal{max-width:800px}#factionModal .modal{max-width:700px}.modal-content{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md,var(--radius));width:100%;max-width:550px;max-height:85vh;box-shadow:var(--shadow-elevated);margin:0 auto;padding:1.5rem 2rem;animation:.2s ease-out scaleIn;position:relative;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-header h2,.modal-header h3{color:var(--gold);margin:0}.modal-body{color:var(--text)}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.8rem;display:flex}.kanban-modal,.patron-modal{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000b3;padding:2rem;display:none;position:fixed;inset:0;overflow-y:auto}.license-box{background:var(--bg3);border-radius:var(--radius);white-space:pre-wrap;max-height:400px;color:var(--text-muted);padding:1rem;font-family:monospace;font-size:.85rem;overflow-y:auto}input,select,textarea{background:var(--bg-input);border:2px solid var(--border-color);color:var(--text);border-radius:var(--radius);transition:all var(--transition);width:100%;padding:.5rem .8rem;font-family:inherit;font-size:.9rem}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-glow);outline:none}input[type=number]{width:80px}input::placeholder{color:var(--text-muted)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b8fa3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;padding-right:2.4rem}.field{flex-direction:column;gap:.2rem;display:flex}.field label{color:var(--text-muted);font-size:.85rem;font-weight:500}.field-hint{color:var(--text3);font-size:.75rem}.grid-2{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.2rem;display:grid}#toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:.5rem;max-width:380px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-left:4px solid var(--accent-gold);border-radius:var(--radius-sm);box-shadow:var(--shadow-elevated);color:var(--text);pointer-events:auto;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.9rem;animation:.3s ease-out slideInRight;display:flex}.toast.success{border-left-color:var(--accent-green)}.toast.error{border-left-color:var(--accent-red)}.toast-info{border-left-color:var(--blue)}.toast-warning{border-left-color:var(--orange)}.toast button{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:0 .2rem;font-size:1.2rem}.toast button:hover{color:var(--text)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.password-overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.password-overlay.open{animation:.5s fadeIn;display:flex}.gate-box{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-elevated);animation:slideUp .4s var(--transition-bounce);padding:2.8rem 3rem;position:relative;overflow:hidden}.gate-box:before{content:"";background:radial-gradient(ellipse at 50% 0%, var(--gold-glow) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}.gate-icon{color:var(--gold);margin-bottom:.8rem;font-size:3.5rem;display:block}.gate-title{background:linear-gradient(135deg, var(--gold), var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.gate-sub{color:var(--text-muted);margin-bottom:1.6rem;font-size:.95rem}.gate-error{color:var(--red);min-height:1.6rem;font-size:.85rem;animation:.4s shake}.gate-input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius);width:100%;color:var(--text);text-align:center;letter-spacing:4px;transition:all var(--transition);padding:.8rem 1.2rem;font-size:1.1rem}.gate-input:focus{border-color:var(--gold);box-shadow:0 0 0 6px var(--gold-glow)}.gate-input.error{border-color:var(--red);box-shadow:0 0 0 6px var(--red-glow)}.gate-btn{background:linear-gradient(135deg, var(--gold), var(--gold-light));width:100%;color:var(--text-inverse);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);box-shadow:0 4px 20px var(--gold-glow);border:none;margin-top:1rem;padding:.8rem;font-size:1.05rem;font-weight:600}.gate-btn:hover:not(:disabled){box-shadow:0 8px 30px var(--gold-glow-strong);transform:translateY(-2px)}.gate-btn:disabled{opacity:.6;cursor:not-allowed}.gate-foot{color:var(--text3);margin-top:1.2rem;font-size:.7rem}.doc-grid{scrollbar-width:thin;scrollbar-color:var(--bg4) transparent;gap:1rem;padding:.5rem .2rem 1rem;display:flex;overflow-x:auto}.doc-grid::-webkit-scrollbar{height:4px}.doc-grid::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:var(--radius-full)}.doc-card{background:var(--bg3);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);flex-direction:column;flex:none;gap:.3rem;min-width:170px;max-width:200px;padding:1rem;display:flex}.doc-card:hover{border-color:var(--gold);box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.doc-card h4{color:var(--gold);font-size:.95rem;font-weight:600}.doc-meta{color:var(--text-muted);flex-wrap:wrap;gap:.3rem;font-size:.75rem;display:flex}.doc-category-badge{border-radius:var(--radius-full);text-transform:uppercase;padding:.1rem .6rem;font-size:.65rem;font-weight:600}.doc-category-badge.core{background:var(--gold-glow);color:var(--gold)}.doc-category-badge.adventure{background:var(--blue-glow);color:var(--blue)}.doc-category-badge.travel{background:var(--green-glow);color:var(--green)}.doc-category-badge.expansion{background:var(--red-glow);color:var(--red)}.doc-category-badge.resource{color:var(--accent-gold);background:#c99a6b33}.doc-category-badge.lore{background:var(--purple-glow);color:var(--purple)}.dice-result{background:var(--bg3);border-radius:var(--radius);border-left:4px solid var(--gold);align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:1.3rem;font-weight:600;display:flex}.dice-success{color:var(--green)}.dice-failure{color:var(--red)}.char-stat{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.3rem 0;display:flex}.char-stat .label{color:var(--text-muted)}.char-stat .value{color:var(--gold);font-weight:600}.sync-status{border-radius:var(--radius-full);background:var(--bg3);border:1px solid var(--border-color);align-items:center;gap:.6rem;padding:.4rem .8rem;display:flex}.sync-status .status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sync-status .status-dot.online{background:var(--green);box-shadow:0 0 12px var(--green-glow)}.sync-status .status-dot.offline{background:var(--red);box-shadow:0 0 12px var(--red-glow)}.sync-status .status-dot.connecting{background:var(--gold);animation:1s infinite pulse}#presence-list{min-height:2rem;padding:.3rem .6rem}.presence-item{border-bottom:1px solid var(--border-color);align-items:center;gap:.6rem;padding:.3rem 0;display:flex}.presence-item:last-child{border-bottom:none}.presence-item .avatar{object-fit:cover;background:var(--bg3);border:2px solid var(--border-color);border-radius:50%;width:28px;height:28px}.presence-item .status-dot{border-radius:50%;width:6px;height:6px}.presence-item .status-dot.online{background:var(--green)}.presence-item .status-dot.away{background:var(--gold)}.presence-item .status-dot.offline{background:var(--red)}.presence-item .client-name{font-weight:500}.presence-item .client-role{color:var(--text-muted);background:var(--bg4);border-radius:var(--radius-full);padding:.05rem .5rem;font-size:.65rem}.avatar{object-fit:cover;background:var(--bg3);border:2px solid var(--border-color);transition:all var(--transition);border-radius:50%;display:inline-block}.avatar-sm{width:24px;height:24px}.avatar-md{width:32px;height:32px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:64px;height:64px}.avatar:hover{border-color:var(--gold);transform:scale(1.05)}.patrons-grid,.factions-grid,.trusts-grid,.assets-grid{gap:1rem;margin-bottom:1rem;display:grid}.patrons-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.factions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.trusts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.patron-card,.faction-card,.trust-card,.asset-card{background:var(--bg3);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;transition:all .2s;display:flex}.patron-card:hover,.faction-card:hover,.trust-card:hover,.asset-card:hover{box-shadow:var(--shadow-glow);border-color:var(--gold);transform:translateY(-2px)}.patron-card.cosmic{border-top:3px solid var(--purple)}.patron-card.terrestrial{border-top:3px solid var(--orange)}.patron-card-icon,.faction-icon{font-size:2.5rem;line-height:1.2}.patron-card-name,.faction-name{color:var(--text);font-size:1.1rem;font-weight:600}.patron-card-domain{color:var(--text-muted);font-size:.85rem}.patron-card-type,.patron-card-tier{color:var(--text-muted);background:var(--bg2);border-radius:var(--radius-full);padding:.1rem .5rem;font-size:.7rem}.patron-card-tier{color:var(--gold);font-weight:600}.wiki-grid{grid-template-columns:260px 1fr;gap:1.5rem;display:grid}.wiki-sidebar{background:var(--bg3);border-radius:var(--radius);border:1px solid var(--border-color);max-height:calc(100vh - 2rem);padding:1rem;position:sticky;top:1rem;overflow-y:auto}.wiki-sidebar-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding-bottom:.3rem;font-size:.9rem}.wiki-category-list{padding:0;list-style:none}.wiki-category-link{border-radius:var(--radius-sm);transition:background var(--transition);cursor:pointer;justify-content:space-between;padding:.2rem .4rem;font-size:.85rem;display:flex}.wiki-category-link:hover{background:var(--bg4)}.wiki-category-link .count{color:var(--text-muted);font-size:.8rem}.wiki-entry-card{background:var(--bg3);border-radius:var(--radius);border:1px solid var(--border-color);transition:all var(--transition);margin-bottom:.8rem;padding:.8rem 1rem}.wiki-entry-card:hover{border-color:var(--gold);box-shadow:var(--shadow-glow)}.wiki-entry-title{color:var(--gold);cursor:pointer;font-size:1.1rem;font-weight:600}.wiki-entry-title:hover{text-decoration:underline}#region-description,.region-description{color:var(--text);max-height:60vh;padding:.5rem;font-size:1rem;line-height:1.6;overflow-y:auto}#region-description p,.region-description p{margin:.5rem 0;line-height:1.6}.region-title{color:var(--text);margin:0 0 .8rem;font-size:1.6rem;font-weight:700;line-height:1.3}.region-box{background:var(--bg2);border-left:4px solid var(--accent-gold,var(--gold));border-radius:var(--radius);margin:1rem 0;overflow:hidden}.region-box-title{color:var(--gold);background:var(--bg3);border-bottom:1px solid var(--border-color);padding:.8rem 1.2rem;font-size:1.25rem;font-weight:700;line-height:1.3}.region-box-content{padding:1rem 1.2rem}.region-section-heading{color:var(--gold);border-bottom:1px solid var(--border-color);margin:1rem 0 .4rem;padding-bottom:.2rem;font-size:1.1rem;font-weight:700;line-height:1.4}.region-section-heading:first-child{margin-top:0}.region-section{margin:.6rem 0;line-height:1.6}.region-label{color:var(--text);font-size:1rem;font-weight:700}.region-desc{color:var(--text-muted);font-size:1rem}.region-heading{color:var(--gold);margin:.8rem 0 .3rem;font-size:1.1rem;font-weight:700}.region-table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.95rem}.region-table th{text-align:left;background:var(--bg3);color:var(--text-muted);border-bottom:2px solid var(--border-color);padding:.5rem .7rem;font-size:.9rem;font-weight:700}.region-table td{border-bottom:1px solid var(--border-color);vertical-align:top;padding:.45rem .7rem;line-height:1.5}.region-table td:first-child{color:var(--gold);font-weight:600}.region-table tr:last-child td{border-bottom:none}.region-table tr:hover td{background:var(--bg2)}.region-list{margin:.6rem 0;padding-left:1.8rem;line-height:1.6}.region-list li{margin:.4rem 0;line-height:1.5}.region-note{color:var(--text-muted);border-left:2px solid var(--border-color);margin:.4rem 0;padding-left:.5rem;font-style:italic}.region-description-list{margin:.6rem 0;padding-left:0}.region-description-list dt{color:var(--gold);margin-top:.6rem;font-size:1rem;font-weight:700}.region-description-list dd{color:var(--text);margin:.2rem 0 .4rem 1.2rem;line-height:1.6}.region-quote{border-left:4px solid var(--gold);background:var(--bg3);border-radius:0 var(--radius) var(--radius) 0;margin:.8rem 0;padding:.8rem 1.2rem}.quote-speaker{color:var(--gold);margin-bottom:.5rem;font-size:.95rem;font-style:italic;font-weight:700}.quote-text{color:var(--text);font-size:1rem;font-style:italic;line-height:1.6}#region-description em,.region-description em{color:var(--accent-gold,var(--gold));font-style:italic}#region-description::-webkit-scrollbar{width:6px}.region-description::-webkit-scrollbar{width:6px}#region-description::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:var(--radius-full)}.region-description::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:var(--radius-full)}#region-description::-webkit-scrollbar-track{background:0 0}.region-description::-webkit-scrollbar-track{background:0 0}.travel-planner{padding:.5rem 0}.travel-planner-header{margin-bottom:1rem}.travel-card{cursor:default;-webkit-user-select:none;user-select:none;transition:transform .2s,box-shadow .2s;position:relative}.travel-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.travel-card .card-ace{box-shadow:0 0 30px #d4af3733}@keyframes travelCardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.travel-modal{animation:.3s travelCardFadeIn}.travel-card-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.travel-card-scroll::-webkit-scrollbar{height:6px}.travel-card-scroll::-webkit-scrollbar-track{background:0 0}.travel-card-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.suit-spades{color:#2c3e50}.suit-hearts{color:#c0392b}.suit-clubs{color:#27ae60}.suit-diamonds{color:#2980b9}.timer-badge{border-radius:12px;padding:.1rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.timer-badge.short{background:var(--green);color:#fff}.timer-badge.standard{background:var(--gold);color:#1a141a}.timer-badge.extended{background:var(--orange);color:#1a141a}.timer-badge.epic{background:var(--red);color:#fff}.history-item{transition:background .2s}.history-item:hover{background:var(--bg3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--gold-glow)}50%{box-shadow:0 0 20px var(--gold-glow-strong)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.brand-icon{animation:3s ease-in-out infinite float}.nav-item.active .nav-icon{animation:2s infinite glowPulse}.panel{transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.panel:hover{transform:translateY(-2px)}.btn-gold{animation:3s infinite glowPulse}.btn-gold:hover{animation:none;transform:translateY(-2px)}.toast{animation:.3s ease-out slideInRight,.3s ease-in 4.7s forwards fadeOut}@keyframes fadeOut{to{opacity:0;transform:translate(30px)}}#theme-toggle{border:1px solid var(--border);color:var(--text2);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:.4rem;padding:.3rem .8rem;font-family:inherit;font-size:.7rem;display:flex}#theme-toggle:hover{border-color:var(--accent-gold);color:var(--text);background:var(--bg3)}#theme-toggle .theme-icon{font-size:.9rem}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=820px){.sidebar{width:64px;padding:.5rem .2rem}.sidebar-brand .brand-text,.nav-group-title{display:none}.nav-item{justify-content:center;padding:.75rem 0}.nav-label{display:none}.nav-icon{width:auto;font-size:1.3rem}.footer-status .status-label{display:none}.main-content,.editor-screen-host{padding:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.modal{padding:1.2rem}.doc-card{min-width:140px;max-width:160px}.wiki-grid{grid-template-columns:1fr}.wiki-sidebar{max-height:none;position:static}.patrons-grid,.factions-grid,.trusts-grid,.assets-grid{grid-template-columns:1fr 1fr}.region-title{font-size:1.4rem}.region-box-title{font-size:1.1rem}.region-table{font-size:.85rem}.region-table th,.region-table td{padding:.35rem .5rem}}@media (width<=700px){.ce-fixed-grid{grid-template-columns:1fr 1fr!important}}@media (width<=480px){.sidebar{width:52px;padding:.25rem .1rem}.nav-item{padding:.5rem 0}.nav-icon{font-size:1.1rem}.main-content,.editor-screen-host{padding:.6rem}.patrons-grid,.factions-grid,.trusts-grid,.assets-grid{grid-template-columns:1fr}.modal{padding:.8rem}.toast{max-width:100%}.region-table{font-size:.8rem}.region-description-list dd{margin-left:.6rem}.ce-fixed-grid{grid-template-columns:1fr!important}#charModal{height:100%;border-radius:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;padding:1rem!important}.modal-overlay .modal{width:100%;max-width:100%!important}.dice3d-die{width:38px;height:38px;font-size:1rem}.macro-chip{font-size:.75rem}}.bestiary-layout{padding:1rem}.bestiary-entry{transition:border-color .2s,background .2s,transform .15s}.bestiary-entry:hover{transform:translate(4px);background:var(--bg2)!important;border-color:var(--gold)!important}.bestiary-entry .btn{transition:all .2s}.bestiary-entry .btn:hover{transform:scale(1.05)}.category-pill{transition:all .2s}.category-pill:hover{background:var(--gold-glow);border-color:var(--gold);color:var(--text);transform:translateY(-1px)}#bestiary-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent}#bestiary-list::-webkit-scrollbar{width:6px}#bestiary-list::-webkit-scrollbar-track{background:0 0}#bestiary-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}#bestiary-list::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}#bestiary-categories{flex-wrap:wrap;gap:.3rem;display:flex}.bestiary-sidebar .panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem}.bestiary-sidebar .panel h3{border-bottom:1px solid var(--border);margin-top:0;margin-bottom:.5rem;padding-bottom:.4rem;font-size:.95rem}.bestiary-detail-modal{animation:.2s ease-out scaleIn}.bestiary-detail-modal .modal-close{cursor:pointer;color:var(--text2);background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:.5rem;right:.5rem}.bestiary-detail-modal .modal-close:hover{color:var(--text)}@media (width<=820px){.bestiary-layout>div{grid-template-columns:1fr!important}.bestiary-sidebar{order:-1}}.bestiary-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem}#bestiary-list{scrollbar-width:thin;flex-wrap:wrap;gap:.4rem;max-height:300px;padding:.2rem 0;display:flex;overflow-y:auto}#bestiary-list .bestiary-entry{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:default;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.85rem;transition:all .2s;display:flex}#bestiary-list .bestiary-entry:hover{border-color:var(--gold);background:var(--bg2)}#bestiary-list .bestiary-entry .badge{padding:.05rem .4rem;font-size:.6rem}#bestiary-list .bestiary-entry .btn{padding:.1rem .5rem;font-size:.7rem}@media (width<=820px){.encounters-grid{grid-template-columns:1fr!important}.encounters-sidebar{order:-1}}.patron-group summary{padding-left:1.2rem;list-style:none;position:relative}.patron-group summary::-webkit-details-marker{display:none}.patron-group summary:before{content:"▶";color:var(--gold);transition:transform .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.patron-group[open] summary:before{content:"▼"}.xcard-floating-btn{color:#fff;cursor:pointer;z-index:1000;-webkit-user-select:none;user-select:none;background:#e53e3e;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:2rem;line-height:1;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 12px #e53e3e66}.xcard-floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #e53e3e99}.xcard-floating-btn:active{transform:scale(.95)}.xcard-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;animation:.3s xcardFadeIn;display:none;position:fixed;inset:0}.xcard-overlay.open{display:flex!important}@keyframes xcardFadeIn{0%{opacity:0}to{opacity:1}}.xcard-content{text-align:center;color:#fff;max-width:500px;padding:2rem}.xcard-icon{margin-bottom:.5rem;font-size:5rem;display:block}.xcard-title{letter-spacing:.1em;color:#e53e3e;text-shadow:0 0 20px #e53e3e4d;margin:.5rem 0;font-size:3rem;font-weight:700}.xcard-message{opacity:.9;margin:1rem 0 2rem;font-size:1.2rem}.xcard-resume-btn{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:8px;padding:.75rem 2.5rem;font-size:1.2rem;font-weight:600;transition:background .2s,transform .2s}.xcard-resume-btn:hover{background:#c53030;transform:scale(1.05)}.xcard-shortcut-hint{opacity:.6;margin-top:1.5rem;font-size:.8rem}.xcard-shortcut-hint kbd{background:#ffffff26;border:1px solid #fff3;border-radius:4px;padding:.2rem .6rem;font-family:inherit}body.xcard-active .app-shell{filter:blur(4px);transition:filter .3s}#media-recording-overlay{display:none}.welcome-overlay{z-index:99999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.4s welcomeFadeIn;display:flex;position:fixed;inset:0}@keyframes welcomeFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.welcome-card{background:var(--bg1);color:var(--text);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:640px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 60px #0009}.welcome-card h1{color:var(--gold);margin:.2rem 0}.welcome-card .welcome-docs{background:var(--bg3);border-left:4px solid var(--gold);text-align:left;border-radius:8px;margin:1.2rem 0;padding:1rem}.welcome-card .welcome-docs ul{color:var(--text2);margin:.5rem 0 0 1.2rem;padding:0}.welcome-card .welcome-docs a{color:var(--gold)}.welcome-card .welcome-actions{flex-direction:column;gap:.75rem;margin:1.2rem 0;display:flex}.welcome-card .welcome-actions .btn{width:100%}.welcome-card .welcome-dismiss{color:var(--text3);cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline}.welcome-card .welcome-footer{color:var(--text3);margin:0;font-size:.75rem}@media (width<=600px){.welcome-card{padding:1.5rem}}.dice3d-stage{perspective:900px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;min-height:64px;padding:1rem .5rem;display:flex}.dice3d-die{width:44px;height:44px;transform-style:preserve-3d;background:linear-gradient(145deg, var(--bg4), var(--bg2));border:1px solid var(--border-strong);box-shadow:0 4px 10px var(--shadow), inset 0 1px 0 #ffffff14;color:var(--text);border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;animation:.7s cubic-bezier(.34,1.56,.64,1) both dice3d-tumble;display:flex;position:relative}.dice3d-die:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff1a,#0000 55%);border-radius:10px;position:absolute;inset:0}.dice3d-die.dice3d-settled{animation:.35s ease-out both dice3d-settle}.dice3d-die.dice3d-ten{border-color:var(--purple);box-shadow:0 0 14px var(--purple-glow), 0 4px 10px var(--shadow);color:var(--purple-light)}.dice3d-die.dice3d-success{border-color:var(--green);box-shadow:0 0 10px var(--green-glow), 0 4px 10px var(--shadow);color:var(--green-light)}.dice3d-die.dice3d-storybeat{border-color:var(--red);box-shadow:0 0 10px var(--red-glow), 0 4px 10px var(--shadow);color:var(--red-light)}@keyframes dice3d-tumble{0%{opacity:0;transform:translateY(-30px)rotateX(0)rotateY(0)rotate(0)scale(.6)}15%{opacity:1}55%{transform:translateY(2px)rotateX(320deg)rotateY(260deg)rotate(140deg)scale(1.05)}to{transform:translateY(0)rotateX(360deg)rotateY(360deg)rotate(360deg)scale(1)}}@keyframes dice3d-settle{0%{transform:scale(1)}35%{transform:scale(1.18)rotate(-4deg)}65%{transform:scale(.94)rotate(2deg)}to{transform:scale(1)rotate(0)}}.dice3d-die.dice3d-burst:after{content:"✦";color:var(--gold);pointer-events:none;justify-content:center;align-items:center;font-size:1.6rem;animation:.6s ease-out both dice3d-burst;display:flex;position:absolute;inset:-14px}@keyframes dice3d-burst{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.dice3d-die,.dice3d-die.dice3d-settled,.dice3d-die.dice3d-burst:after{animation:none!important}}.wb-toolbar{align-items:flex-start}.wb-toolbar-section{border:1px solid var(--border);border-radius:var(--radius-sm,6px);background:var(--bg2);padding:.3rem .5rem}.wb-toolbar-section>summary{cursor:pointer;color:var(--text2);-webkit-user-select:none;user-select:none;padding:.15rem .2rem;font-size:.85rem;font-weight:600;list-style:none}.wb-toolbar-section>summary::-webkit-details-marker{display:none}.wb-toolbar-section>summary:before{content:"▸";color:var(--text3);margin-right:.3rem;transition:transform .15s;display:inline-block}.wb-toolbar-section[open]>summary:before{transform:rotate(90deg)}.wb-toolbar-section[open]>summary{color:var(--gold)}.wb-toolbar-section-body{border-top:1px solid var(--border);flex-wrap:wrap;gap:.4rem;margin-top:.4rem;padding-top:.4rem;display:flex}@media (width<=700px){.wb-toolbar-section{width:100%}}.editor-screen-host{background:var(--bg-main);flex-direction:column;flex:1;min-width:0;min-height:0;padding:2rem 3rem;animation:.2s ease-in-out fadeIn;display:flex;overflow-y:auto}.editor-screen-host::-webkit-scrollbar{width:8px}.editor-screen-host::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.editor-screen{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md,var(--radius));box-shadow:var(--shadow-elevated);max-width:760px;margin:0 auto;padding:1.5rem 2rem;animation:.2s ease-out scaleIn}.editor-screen .editor-back{margin-bottom:1rem}.editor-screen h2{color:var(--gold);margin-bottom:1.2rem;font-size:1.4rem}.fe-form{flex-direction:column;gap:.9rem;display:flex}.fe-form label{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.fe-form input[type=text],.fe-form input[type=number],.fe-form select,.fe-form textarea{background:var(--bg3,var(--bg-panel));border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text);padding:.5rem .7rem;font-family:inherit;font-size:.95rem}.fe-form textarea{resize:vertical}.fe-form-actions{gap:.6rem;margin-top:.5rem;display:flex}.inline-add-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.inline-add-form input[type=text],.inline-add-form select{background:var(--bg3,var(--bg-panel));border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text);flex:1;min-width:160px;padding:.4rem .6rem;font-size:.9rem}.crafting-container{color:var(--text);background:var(--bg1,var(--bg));border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:.2rem .5rem .5rem;display:flex}.crafting-header{border-bottom:2px solid var(--border);background:linear-gradient(135deg, var(--bg2) 0%, var(--bg1,var(--bg)) 100%);border-radius:var(--radius) var(--radius) 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem;padding:.2rem .3rem .3rem;display:flex}.crafting-header-left{align-items:center;gap:.4rem;display:flex}.crafting-icon-lg{font-size:1.4rem}.crafting-header-title{color:var(--gold);font-size:1.05rem;font-weight:600}.crafting-header-sub{color:var(--text3);margin-left:.3rem;font-size:.7rem}.crafting-header-actions{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.crafting-xp-display{color:var(--text3);align-self:center;font-size:.7rem}.crafting-tabs{border-bottom:1px solid var(--border);gap:.2rem;display:flex}.crafting-tab{border-radius:var(--radius) var(--radius) 0 0;color:var(--text2);cursor:pointer;transition:var(--transition,.2s);background:0 0;border:none;padding:.2rem .8rem;font-size:.8rem;font-weight:600}.crafting-tab.active{background:var(--bg2);color:var(--gold);border:1px solid var(--border);border-bottom:2px solid var(--gold)}.crafting-tab:hover{background:var(--bg2);color:var(--text)}.crafting-panel-content{flex-direction:column;gap:.4rem;display:flex}.crafting-toolbar{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.3rem;padding:.2rem .4rem;display:flex}.crafting-inline-group{align-items:center;gap:.2rem;display:flex}.crafting-hint{color:var(--text3);font-size:.6rem}.crafting-forage-count{opacity:.8;font-size:.6rem}.crafting-select,.crafting-input{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.1rem .3rem;font-size:.7rem}.crafting-input-narrow{width:50px}.crafting-recipe-filters{flex-wrap:wrap}.crafting-recipe-filters .crafting-input{width:120px}.craft-inventory-grid{flex-wrap:wrap;gap:.3rem;max-height:120px;padding:.1rem 0;display:flex;overflow-y:auto}.craft-ingredient-chip{background:var(--bg3);color:var(--text);border:1px solid var(--border);transition:var(--transition,.15s);border-radius:6px;align-items:center;gap:.2rem;padding:.1rem .3rem;font-size:.7rem;display:inline-flex}.craft-ingredient-chip.selected{background:var(--gold);color:var(--text-inverse);border-color:var(--gold)}.craft-ingredient-chip input[type=checkbox]{cursor:pointer;margin:0}.craft-ingredient-remove{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:.6rem}.craft-ingredient-remove:hover{opacity:1}.craft-recipe-grid{flex-direction:column;gap:.25rem;max-height:350px;display:flex;overflow-y:auto}.craft-refinement-grid{flex-wrap:wrap;gap:.3rem;display:flex}.craft-recipe-card{background:var(--bg3);border-radius:var(--radius);border-left:3px solid var(--text3);transition:var(--transition,.15s);padding:.15rem .4rem}.craft-recipe-card.refinement{border-radius:6px;flex-direction:column;flex:180px;gap:.1rem;padding:.2rem .4rem;display:flex}.craft-recipe-card.ready{border-left-color:var(--green)}.craft-recipe-card.missing{border-left-color:var(--orange)}.craft-recipe-header{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.2rem;display:flex}.craft-recipe-header-left{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.craft-recipe-name{font-size:.8rem;font-weight:600}.craft-refine-output{color:var(--text3);font-size:.55rem}.craft-recipe-desc{color:var(--text2);font-size:.7rem}.craft-recipe-meta{color:var(--text3);font-size:.6rem}.craft-recipe-toggle{color:var(--text3);font-size:.65rem}.craft-recipe-status{border-radius:4px;padding:.05rem .3rem;font-size:.55rem}.craft-recipe-status.ready{background:var(--green-glow);color:var(--green)}.craft-recipe-status.missing{background:var(--red-glow);color:var(--red)}.craft-recipe-details{flex-direction:column;gap:.15rem;margin-top:.2rem;padding-left:.2rem;font-size:.7rem;display:flex}.craft-ingredient-list{flex-wrap:wrap;gap:.2rem;display:flex}.craft-ingredient-tag{border:1px solid var(--border);border-radius:6px;padding:.05rem .3rem;font-size:.6rem}.craft-ingredient-tag.has{background:var(--green-glow);color:var(--green);border-color:var(--green)}.craft-ingredient-tag.missing{background:var(--red-glow);color:var(--red);border-color:var(--red)}.recipe-xp-note{color:var(--text3);font-size:.6rem}.recipe-xp-note.insufficient{color:var(--red)}.recipe-missing-note{color:var(--orange);margin-left:.3rem;font-size:.55rem}.craft-crafted-list{max-height:120px;overflow-y:auto}.crafted-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.1rem .3rem;font-size:.75rem;display:flex}.crafted-item-info{flex:1;min-width:0}.crafted-item-name{font-weight:600}.crafted-item-effect{color:var(--text3);margin-left:.3rem;font-size:.65rem}.crafted-item-quality{margin-left:.3rem;font-size:.55rem}.crafted-item-quality.standard{color:var(--green)}.crafted-item-quality.flawed{color:var(--orange)}.crafted-item-uses{color:var(--text2);margin-left:.3rem;font-size:.55rem}.crafted-item-actions{gap:.2rem;display:flex}.crafted-item-remove{color:var(--red)}.crafting-log{color:var(--text2);border-top:1px solid var(--border);max-height:80px;padding-top:.2rem;font-size:.7rem;overflow-y:auto}.crafting-log-title{color:var(--text2);font-size:.7rem;font-weight:600}.crafting-log-entry{border-bottom:1px dashed var(--border);justify-content:space-between;padding:.05rem .2rem;font-size:.65rem;display:flex}.crafting-log-time{color:var(--text3);font-size:.55rem}.codex-filters{flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.2rem;display:flex}.codex-entry-list{flex-direction:column;gap:.25rem;max-height:320px;margin-top:.2rem;display:flex;overflow-y:auto}.codex-entry{background:var(--bg3);border-radius:var(--radius);border-left:3px solid var(--codex-entry-accent,var(--gold));flex-direction:column;gap:.1rem;padding:.3rem .5rem;display:flex}.codex-entry-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.2rem;display:flex}.codex-entry-title{font-size:.8rem;font-weight:600}.codex-entry-body{color:var(--text2);font-size:.7rem;line-height:1.35}.codex-cost{color:var(--text3);font-size:.65rem}.codex-cost.obligation{color:var(--gold)}.attuned-list{flex-direction:column;gap:.2rem;display:flex}.attuned-item{background:var(--bg3);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem;padding:.1rem .4rem;display:flex}.attuned-item-info{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.attuned-item-name{font-size:.75rem;font-weight:600}.attuned-condition{border-radius:4px;padding:.05rem .3rem;font-size:.6rem}.attuned-condition.maintained{background:var(--green-glow);color:var(--green)}.attuned-condition.neglected{color:var(--orange);background:#e67e2233}.attuned-condition.compromised{background:var(--red-glow);color:var(--red)}.attuned-note{color:var(--text3);font-size:.55rem}.attuned-note.compromised{color:var(--red)}.attuned-item-actions{flex-wrap:wrap;align-items:center;gap:.2rem;display:flex}.attuned-upkeep-cost{color:var(--text3);font-size:.6rem}.attuned-retire{color:var(--red)}.crafting-empty-state{text-align:center;color:var(--text3);background:var(--bg2);border:1px dashed var(--border);padding:1.5rem 1.5rem 2rem}.crafting-empty-icon{font-size:3rem}.crafting-empty-title{color:var(--text);margin:.5rem 0}.crafting-empty-text{margin:0 0 .8rem}.crafting-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.crafting-char-select{min-width:220px;padding:.35rem .6rem;font-size:.85rem}.custom-toast-modal{z-index:9999;animation:.2s toastFadeIn;position:fixed;bottom:1rem;right:1rem}.custom-toast-modal-inner{background:var(--bg1,var(--bg));border-radius:var(--radius);border:1px solid var(--border);width:90vw;max-width:420px;box-shadow:var(--shadow-elevated,0 8px 32px #00000080);max-height:60vh;padding:1.2rem;overflow-y:auto}@keyframes toastFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.craft-result-toast{flex-direction:column;gap:.3rem;max-width:400px;display:flex}.craft-result-title{color:var(--gold);font-size:1rem;font-weight:600}.craft-result-desc{color:var(--text2);font-size:.8rem}.craft-result-meta,.craft-result-roll{color:var(--text3);font-size:.75rem}.craft-result-successes{font-size:.8rem}.craft-result-outcome{font-size:1rem;font-weight:600}.craft-result-outcome.success{color:var(--green)}.craft-result-outcome.partial{color:var(--orange)}.craft-result-outcome.failure{color:var(--red)}.craft-result-cost,.craft-result-consumed{color:var(--text3);font-size:.75rem}.craft-result-boons{color:var(--gold);font-size:.75rem}.craft-result-sb{color:var(--text3);font-size:.75rem}.craft-result-missing{color:var(--orange);font-size:.75rem}.craft-result-created{color:var(--green);font-size:.75rem}.craft-result-close{align-self:flex-start}