@import "https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Playfair+Display:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-deepest:#0a0e17;--bg-deep:#111827;--bg-surface:#1a2236;--bg-card:#1e293b;--bg-card-hover:#253348;--bg-elevated:#2a3441;--accent-crimson:#dc2626;--accent-blood:#991b1b;--accent-gold:#d97706;--accent-gold-dim:#92400e;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#475569;--text-dim:#334155;--color-success:#14b8a6;--color-warning:#f59e0b;--color-danger:#dc2626;--color-info:#3b82f6;--border-subtle:#1e293b;--border-card:#2a3441;--border-accent:#dc2626;--shadow-card:0 2px 8px #00000080, inset 1px 1px 0 #ffffff05;--shadow-elevated:0 4px 20px #000000b3;--sidebar-width:220px;--header-height:48px;--font-body:"Crimson Text", Georgia, serif;--font-heading:"Playfair Display", "Crimson Text", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-deepest);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-size:256px 256px;font-size:15px;line-height:1.5}#root{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--accent-blood);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-crimson)}.app{height:100%;display:flex;overflow:hidden}.loading-screen{background:var(--bg-deepest);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.loading-title{font-family:var(--font-heading);color:var(--accent-crimson);letter-spacing:6px;text-transform:uppercase;text-shadow:0 0 40px #dc262666,0 0 80px #dc26261a;font-size:48px;font-weight:700}.loading-subtitle{font-family:var(--font-body);color:var(--text-muted);margin-top:8px;font-size:16px;font-style:italic;animation:2s ease-in-out infinite pulse}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-deep);border-right:1px solid var(--border-subtle);z-index:100;flex-direction:column;height:100%;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:20px 16px 12px;display:flex}.sidebar-header-portrait{flex-shrink:0}.sidebar-header-text{min-width:0}.sidebar-title{font-family:var(--font-heading);color:var(--accent-crimson);letter-spacing:1px;font-size:22px;font-weight:700}.sidebar-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px;font-style:italic}.sidebar-nav{flex:1;padding:8px 0}.nav-item{width:100%;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:15px;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--bg-card);color:var(--accent-gold);border-left:3px solid var(--accent-crimson);box-shadow:inset 3px 0 12px #dc262633}.nav-icon{text-align:center;width:24px;font-size:18px}.nav-badge{background:var(--accent-crimson);color:#fff;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:700}.sidebar-stats{border-top:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:12px 16px;display:flex}.sidebar-stat{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.sidebar-stat-icon{font-size:14px}.header-bar{height:var(--header-height);background:var(--bg-deep);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:0 16px;display:flex}.header-stats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.header-pill{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:600;display:flex}.blood-pill{border-color:var(--accent-blood);box-shadow:0 0 8px #dc262633}.influence-pill{border-color:var(--accent-gold-dim);box-shadow:0 0 8px #d9770633}.night-pill{border-color:var(--text-dim)}.timer-pill{border-color:var(--text-dim);color:var(--text-muted)}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-content{flex:1;padding:20px;overflow-y:auto}.section-title{font-family:var(--font-heading);color:var(--accent-gold);letter-spacing:.5px;margin-bottom:16px;font-size:22px;font-weight:600}.subsection-title{font-family:var(--font-heading);color:var(--accent-gold-dim);margin-bottom:10px;font-size:17px;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card), inset 1px 1px 0 #ffffff08;border-radius:8px;padding:14px}.card-header{font-family:var(--font-heading);color:var(--accent-gold-dim);border-bottom:1px solid var(--border-subtle);letter-spacing:.3px;margin-bottom:10px;padding-bottom:6px;font-size:15px;font-weight:600}.btn{border:1px solid var(--border-accent);background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:14px;transition:all .15s}.btn:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-crimson)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-crimson);color:#fff;border-color:var(--accent-crimson);box-shadow:0 0 12px #dc26264d}.btn-primary:hover:not(:disabled){background:#b91c1c;box-shadow:0 0 18px #dc262680}.btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#dc262626}.btn-back{margin-bottom:16px;font-size:13px}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.select-control{border:1px solid var(--border-card);background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:13px}.select-control:focus{border-color:var(--accent-crimson);outline:none}.auth-input{border:1px solid var(--border-card);background:var(--bg-elevated);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:14px;display:block}.auth-input:focus{border-color:var(--accent-crimson);outline:none}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-danger)}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-style:italic}.dashboard-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.court-title{font-family:var(--font-heading);color:var(--accent-crimson);letter-spacing:1px;font-size:28px;font-weight:700}.era-badge{background:var(--accent-gold-dim);color:var(--bg-deepest);border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.stat-card{min-height:80px}.resource-bar-container{margin-bottom:8px}.resource-bar-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.resource-bar-track{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:7px;height:14px;overflow:hidden}.resource-bar-fill{border-radius:7px;height:100%;transition:width .3s}.resource-bar-subtitle{color:var(--text-muted);margin-top:3px;font-size:11px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-value{font-family:var(--font-heading);color:var(--accent-gold);font-size:24px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.event-alert{border-color:var(--accent-crimson);animation:2s ease-in-out infinite pulse-border}.event-alert-text{color:var(--accent-crimson);font-size:15px;font-weight:600}.roster-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.roster-controls{gap:8px;display:flex}.vampire-grid{flex-direction:column;gap:8px;display:flex}.vampire-card{background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.vampire-card:hover{background:var(--bg-card-hover);border-color:var(--accent-crimson)}.vampire-card.selected{border-color:var(--accent-gold);background:var(--bg-card-hover)}.vampire-card-portrait{text-align:center;width:40px;font-size:28px}.vampire-card-info{flex:1;min-width:0}.vampire-card-name{font-family:var(--font-heading);color:var(--text-primary);font-size:16px;font-weight:600}.vampire-card-meta{gap:6px;margin-top:2px;display:flex}.vampire-age-badge{background:var(--bg-elevated);color:var(--text-muted);text-transform:capitalize;border-radius:4px;padding:1px 6px;font-size:11px}.vampire-position-badge{color:var(--accent-crimson);background:#dc262626;border-radius:4px;padding:1px 6px;font-size:11px}.vampire-card-traits{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.trait-pill{color:var(--accent-gold);background:#d977061a;border:1px solid #d9770626;border-radius:4px;padding:1px 6px;font-size:10px}.vampire-card-loyalty{flex-direction:column;align-items:center;gap:4px;display:flex}.loyalty-bar-track{background:var(--bg-deep);border-radius:4px;align-items:flex-end;width:8px;height:40px;display:flex;overflow:hidden}.loyalty-bar-fill{border-radius:4px;width:100%;transition:height .3s}.loyalty-label{color:var(--text-muted);font-size:10px}.vampire-detail{max-width:800px}.detail-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.detail-portrait{font-size:48px}.detail-name{font-family:var(--font-heading);color:var(--text-primary);font-size:26px;font-weight:700}.detail-meta{gap:8px;margin-top:4px;display:flex}.detail-agenda{color:var(--text-muted);margin-top:8px;font-size:14px;font-style:italic}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-bar{align-items:center;gap:8px;margin-bottom:6px;display:flex}.stat-bar-label{width:90px;color:var(--text-secondary);font-size:13px}.stat-bar-track{background:var(--bg-deep);border-radius:4px;flex:1;height:8px;overflow:hidden}.stat-bar-fill{background:var(--accent-crimson);border-radius:4px;height:100%;transition:width .3s}.stat-bar-value{text-align:right;width:20px;color:var(--accent-gold-dim);font-size:13px;font-weight:600}.disposition-meters{margin-bottom:12px}.meter{align-items:center;gap:8px;margin-bottom:8px;display:flex}.meter-label{width:70px;color:var(--text-secondary);font-size:13px}.meter-track{background:var(--bg-deep);border-radius:5px;flex:1;height:10px;overflow:hidden}.meter-fill{border-radius:5px;height:100%;transition:width .3s}.meter-value{text-align:right;width:30px;color:var(--text-secondary);font-size:13px;font-weight:600}.blood-info{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.trait-list{flex-direction:column;gap:8px;display:flex}.trait-detail{border-bottom:1px solid var(--border-subtle);padding:6px 0}.trait-detail:last-child{border-bottom:none}.trait-detail-name{color:var(--accent-gold-dim);font-size:14px;font-weight:600}.trait-detail-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.relationship-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.detail-actions{margin-top:16px}.action-row{align-items:center;gap:10px;display:flex}.action-label{color:var(--text-secondary);font-size:14px}.report-panel{max-width:700px}.pending-events{margin-bottom:20px}.event-card{background:var(--bg-card);border:1px solid var(--accent-crimson);box-shadow:var(--shadow-card);border-radius:8px;margin-bottom:12px;padding:14px}.event-card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.event-card-icon{font-size:20px}.event-card-title{font-family:var(--font-heading);color:var(--accent-crimson);flex:1;font-size:17px;font-weight:600}.event-card-night{color:var(--text-muted);font-size:11px}.event-card-desc{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.5}.event-choices{flex-direction:column;gap:8px;display:flex}.event-choice-btn{text-align:left;border:1px solid var(--border-card);background:var(--bg-elevated);cursor:pointer;border-radius:6px;width:100%;padding:10px 12px;transition:all .15s;display:block}.event-choice-btn:hover{border-color:var(--accent-crimson);background:var(--bg-card-hover)}.event-choice-label{color:var(--accent-gold);font-size:14px;font-weight:600;font-family:var(--font-body)}.event-choice-desc{color:var(--text-secondary);font-size:13px;font-family:var(--font-body);margin-top:2px}.event-choice-consequence{color:var(--text-muted);font-size:11px;font-style:italic;font-family:var(--font-body);margin-top:4px}.report-list{flex-direction:column;gap:8px;display:flex}.night-report{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;overflow:hidden}.night-report.new{border-color:var(--accent-gold-dim)}.night-report-header{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.night-report-header:hover{background:var(--bg-card-hover)}.night-report-title{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.new-badge{background:var(--accent-crimson);color:#fff;font-size:10px;font-weight:700;font-family:var(--font-body);border-radius:4px;padding:1px 6px}.night-report-summary{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.expand-icon{font-size:14px}.night-report-entries{flex-direction:column;gap:6px;padding:0 14px 12px;display:flex}.report-entry{border-left:3px solid var(--border-card);background:#00000026;border-radius:0 4px 4px 0;align-items:flex-start;gap:8px;padding:6px 10px;display:flex}.report-entry-icon{margin-top:2px;font-size:14px}.report-entry-content{flex:1}.report-entry-message{color:var(--text-secondary);font-size:13px;line-height:1.4}.report-entry-details{color:var(--text-muted);margin-top:2px;font-size:12px}.report-entry-changes{gap:12px;margin-top:3px;font-size:11px;font-weight:600;display:flex}.district-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.district-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:8px;padding:16px}.district-card-header{margin-bottom:8px}.district-name{font-family:var(--font-heading);color:var(--accent-gold);font-size:18px;font-weight:600}.district-desc{color:var(--text-muted);margin-bottom:12px;font-size:13px;line-height:1.5}.district-stats{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.district-stat{align-items:center;gap:8px;display:flex}.district-stat-label{color:var(--text-muted);width:80px;font-size:12px}.district-stat-value{font-size:14px;font-weight:600}.district-influence-bar{background:var(--bg-deep);border-radius:4px;flex:1;height:8px;overflow:hidden}.district-influence-fill{background:var(--color-info);border-radius:4px;height:100%}.district-institutions{margin-top:8px}.institution-list{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.institution-pill{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 8px;font-size:11px}.settings-panel{max-width:500px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-border{0%,to{border-color:var(--accent-crimson)}50%{border-color:var(--accent-blood)}}.pulse{animation:2s ease-in-out infinite pulse}.mobile-menu-btn{z-index:200;background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:none;position:fixed;top:8px;left:8px}.sidebar-overlay{display:none}@media (width<=768px){.mobile-menu-btn{display:flex}.sidebar{height:100%;box-shadow:var(--shadow-elevated);transition:left .25s;position:fixed;top:0;left:-100%}.sidebar.open{left:0}.sidebar-overlay{z-index:99;background:#00000080;display:block;position:fixed;inset:0}.header-bar{padding-left:50px}.header-stats{gap:4px}.header-pill{padding:2px 6px;font-size:11px}.page-content{padding:12px}.dashboard-grid,.detail-grid,.district-grid{grid-template-columns:1fr}.roster-header{flex-direction:column;align-items:stretch}.roster-controls{flex-direction:column}}.standing-orders-panel{max-width:900px}.standing-orders-list{flex-direction:column;gap:12px;display:flex}.standing-order-card{border-left:3px solid #64748b;transition:opacity .2s}.standing-order-card.disabled-order{opacity:.5}.order-card-header{margin-bottom:8px}.order-card-title-row{align-items:flex-start;gap:12px;display:flex}.order-toggle{cursor:pointer;flex-shrink:0;width:36px;height:20px;margin-top:2px;display:inline-block;position:relative}.order-toggle input{opacity:0;width:0;height:0}.order-toggle-slider{background:#1e293b;border-radius:10px;transition:background .2s;position:absolute;inset:0}.order-toggle-slider:before{content:"";background:#64748b;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;bottom:2px;left:2px}.order-toggle input:checked+.order-toggle-slider{background:#1e3a5f}.order-toggle input:checked+.order-toggle-slider:before{background:#64748b;transform:translate(16px)}.order-card-info{flex:1}.order-card-name{color:#e2e8f0;margin:0;font-size:14px}.order-card-desc{color:#64748b;margin:2px 0 0;font-size:12px}.order-delete-btn{min-width:unset;padding:2px 8px;font-size:11px}.order-card-body{margin-top:8px}.order-condition-action{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.order-block{align-items:center;gap:6px;display:flex}.order-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.order-value{color:#94a3b8;font-size:13px}.condition-text{color:#f59e0b}.action-text{color:#14b8a6}.order-meta{flex-wrap:wrap;gap:16px;display:flex}.order-meta-item{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.order-meta-label{color:#475569}.order-priority-badge{color:#64748b;cursor:pointer;background:#1e293b;border-radius:8px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.order-priority-badge:hover{background:#253348}.priority-slider{accent-color:#64748b;width:100px}.preset-card{margin-bottom:16px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;padding:8px;display:grid}.preset-btn{cursor:pointer;text-align:left;background:#111827;border:1px solid #2a3441;border-radius:6px;padding:10px 12px;transition:border-color .2s,background .2s}.preset-btn:hover{background:#1a2744;border-color:#64748b}.preset-btn-name{color:#e2e8f0;margin-bottom:4px;font-size:13px;font-weight:600}.preset-btn-desc{color:#64748b;font-size:11px}.rule-builder-card{margin-bottom:16px}.rule-builder-form{flex-direction:column;gap:10px;padding:8px;display:flex}.rule-builder-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rule-builder-row label{color:#94a3b8;min-width:110px;font-size:12px}.rule-input{color:#e2e8f0;background:#111827;border:1px solid #2a3441;border-radius:4px;flex:1;min-width:120px;padding:6px 10px;font-size:13px}.rule-input:focus{border-color:#64748b;outline:none}.rule-input-small{flex:0;min-width:60px;max-width:100px}.rule-select{color:#e2e8f0;background:#111827;border:1px solid #2a3441;border-radius:4px;min-width:160px;padding:6px 10px;font-size:13px}.rule-select:focus{border-color:#64748b;outline:none}.priority-value{color:#64748b;text-align:center;min-width:20px;font-weight:700}.watch-night-btn{cursor:pointer;border:1px solid #374151;transition:border-color .2s,background .2s}.watch-night-btn:hover{border-color:#64748b}.watch-night-btn.watch-active{background:#64748b26;border-color:#64748b}.live-night-overlay{z-index:1000;background:#05050ff2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.live-night-container{background:#0a0e17;border:1px solid #2a3441;border-radius:12px;flex-direction:column;width:95%;max-width:700px;max-height:90vh;display:flex;overflow:hidden}.live-night-header{background:#0f1729;border-bottom:1px solid #2a3441;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.live-night-title{align-items:center;gap:10px;display:flex}.live-night-title h2{color:#e2e8f0;margin:0;font-size:18px}.live-night-moon-icon{font-size:22px}.live-night-controls{align-items:center;gap:12px;display:flex}.speed-controls{gap:4px;display:flex}.speed-btn{color:#94a3b8;cursor:pointer;background:#111827;border:1px solid #2a3441;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .15s}.speed-btn:hover{color:#e2e8f0;border-color:#475569}.speed-btn.speed-active{color:#64748b;background:#64748b1a;border-color:#64748b}.skip-btn{color:#f59e0b;border-color:#78350f}.skip-btn:hover{border-color:#f59e0b}.live-close-btn{min-width:unset;padding:4px 10px;font-size:12px}.live-resource-bar{background:#0f1729;border-bottom:1px solid #111827;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 20px;display:flex}.live-resource-counter{border:1px solid;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:flex}.live-resource-label{color:#64748b;font-size:11px}.live-resource-value{font-size:14px;font-weight:700}.live-resource-deltas{gap:12px;margin-left:auto;font-size:12px;font-weight:600;display:flex}.live-progress-bar{background:#111827;height:3px;overflow:hidden}.live-progress-fill{background:linear-gradient(90deg,#dc2626,#f59e0b);height:100%;transition:width .3s}.live-feed{scroll-behavior:smooth;flex:1;min-height:200px;max-height:50vh;padding:16px 20px;overflow-y:auto}.live-entry{border-left:3px solid #374151;margin-bottom:10px;padding:10px 12px;transition:opacity .4s,transform .4s}.live-entry-visible{opacity:1;animation:.4s entrySlideIn;transform:translateY(0)}.live-entry-hidden{opacity:0;transform:translateY(10px)}@keyframes entrySlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.live-entry-timestamp{color:#475569;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:10px}.live-entry-row{align-items:flex-start;gap:8px;display:flex}.live-entry-icon{flex-shrink:0;margin-top:1px;font-size:14px}.live-entry-content{flex:1}.live-entry-message{color:#e2e8f0;margin:0;font-size:13px;line-height:1.4}.live-entry-changes{gap:10px;margin-top:3px;font-size:11px;font-weight:600;display:flex}.live-typing-indicator{color:#475569;letter-spacing:4px;padding:8px 12px;font-size:20px}.live-typing-indicator .dot{animation:1.4s infinite dotPulse}.live-typing-indicator .dot:nth-child(2){animation-delay:.2s}.live-typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}.live-summary{text-align:center;background:#0f1729;border-top:1px solid #2a3441;padding:16px 20px;animation:.5s fadeIn}.live-summary-title{color:#f59e0b;margin-bottom:8px;font-size:15px;font-weight:600}.live-summary-stats{color:#64748b;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.live-night-waiting{color:#64748b;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.live-night-moon{font-size:48px;animation:3s ease-in-out infinite moonPulse}@keyframes moonPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.court-creation{z-index:9999;background:var(--bg-deepest);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.court-creation-card{text-align:center;width:100%;max-width:600px;animation:1s courtFadeIn}.court-creation-title{font-family:var(--font-heading);color:var(--accent-crimson);letter-spacing:8px;text-shadow:0 0 30px #dc262680,0 0 60px #dc262633;margin-bottom:8px;font-size:48px;font-weight:700}.court-creation-subtitle{font-family:var(--font-body);color:var(--text-muted);margin-bottom:40px;font-size:18px;font-style:italic}.court-creation-form{text-align:left;flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.court-creation-field{flex-direction:column;gap:6px;display:flex}.court-creation-label{font-family:var(--font-heading);color:var(--accent-gold);font-size:16px;font-weight:600}.court-creation-hint{color:var(--text-muted);margin-bottom:8px;font-size:13px}.court-creation-input{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);font-family:var(--font-body);border-radius:4px;outline:none;padding:10px 14px;font-size:16px;transition:border-color .2s}.court-creation-input:focus{border-color:var(--accent-crimson)}.court-creation-input::placeholder{color:var(--text-dim);font-style:italic}.court-creation-bloodlines{flex-direction:column;gap:8px;display:flex}.court-creation-bloodline{background:var(--bg-card);border:1px solid var(--border-card);text-align:left;cursor:pointer;color:var(--text-primary);font-family:var(--font-body);border-radius:6px;padding:12px 16px;transition:border-color .2s,background .2s}.court-creation-bloodline:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.court-creation-bloodline.selected{border-color:var(--accent-crimson);background:#dc26261a}.court-creation-bloodline-name{font-family:var(--font-heading);color:var(--accent-gold);font-size:17px;font-weight:600}.court-creation-bloodline-motto{color:var(--text-muted);margin-top:2px;font-size:13px;font-style:italic}.court-creation-bloodline-desc{color:var(--text-secondary);margin-top:8px;font-size:13px;line-height:1.5}.court-creation-bloodline-weakness{color:var(--accent-crimson);margin-top:6px;font-size:12px}.court-creation-submit{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;padding:12px 40px;font-size:18px}.court-creation-submit:disabled{opacity:.4;cursor:not-allowed}.court-creation-transition{flex-direction:column;align-items:center;gap:20px;display:flex}.court-creation-transition-line{font-family:var(--font-heading);color:var(--text-muted);opacity:0;font-size:24px;animation:1.2s forwards courtTransitionFade}@keyframes courtFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes courtTransitionFade{0%{opacity:0;transform:translateY(10px)}30%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.court-creation-portraits{flex-direction:column;gap:16px;margin-top:8px;display:flex}.court-creation-portrait-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.court-creation-portrait-option{background:var(--bg-card);border:2px solid var(--border-card);cursor:pointer;color:var(--text-primary);font-family:var(--font-body);border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:90px;padding:12px 10px 8px;transition:border-color .2s,background .2s,transform .15s;display:flex}.court-creation-portrait-option:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px)}.court-creation-portrait-option.selected{border-color:var(--accent-crimson);background:#dc26261a;box-shadow:0 0 12px #dc26264d}.court-creation-portrait-label{color:var(--text-muted);text-align:center;white-space:nowrap;font-size:11px}.court-creation-portrait-option.selected .court-creation-portrait-label{color:var(--accent-crimson)}.tutorial-overlay{z-index:8000;pointer-events:none;background:#00000059;animation:.4s tutorialOverlayIn;position:fixed;inset:0}@keyframes tutorialOverlayIn{0%{opacity:0}to{opacity:1}}.tutorial-card{z-index:8100;background:var(--bg-card);border:1px solid var(--accent-crimson);width:90%;max-width:560px;box-shadow:0 0 40px #dc262626, var(--shadow-elevated);border-radius:8px;padding:24px 28px 20px;animation:.4s tutorialSlideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes tutorialSlideUp{0%{opacity:0;transform:translate(-50%)translateY(30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tutorial-skip{color:var(--text-dim);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:color .2s;position:absolute;top:10px;right:14px}.tutorial-skip:hover{color:var(--text-secondary)}.tutorial-step-indicator{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.tutorial-dot{background:var(--text-dim);border-radius:50%;width:8px;height:8px;transition:background .3s,transform .3s}.tutorial-dot.active{background:var(--accent-crimson);transform:scale(1.3)}.tutorial-dot.completed{background:var(--accent-gold-dim)}.tutorial-title{font-family:var(--font-heading);color:var(--accent-gold);text-align:center;margin-bottom:10px;font-size:22px;font-weight:700}.tutorial-content{font-family:var(--font-body);color:var(--text-primary);margin-bottom:10px;font-size:15px;line-height:1.6}.tutorial-action{color:var(--accent-gold-dim);border-left:2px solid var(--accent-crimson);margin-bottom:16px;padding-left:12px;font-size:13px;font-style:italic}.tutorial-actions{justify-content:space-between;align-items:center;display:flex}.tutorial-progress{color:var(--text-dim);font-size:12px;font-family:var(--font-mono)}.tutorial-next-btn{font-family:var(--font-heading);letter-spacing:1px;padding:8px 24px;font-size:15px}.tutorial-highlighted{z-index:8050;box-shadow:0 0 0 3px var(--accent-crimson), 0 0 20px #dc262666;border-radius:4px;animation:2s ease-in-out infinite tutorialPulse;position:relative}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 3px var(--accent-crimson), 0 0 20px #dc262666}50%{box-shadow:0 0 0 4px var(--accent-crimson), 0 0 30px #dc262699}}@media (width<=768px){.tutorial-card{width:95%;padding:18px 20px 16px;bottom:12px}.tutorial-title{font-size:18px}.tutorial-content{font-size:14px}.court-creation-title{letter-spacing:4px;font-size:32px}.court-creation-subtitle{font-size:15px}}.portrait{flex-shrink:0}.portrait-emoji{-webkit-user-select:none;user-select:none}.court-creation-bloodline-header{align-items:center;gap:8px;display:flex}.loading-logo{max-width:200px;max-height:200px;margin-bottom:16px}.loading-tagline{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:1px;margin-top:4px;font-size:14px;font-style:italic}.city-map-container{padding:8px 0}.city-map-wrapper{background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;margin-top:8px;position:relative;overflow:hidden}.city-map-svg{width:100%;height:auto;display:block}.city-map-district rect{transition:opacity .2s,stroke-width .15s}.city-map-tooltip{background:var(--bg-elevated);border:1px solid var(--border-accent);pointer-events:none;z-index:10;box-shadow:var(--shadow-elevated);border-radius:6px;padding:10px 14px;position:absolute;bottom:12px;left:12px;right:12px}.city-map-tooltip-name{font-family:var(--font-heading);color:var(--accent-gold);margin-bottom:4px;font-size:16px;font-weight:600}.city-map-tooltip-desc{color:var(--text-secondary);margin-bottom:6px;font-size:12px;line-height:1.4}.city-map-tooltip-stats{color:var(--text-muted);flex-wrap:wrap;gap:8px 16px;font-size:11px;display:flex}.city-map-legend{color:var(--text-secondary);flex-wrap:wrap;gap:12px;padding:10px 4px;font-size:12px;display:flex}.city-map-legend-item{align-items:center;gap:6px;display:flex}.city-map-legend-swatch{border-radius:2px;flex-shrink:0;width:12px;height:12px}.event-illustration{width:100%;margin-bottom:8px}.event-illustration-frame{border-radius:6px 6px 0 0;width:100%;height:120px;position:relative;overflow:hidden}.event-illustration-img{object-fit:cover;width:100%;height:100%;display:block}.event-illustration-vignette{background:linear-gradient(to bottom, transparent 40%, var(--bg-card) 100%);pointer-events:none;position:absolute;inset:0}