.landing-container{color:#f3f4f6;background-color:#030712;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.auth-container{background-color:#111827;border:1px solid #374151;border-radius:8px;width:100%;max-width:400px;padding:30px;box-shadow:0 10px 25px #00000080}.auth-title{color:#e5e7eb;text-align:center;margin:0 0 16px;font-size:1.5rem}.auth-error{color:#ef4444;text-align:center;background-color:#ef44441a;border:1px solid #ef4444;border-radius:4px;margin-bottom:16px;padding:10px;font-size:.9rem}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.auth-input{color:#fff;background-color:#1f2937;border:1px solid #4b5563;border-radius:4px;outline:none;padding:10px 12px;font-size:1rem;transition:border-color .2s}.auth-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.auth-input::placeholder{color:#6b7280}.auth-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;margin-top:8px;padding:12px;font-size:1rem;font-weight:700;transition:background-color .2s,transform .1s}.auth-button:hover:not(:disabled){background-color:#2563eb}.auth-button:active:not(:disabled){transform:scale(.98)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-toggle-container{text-align:center;color:#9ca3af;flex-direction:column;align-items:center;gap:8px;margin-top:20px;font-size:.9rem;display:flex}.auth-toggle-btn{color:#38bdf8;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:8px 16px;font-size:.9rem;font-weight:700;transition:background-color .2s,color .2s}.auth-toggle-btn:hover{color:#bae6fd;background-color:#38bdf81a}.landing-main{flex-direction:column;width:100%;max-width:1200px;padding:20px;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-wrapper{width:100%;max-width:500px;margin:40px auto;padding:20px}.landing-header{border-bottom:1px solid #374151;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:16px;display:flex}.landing-header h2{color:#38bdf8;margin:0;font-size:1.8rem}.btn-logout-corner{color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #ef4444;border-radius:4px;padding:8px 16px;font-weight:700;transition:all .2s}.btn-logout-corner:hover{color:#fff;background-color:#ef4444}.landing-action-bar{align-items:stretch;gap:20px;margin-bottom:40px;display:flex}.action-card{background-color:#111827;border:1px solid #374151;border-radius:8px;flex-direction:column;flex:1;padding:20px;display:flex;box-shadow:0 4px 15px #0000004d}.action-card h3{color:#e5e7eb;text-align:center;border-bottom:1px solid #374151;margin:0 0 16px;padding-bottom:8px;font-size:1.1rem}.action-card-desc{color:#9ca3af;flex:1;margin-bottom:16px;font-size:.85rem}.horizontal-join-form{flex-direction:column;gap:10px;height:100%;display:flex}.room-input{color:#fff;background-color:#1f2937;border:1px solid #4b5563;border-radius:4px;outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .2s}.room-input:focus{border-color:#38bdf8}.join-error-text{color:#ef4444;text-align:center;font-size:.8rem}.btn-action-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;margin-top:auto;padding:12px;font-weight:700;transition:background-color .2s,transform .1s}.btn-action-primary:hover{background-color:#2563eb}.btn-action-primary:active{transform:scale(.98)}.btn-action-green{background-color:#10b981}.btn-action-green:hover{background-color:#059669}.btn-action-purple{background-color:#8b5cf6}.btn-action-purple:hover{background-color:#7c3aed}.history-section{margin-bottom:30px}.history-section h3{color:#9ca3af;align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;display:flex}.room-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.room-tile{cursor:pointer;text-align:left;background-color:#1f2937;border:1px solid #4b5563;border-radius:6px;flex-direction:column;padding:16px;transition:all .2s;display:flex;position:relative}.room-tile:hover{background-color:#263346;border-color:#38bdf8;transform:translateY(-3px);box-shadow:0 6px 15px #0006}.room-tile-name{color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.room-tile-code{color:#9ca3af;font-family:monospace;font-size:.85rem}.no-rooms-state{text-align:center;color:#6b7280;background-color:#111827;border:1px dashed #374151;border-radius:6px;padding:30px}.btn-delete-room{color:#ef4444;cursor:pointer;z-index:10;background-color:#ef44441a;border:1px solid #ef4444;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.btn-delete-room:hover{color:#fff;background-color:#ef4444;transform:scale(1.1)}.landing-modal-overlay{z-index:9999;background-color:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{width:100%;max-width:500px}.modal-container-sm{text-align:center;width:100%;max-width:420px}.modal-title-green{color:#10b981;margin-bottom:8px}.modal-title-red{color:#ef4444;margin-bottom:8px}.modal-warning-text{color:#e2e8f0;margin-bottom:20px;font-size:.95rem}.text-red-light{color:#fca5a5}.modal-actions{gap:10px;margin-top:12px;display:flex}.btn-create-room{color:#fff;cursor:pointer;white-space:nowrap;background-color:#10b981;border:none;border-radius:4px;padding:12px 24px;font-size:1rem;font-weight:700;transition:background-color .2s,transform .1s}.btn-create-room:hover{background-color:#059669}.btn-create-room:active{transform:scale(.98)}.btn-danger{color:#fff!important;background-color:#ef4444!important}.chat-sidebar{color:#fff;background-color:#1e1e1e;border:1px solid #374151;border-radius:6px;flex-direction:column;height:100%;padding:10px;display:flex;box-shadow:0 4px 12px #00000040}.chat-title{color:#fff;border-bottom:1px solid #374151;margin:0 0 10px;padding-bottom:6px;font-size:1rem;font-weight:700}.chat-log{background-color:#121212;border:1px solid #444;border-radius:4px;flex-direction:column;flex:1;gap:8px;min-height:250px;max-height:400px;padding:8px;display:flex;overflow-y:auto}.chat-empty{color:#9ca3af;text-align:center;margin-top:12px;font-size:.85rem;font-style:italic}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-track{background:#121212}.chat-log::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.chat-message-item{color:#fff;background-color:#2a2a2a;border:1px solid #374151;border-radius:4px;padding:6px 8px}.chat-message-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.chat-sender{color:#60a5fa;font-weight:600}.chat-timestamp{color:#9ca3af;font-size:.75rem}.chat-message-body{color:#f3f4f6;word-break:break-word;font-size:.875rem;line-height:1.4}.chat-form{gap:6px;margin-top:10px;display:flex}.chat-input{color:#fff;background-color:#111827;border:1px solid #374151;border-radius:4px;outline:none;flex:1;padding:8px 12px;font-size:.875rem;transition:border-color .2s ease-in-out}.chat-input:focus{border-color:#2563eb}.chat-input::placeholder{color:#6b7280}.chat-send-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:4px;padding:8px 16px;font-size:.875rem;font-weight:700;transition:background-color .2s ease-in-out}.chat-send-btn:hover{background-color:#1d4ed8}.dice-roller-container{color:#fff;box-sizing:border-box;background-color:#1e1e1e;border:1px solid #374151;border-radius:6px;flex-direction:column;height:100%;padding:12px;display:flex}.dice-roller-title{color:#60a5fa;margin:0 0 10px;font-size:1rem}.dice-buttons-grid{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.dice-quick-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;padding:4px 8px;font-size:.85rem;font-weight:700;transition:background-color .2s}.dice-quick-btn:hover{background-color:#2563eb}.dice-form{gap:6px;margin-bottom:12px;display:flex}.dice-input{color:#000;background-color:#fff;border:1px solid #4b5563;border-radius:4px;outline:none;flex:1;padding:8px}.dice-submit-btn{color:#fff;cursor:pointer;background-color:#16a34a;border:none;border-radius:4px;padding:8px 14px;font-weight:700;transition:background-color .2s}.dice-submit-btn:hover{background-color:#15803d}.dice-log-container{background-color:#111827;border:1px solid #374151;border-radius:4px;flex:1;padding:8px;overflow-y:auto}.dice-log-empty{color:#6b7280;margin:0;font-size:.85rem}.dice-log-item{background-color:#1f2937;border-left:3px solid #3b82f6;border-radius:4px;margin-bottom:6px;padding:6px;font-size:.85rem}.dice-log-header{color:#9ca3af;justify-content:space-between;display:flex}.dice-sender{font-weight:700}.dice-timestamp{color:#6b7280}.dice-log-body{color:#f3f4f6;word-break:break-word;margin-top:2px}.dice-visual-card{text-align:center;background:linear-gradient(#1e293b,#0f172a);border:1px solid #38bdf8;border-radius:8px;margin-top:10px;padding:16px 12px;box-shadow:inset 0 0 15px #38bdf81a}.dice-total-box{color:#e0f2fe;text-shadow:0 2px 4px #00000080;background:#0284c733;border:2px solid #fbbf24;border-radius:8px;min-width:80px;margin-bottom:8px;padding:10px 25px;font-size:2.5rem;font-weight:900;display:inline-block;box-shadow:0 4px 10px #0000004d}.dice-logic-divider{color:#7dd3fc;letter-spacing:1px;align-items:center;margin:12px 0;font-size:.75rem;font-weight:700;display:flex}.dice-logic-divider:before,.dice-logic-divider:after{content:"";background:#0284c7;flex:1;height:1px;margin:0 10px}.dice-logic-breakdown{flex-direction:column;gap:6px;display:flex}.dice-logic-math{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:1.1rem;display:flex}.dice-shape{color:#000;background:#fbbf24;border-radius:4px;padding:4px 10px;font-size:.95rem;font-weight:800;box-shadow:0 2px 4px #0006}.dice-shape.modifier{background:#cbd5e1}.dice-plus,.dice-equals{color:#38bdf8;font-weight:700}.dice-logic-total{color:#fff;font-size:1.2rem;font-weight:800}.dice-logic-text{color:#94a3b8;margin-top:4px;font-size:.85rem}.wild-card-row{justify-content:center;align-items:stretch;gap:12px;margin-top:10px;display:flex}.wild-card-row .dice-visual-card{flex:1;margin-top:0;padding:12px 8px}.dice-dimmed{opacity:.5;filter:grayscale(80%);box-shadow:none;border-color:#475569}.dice-dimmed .dice-total-box{color:#94a3b8;background:#47556933;border-color:#64748b}.dice-card-label{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:800}.canvas-container{background-color:#0d0d0d;border:1px solid #374151;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000080}.map-controls{z-index:5;color:#f3f4f6;background-color:#1f2937e6;border:1px solid #374151;border-radius:4px;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:600;transition:transform .3s;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 6px #0006}.map-controls.drawer-open{transform:translate(260px)}.map-select-dropdown{color:#fff;cursor:pointer;background-color:#111827;border:1px solid #4b5563;border-radius:4px;outline:none;margin-left:6px;padding:4px 8px;font-size:.85rem}.current-map-label{color:#e5e7eb}.current-map-label strong{color:#38bdf8;margin-left:4px}.zoom-indicator{color:#9ca3af;border-left:1px solid #4b5563;margin-left:12px;padding-left:12px;font-size:.8rem;font-weight:500}.reset-view-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #4b5563;border-radius:4px;margin-left:12px;padding:4px 8px;font-size:.75rem;transition:all .2s}.reset-view-btn:hover{color:#f3f4f6;background-color:#374151}.battle-map-canvas{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#111827;transition:box-shadow .2s ease-in-out;display:block}.battle-map-canvas:focus{border-color:#2563eb;outline:none}.battle-map-canvas.is-dragging{cursor:grabbing}.battle-map-canvas.is-initiative-mode{cursor:crosshair}.battle-map-canvas.is-removal-mode{cursor:not-allowed}.char-creator-container{color:#f3f4f6;background-color:#030712;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.char-creator-card{background-color:#111827;border:1px solid #374151;border-radius:8px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000080}.char-creator-header{background-color:#1f2937;border-bottom:2px solid #374151;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.char-creator-header h2{color:#38bdf8;margin:0;font-size:1.25rem}.creator-header-actions{gap:8px;display:flex}.btn-close-creator{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.9rem;transition:color .2s}.btn-close-creator:hover{color:#ef4444}.char-creator-form{flex:1;padding:20px;overflow-y:auto}.form-section{margin-bottom:24px}.form-section h3{color:#fbbf24;border-bottom:1px solid #374151;margin:0 0 12px;padding-bottom:4px;font-size:1rem}.form-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.flex-1{flex:1}.flex-2{flex:2}.flex-1-min-180{flex:1;min-width:180px}.mt-12{margin-top:12px}.input-group{flex-direction:column;margin-bottom:12px;display:flex}.input-group label{color:#d1d5db;margin-bottom:4px;font-size:.85rem;font-weight:700}.label-highlight{color:#fbbf24!important}.input-group input,.input-group select{color:#fff;background-color:#1f2937;border:1px solid #4b5563;border-radius:4px;outline:none;width:100%;padding:10px;font-family:inherit;transition:border-color .2s}.input-group input:focus,.input-group select:focus{border-color:#38bdf8}.option-highlight{color:#fbbf24;font-weight:700}.trackers-row{gap:10px;display:flex}.point-tracker{background-color:#111827;border:1px solid #4b5563;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:flex}.point-tracker.error{color:#ef4444;border-color:#ef4444}.attributes-grid-creator{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;display:grid}.attr-input-box{text-align:center;background-color:#1f2937;border:1px solid #374151;border-radius:6px;flex-direction:column;padding:8px;display:flex}.attr-input-box label{text-transform:uppercase;color:#9ca3af;margin-bottom:6px;font-size:.75rem}.attr-input-box select{color:#fbbf24;background-color:#111827;border:1px solid #4b5563;border-radius:4px;outline:none;padding:6px;font-weight:700}.derived-stats-banner{background-color:#38bdf81a;border:1px solid #0284c7;border-radius:6px;justify-content:space-around;margin-top:10px;padding:12px;display:flex}.derived-stats-banner div{flex-direction:column;align-items:center;display:flex}.derived-stats-banner span{text-transform:uppercase;color:#93c5fd;font-size:.75rem;font-weight:700}.derived-stats-banner strong{font-size:1.25rem}.text-normal{color:#fff}.text-buff{color:#38bdf8}.text-error{color:#ef4444}.skills-grid-creator{grid-template-columns:1fr 1fr;gap:12px;display:grid}.skill-input-row{background-color:#1f2937;border:1px solid #374151;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.skill-input-row label{color:#e5e7eb;font-size:.85rem}.skill-input-row small{color:#9ca3af;text-transform:uppercase}.skill-modifier-badge{margin-left:4px;font-size:.8rem;font-weight:700}.skill-select-wrapper{align-items:center;gap:8px;display:flex}.skill-input-row select{color:#fbbf24;background-color:#111827;border:1px solid #4b5563;border-radius:4px;outline:none;padding:4px;font-weight:700}.btn-remove-skill{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;font-weight:700}.add-skill-wrapper{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.add-skill-select{color:#fff;background-color:#111827;border:1px solid #4b5563;border-radius:4px;outline:none;flex:1;min-width:200px;padding:8px}.custom-skill-wrapper{flex:2;align-items:center;gap:8px;display:flex}.custom-skill-input{color:#fff;background-color:#1f2937;border:1px solid #4b5563;border-radius:4px;outline:none;flex:1;padding:8px}.btn-create-skill{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:4px;padding:8px 16px;font-weight:700;transition:background-color .2s}.btn-create-skill:hover{background-color:#059669}.btn-add-skill{color:#fff;border:none;border-radius:4px;padding:8px 16px;font-weight:700;transition:background-color .2s}.btn-add-skill:not(:disabled){cursor:pointer;background-color:#38bdf8}.btn-add-skill:not(:disabled):hover{background-color:#0284c7}.btn-add-skill:disabled{cursor:not-allowed;background-color:#374151}.hindrance-row{align-items:center;gap:10px;flex-direction:row!important}.hindrance-badge{color:#e5e7eb;white-space:nowrap;text-align:center;background-color:#374151;border-radius:4px;width:90px;padding:8px;font-size:.75rem;font-weight:700}.benefits-shop{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.btn-buy-benefit{color:#93c5fd;cursor:pointer;background-color:#1e293b;border:1px solid #3b82f6;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;font-weight:600;transition:all .2s;display:flex}.btn-buy-benefit span{color:#9ca3af;font-size:.75rem}.btn-buy-benefit:hover:not(:disabled){color:#fff;background-color:#3b82f6}.btn-buy-benefit:disabled{color:#4b5563;cursor:not-allowed;border-color:#374151}.purchased-summary{background-color:#10b9810d;border-left:3px solid #10b981;border-radius:0 4px 4px 0;flex-direction:column;gap:8px;padding:12px;display:flex}.purchase-item{color:#34d399;font-size:.85rem;font-weight:700}.edge-input-row{margin-top:8px;margin-bottom:0}.magic-slots-container{border-top:1px dashed #10b981;margin-top:16px;padding-top:12px}.magic-slots-label{color:#34d399;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.magic-slot-row{gap:8px;margin-bottom:8px;display:flex}.magic-slot-select{color:#fff;background-color:#111827;border:1px solid #4b5563;border-radius:4px;outline:none;flex:2;padding:6px}.magic-skill-select{color:#38bdf8;background-color:#111827;border:1px solid #4b5563;border-radius:4px;outline:none;flex:1;padding:6px;font-weight:700}.shaintar-bennies-toggles{gap:24px;margin-bottom:12px;display:flex}.shaintar-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.shaintar-checkbox-label input[type=checkbox]{width:auto;margin:0}.shaintar-checkbox-label span{color:#d1d5db;font-size:.85rem;font-weight:700}.shaintar-tokens-summary{color:#9ca3af;background-color:#1f2937;border:1px solid #374151;border-radius:4px;padding:10px;font-size:.85rem}.shaintar-tokens-list{margin-top:4px;margin-left:24px;list-style:outside}.token-val-benevolence{color:#22c55e}.token-val-teamwork{color:#fbbf24}.status-message{text-align:center;color:#10b981;margin-bottom:16px;font-weight:700}.error-text{color:#ef4444!important}.form-actions{border-top:1px solid #374151;justify-content:flex-end;padding-top:16px;display:flex}.btn-submit-char{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;padding:10px 20px;font-weight:700;transition:background-color .2s}.btn-submit-char:hover{background-color:#2563eb}.edge-selection-row{margin-bottom:16px}.edge-select-wrapper{gap:8px;display:flex}.btn-edge-info{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;padding:0 12px;font-weight:700;transition:background-color .2s}.btn-edge-info:hover{background-color:#2563eb}.edge-prereq-warning{color:#ef4444;margin-top:6px;font-size:.8rem;font-weight:700}.edge-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edge-modal-content{background-color:#1f2937;border:1px solid #374151;border-radius:8px;width:90%;max-width:450px;padding:20px;box-shadow:0 10px 25px #000c}.edge-modal-title{color:#fbbf24;border-bottom:1px solid #374151;margin:0 0 10px;padding-bottom:8px}.edge-modal-stats{color:#d1d5db;margin-bottom:12px;font-size:.85rem}.edge-modal-unmet-box{color:#fca5a5;background-color:#ef44441a;border-left:3px solid #ef4444;margin-bottom:12px;padding:8px;font-size:.85rem}.edge-modal-description{color:#f3f4f6;background-color:#111827;border-radius:4px;max-height:200px;padding:10px;font-size:.9rem;line-height:1.4;overflow-y:auto}.edge-modal-description::-webkit-scrollbar{width:6px}.edge-modal-description::-webkit-scrollbar-thumb{background-color:#374151;border-radius:3px}.edge-modal-footer{justify-content:flex-end;margin-top:16px;display:flex}.btn-edge-close{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:4px;padding:8px 16px;font-weight:700;transition:background-color .2s}.btn-edge-close:hover{background-color:#dc2626}.edge-search-overlay{z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edge-search-modal{background-color:#1f2937;border:1px solid #374151;border-radius:8px;flex-direction:column;width:95%;max-width:900px;height:85vh;display:flex;box-shadow:0 10px 30px #000000e6}.edge-search-header{border-bottom:1px solid #374151;flex-direction:column;gap:12px;padding:20px;display:flex}.edge-search-header-top{justify-content:space-between;align-items:center;display:flex}.edge-search-title{color:#38bdf8;margin:0;font-size:1.25rem}.edge-search-input{color:#fff;background-color:#111827;border:1px solid #4b5563;border-radius:6px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:1rem}.edge-search-input:focus{border-color:#38bdf8}.edge-cards-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px;display:grid;overflow-y:auto}.edge-card{background-color:#111827;border:1px solid #374151;border-radius:8px;flex-direction:column;padding:16px;transition:border-color .2s,transform .1s;display:flex}.edge-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.edge-card-title{color:#fbbf24;justify-content:space-between;align-items:flex-start;margin:0 0 6px;font-size:1.1rem;display:flex}.edge-card-meta{color:#9ca3af;border-bottom:1px dashed #374151;margin-bottom:10px;padding-bottom:8px;font-size:.8rem}.edge-card-effects{color:#d1d5db;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.edge-card-actions{gap:8px;margin-top:auto;display:flex}.btn-select-edge{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:4px;flex:2;padding:8px 12px;font-weight:700;transition:background-color .2s}.btn-select-edge:hover{background-color:#059669}.btn-select-edge-trigger{color:#fff;text-align:left;cursor:pointer;background-color:#111827;border:1px solid #4b5563;border-radius:4px;justify-content:space-between;align-items:center;padding:10px;transition:border-color .2s;display:flex}.btn-select-edge-trigger:hover{border-color:#38bdf8}.character-sheet-container{box-sizing:border-box;color:#f3f4f6;background-color:#111827;border:1px solid #374151;border-radius:6px;flex-direction:column;width:100%;height:auto;padding:8px;display:flex;overflow:hidden}.character-sheet-container *{box-sizing:border-box}.sheet-empty-state{text-align:center;color:#9ca3af;padding:20px}.banner-modifier{text-align:center;border-radius:4px;margin:4px 8px 10px;padding:8px 10px;font-size:.8rem;font-weight:700;box-shadow:0 2px 6px #0000004d}.banner-modifier.penalty{color:#fca5a5;background-color:#ef444426;border:1px solid #ef4444}.banner-modifier.bonus{color:#a7f3d0;background-color:#10b98126;border:1px solid #10b981}.banner-joker-bonus{text-align:center;color:#e9d5ff;background-color:#7c3aed33;border:1px solid #a855f7;border-radius:4px;margin:4px 8px 10px;padding:8px 10px;font-size:.8rem;font-weight:700;box-shadow:0 2px 6px #0000004d}.banner-targeted-mod{text-align:center;border-radius:4px;margin:4px 8px 10px;padding:8px 10px;font-size:.8rem;font-weight:700}.banner-targeted-mod.penalty{color:#fca5a5;background-color:#dc262626;border:1px solid #dc2626}.banner-targeted-mod.bonus{color:#bfdbfe;background-color:#2563eb26;border:1px solid #2563eb}.banner-trait-penalty{color:#fca5a5;text-align:center;background-color:#ef444421;border:1px solid #ef4444;border-radius:4px;padding:6px 12px;font-size:.8rem;font-weight:700}.sheet-tabs-nav{background-color:#1f2937;border-bottom:2px solid #374151;border-radius:4px 4px 0 0;width:100%;display:flex}.sheet-tab-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:10px 4px;font-size:.8rem;font-weight:600;transition:all .2s}.sheet-tab-btn:hover{color:#e0f2fe;background-color:#ffffff0d}.sheet-tab-btn.active{color:#38bdf8;background-color:#111827;border-bottom:2px solid #38bdf8}.sheet-tab-content{flex:1;width:100%;padding:12px 4px}.tab-pane{flex-direction:column;gap:14px;width:100%;display:flex}.sheet-section{width:100%}.sheet-section h4{color:#60a5fa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #374151;margin:0 0 8px;padding-bottom:4px;font-size:.85rem}.profile-grid{background-color:#1e293b;border:1px solid #334155;border-radius:6px;grid-template-columns:1fr 1fr;gap:8px;width:100%;padding:10px;font-size:.85rem;display:grid}.profile-item strong{color:#94a3b8;margin-right:4px}.profile-item-header{grid-column:span 2;justify-content:space-between;align-items:center;gap:8px;display:flex}.token-action-group{gap:6px;display:flex}.btn-add-token{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #3b82f6;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;transition:background-color .2s}.btn-add-token:hover{background-color:#1d4ed8}.btn-remove-token{color:#fff;cursor:pointer;white-space:nowrap;background-color:#dc2626;border:1px solid #ef4444;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;transition:all .2s}.btn-remove-token.active{background-color:#b91c1c;border:2px solid #f87171}.btn-remove-token:hover{background-color:#b91c1c}.derived-stats-box{background-color:#38bdf80d;border:1px solid #0284c7;border-radius:6px;width:100%;padding:10px}.center-text{text-align:center}.derived-label{color:#93c5fd;text-transform:uppercase;font-size:.75rem}.derived-val{font-size:1.2rem}.derived-val.val-penalty{color:#ef4444}.wound-penalty-text{color:#ef4444;font-size:.75rem;font-weight:700}.bonus-subtext{color:#38bdf8;font-size:.75rem;font-weight:400}.base-stat-subtext{color:#64748b;font-size:.75rem;font-weight:400}.derived-total-green{color:#22c55e;text-shadow:0 0 6px #22c55e4d;margin-left:2px;font-size:1.1rem;font-weight:700}.attributes-grid{flex-wrap:wrap;gap:8px;width:100%;display:flex}.attribute-btn{cursor:pointer;background-color:#1e293b;border:1px solid #475569;border-radius:4px;flex-direction:column;flex:50px;align-items:center;min-width:50px;padding:6px 8px;transition:all .2s;display:flex}.attribute-btn:hover{background-color:#334155;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 8px #0006}.attr-label{color:#94a3b8;text-transform:uppercase;font-size:.7rem}.attr-die{color:#fbbf24;font-size:1.1rem;font-weight:700}.stat-modifier-badge{margin-left:4px}.stat-modifier-badge.badge-negative{color:#ef4444}.stat-modifier-badge.badge-positive{color:#38bdf8}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;width:100%;display:grid}.skill-btn{box-sizing:border-box;cursor:pointer;text-align:left;background-color:#1e293b;border:1px solid #334155;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:6px 10px;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex;overflow:hidden}.skill-btn:hover{background-color:#334155;border-color:#38bdf8}.skill-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.8rem;overflow:hidden}.skill-die{color:#38bdf8;white-space:nowrap;flex-shrink:0;font-size:.8rem;font-weight:700}.status-trackers-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-bottom:8px;display:grid}.tracker-box{background-color:#1e293b;border:1px solid #334155;border-radius:6px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px;display:flex}.wounds-box{border-color:#ef4444}.fatigue-box{border-color:#f59e0b}.essence-box{background-color:#8b5cf60d;border-color:#8b5cf6;grid-column:span 2}.tracker-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.tracker-controls{align-items:center;gap:12px;display:flex}.tracker-val{color:#f3f4f6;text-align:center;min-width:24px;font-size:1.2rem;font-weight:900}.btn-tracker{color:#fff;cursor:pointer;background-color:#374151;border:1px solid #4b5563;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.btn-tracker:hover{background-color:#4b5563;border-color:#38bdf8}.essence-control-group{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.essence-input-wrapper{align-items:center;gap:6px;display:flex}.essence-amount-input{color:#fff;text-align:center;background-color:#0f172a;border:1px solid #475569;border-radius:4px;outline:none;width:50px;padding:4px 6px;font-size:.9rem}.btn-essence-plus{background-color:#16a34a;border-color:#22c55e}.btn-essence-minus{background-color:#dc2626;border-color:#ef4444}.equipment-list{flex-direction:column;gap:8px;width:100%;display:flex}.equipment-card{background-color:#1e293b;border:1px solid #334155;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:8px 10px;display:flex}.equipment-card.interactive{cursor:pointer;padding:8px 12px;transition:border-color .2s,background-color .2s}.equipment-card.interactive:hover{background-color:#334155;border-color:#38bdf8}.eq-info-block{flex:1;min-width:0;padding-right:8px}.eq-name{color:#f3f4f6;font-size:.85rem}.eq-name-highlight{color:#38bdf8}.eq-details{color:#94a3b8;margin-top:2px;font-size:.75rem}.eq-actions{align-items:center;gap:6px;display:flex}.btn-eq-roll{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.btn-eq-damage{background-color:#dc2626}.btn-eq-special{background-color:#8b5cf6}.btn-remove-eq{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;font-weight:700}.eq-form-container{background-color:#1e293b;border:1px solid #334155;border-radius:6px;width:100%;padding:10px}.eq-form-group{flex-direction:column;gap:8px;width:100%;display:flex}.eq-select-dropdown,.eq-text-input{color:#fff;background-color:#0f172a;border:1px solid #475569;border-radius:4px;outline:none;width:100%;padding:6px;font-size:.85rem}.label-skill{color:#38bdf8}.label-parry{color:#fbbf24}.btn-submit-eq{color:#fff;cursor:pointer;background-color:#16a34a;border:none;border-radius:4px;width:100%;margin-top:4px;padding:8px;font-size:.85rem;font-weight:700;transition:background-color .2s}.btn-submit-eq:hover:not(:disabled){background-color:#15803d}.btn-submit-eq:disabled{color:#9ca3af;cursor:not-allowed;background-color:#374151}.powers-list{flex-direction:column;gap:8px;width:100%;display:flex}.power-tag{background-color:#8b5cf61a;border:1px solid #8b5cf6;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:8px 10px;display:flex}.power-tag.interactive{cursor:pointer;padding:8px 12px;transition:border-color .2s,background-color .2s}.power-tag.interactive:hover{background-color:#8b5cf633;border-color:#a78bfa}.power-info-block{flex:1;min-width:0;padding-right:8px}.power-name-text{color:#c4b5fd;font-size:.95rem;font-weight:700}.power-skill-subtext{color:#a78bfa;font-size:.75rem}.power-details{color:#a78bfa;gap:8px;margin-top:2px;font-size:.75rem;display:flex}.power-actions{align-items:center;gap:10px;display:flex}.power-damage-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#dc2626;border:none;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;transition:background-color .2s}.power-damage-btn:hover{background-color:#b91c1c}.text-muted{color:#6b7280;font-size:.85rem}.modal-title-misc{color:#38bdf8;margin-top:0}.modal-title-damage{color:#ef4444;margin-top:0}.modal-prompt-text{color:#e2e8f0;margin-bottom:12px;font-size:.85rem}.modal-prompt-text-large{color:#e2e8f0;margin-bottom:16px;font-size:.9rem}.modal-modifier-input{text-align:center;margin-bottom:16px;font-size:1.1rem;font-weight:700}.btn-confirm-blue{color:#fff;background-color:#3b82f6}.gm-tools-window{-webkit-user-select:none;user-select:none;background-color:#111827;border:2px solid #374151;border-radius:8px;transition:border-color .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 24px #000000b3;position:fixed!important}.gm-tools-initiative{z-index:9999;width:330px}.gm-tools-bestiary{z-index:9997;border-left:4px solid #ef4444;width:360px}.gm-tools-dashboard{z-index:9998;border-left:4px solid #10b981;width:340px}.gm-tools-window.active-player-turn{border-color:#f59e0b;box-shadow:0 0 16px #f59e0b99}.gm-tools-header{cursor:grab;border-bottom:1px solid #374151;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.gm-tools-initiative .gm-tools-header{background-color:#1f2937}.gm-tools-bestiary .gm-tools-header{background-color:#7f1d1d}.gm-tools-dashboard .gm-tools-header{background-color:#064e3b}.gm-tools-title{color:#fbbf24;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.btn-window-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:1rem}.gm-tools-body{flex-direction:column;gap:8px;padding:10px;display:flex;position:relative}.my-turn-badge{color:#000;background-color:#f59e0b;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:800}.gm-tools-action-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.btn-gm-action{color:#f3f4f6;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:4px;padding:5px 8px;font-size:.78rem;font-weight:700;transition:all .15s}.btn-gm-action:hover{filter:brightness(1.2)}.btn-gm-action.active-select{background-color:#d97706;border-color:#fbbf24}.btn-gm-action.btn-deal{background-color:#15803d;border-color:#22c55e}.btn-gm-action.btn-next{background-color:#2563eb;border-color:#3b82f6}.btn-gm-action.btn-clear{background-color:#dc2626;border-color:#ef4444}.initiative-list-container{max-height:240px;overflow-y:auto}.initiative-empty{color:#9ca3af;text-align:center;margin:0;font-size:.8rem;font-style:italic}.initiative-order-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.initiative-card-item{background-color:#1f2937;border:1px solid #374151;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.initiative-card-item.current-turn{background-color:#0f172a;border-color:#38bdf8}.initiative-card-item.is-mine{border-color:#f59e0b}.initiative-card-item.is-on-hold{opacity:.75;border-style:dashed}.turn-number{color:#64748b;width:18px;font-size:.75rem;font-weight:700}.token-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.token-label-text{color:#f3f4f6;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:700;overflow:hidden}.hold-tag{color:#ef4444;font-size:.7rem;font-weight:700}.card-badge-short{letter-spacing:.5px;background-color:#fff;border-radius:4px;padding:2px 8px;font-size:.85rem;font-weight:900;box-shadow:0 1px 3px #0006}.card-badge-short.card-red{color:#dc2626}.card-badge-short.card-black{color:#000}.card-badge-short.joker-badge{color:#fbbf24;background-color:#7c3aed;border:1px solid #a855f7}.btn-hold-toggle{color:#9ca3af;cursor:pointer;background-color:#374151;border:1px solid #4b5563;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.btn-hold-toggle.holding{color:#fff;background-color:#dc2626;border-color:#ef4444}.control-card-sub{border-bottom:1px solid #374151;padding-bottom:10px}.control-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.gm-dashboard-label{font-size:.75rem;font-weight:700}.gm-dashboard-label.primary{color:#d1d5db}.gm-dashboard-label.accent{color:#38bdf8;text-transform:uppercase}.gm-dashboard-select{color:#fff;background-color:#111827;border:1px solid #4b5563;border-radius:4px;padding:5px;font-size:.75rem}.gm-dashboard-select.text-gold{color:#fbbf24}.gm-dashboard-select.text-rose{color:#f43f5e;flex:1}.targeted-controls-container{border-top:1px solid #374151;flex-direction:column;gap:8px;padding-top:10px;display:flex}.btn-give-benny{background-color:#d97706;border-color:#f59e0b;flex:1;font-size:.7rem}.bestiary-select-row{align-items:center;gap:6px;display:flex}.bestiary-dropdown{color:#fff;background-color:#111827;border:1px solid #4b5563;border-radius:4px;flex:1;min-width:0;padding:6px 8px;font-size:.8rem}.wildcard-toggle-label{cursor:pointer;background-color:#1f2937;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.wildcard-toggle-label.active{color:#fbbf24;border:1px solid #fbbf24}.wildcard-toggle-label.inactive{color:#9ca3af;border:1px solid #4b5563}.scrollable-tray-content{flex-direction:column;gap:8px;max-height:350px;padding-right:4px;display:flex;overflow-y:auto}.tray-stat-block{background-color:#1f2937;border:1px solid #374151;border-radius:4px;padding:8px}.tray-stat-row{color:#9ca3af;justify-content:space-between;font-size:.85rem;display:flex}.tray-stat-row strong{color:#fff}.tray-stat-row .text-blue{color:#38bdf8}.tray-stat-row .text-green{color:#22c55e}.tray-section-title{color:#fbbf24;text-transform:uppercase;font-size:.75rem}.tray-btn-grid{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tray-roll-btn{color:#e5e7eb;cursor:pointer;text-align:center;background-color:#374151;border:1px solid #4b5563;border-radius:4px;flex:30%;padding:4px;font-size:.75rem}.tray-roll-btn:hover{background-color:#4b5563;border-color:#9ca3af}.tray-roll-btn .muted-prefix{color:#9ca3af;margin-right:4px}.tray-edge-tag{color:#d1d5db;background-color:#4b5563;border-radius:4px;padding:2px 6px;font-size:.75rem}.tray-power-row{cursor:pointer;background-color:#374151;border:1px solid #4b5563;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;transition:background-color .2s;display:flex}.tray-power-row:hover{background-color:#4b5563}.tray-power-info{flex:1;padding-right:8px}.tray-power-name{color:#c4b5fd;font-size:.85rem;font-weight:700}.tray-power-trapping{color:#a78bfa;margin-left:4px;font-size:.75rem}.tray-power-details{color:#9ca3af;margin-top:2px;font-size:.7rem}.btn-tray-damage{color:#fff;cursor:pointer;white-space:nowrap;background-color:#dc2626;border:none;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.btn-tray-damage:hover{background-color:#b91c1c}.tray-gear-row{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.tray-gear-name{color:#38bdf8}.tray-special-text{color:#d1d5db;white-space:pre-wrap;margin:4px 0 0;font-size:.75rem}.tray-custom-roll-row{gap:4px;margin-top:4px;display:flex}.tray-custom-input{color:#000;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;flex:1;padding:4px;font-size:.8rem}.btn-custom-roll{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:700}.btn-custom-roll:hover{background-color:#b91c1c}.tray-modal-overlay{z-index:100;background-color:#000000d9;border-radius:0 0 4px 4px;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.tray-modal-content{text-align:center;background-color:#1f2937;border:2px solid #ef4444;border-radius:8px;width:100%;padding:16px;box-shadow:0 4px 12px #00000080}.tray-modal-title{color:#ef4444;margin-top:0;margin-bottom:8px;font-size:1.1rem}.tray-modal-text{color:#e2e8f0;margin-bottom:16px;font-size:.85rem}.tray-modal-actions{flex-direction:column;gap:8px;display:flex}.btn-modal-green{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:4px;padding:8px;font-weight:700}.btn-modal-blue{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;padding:8px;font-weight:700}.btn-modal-cancel{color:#fff;cursor:pointer;background-color:#4b5563;border:none;border-radius:4px;margin-top:4px;padding:6px}.gm-master-menu-toggle{z-index:101;color:#fff;cursor:pointer;background-color:#7c3aed;border:2px solid #5b21b6;border-radius:6px;padding:8px 16px;font-weight:700;transition:all .2s;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 12px #00000080}.gm-master-menu-toggle:hover{background-color:#6d28d9;transform:translateY(-2px)}.gm-master-menu-container{z-index:100;background-color:#111827f2;border:1px solid #4c1d95;border-radius:8px;flex-direction:column;width:450px;max-height:80vh;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 25px #000c}.gm-master-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#4c1d95;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.gm-master-header:active{cursor:grabbing}.gm-master-header h3{color:#fff;margin:0;font-size:1.1rem}.gm-master-tabs{background-color:#1f2937;border-bottom:1px solid #374151;display:flex}.gm-tab-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:.85rem;font-weight:700}.gm-tab-btn:hover{color:#e5e7eb;background-color:#ffffff0d}.gm-tab-btn.active{color:#a78bfa;border-bottom:2px solid #a78bfa}.gm-master-content{flex:1;padding:16px;overflow-y:auto}.player-directory-layout{gap:16px;height:100%;display:flex}.player-list-sidebar{border-right:1px solid #374151;flex-direction:column;gap:8px;width:120px;padding-right:12px;display:flex}.player-btn{color:#d1d5db;cursor:pointer;text-align:left;background-color:#1f2937;border:1px solid #374151;border-radius:4px;padding:8px}.player-btn.active{color:#fff;background-color:#3b82f6;border-color:#2563eb}.player-characters-grid{flex:1;grid-template-columns:1fr;align-content:start;gap:12px;display:grid}.directory-char-card{background-color:#111827;border:1px solid #374151;border-radius:6px;padding:12px}.directory-char-card h4{color:#38bdf8;margin:0 0 4px}.directory-char-badge{background-color:#374151;border-radius:4px;margin-bottom:8px;padding:2px 6px;font-size:.75rem;display:inline-block}.directory-char-stats{color:#9ca3af;gap:12px;font-size:.85rem;display:flex}.vtt-container{color:#f3f4f6;background-color:#030712;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.vtt-header{z-index:100;background-color:#111827;border-bottom:2px solid #374151;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.vtt-brand{color:#38bdf8;text-transform:uppercase;font-size:1.2rem;font-weight:900}.vtt-room-badge,.vtt-user-badge{color:#9ca3af;font-size:.9rem}.gm-badge{color:#fbbf24;font-weight:700}.btn-danger{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:4px;padding:8px 16px;font-weight:700;transition:background-color .2s}.vtt-main-content-flexible{flex:1;display:flex;position:relative;overflow:hidden}.vtt-middle-col-flexible{background-color:#0f172a;flex-direction:column;flex:1;display:flex;position:relative}.left-panel-expand-trigger{z-index:101;color:#38bdf8;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:6px;padding:8px 12px;font-weight:700;transition:background-color .2s;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0006}.left-panel-expand-trigger:hover{background-color:#374151}.vtt-left-col-collapsible{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;will-change:transform;background-color:#111827f2;border:1px solid #374151;border-radius:8px;flex-direction:column;max-height:calc(100% - 20px);transition:transform .3s,opacity .3s,width .3s,height .3s;display:flex;position:absolute;top:60px;left:12px;box-shadow:0 10px 25px #000c}.vtt-left-col-collapsible *{box-sizing:border-box}.vtt-left-col-collapsible.panel-collapsed{opacity:0;pointer-events:none;transform:translate(-110%)!important}.vtt-left-col-collapsible.is-dragging{box-shadow:none;opacity:.8;background-color:#111827}.floating-sheet-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#111827;border-bottom:1px solid #374151;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:12px;display:flex}.floating-sheet-header:active{cursor:grabbing}.floating-sheet-title{color:#6b7280;pointer-events:none;margin:0}.floating-sheet-actions{gap:6px;display:flex}.btn-sheet-action{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-weight:700;transition:filter .2s}.btn-sheet-action:hover{filter:brightness(1.2)}.btn-sheet-action.minimize{background-color:#4b5563}.btn-sheet-action.popout{background-color:#2563eb}.btn-sheet-action.close{background-color:#ef4444}.btn-sheet-action.dock{background-color:#10b981}.minimized-sheet-banner{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#1f2937;border-radius:8px;align-items:center;gap:16px;padding:10px 16px;display:flex}.minimized-sheet-banner:active{cursor:grabbing}.minimized-sheet-title{color:#38bdf8;white-space:nowrap}.sheet-content-wrapper{flex:1;overflow-y:auto}.sheet-engine-container{flex-shrink:0;width:100%;margin-bottom:8px;padding-right:4px;overflow:hidden auto}.sheet-engine-container::-webkit-scrollbar{width:6px}.sheet-engine-container::-webkit-scrollbar-thumb{background-color:#374151;border-radius:3px}.popout-container{flex-direction:column;gap:12px;height:100%;display:flex}.popout-header{border-bottom:1px solid #374151;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.popout-title{color:#e5e7eb;margin:0}.sidebar-content-padded{flex-direction:column;gap:12px;height:100%;padding:12px;display:flex}.btn-create-char{color:#38bdf8;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:4px;width:100%;margin-top:8px;padding:8px;font-weight:700;transition:background-color .2s}.btn-create-char:hover{background-color:#374151}.active-players-section{margin-top:auto}.active-player-item{border-bottom:1px solid #374151;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.active-player-item:last-child{border-bottom:none}.map-controls{z-index:5;color:#f3f4f6;background-color:#1f2937e6;border:1px solid #374151;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;font-weight:600;transition:right .3s;display:flex;position:absolute;top:10px;left:auto;right:130px;box-shadow:0 2px 6px #0006}.map-controls.drawer-open{right:450px}.map-select-dropdown{color:#fff;cursor:pointer;background-color:#111827;border:1px solid #4b5563;border-radius:4px;outline:none;padding:4px 8px;font-size:.85rem}.map-select-dropdown:focus{border-color:#38bdf8}.zoom-indicator{color:#9ca3af;border-left:1px solid #4b5563;padding-left:8px;font-size:.8rem;font-weight:500}.reset-view-btn{color:#e5e7eb;cursor:pointer;background-color:#374151;border:1px solid #4b5563;border-radius:4px;padding:4px 8px;font-size:.75rem;transition:background-color .2s}.reset-view-btn:hover{background-color:#4b5563}.sidebar-horizontal-floating-strip{z-index:50;gap:10px;transition:right .3s;display:flex;position:absolute;top:10px;right:10px}.sidebar-horizontal-floating-strip.drawer-open{right:330px}.horizontal-tab-btn{cursor:pointer;color:#fff;background-color:#1f2937;border:2px solid #374151;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 6px #0000004d}.horizontal-tab-btn:hover{border-color:#60a5fa}.horizontal-tab-btn.tab-active{background-color:#2563eb;border-color:#60a5fa}.horizontal-tab-notification-badge{color:#fff;background-color:#ef4444;border:2px solid #1f2937;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.vtt-right-drawer-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;background-color:#111827f2;border-left:2px solid #374151;flex-direction:column;width:320px;height:100%;transition:transform .3s;display:flex;position:absolute;top:0;right:0;box-shadow:-5px 0 15px #00000080}.vtt-right-drawer-overlay.drawer-hidden{transform:translate(105%)}.drawer-header-padded{padding:10px 12px 0}.sheet-collapse-header-row{justify-content:flex-end;margin:0;display:flex}.btn-panel-toggle-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-weight:700}.btn-panel-toggle-close:hover{color:#ef4444}.drawer-content-body-viewport{flex:1;padding:10px;overflow:hidden}.drawer-view{height:100%}.token-action-bar{z-index:10;background:#111827bf;border:1px solid #374151;border-radius:50px;gap:15px;padding:10px 20px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}.token-circle{cursor:pointer;text-shadow:0 2px 4px #000c;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 0 10px #00000080,0 2px 5px #00000080}.token-circle:hover:not(:disabled){transform:scale(1.1);box-shadow:inset 0 0 10px #0003,0 0 15px}.token-circle:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(80%)}.token-bennie{color:#f3f4f6;background:linear-gradient(135deg,#1f2937,#030712)}.token-nom{color:#eff6ff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.token-bribe{color:#f0fdf4;background:linear-gradient(135deg,#22c55e,#15803d)}.token-special{color:#fff;text-shadow:1px 1px 3px #000;background:repeating-linear-gradient(45deg,#030712,#030712 10px,#16a34a 10px 20px)}.token-golden{color:#000;text-shadow:none;background:#fbbf24;border:2px solid #f59e0b}.token-badge{color:#fff;background-color:#ef4444;border:2px solid #111827;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 4px #00000080}.token-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.token-modal-content{text-align:center;background-color:#1e293b;border:1px solid #475569;border-radius:8px;width:320px;padding:20px;box-shadow:0 10px 25px #00000080}.action-modal-title-gold{color:#fbbf24;margin-top:0}.action-modal-title-red{color:#ef4444;margin-top:0}.action-modal-title-blue{color:#38bdf8;margin-top:0}.action-modal-text{color:#e2e8f0;margin-bottom:16px;font-size:.9rem}.action-modal-text-red{color:#fca5a5;margin-bottom:16px;font-size:.9rem;font-weight:700}.action-modal-label{color:#9ca3af;margin-bottom:8px;font-size:.9rem;display:block}.token-modal-actions{flex-direction:column;gap:10px;margin-top:15px;display:flex}.token-action-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;padding:10px;font-weight:700;transition:background-color .2s}.token-action-btn:hover:not(:disabled){background-color:#2563eb}.token-action-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#475569}.btn-confirm-gold{color:#000;background-color:#fbbf24}.btn-confirm-gold:hover{background-color:#f59e0b}.btn-confirm-green{color:#fff;background-color:#22c55e}.btn-confirm-green:hover{background-color:#16a34a}.btn-cancel{background-color:#ef4444}.btn-cancel:hover{background-color:#dc2626}:root{--bg-dark:#121212;--bg-panel:#1a1a1a;--bg-card:#262626;--bg-input:#333;--border-color:#333;--primary:#4f46e5;--primary-hover:#4338ca;--danger:#dc2626;--danger-hover:#b91c1c;--text-main:#e0e0e0;--text-muted:#9ca3af}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-dark);height:100%;color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.landing-container{background-color:var(--bg-panel);justify-content:center;align-items:center;height:100vh;display:flex}.landing-card{text-align:center;background-color:#2a2a2a;border-radius:8px;width:320px;padding:2rem;box-shadow:0 4px 12px #0000004d}.landing-card h2{margin-bottom:1rem}.landing-form{flex-direction:column;gap:1rem;display:flex}.form-input{background-color:var(--bg-input);color:#fff;border:1px solid #444;border-radius:4px;padding:.75rem;font-size:.95rem}.form-input:focus{outline:2px solid var(--primary);border-color:#0000}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.75rem;font-weight:700;transition:background-color .2s ease-in-out}.btn-primary:hover{background-color:var(--primary-hover)}.btn-danger{background-color:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.35rem .85rem;font-weight:600;transition:background-color .2s ease-in-out}.btn-danger:hover{background-color:var(--danger-hover)}.vtt-container{flex-direction:column;width:100vw;height:100vh;display:flex}.vtt-header{border-bottom:1px solid var(--border-color);background-color:#1f1f1f;justify-content:space-between;align-items:center;height:48px;padding:0 1.25rem;font-size:.95rem;display:flex}.vtt-header-info{align-items:center;gap:1.5rem;display:flex}.vtt-brand{letter-spacing:.5px;font-weight:700}.vtt-room-badge,.vtt-user-badge{color:var(--text-muted)}.vtt-room-badge strong,.vtt-user-badge strong{color:var(--text-main)}.vtt-main-content{flex:1;grid-template-columns:280px 1fr 340px;display:grid;overflow:hidden}.vtt-left-col{background-color:var(--bg-panel);border-right:1px solid var(--border-color);flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.vtt-middle-col{background-color:#0d0d0d;flex-direction:column;padding:1rem;display:flex;overflow:hidden}.map-viewport{color:#666;background-color:#111;border:2px dashed #444;border-radius:6px;flex:1;justify-content:center;align-items:center;margin-top:.5rem;display:flex}.vtt-right-col{background-color:var(--bg-panel);border-left:1px solid var(--border-color);flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.placeholder-box{background-color:var(--bg-card);text-align:center;color:var(--text-muted);border-radius:4px;padding:1rem}.chat-log{background-color:var(--bg-card);border-radius:4px;flex:2;padding:.5rem;overflow-y:auto}.dice-roller{background-color:var(--bg-card);border-radius:4px;flex:1;padding:.5rem}.global-modal-window{z-index:9999;background-color:#111827f2;border:1px solid #374151;border-radius:8px;flex-direction:column;width:90vw;height:90vh;display:flex;position:fixed;top:5vh;left:5vw;box-shadow:0 10px 25px #000c}.global-modal-window.hidden{display:none}.global-modal-header{color:#6b7280;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#111827;border-bottom:1px solid #374151;border-radius:8px 8px 0 0;width:100%;padding:8px}.global-modal-header.dragging,.global-modal-minimized.dragging{cursor:grabbing}.global-modal-content{flex:1;position:relative;overflow-y:auto}.global-modal-minimized{z-index:9999;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#1f2937;border:1px solid #374151;border-radius:8px;justify-content:space-between;align-items:center;width:90vw;padding:12px 24px;display:flex;position:fixed;top:5vh;left:5vw;box-shadow:0 4px 12px #00000080}.global-modal-min-title{align-items:center;gap:16px;display:flex}.global-modal-min-title span{color:#6b7280}.global-modal-min-title strong{color:#38bdf8}.global-modal-min-actions{gap:10px;display:flex}.btn-modal-action{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-weight:700;transition:background-color .2s}.btn-modal-action.expand{background-color:#2563eb}.btn-modal-action.expand:hover{background-color:#1d4ed8}.btn-modal-action.close{background-color:#ef4444}.btn-modal-action.close:hover{background-color:#dc2626}