*{box-sizing:border-box}body{margin:0;padding:0;font-family:Georgia,serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}button{font-family:inherit;cursor:pointer}button:focus{outline:2px solid #B5A642;outline-offset:2px}textarea{font-family:inherit}textarea:focus{outline:2px solid #B5A642;outline-offset:2px}.portrait-gallery-backdrop{position:fixed;inset:0;background:#000000b3;z-index:1100;animation:fadeIn .3s ease}.portrait-gallery{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-parchment, #F4E8D0);border:3px solid var(--color-ink, #2B2520);border-radius:8px;width:95%;max-width:1200px;height:90vh;display:flex;flex-direction:column;z-index:1101;box-shadow:0 8px 32px #0006}.portrait-gallery__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid var(--color-ink, #2B2520)}.portrait-gallery__header h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:20px;color:var(--color-ink, #2B2520)}.portrait-gallery__close{background:var(--color-crimson, #8B0000);color:#fff;border:none;border-radius:4px;width:32px;height:32px;font-size:24px;cursor:pointer;transition:all .2s ease;line-height:1}.portrait-gallery__close:hover{transform:scale(1.1);background:#a00000}.portrait-gallery__content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.portrait-gallery__toggle{display:flex;gap:12px;justify-content:center}.portrait-gallery__toggle-btn{flex:1;max-width:200px;padding:12px 24px;font-family:Georgia,serif;font-size:16px;font-weight:700;background:#fff;color:var(--color-ink, #2B2520);border:2px solid var(--color-ink, #2B2520);border-radius:8px;cursor:pointer;transition:all .2s ease}.portrait-gallery__toggle-btn:hover{background:var(--color-parchment, #F4E8D0);transform:translateY(-2px)}.portrait-gallery__toggle-btn--active{background:var(--color-brass, #B5A642);color:#fff;border-color:var(--color-brass, #B5A642)}.portrait-gallery__preview{display:flex;justify-content:center;align-items:center;padding:16px;background:#fff;border:3px solid var(--color-brass, #B5A642);border-radius:8px;box-shadow:0 4px 12px #0003;flex-shrink:0}.portrait-gallery__preview img{max-width:250px;max-height:250px;width:100%;height:auto;border-radius:4px;object-fit:contain}.portrait-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;padding:10px 0}.portrait-gallery__thumbnail{aspect-ratio:1;border:2px solid var(--color-ink, #2B2520);border-radius:6px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#fff}.portrait-gallery__thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003;border-color:var(--color-brass, #B5A642);z-index:10}.portrait-gallery__thumbnail--selected{border:4px solid var(--color-brass, #B5A642);box-shadow:0 0 16px #b5a64280}.portrait-gallery__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.portrait-gallery__thumbnail--error{background:#f0f0f0;cursor:not-allowed;opacity:.5}.portrait-gallery__thumbnail-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:24px}.portrait-gallery__footer{display:flex;gap:12px;padding:16px 20px;border-top:2px solid var(--color-ink, #2B2520)}.portrait-gallery__btn{flex:1;padding:12px 24px;font-size:16px;font-weight:700;font-family:Georgia,serif;border:2px solid var(--color-ink, #2B2520);border-radius:8px;cursor:pointer;transition:all .2s ease}.portrait-gallery__btn--cancel{background:#fff;color:var(--color-ink, #2B2520)}.portrait-gallery__btn--cancel:hover{background:var(--color-parchment, #F4E8D0);transform:translateY(-2px)}.portrait-gallery__btn--confirm{background:var(--color-brass, #B5A642);color:#fff}.portrait-gallery__btn--confirm:hover:not(:disabled){background:#9a8935;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.portrait-gallery__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.portrait-upload{background:var(--color-paper);border:2px solid var(--color-ink);border-radius:4px;padding:12px;margin-bottom:16px}.portrait-upload__header{margin-bottom:12px}.portrait-upload__header h3{font-family:var(--font-heading);font-size:16px;color:var(--color-ink);margin:0;text-transform:uppercase;letter-spacing:1px}.portrait-upload__preview{width:100%;aspect-ratio:1;max-width:150px;margin:0 auto 12px;border:2px solid var(--color-ink);border-radius:4px;overflow:hidden;background:var(--color-paper-dark);display:flex;align-items:center;justify-content:center}.portrait-upload__image{width:100%;height:100%;object-fit:cover}.portrait-upload__placeholder{color:var(--color-text-muted);font-size:14px;font-style:italic;text-align:center}.portrait-upload__actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.portrait-upload__button{flex:1;min-width:100px;padding:8px 12px;font-family:var(--font-body);font-size:13px;font-weight:600;border:2px solid var(--color-ink);border-radius:4px;background:var(--color-paper-light);color:var(--color-ink);cursor:pointer;transition:all .2s ease}.portrait-upload__button:hover:not(:disabled){background:var(--color-ink);color:var(--color-paper);transform:translateY(-1px)}.portrait-upload__button:active:not(:disabled){transform:translateY(0)}.portrait-upload__button:disabled{opacity:.5;cursor:not-allowed}.portrait-upload__button--remove{background:#f8d7da;border-color:#dc3545;color:#721c24}.portrait-upload__button--remove:hover:not(:disabled){background:#dc3545;color:#fff}.portrait-upload__url-input{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.portrait-upload__url-input>div:first-child{display:flex;gap:8px}.portrait-upload__url-input input{flex:1;padding:8px 12px;font-family:var(--font-body);font-size:13px;border:2px solid var(--color-ink);border-radius:4px;background:#fff}.portrait-upload__url-input button{padding:8px 16px;font-family:var(--font-body);font-size:13px;font-weight:600;border:2px solid var(--color-ink);border-radius:4px;background:var(--color-paper-light);color:var(--color-ink);cursor:pointer;transition:all .2s ease}.portrait-upload__url-input button:hover:not(:disabled){background:var(--color-ink);color:var(--color-paper)}.portrait-upload__url-input button:disabled{opacity:.5;cursor:not-allowed}.portrait-upload__url-preview{display:flex;justify-content:center;align-items:center;padding:12px;background:#fff;border:2px solid var(--color-brass, #B5A642);border-radius:4px;animation:fadeIn .3s ease}.portrait-upload__url-preview img{max-width:200px;max-height:200px;width:auto;height:auto;border-radius:4px;object-fit:contain}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.portrait-upload__message{padding:8px 12px;border-radius:4px;font-size:12px;margin-bottom:8px;animation:slideIn .3s ease}.portrait-upload__message--error{background:#f8d7da;border:2px solid #dc3545;color:#721c24}.portrait-upload__message--warning{background:#fff3cd;border:2px solid #ffc107;color:#856404}.portrait-upload__message--success{background:#d4edda;border:2px solid #28a745;color:#155724}.portrait-upload__info{padding:8px 12px;background:var(--color-paper-dark);border-left:3px solid var(--color-ink);font-size:11px;color:var(--color-text-muted);font-style:italic;line-height:1.4}.conditions-tracker{display:flex;flex-direction:column;gap:4px;width:100%}.conditions-tracker__status{padding:4px 0;font-size:15px;font-weight:600;text-align:left;font-family:Georgia,serif}.conditions-tracker__status--healthy{color:#5c4a3a}.conditions-tracker__status--bruised{color:#a0826d}.conditions-tracker__status--hurt{color:#8b5a2b}.conditions-tracker__status--injured{color:#6b4423}.conditions-tracker__status--broken{color:#3d2817}.conditions-tracker__label{font-weight:600;opacity:.8}.conditions-tracker__bottom-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.conditions-tracker__penalty{font-size:11px;font-style:italic;opacity:.7;letter-spacing:.3px;font-family:Georgia,serif;white-space:nowrap}.conditions-tracker__checkboxes{display:flex;gap:3px;justify-content:stretch}.condition-checkbox{cursor:pointer;flex:1}.condition-checkbox input{display:none}.condition-checkbox__mark{width:100%;height:20px;border:2px solid #5C4A3A;border-radius:3px;background:#fffef9;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.condition-checkbox:hover .condition-checkbox__mark{transform:scale(1.05);border-color:#3d2817}.condition-checkbox--bruised .condition-checkbox__mark{border-color:#a0826d}.condition-checkbox--hurt .condition-checkbox__mark{border-color:#8b5a2b}.condition-checkbox--injured .condition-checkbox__mark{border-color:#6b4423}.condition-checkbox--broken .condition-checkbox__mark{border-color:#3d2817}.condition-checkbox.checked.condition-checkbox--bruised .condition-checkbox__mark{background:linear-gradient(135deg,#e8dcc4,#d4c5a9);border-color:#a0826d}.condition-checkbox.checked.condition-checkbox--hurt .condition-checkbox__mark{background:linear-gradient(135deg,#c9a876,#b8956a);border-color:#8b5a2b}.condition-checkbox.checked.condition-checkbox--injured .condition-checkbox__mark{background:linear-gradient(135deg,#9a7b5d,#7d5e42);border-color:#6b4423}.condition-checkbox.checked.condition-checkbox--broken .condition-checkbox__mark{background:linear-gradient(135deg,#5c4332,#3d2817);border-color:#3d2817}.condition-checkbox.checked .condition-checkbox__mark:after{content:"✓";color:#3d2817;font-size:12px;font-weight:700}.condition-checkbox.checked.condition-checkbox--broken .condition-checkbox__mark:after{color:#e8dcc4}.sleep-toggle{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:3px;cursor:pointer;transition:all .2s ease;background:#5c4a3a14;font-size:11px}.sleep-toggle:hover{background:#5c4a3a26}.sleep-toggle input{display:none}.sleep-toggle__mark{width:14px;height:14px;border:2px solid #5C4A3A;border-radius:2px;background:#fffef9;flex-shrink:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sleep-toggle.checked .sleep-toggle__mark{background:#5c4a3a}.sleep-toggle.checked .sleep-toggle__mark:after{content:"✓";color:#fffef9;font-size:10px;font-weight:700}.sleep-toggle__label{font-weight:600;color:#5c4a3a}.conditions-tracker__actions{display:flex;gap:3px}.condition-action{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:2px solid #5C4A3A;border-radius:4px;background:#fffef9;cursor:pointer;transition:all .2s ease;font-family:Georgia,serif;font-weight:600;font-size:11px;color:#3d2817}.condition-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #3d28174d;background:#f4e8d0;border-color:#b5a642}.condition-action:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #3d281733}.condition-action:disabled{opacity:.3;cursor:not-allowed}.condition-action--rest,.condition-action--physick{border-color:#5c4a3a}.turn-tracker{display:flex;flex-direction:column;gap:6px;width:100%;padding:8px;background:#5c4a3a0d;border-radius:4px;border:1px solid rgba(92,74,58,.2)}.turn-tracker__initiative{display:flex;align-items:center;gap:6px;padding-bottom:4px;border-bottom:1px solid rgba(92,74,58,.15)}.turn-tracker__initiative-label{font-size:13px;font-weight:600;color:#5c4a3a;font-family:Georgia,serif}.turn-tracker__initiative-input{width:40px;padding:2px 6px;border:2px solid #5C4A3A;border-radius:3px;background:#fffef9;font-size:14px;font-weight:700;color:#3d2817;text-align:center;font-family:Georgia,serif}.turn-tracker__initiative-input:focus{outline:none;border-color:#b5a642;box-shadow:0 0 0 2px #b5a64233}.turn-tracker__initiative-value{font-size:14px;font-weight:700;color:#3d2817;font-family:Georgia,serif}.turn-tracker__initiative-placeholder{font-size:14px;font-weight:700;color:#b5a89a;font-family:Georgia,serif}.turn-tracker__draw-btn{padding:2px 12px;border:2px solid #5C4A3A;border-radius:3px;background:linear-gradient(135deg,#b5a642,#9a8b3a);color:#fffef9;cursor:pointer;transition:all .2s ease;font-family:Georgia,serif;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.turn-tracker__draw-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #3d28174d;background:linear-gradient(135deg,#c5b652,#aa9b4a)}.turn-tracker__draw-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #3d281733}.turn-tracker__draw-btn:disabled{opacity:.6;cursor:not-allowed}.turn-tracker__action-row{display:flex;align-items:center;gap:4px}.turn-tracker__action-row svg{color:#5c4a3a;flex-shrink:0}.turn-tracker__action-label{font-size:11px;font-weight:600;color:#5c4a3a;min-width:36px}.turn-tracker__checkboxes{display:flex;gap:4px;flex:1}.turn-action-checkbox{cursor:pointer;flex:1;max-width:24px}.turn-action-checkbox.disabled{cursor:not-allowed;opacity:.3}.turn-action-checkbox.read-only{cursor:default}.turn-action-checkbox input{display:none}.turn-action-checkbox__mark{width:100%;height:18px;border:2px solid #5C4A3A;border-radius:3px;background:#fffef9;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.turn-action-checkbox:not(.disabled):not(.read-only):hover .turn-action-checkbox__mark{transform:scale(1.1);border-color:#b5a642}.turn-action-checkbox.checked .turn-action-checkbox__mark{background:linear-gradient(135deg,#b5a642,#9a8b3a);border-color:#8b7930}.turn-action-checkbox.checked .turn-action-checkbox__mark:after{content:"✓";color:#fffef9;font-size:11px;font-weight:700}.turn-tracker__reset{margin-top:4px;padding:3px 8px;border:2px solid #5C4A3A;border-radius:3px;background:#fffef9;cursor:pointer;transition:all .2s ease;font-family:Georgia,serif;font-weight:600;font-size:10px;color:#3d2817;width:100%}.turn-tracker__reset:hover{transform:translateY(-1px);box-shadow:0 2px 4px #3d28174d;background:#f4e8d0;border-color:#b5a642}.turn-tracker__reset:active{transform:translateY(0);box-shadow:0 1px 2px #3d281733}.turn-tracker__initiative-with-swap{display:flex;align-items:center;gap:6px}.turn-tracker__swap-btn{width:20px;height:20px;padding:0;border:none;background:transparent;color:#5c4a3a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.turn-tracker__swap-btn:hover{color:#b5a642;transform:scale(1.1)}.turn-tracker__swap-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000}.turn-tracker__swap-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffef9;border:3px solid #5C4A3A;border-radius:8px;padding:20px;min-width:300px;max-width:400px;z-index:1001;box-shadow:0 8px 24px #0000004d}.turn-tracker__swap-modal h3{margin:0 0 8px;font-family:Cinzel,Georgia,serif;font-size:18px;color:#3d2817}.turn-tracker__swap-modal p{margin:0 0 16px;font-family:Georgia,serif;font-size:13px;color:#5c4a3a}.turn-tracker__swap-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;max-height:300px;overflow-y:auto}.turn-tracker__swap-target{display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(to right,#fff,#f8f4ec);border:1px solid #5C4A3A;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:Georgia,serif;text-align:left}.turn-tracker__swap-target:hover:not(:disabled){transform:translate(4px);box-shadow:0 2px 8px #0000001a;border-color:#b5a642}.turn-tracker__swap-target:disabled{opacity:.6;cursor:not-allowed}.turn-tracker__swap-target-initiative{font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;color:#3d2817;min-width:24px;text-align:center;background:#fff;border:1px solid #5C4A3A;border-radius:3px;padding:2px 6px}.turn-tracker__swap-target-name{flex:1;font-size:14px;font-weight:600;color:#3d2817;display:flex;align-items:center;gap:6px}.turn-tracker__swap-target-badge{font-size:9px;padding:2px 6px;background:#8b7355;color:#fff;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.turn-tracker__swap-cancel{width:100%;padding:8px 16px;border:2px solid #5C4A3A;border-radius:4px;background:#fffef9;color:#3d2817;font-family:Georgia,serif;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.turn-tracker__swap-cancel:hover{background:#f4e8d0;transform:translateY(-1px)}.turn-tracker__swap-empty{text-align:center;padding:20px;color:#5c4a3a;font-family:Georgia,serif;font-size:13px;opacity:.6;margin-bottom:16px}.character-header-grid{display:grid;grid-template-columns:1fr 1fr minmax(140px,.8fr) 1fr;gap:12px;padding:12px;background:linear-gradient(to bottom,#f4e8d0,#e8dcc4);border-bottom:3px solid var(--color-ink)}.character-header-grid__character-info{grid-column:span 2;display:flex;align-items:center;gap:12px}.character-header-grid__portrait-container{position:relative;flex-shrink:0}.character-header-grid__portrait{width:100px;height:100px;border:3px solid var(--color-ink);border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 4px 8px #0003;transition:all .2s ease}.character-header-grid__portrait.clickable{cursor:pointer}.character-header-grid__portrait.clickable:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d;border-color:var(--color-brass)}.character-header-grid__portrait img{width:100%;height:100%;object-fit:cover}.character-header-grid__silhouette{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-ink);background:linear-gradient(135deg,#f8f4ec,#e8dcc4)}.character-header-grid__info{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1}.character-header-grid__name-container{display:flex;align-items:center;gap:8px}.character-header-grid__name-container:hover .character-header-grid__name-edit-btn{opacity:1}.character-header-grid__name{font-family:Cinzel,Georgia,serif;font-size:28px;font-weight:700;color:var(--color-ink);margin:0;line-height:1.2;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.character-header-grid__name-edit-btn{width:24px;height:24px;padding:0;background:#fff;border:1px solid var(--color-ink);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-ink);transition:all .2s ease;opacity:0}.character-header-grid__name-edit-btn:hover{background:var(--color-brass);color:#fff;transform:scale(1.1)}.character-header-grid__name-input{font-family:Cinzel,Georgia,serif;font-size:28px;font-weight:700;color:var(--color-ink);background:#fff;border:2px solid var(--color-brass);border-radius:4px;padding:2px 8px;margin:-2px 0;line-height:1.2;text-shadow:1px 1px 0 rgba(255,255,255,.5);width:100%;max-width:400px}.character-header-grid__name-input:focus{outline:none;box-shadow:0 0 0 2px #b5a6424d}.character-header-grid__archetype{font-family:Georgia,serif;font-size:16px;font-style:italic;color:#5c4a3a;text-transform:capitalize}.character-header-grid__token-link-btn{position:absolute;bottom:-4px;right:-4px;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--color-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003;color:var(--color-ink)}.character-header-grid__token-link-btn:hover{background:var(--color-brass);transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.character-header-grid__token-link-btn:active{transform:scale(.95)}.character-header-grid__token-link-btn.linked{background:var(--color-brass);border-color:var(--color-ink)}.character-header-grid__token-link-btn.linked:hover{background:var(--color-crimson)}.character-header-grid__upload-asset-btn{position:absolute;bottom:-4px;left:-4px;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--color-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003;color:var(--color-brass)}.character-header-grid__upload-asset-btn:hover:not(:disabled){background:var(--color-brass);color:#fff;transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.character-header-grid__upload-asset-btn:active:not(:disabled){transform:scale(.95)}.character-header-grid__upload-asset-btn:disabled{opacity:.5;cursor:not-allowed}.character-header-grid__link-error{font-size:12px;color:var(--color-crimson);font-style:italic;margin-top:4px}.character-header-grid__upload-message{font-size:12px;font-style:italic;margin-top:4px;padding:4px 8px;border-radius:4px}.character-header-grid__upload-message--success{color:#2d5016;background:#d4edda;border:1px solid #C3E6CB}.character-header-grid__upload-message--error{color:var(--color-crimson);background:#f8d7da;border:1px solid #F5C6CB}.character-header-grid__turn-tracker,.character-header-grid__conditions{display:flex;align-items:flex-start;justify-content:center}.conditions-placeholder{width:100%;height:100%;min-height:80px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-ink);border-radius:8px;background:#ffffff80;color:var(--color-ink);opacity:.5;font-size:14px;font-style:italic}.portrait-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:999}.portrait-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:3px solid var(--color-ink);border-radius:8px;padding:16px;min-width:400px;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #0000004d;z-index:1000}.portrait-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--color-ink)}.portrait-modal__header h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:18px;color:var(--color-ink)}.portrait-modal__header button{width:28px;height:28px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-ink);padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.portrait-modal__header button:hover{background:var(--color-crimson);color:#fff}.attributes-panel{padding:12px;background:var(--color-paper)}.attributes-panel__title{font-family:Cinzel,Georgia,serif;font-size:18px;font-weight:700;color:var(--color-ink);margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--color-ink)}.attributes-list{display:flex;flex-direction:column;gap:6px}.attribute-row{display:flex;align-items:center;gap:8px;padding:8px;background:linear-gradient(to right,#fff,#f8f4ec);border:1px solid #D4C4B0;border-radius:4px;transition:all .2s ease}.attribute-row:hover{background:linear-gradient(to right,#fff5e8,#f0e8dc);border-color:var(--color-ink);transform:translate(2px)}.attribute-row__name{flex:1;font-family:Georgia,serif;font-size:15px;font-weight:600;color:var(--color-ink)}.attribute-row__value{font-family:Cinzel,Georgia,serif;font-size:18px;font-weight:700;color:var(--color-ink);min-width:28px;height:34px;text-align:center;background:#fff;border:1px solid var(--color-ink);border-radius:4px;padding:0 6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.attribute-row__value:hover{background:var(--color-brass);transform:scale(1.1)}.attribute-row__value:active{transform:scale(.95)}.attribute-row__controls{display:flex;flex-direction:column;gap:2px}.attribute-row__btn{width:24px;height:16px;padding:0;background:#fff;border:1px solid var(--color-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-ink);transition:all .2s ease}.attribute-row__btn--up{border-radius:4px 4px 0 0;border-bottom:1px solid var(--color-ink)}.attribute-row__btn--down{border-radius:0 0 4px 4px;border-top:1px solid var(--color-ink)}.attribute-row__btn:hover:not(:disabled){background:var(--color-brass);border-color:var(--color-ink);transform:scale(1.1)}.attribute-row__btn:active:not(:disabled){transform:scale(.95)}.attribute-row__btn:disabled{opacity:.3;cursor:not-allowed}.definition-modal-backdrop{position:fixed;inset:0;background:#0009;z-index:999}.definition-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-parchment);border:3px solid var(--color-ink);border-radius:8px;padding:16px;min-width:400px;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #0000004d;z-index:1000}.definition-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-ink)}.definition-modal__title{margin:0;font-family:Cinzel,Georgia,serif;font-size:20px;font-weight:700;color:var(--color-ink)}.definition-modal__close{width:32px;height:32px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-ink);padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;line-height:1}.definition-modal__close:hover{background:var(--color-crimson);color:#fff}.definition-modal__content{display:flex;flex-direction:column;gap:16px}.definition-modal__section{display:flex;flex-direction:column;gap:8px}.definition-modal__section-title{font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:700;color:var(--color-brass);text-transform:uppercase;letter-spacing:1px;margin:0}.definition-modal__text{font-family:Georgia,serif;font-size:14px;line-height:1.6;color:var(--color-ink);margin:0}.definition-modal::-webkit-scrollbar{width:6px}.definition-modal::-webkit-scrollbar-track{background:#e8dcc4}.definition-modal::-webkit-scrollbar-thumb{background:var(--color-ink);border-radius:3px}.definition-modal::-webkit-scrollbar-thumb:hover{background:#5c4a3a}.skills-panel{padding:12px;background:var(--color-paper)}.skills-panel__title{font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;color:var(--color-ink);margin:0 0 8px;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid var(--color-ink);padding-bottom:6px}.skills-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skill-row{display:flex;align-items:center;gap:8px;padding:8px;background:linear-gradient(to right,#fff,#f8f4ec);border:1px solid #D4C4B0;border-radius:4px;transition:all .2s ease}.skill-row:hover{background:linear-gradient(to right,#fff5e8,#f0e8dc);border-color:var(--color-ink);transform:translate(2px)}.skill-row--has-talents{background:linear-gradient(to right,#fff9e6,#fff3d6);border-color:var(--color-brass);border-width:2px}.skill-row--has-talents:hover{background:linear-gradient(to right,#fff5d6,#ffeec6);border-color:#9a8935}.skill-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.skill-row__header{display:flex;align-items:center;gap:6px}.skill-row__talent-badges{display:flex;gap:2px}.talent-badge{font-size:12px;line-height:1;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.skill-row__name{font-family:Georgia,serif;font-size:14px;font-weight:700;color:var(--color-ink);background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color .2s ease}.skill-row__name:hover{color:var(--color-brass);text-decoration:underline}.skill-row__dice{font-family:Georgia,serif;font-size:11px;color:#5c4a3a;font-style:italic;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.skill-row__attribute-swap{color:var(--color-brass);font-weight:700;font-style:normal}.skill-row__talent-desc{color:#7a6a5a;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.skill-row__value{font-family:Cinzel,Georgia,serif;font-size:20px;font-weight:700;color:var(--color-ink);min-width:28px;height:34px;text-align:center;background:#fff;border:1px solid var(--color-ink);border-radius:4px;padding:0 6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.skill-row__value:hover{background:var(--color-brass);transform:scale(1.1)}.skill-row__value:active{transform:scale(.95)}.skill-row__controls{display:flex;flex-direction:column;gap:2px}.skill-row__btn{width:24px;height:16px;padding:0;background:#fff;border:1px solid var(--color-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-ink);transition:all .2s ease}.skill-row__btn--up{border-radius:4px 4px 0 0;border-bottom:1px solid var(--color-ink)}.skill-row__btn--down{border-radius:0 0 4px 4px;border-top:1px solid var(--color-ink)}.skill-row__btn:hover:not(:disabled){background:var(--color-brass);border-color:var(--color-ink);transform:scale(1.1)}.skill-row__btn:active:not(:disabled){transform:scale(.95)}.skill-row__btn:disabled{opacity:.3;cursor:not-allowed}.talent-selector-backdrop{position:fixed;inset:0;background:#00000080;z-index:999}.talent-selector{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-parchment, #F4E8D0);border:3px solid var(--color-ink, #2B2520);border-radius:8px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;z-index:1000;box-shadow:0 4px 20px #0000004d}.talent-selector__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid var(--color-ink, #2B2520)}.talent-selector__header h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:20px;color:var(--color-ink, #2B2520)}.talent-selector__close{background:var(--color-crimson, #8B0000);color:#fff;border:none;border-radius:4px;width:32px;height:32px;font-size:24px;cursor:pointer;transition:all .2s ease;line-height:1}.talent-selector__close:hover{transform:scale(1.1);background:#a00000}.talent-selector__content{flex:1;overflow-y:auto;padding:16px 20px}.talent-selector__empty{text-align:center;padding:40px 20px;font-family:Georgia,serif;font-size:16px;color:var(--color-brass, #B5A642);font-style:italic}.talent-selector__list{display:flex;flex-direction:column;gap:12px}.talent-option{background:linear-gradient(135deg,#fff9e6,#fff3d6);border:2px solid var(--color-ink, #2B2520);border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease}.talent-option:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:var(--color-brass, #B5A642)}.talent-option--selected{background:linear-gradient(135deg,#ffe0b2,#ffcc80);border:3px solid var(--color-brass, #B5A642);box-shadow:0 0 10px #b5a6424d}.talent-option__name{font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;color:var(--color-ink, #2B2520);margin-bottom:6px}.talent-option__description{font-family:Georgia,serif;font-size:13px;color:#5c4a3a;margin-bottom:6px;line-height:1.4}.talent-option__effect{font-family:Georgia,serif;font-size:12px;color:var(--color-brass, #B5A642);font-style:italic;line-height:1.3}.talent-selector__footer{display:flex;gap:12px;padding:16px 20px;border-top:2px solid var(--color-ink, #2B2520)}.talent-selector__btn{flex:1;padding:12px 24px;font-size:16px;font-weight:700;font-family:Georgia,serif;border:2px solid var(--color-ink, #2B2520);border-radius:8px;cursor:pointer;transition:all .2s ease}.talent-selector__btn--cancel{background:#fff;color:var(--color-ink, #2B2520)}.talent-selector__btn--cancel:hover{background:var(--color-parchment, #F4E8D0);transform:translateY(-2px)}.talent-selector__btn--confirm{background:var(--color-brass, #B5A642);color:#fff}.talent-selector__btn--confirm:hover:not(:disabled){background:#9a8935;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.talent-selector__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.conditions-talents-panel{padding:12px;background:var(--color-paper);display:flex;flex-direction:column;gap:16px}.section-title{font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;color:var(--color-ink);margin:0 0 8px;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid var(--color-ink);padding-bottom:6px}.conditions-ladder{display:flex;flex-direction:column;gap:6px}.condition-box{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(to right,#fff,#f8f4ec);border:2px solid #D4C4B0;border-radius:4px;cursor:pointer;transition:all .2s ease}.condition-box:hover:not(:disabled){border-color:var(--color-ink);transform:translate(4px)}.condition-box.active{background:linear-gradient(to right,#ffe0b2,#ffcc80);border-color:#e65100;border-width:3px}.condition-box:disabled{cursor:default}.condition-box__name{font-family:Georgia,serif;font-size:14px;font-weight:700;color:var(--color-ink);text-transform:capitalize}.condition-box__penalty{font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;color:var(--color-crimson)}.condition-box__check{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--color-success);color:#fff;border:2px solid var(--color-ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.talents-header{display:flex;align-items:center;justify-content:space-between}.talents-add{width:32px;height:32px;background:var(--color-brass);border:2px solid var(--color-ink);border-radius:4px;font-size:20px;font-weight:700;color:var(--color-ink);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.talents-add:hover{background:#9a8935;transform:scale(1.1)}.talents-empty{padding:16px;text-align:center;color:#999;font-style:italic;font-size:14px}.talents-list{display:flex;flex-direction:column;gap:6px}.talent-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#e8dcc4,#d4c4b0);border:2px solid var(--color-ink);border-radius:4px}.talent-item__name{font-family:Georgia,serif;font-size:14px;font-weight:700;color:var(--color-ink);flex:1;background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color .2s ease}.talent-item__name:hover{color:var(--color-brass);text-decoration:underline}.talent-item__remove{width:24px;height:24px;background:var(--color-crimson);color:#fff;border:2px solid var(--color-ink);border-radius:50%;font-size:16px;font-weight:400;font-family:Arial,sans-serif;line-height:20px;padding:0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.talent-item__remove:hover{background:#6b0000;transform:scale(1.1)}.dice-container,.die-wrapper,.die:not(.dice-cube),.face,.dot{display:none!important}.dice-scene{width:45px;height:45px;perspective:600px;display:inline-block;margin:4px}.dice-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .1s}.dice-cube.rolling{animation:tumble-dice .8s cubic-bezier(.25,.46,.45,.94)}.dice-face{position:absolute;width:45px;height:45px;border:2px solid rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px;padding:6px;box-sizing:border-box;backface-visibility:hidden;border-radius:4px}.dice-face.brass{background:linear-gradient(135deg,#d4af37,#b8941e,#c9a84e,#a88a28,#d4af37);box-shadow:inset -2px -2px 8px #0006,inset 2px 2px 8px #ffffff4d,0 4px 12px #0000004d}.dice-face.crimson{background:linear-gradient(135deg,#8b0000,#600,#a00000,#600,#8b0000);box-shadow:inset -2px -2px 8px #00000080,inset 2px 2px 8px #ff323233,0 4px 12px #8b000066}.dice-face.brass .pip{background:radial-gradient(circle,#2b2520 60%,#1a1614);box-shadow:0 1px 2px #00000080,inset 0 -1px 1px #0000004d}.dice-face.crimson .pip{background:radial-gradient(circle,gold 60%,#ffc700);box-shadow:0 1px 3px #0009,inset 0 1px 1px #ffffc866}.pip{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dice-face:nth-child(1){transform:rotateY(0) translateZ(22.5px)}.dice-face:nth-child(2){transform:rotateY(90deg) translateZ(22.5px)}.dice-face:nth-child(3){transform:rotateY(180deg) translateZ(22.5px)}.dice-face:nth-child(4){transform:rotateY(-90deg) translateZ(22.5px)}.dice-face:nth-child(5){transform:rotateX(90deg) translateZ(22.5px)}.dice-face:nth-child(6){transform:rotateX(-90deg) translateZ(22.5px)}.dice-face[data-value="1"]{justify-content:center;align-items:center;padding:0}.dice-face[data-value="1"] .pip{width:9px;height:9px}.dice-face[data-value="2"]{justify-content:space-between;padding:8px}.dice-face[data-value="2"] .pip:first-child{align-self:flex-start}.dice-face[data-value="2"] .pip:last-child{align-self:flex-end}.dice-face[data-value="3"]{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:8px;gap:0}.dice-face[data-value="3"] .pip:first-child{align-self:flex-start}.dice-face[data-value="3"] .pip:nth-child(2){align-self:center}.dice-face[data-value="3"] .pip:last-child{align-self:flex-end}.dice-face[data-value="4"]{display:grid;grid-template-columns:7px 7px;grid-template-rows:7px 7px;justify-content:space-between;align-content:space-between;padding:9px;gap:0}.dice-face[data-value="4"] .pip{width:7px;height:7px}.dice-face[data-value="5"]{display:grid;grid-template-columns:7px 7px;grid-template-rows:7px 7px;justify-content:space-between;align-content:space-between;padding:9px;gap:0;position:relative}.dice-face[data-value="5"] .pip{width:7px;height:7px}.dice-face[data-value="5"] .pip:nth-child(5){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-face[data-value="6"]{display:grid;grid-template-columns:7px 7px;grid-template-rows:7px 7px 7px;justify-content:center;align-content:center;padding:0;column-gap:7px;row-gap:3px;grid-auto-flow:column}.dice-face[data-value="6"] .pip{width:7px;height:7px}@keyframes tumble-dice{0%{transform:rotateX(0) rotateY(0) rotate(0)}25%{transform:rotateX(180deg) rotateY(180deg) rotate(90deg)}50%{transform:rotateX(360deg) rotateY(270deg) rotate(180deg)}75%{transform:rotateX(540deg) rotateY(450deg) rotate(270deg)}to{transform:rotateX(720deg) rotateY(720deg) rotate(360deg)}}.dice-scene:has(.dice-cube.locked){opacity:.6}.dice-tray{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;padding:12px;background:linear-gradient(to bottom,#4b3c2d33,#3c30244d);border:2px solid var(--color-ink, #2B2520);border-radius:12px;margin-bottom:16px;min-height:80px;box-shadow:inset 0 2px 8px #0003;overflow:visible}.dice-tray .dice-scene{display:inline-block!important}.dice-tray .dice-cube{display:block!important}.dice-tray .dice-face{display:flex!important}.dice-tray .dice-face[data-value="4"],.dice-tray .dice-face[data-value="5"],.dice-tray .dice-face[data-value="6"]{display:grid!important}.dice-tray .pip{display:block!important}.dice-tray.rolling{animation:shake-tray .8s ease-in-out}@keyframes shake-tray{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px) translateY(1px)}20%,40%,60%,80%{transform:translate(2px) translateY(-1px)}}.d66-roller-backdrop{position:fixed;inset:0;background:#000000b3;z-index:1100;animation:fadeIn .3s ease}.d66-roller-backdrop--closing{animation:fadeOut .3s ease}.d66-roller{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-parchment, #F4E8D0);border:3px solid var(--color-ink, #2B2520);border-radius:8px;width:90%;max-width:400px;display:flex;flex-direction:column;z-index:1101;box-shadow:0 8px 32px #0006;animation:scaleIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes scaleOut{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.7);opacity:0}}.d66-roller--closing{animation:scaleOut .3s ease}.d66-roller__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid var(--color-ink, #2B2520)}.d66-roller__header h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:20px;color:var(--color-ink, #2B2520)}.d66-roller__close{background:var(--color-crimson, #8B0000);color:#fff;border:none;border-radius:4px;width:32px;height:32px;font-size:24px;cursor:pointer;transition:all .2s ease;line-height:1}.d66-roller__close:hover{transform:scale(1.1);background:#a00000}.d66-roller__content{padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:24px;min-height:200px;justify-content:center}.d66-roller__dice{display:flex;gap:24px;align-items:center}.die{width:80px;height:80px;background:#fff;border:3px solid var(--color-ink, #2B2520);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:transform .1s ease}.die--rolling{animation:dieRoll .1s ease-in-out infinite}@keyframes dieRoll{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(.95)}}.die__face{font-family:Cinzel,Georgia,serif;font-size:48px;font-weight:700;color:var(--color-ink, #2B2520);-webkit-user-select:none;user-select:none}.d66-roller__result{display:flex;flex-direction:column;align-items:center;gap:8px;animation:resultFadeIn .5s ease}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.d66-roller__result-label{font-family:Georgia,serif;font-size:14px;color:var(--color-ink, #2B2520);text-transform:uppercase;letter-spacing:1px}.d66-roller__result-value{font-family:Cinzel,Georgia,serif;font-size:36px;font-weight:700;color:var(--color-brass, #B5A642);padding:8px 20px;background:#b5a6421a;border:2px solid var(--color-brass, #B5A642);border-radius:8px}.quirk-selector-backdrop{position:fixed;inset:0;background:#00000080;z-index:999}.quirk-selector{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-parchment, #F4E8D0);border:3px solid var(--color-ink, #2B2520);border-radius:8px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;z-index:1000;box-shadow:0 4px 20px #0000004d}.quirk-selector__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid var(--color-ink, #2B2520)}.quirk-selector__header h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:20px;color:var(--color-ink, #2B2520)}.quirk-selector__close{background:var(--color-crimson, #8B0000);color:#fff;border:none;border-radius:4px;width:32px;height:32px;font-size:24px;cursor:pointer;transition:all .2s ease;line-height:1}.quirk-selector__close:hover{transform:scale(1.1);background:#a00000}.quirk-selector__content{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.quirk-selector__toggle{display:flex;gap:8px;border-bottom:2px solid var(--color-ink, #2B2520);padding-bottom:12px}.quirk-selector__custom{flex:1;display:flex;flex-direction:column}.quirk-selector__textarea{width:100%;padding:12px;font-family:Georgia,serif;font-size:14px;background:#fff;color:var(--color-ink, #2B2520);border:2px solid var(--color-ink, #2B2520);border-radius:6px;resize:vertical;min-height:100px}.quirk-selector__textarea:focus{outline:none;border-color:var(--color-brass, #B5A642);box-shadow:0 0 0 2px #b5a64233}.quirk-selector__list{display:flex;flex-direction:column;gap:8px}.quirk-option{background:linear-gradient(135deg,#fff9e6,#fff3d6);border:2px solid var(--color-ink, #2B2520);border-radius:6px;padding:10px 12px;cursor:pointer;transition:all .2s ease;display:flex;gap:12px;align-items:center}.quirk-option:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026;border-color:var(--color-brass, #B5A642)}.quirk-option--selected{background:linear-gradient(135deg,#ffe0b2,#ffcc80);border:3px solid var(--color-brass, #B5A642);box-shadow:0 0 10px #b5a6424d}.quirk-option__id{font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:700;color:var(--color-brass, #B5A642);min-width:32px;text-align:center;background:#b5a6421a;border-radius:4px;padding:4px 8px}.quirk-option__text{font-family:Georgia,serif;font-size:14px;color:var(--color-ink, #2B2520);line-height:1.4;flex:1}.quirk-selector__footer{display:flex;gap:12px;padding:16px 20px;border-top:2px solid var(--color-ink, #2B2520)}.quirk-selector__btn{flex:1;padding:12px 24px;font-size:16px;font-weight:700;font-family:Georgia,serif;border:2px solid var(--color-ink, #2B2520);border-radius:8px;cursor:pointer;transition:all .2s ease}.quirk-selector__btn--cancel{background:#fff;color:var(--color-ink, #2B2520)}.quirk-selector__btn--cancel:hover{background:var(--color-parchment, #F4E8D0);transform:translateY(-2px)}.quirk-selector__btn--confirm{background:var(--color-brass, #B5A642);color:#fff}.quirk-selector__btn--confirm:hover:not(:disabled){background:#9a8935;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.quirk-selector__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.backstory-selector-backdrop{position:fixed;inset:0;background:#00000080;z-index:999}.backstory-selector{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-parchment, #F4E8D0);border:3px solid var(--color-ink, #2B2520);border-radius:8px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;z-index:1000;box-shadow:0 4px 20px #0000004d}.backstory-selector__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid var(--color-ink, #2B2520)}.backstory-selector__header h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:20px;color:var(--color-ink, #2B2520)}.backstory-selector__close{background:var(--color-crimson, #8B0000);color:#fff;border:none;border-radius:4px;width:32px;height:32px;font-size:24px;cursor:pointer;transition:all .2s ease;line-height:1}.backstory-selector__close:hover{transform:scale(1.1);background:#a00000}.backstory-selector__content{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.backstory-selector__toggle{display:flex;gap:8px;border-bottom:2px solid var(--color-ink, #2B2520);padding-bottom:12px}.toggle-btn--roll{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;border-color:#8b4513;font-weight:700}.toggle-btn--roll:hover{background:linear-gradient(135deg,sienna,peru);transform:translateY(-1px)}.backstory-selector__custom{flex:1;display:flex;flex-direction:column}.backstory-selector__textarea{width:100%;padding:12px;font-family:Georgia,serif;font-size:14px;background:#fff;color:var(--color-ink, #2B2520);border:2px solid var(--color-ink, #2B2520);border-radius:6px;resize:vertical;min-height:100px}.backstory-selector__textarea:focus{outline:none;border-color:var(--color-brass, #B5A642);box-shadow:0 0 0 2px #b5a64233}.backstory-selector__list{display:flex;flex-direction:column;gap:8px}.backstory-option{background:linear-gradient(135deg,#fff9e6,#fff3d6);border:2px solid var(--color-ink, #2B2520);border-radius:6px;padding:10px 12px;cursor:pointer;transition:all .2s ease;display:flex;gap:12px;align-items:center}.backstory-option:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026;border-color:var(--color-brass, #B5A642)}.backstory-option--selected{background:linear-gradient(135deg,#ffe0b2,#ffcc80);border:3px solid var(--color-brass, #B5A642);box-shadow:0 0 10px #b5a6424d}.backstory-option__id{font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:700;color:var(--color-brass, #B5A642);min-width:32px;text-align:center;background:#b5a6421a;border-radius:4px;padding:4px 8px}.backstory-option__text{font-family:Georgia,serif;font-size:14px;color:var(--color-ink, #2B2520);line-height:1.4;flex:1}.backstory-selector__footer{display:flex;gap:12px;padding:16px 20px;border-top:2px solid var(--color-ink, #2B2520)}.backstory-selector__btn{flex:1;padding:12px 24px;font-size:16px;font-weight:700;font-family:Georgia,serif;border:2px solid var(--color-ink, #2B2520);border-radius:8px;cursor:pointer;transition:all .2s ease}.backstory-selector__btn--cancel{background:#fff;color:var(--color-ink, #2B2520)}.backstory-selector__btn--cancel:hover{background:var(--color-parchment, #F4E8D0);transform:translateY(-2px)}.backstory-selector__btn--confirm{background:var(--color-brass, #B5A642);color:#fff}.backstory-selector__btn--confirm:hover:not(:disabled){background:#9a8935;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.backstory-selector__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.dark-secret-selector-backdrop{position:fixed;inset:0;background:#00000080;z-index:999}.dark-secret-selector{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-parchment, #F4E8D0);border:3px solid var(--color-ink, #2B2520);border-radius:8px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;z-index:1000;box-shadow:0 4px 20px #0000004d}.dark-secret-selector__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid var(--color-ink, #2B2520)}.dark-secret-selector__header h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:20px;color:var(--color-ink, #2B2520)}.dark-secret-selector__close{background:var(--color-crimson, #8B0000);color:#fff;border:none;border-radius:4px;width:32px;height:32px;font-size:24px;cursor:pointer;transition:all .2s ease;line-height:1}.dark-secret-selector__close:hover{transform:scale(1.1);background:#a00000}.dark-secret-selector__content{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.dark-secret-selector__toggle{display:flex;gap:8px;border-bottom:2px solid var(--color-ink, #2B2520);padding-bottom:12px}.toggle-btn{flex:1;padding:8px 16px;font-family:Georgia,serif;font-size:14px;background:#fff;color:var(--color-ink, #2B2520);border:2px solid var(--color-ink, #2B2520);border-radius:6px;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:var(--color-parchment, #F4E8D0)}.toggle-btn--active{background:var(--color-brass, #B5A642);color:#fff;border-color:var(--color-brass, #B5A642)}.dark-secret-selector__custom{flex:1;display:flex;flex-direction:column}.dark-secret-selector__textarea{width:100%;padding:12px;font-family:Georgia,serif;font-size:14px;background:#fff;color:var(--color-ink, #2B2520);border:2px solid var(--color-ink, #2B2520);border-radius:6px;resize:vertical;min-height:100px}.dark-secret-selector__textarea:focus{outline:none;border-color:var(--color-brass, #B5A642);box-shadow:0 0 0 2px #b5a64233}.dark-secret-selector__list{display:flex;flex-direction:column;gap:8px}.dark-secret-option{background:linear-gradient(135deg,#fff9e6,#fff3d6);border:2px solid var(--color-ink, #2B2520);border-radius:6px;padding:10px 12px;cursor:pointer;transition:all .2s ease;display:flex;gap:12px;align-items:center}.dark-secret-option:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026;border-color:var(--color-brass, #B5A642)}.dark-secret-option--selected{background:linear-gradient(135deg,#ffe0b2,#ffcc80);border:3px solid var(--color-brass, #B5A642);box-shadow:0 0 10px #b5a6424d}.dark-secret-option__id{font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:700;color:var(--color-brass, #B5A642);min-width:32px;text-align:center;background:#b5a6421a;border-radius:4px;padding:4px 8px}.dark-secret-option__text{font-family:Georgia,serif;font-size:14px;color:var(--color-ink, #2B2520);line-height:1.4;flex:1}.dark-secret-selector__footer{display:flex;gap:12px;padding:16px 20px;border-top:2px solid var(--color-ink, #2B2520)}.dark-secret-selector__btn{flex:1;padding:12px 24px;font-size:16px;font-weight:700;font-family:Georgia,serif;border:2px solid var(--color-ink, #2B2520);border-radius:8px;cursor:pointer;transition:all .2s ease}.dark-secret-selector__btn--cancel{background:#fff;color:var(--color-ink, #2B2520)}.dark-secret-selector__btn--cancel:hover{background:var(--color-parchment, #F4E8D0);transform:translateY(-2px)}.dark-secret-selector__btn--confirm{background:var(--color-brass, #B5A642);color:#fff}.dark-secret-selector__btn--confirm:hover:not(:disabled){background:#9a8935;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.dark-secret-selector__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.details-panel{padding:12px 8px;background:var(--color-paper);display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow-y:auto;height:100%;align-content:start}.details-section{display:flex;flex-direction:column;gap:8px;align-self:start}.details-section--full{grid-column:1 / -1}.details-section__header{display:flex;align-items:center;justify-content:space-between}.details-section__title{font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;color:var(--color-ink);margin:0;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid var(--color-ink);padding-bottom:6px;flex:1}.details-section__add{width:32px;height:32px;background:var(--color-brass);border:2px solid var(--color-ink);border-radius:4px;font-size:20px;font-weight:700;color:var(--color-ink);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:12px}.details-section__add:hover{background:#9a8935;transform:scale(1.1)}.details-empty{padding:16px;text-align:center;color:#999;font-style:italic;font-size:14px}.details-list{display:flex;flex-direction:column;gap:6px}.details-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#e8dcc4,#d4c4b0);border:2px solid var(--color-ink);border-radius:4px}.details-item__text{font-family:Georgia,serif;font-size:14px;color:var(--color-ink);flex:1}.details-item__remove{width:24px;height:24px;background:var(--color-crimson);color:#fff;border:2px solid var(--color-ink);border-radius:50%;font-size:16px;font-weight:400;font-family:Arial,sans-serif;line-height:20px;padding:0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.details-item__remove:hover{background:#6b0000;transform:scale(1.1)}.details-textarea{width:100%;background:#fff;border:2px solid var(--color-ink);border-radius:4px;padding:8px;font-family:Georgia,serif;font-size:14px;color:var(--color-ink);resize:vertical;min-height:60px}.details-textarea--large{min-height:120px}.details-textarea:focus{outline:none;border-color:var(--color-brass);box-shadow:0 0 0 2px #b5a64233}.details-readonly{font-family:Georgia,serif;font-size:14px;color:var(--color-ink);padding:8px 12px;background:linear-gradient(to right,#fff,#f8f4ec);border:1px solid #D4C4B0;border-radius:4px;min-height:40px;white-space:pre-wrap}.details-panel::-webkit-scrollbar{width:6px}.details-panel::-webkit-scrollbar-track{background:#e8dcc4}.details-panel::-webkit-scrollbar-thumb{background:var(--color-ink);border-radius:3px}.details-panel::-webkit-scrollbar-thumb:hover{background:#5c4a3a}.character-sheet{background:var(--color-parchment, #F4E8D0);color:var(--color-ink, #2B2520);font-family:Georgia,serif;padding:16px;max-height:100%;overflow-y:auto}.character-sheet__header{text-align:center;border-bottom:2px solid var(--color-ink, #2B2520);padding-bottom:12px;margin-bottom:16px}.character-name{font-size:24px;font-weight:700;margin:0 0 8px}.character-archetype{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--color-brass, #B5A642)}.conditions-tracker{background:#0000000d;border:2px solid var(--color-ink, #2B2520);border-radius:8px;padding:12px;margin-bottom:16px}.conditions-label{font-weight:700;font-size:14px;margin-bottom:8px}.conditions-label .penalty{color:var(--color-crimson, #8B0000);margin-left:8px}.conditions-boxes{display:flex;gap:8px}.condition-box{width:48px;height:48px;border:2px solid var(--color-ink, #2B2520);border-radius:4px;background:#fff;font-weight:700;cursor:pointer;transition:all .2s ease}.condition-box:hover{transform:scale(1.05)}.condition-box.active{background:var(--color-crimson, #8B0000);color:#fff}.attributes-section{margin-bottom:16px}.attributes-section h2{font-size:18px;margin:0 0 12px;border-bottom:1px solid var(--color-ink, #2B2520);padding-bottom:4px}.attributes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attribute-display{background:#0000000d;border:2px solid var(--color-ink, #2B2520);border-radius:8px;padding:12px;text-align:center}.attribute-name{font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.attribute-value{font-size:24px;font-weight:700}.attribute-penalty{color:var(--color-crimson, #8B0000);font-size:16px}.attribute-effective{font-size:14px;color:var(--color-brass, #B5A642);margin-top:4px}.skills-section{margin-bottom:16px}.skills-section h2{font-size:18px;margin:0 0 12px;border-bottom:1px solid var(--color-ink, #2B2520);padding-bottom:4px}.skill-group{margin-bottom:12px}.skill-group h3{font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;color:var(--color-brass, #B5A642)}.skill-item{display:flex;justify-content:space-between;align-items:center;width:100%;background:#fff;border:1px solid var(--color-ink, #2B2520);border-radius:4px;padding:8px 12px;margin-bottom:4px;cursor:pointer;transition:all .2s ease;font-family:Georgia,serif}.skill-item:hover{background:var(--color-brass, #B5A642);color:#fff;transform:translate(4px)}.skill-name{font-weight:700;flex:1}.skill-value{font-size:18px;font-weight:700;margin:0 12px}.skill-pool{color:var(--color-brass, #B5A642);font-size:14px}.skill-item:hover .skill-pool{color:#fff}.talents-section{margin-bottom:16px}.talents-section h2{font-size:18px;margin:0 0 12px;border-bottom:1px solid var(--color-ink, #2B2520);padding-bottom:4px}.talents-list{display:flex;flex-direction:column;gap:8px}.talent-item{background:#0000000d;border:1px solid var(--color-ink, #2B2520);border-radius:4px;padding:8px 12px;font-size:14px}.notes-section{margin-bottom:16px}.notes-section h2{font-size:18px;margin:0 0 12px;border-bottom:1px solid var(--color-ink, #2B2520);padding-bottom:4px}.notes-section textarea{width:100%;min-height:80px;background:#fff;border:2px solid var(--color-ink, #2B2520);border-radius:4px;padding:8px;font-family:Georgia,serif;font-size:14px;resize:vertical}.character-sheet-grid{display:flex;flex-direction:column;height:100%;background:var(--color-parchment);overflow:hidden}.character-sheet-grid__header{flex-shrink:0}.character-sheet-tabs{display:flex;gap:16px;justify-content:flex-end;background:var(--color-parchment);padding:8px 16px 4px}.character-sheet-tab{font-family:Georgia,serif;font-size:12px;color:var(--color-ink);background:none;border:none;padding:0;cursor:pointer;transition:all .2s ease;text-decoration:none}.character-sheet-tab:focus{outline:none;border:none;box-shadow:none}.character-sheet-tab:hover{color:var(--color-brass)}.character-sheet-tab--active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.character-sheet-grid__content{flex:1;display:grid;grid-template-columns:300px 1fr 300px;gap:12px;padding:12px;overflow:hidden}.character-sheet-grid__content--single{grid-template-columns:1fr;padding:16px 8px}.character-sheet-grid__column{display:flex;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.character-sheet-grid__column--span-2{grid-column:span 2}.character-sheet-grid__column::-webkit-scrollbar{width:6px}.character-sheet-grid__column::-webkit-scrollbar-track{background:#e8dcc4}.character-sheet-grid__column::-webkit-scrollbar-thumb{background:var(--color-ink);border-radius:3px}.character-sheet-grid__column::-webkit-scrollbar-thumb:hover{background:#5c4a3a}.dice-roller-obr{background:var(--color-parchment, #F4E8D0);border:3px solid var(--color-ink, #2B2520);border-radius:8px;padding:20px;max-width:100%;margin:16px 0}.dice-roller-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--color-ink, #2B2520);padding-bottom:12px;margin-bottom:16px}.dice-roller-header-content{flex:1}.dice-roller-header h2{margin:0 0 2px;font-size:20px;color:var(--color-ink, #2B2520);line-height:1.2}.dice-roller-pool{font-family:Georgia,serif;font-size:14px;color:var(--color-brass, #B5A642);font-weight:700;margin:0}.close-btn{background:var(--color-crimson, #8B0000);color:#fff;border:none;border-radius:4px;width:32px;height:32px;font-size:20px;cursor:pointer;transition:all .2s ease}.close-btn:hover{transform:scale(1.1);background:#a00000}.dice-roller-talents{background:linear-gradient(135deg,#fff9e6,#fff3d6);border:2px solid var(--color-brass, #B5A642);border-radius:6px;padding:12px;margin-bottom:16px}.talent-indicator{display:flex;align-items:center;gap:8px;font-family:Georgia,serif;font-size:14px;color:var(--color-ink, #2B2520);margin-bottom:6px}.talent-icon{font-size:16px;animation:sparkle 2s ease-in-out infinite}.talent-description{font-family:Georgia,serif;font-size:12px;color:#5c4a3a;font-style:italic;margin-bottom:6px}.talent-push-info{font-family:Georgia,serif;font-size:12px;font-weight:700;color:var(--color-brass, #B5A642)}.dice-results{background:#0000000d;border:2px solid var(--color-ink, #2B2520);border-radius:6px;padding:16px;margin-bottom:16px}.result-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:Georgia,serif;font-size:16px}.result-row:last-of-type{margin-bottom:0}.result-label{font-weight:700;color:var(--color-ink, #2B2520)}.result-value{font-weight:700;font-size:18px}.result-value.success{color:#2e7d32}.result-value.failure{color:#999}.result-value.bane{color:var(--color-crimson, #8B0000)}.result-delta{font-size:14px;color:var(--color-brass, #B5A642);font-style:italic}.result-warning{font-size:12px;color:var(--color-crimson, #8B0000);font-weight:400}.result-pushed-badge{margin-top:12px;padding:6px 12px;background:linear-gradient(135deg,#ffe0b2,#ffcc80);border:2px solid #E65100;border-radius:4px;text-align:center;font-family:Cinzel,Georgia,serif;font-size:11px;font-weight:700;color:var(--color-ink, #2B2520);text-transform:uppercase;letter-spacing:1px}.roll-btn,.push-btn,.roll-again-btn{width:100%;padding:12px 24px;font-size:16px;font-weight:700;font-family:Georgia,serif;border:2px solid var(--color-ink, #2B2520);border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.roll-btn{background:var(--color-brass, #B5A642);color:#fff}.roll-btn:hover:not(:disabled){background:#9a8935;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.roll-btn:disabled,.push-btn:disabled,.roll-again-btn:disabled{opacity:.5;cursor:not-allowed}.push-btn{background:var(--color-crimson, #8B0000);color:#fff}.push-btn:hover:not(:disabled){background:#a00000;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.roll-again-btn{background:#fff;color:var(--color-ink, #2B2520)}.roll-again-btn:hover:not(:disabled){background:var(--color-parchment, #F4E8D0);transform:translateY(-2px)}.panic-alert{background:#ffebee;border:3px solid var(--color-crimson, #8B0000);border-radius:8px;padding:16px;margin:16px 0;font-weight:700;color:var(--color-crimson, #8B0000);animation:pulse 1s ease-in-out 3}.panic-alert div{margin-bottom:8px}.panic-alert div:last-child{margin-bottom:0}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #8b000066}50%{transform:scale(1.02);box-shadow:0 0 20px 5px #8b000033}}.help-btn{width:100%;padding:12px 24px;font-size:16px;font-weight:700;font-family:Georgia,serif;border:2px solid var(--color-ink, #2B2520);border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:12px;background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff}.help-btn:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.withdraw-help-btn{background:linear-gradient(135deg,#f57c00,#e65100)}.withdraw-help-btn:hover{background:linear-gradient(135deg,#fb8c00,#f57c00);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.help-dialog{background:var(--color-parchment, #F4E8D0);border:3px solid var(--color-ink, #2B2520);border-radius:8px;padding:20px;margin:16px 0}.help-dialog h3{margin:0 0 8px;font-size:18px;color:var(--color-ink, #2B2520);font-family:Cinzel,Georgia,serif}.help-dialog p{margin:0 0 16px;font-size:14px;color:#5c4a3a}.player-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.player-option{padding:12px;background:#fff;border:2px solid var(--color-ink, #2B2520);border-radius:6px;font-family:Georgia,serif;font-size:16px;font-weight:700;color:var(--color-ink, #2B2520);cursor:pointer;transition:all .2s ease;text-align:left}.player-option:hover{background:var(--color-brass, #B5A642);color:#fff;transform:translate(4px)}.cancel-btn{width:100%;padding:10px 20px;background:#999;border:2px solid var(--color-ink, #2B2520);border-radius:6px;font-family:Georgia,serif;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#777}.no-players-message{padding:16px;text-align:center;color:#666;font-size:14px;font-style:italic;background:#0000000d;border-radius:4px}.scene-challenge-opt-in{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #2E7D32;border-radius:6px;padding:12px;margin-bottom:16px}.scene-challenge-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-family:Georgia,serif;font-size:15px;font-weight:700;color:var(--color-ink, #2B2520)}.scene-challenge-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2E7D32}.scene-challenge-checkbox span{-webkit-user-select:none;user-select:none}.scene-challenge-description{margin-top:8px;padding-top:8px;border-top:1px solid rgba(46,125,50,.3);font-family:Georgia,serif;font-size:13px;font-style:italic;color:#2e7d32;text-align:center}.challenge-resolution-alert{background:linear-gradient(135deg,#fff9e6,#fff3d6);border:3px solid var(--color-brass, #B5A642);border-radius:8px;padding:16px;margin:16px 0;font-family:Cinzel,Georgia,serif;font-weight:700;font-size:16px;color:var(--color-ink, #2B2520);text-align:center;animation:celebrate .6s ease-in-out;box-shadow:0 4px 12px #b5a6424d}@keyframes celebrate{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.import-export{background:var(--color-paper);border:2px solid var(--color-ink);border-radius:4px;padding:12px;margin-bottom:16px}.import-export__header{margin-bottom:12px}.import-export__header h3{font-family:var(--font-heading);font-size:16px;color:var(--color-ink);margin:0;text-transform:uppercase;letter-spacing:1px}.import-export__actions{display:flex;gap:8px;flex-wrap:wrap}.import-export__button{flex:1;min-width:140px;padding:10px 16px;font-family:var(--font-body);font-size:14px;font-weight:600;border:2px solid var(--color-ink);border-radius:4px;background:var(--color-paper-light);color:var(--color-ink);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.import-export__button:hover{background:var(--color-ink);color:var(--color-paper);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.import-export__button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.import-export__button:disabled{opacity:.5;cursor:not-allowed;transform:none}.import-export__button:disabled:hover{background:var(--color-paper-light);color:var(--color-ink);transform:none;box-shadow:none}.import-export__icon{font-size:16px}.import-export__message{margin-top:12px;padding:10px 12px;border-radius:4px;font-size:13px;line-height:1.4;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.import-export__message--success{background:#d4edda;border:2px solid #28a745;color:#155724}.import-export__message--error{background:#f8d7da;border:2px solid #dc3545;color:#721c24}.import-export__message strong{display:block;margin-bottom:4px}.import-export__info{margin-top:12px;padding:8px 12px;background:var(--color-paper-dark);border-left:3px solid var(--color-ink);font-size:12px;color:var(--color-text-muted);font-style:italic}.player-selector{position:relative;margin-bottom:8px}.player-selector__toggle{width:100%;padding:12px 16px;background:var(--color-brass, #B5A642);color:#fff;border:2px solid var(--color-ink, #2B2520);border-radius:8px;font-weight:700;font-size:14px;font-family:Georgia,serif;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.player-selector__toggle:hover{background:#9a8935;transform:translateY(-1px)}.player-selector__arrow{font-size:12px}.player-selector__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:2px solid var(--color-ink, #2B2520);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;max-height:300px;overflow-y:auto}.player-selector__header{padding:8px 16px;background:var(--color-parchment, #F4E8D0);border-bottom:1px solid var(--color-ink, #2B2520);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.player-selector__item{width:100%;padding:12px 16px;background:#fff;border:none;border-bottom:1px solid #eee;font-family:Georgia,serif;font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease}.player-selector__item:hover{background:var(--color-parchment, #F4E8D0)}.player-selector__item.active{background:var(--color-brass, #B5A642);color:#fff;font-weight:700}.player-selector__item:last-child{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.toolbar{position:relative;padding:12px 16px;background:linear-gradient(to bottom,#e8dcc4,#d4c4b0);border-bottom:3px solid var(--color-ink);display:flex;align-items:center;gap:16px}.toolbar__brand{display:flex;align-items:center;gap:12px}.toolbar__brand-icon{width:32px;height:32px;filter:brightness(0) saturate(100%);opacity:.9}.toolbar__brand h1{font-family:Cinzel,Georgia,serif;font-size:22px;font-weight:700;color:var(--color-ink);margin:0;letter-spacing:1px;text-transform:uppercase}.toolbar__dev-badge{font-family:Georgia,serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:4px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:2px solid #D45500;box-shadow:0 2px 4px #0003}.toolbar__actions{display:flex;gap:8px}.toolbar__icon-button{width:36px;height:36px;background:#fff;border:2px solid var(--color-ink);border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;color:var(--color-ink);padding:0}.toolbar__icon-button:hover{background:var(--color-brass);color:#fff;border-color:var(--color-ink);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.toolbar__icon-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.toolbar__icon-button.active{background:var(--color-brass);color:#fff;border-color:var(--color-ink)}.toolbar__read-mode{font-family:Georgia,serif;font-size:14px;font-weight:600;color:var(--color-ink);padding:6px 14px;background:#ffe0b280;border:2px solid #E65100;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.toolbar__trackers{margin-left:auto;display:flex;gap:12px;align-items:center}.assistance-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-family:Georgia,serif;border:2px solid;transition:all .2s ease}.assistance-badge--receiving{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#2e7d32;color:#2e7d32}.assistance-badge--helping{background:linear-gradient(135deg,#fff9e6,#fff3d6);border-color:var(--color-brass, #B5A642);color:var(--color-ink, #2B2520)}.assistance-badge__label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;opacity:.8}.assistance-badge__value{font-size:14px;font-weight:700}.initiative-control{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;border:2px solid var(--color-ink);background:#fff;font-family:Georgia,serif;font-weight:600;cursor:pointer;transition:all .2s ease}.initiative-control:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #00000026;background:linear-gradient(135deg,#fff9e6,#fff3d6)}.initiative-control:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a}.initiative-control:disabled{opacity:.6;cursor:not-allowed}.initiative-control.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#2e7d32;color:#2e7d32;cursor:default}.initiative-control.active:hover{transform:none;box-shadow:none}.initiative-control__label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.initiative-control__status{font-size:12px;font-weight:700}.toolbar__backdrop{position:fixed;inset:0;background:#0006;z-index:99}.toolbar__popover{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#fff;border:3px solid var(--color-ink);border-radius:8px;padding:16px;min-width:320px;max-width:400px;box-shadow:0 8px 24px #0000004d;z-index:100}.toolbar__popover--confirm{max-width:360px}.toolbar__popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--color-ink)}.toolbar__popover-header h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:18px;color:var(--color-ink)}.toolbar__popover-header button{width:28px;height:28px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-ink);padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.toolbar__popover-header button:hover{background:var(--color-crimson);color:#fff}.scene-challenge-tracker{display:flex;flex-direction:column;gap:4px;padding:6px 10px;background:linear-gradient(135deg,#f4e8d0,#e8dcc4);border:2px solid var(--color-ink);border-radius:6px;font-family:Georgia,serif;min-width:320px}.scene-challenge-tracker__header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.scene-challenge-tracker__description{font-size:10px;font-weight:600;color:var(--color-ink);text-align:left;margin-bottom:0;line-height:1.2;flex:1}.scene-challenge-tracker__difficulty-badge{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:3px;background:var(--color-brass);color:#fff;border:1px solid var(--color-ink);white-space:nowrap}.scene-challenge-tracker__content{display:flex;gap:10px;align-items:stretch}.scene-challenge-tracker__counters{display:flex;flex-direction:column;gap:4px;flex:1}.scene-challenge-tracker__counter{display:flex;align-items:center;gap:6px}.scene-challenge-tracker__label{font-size:10px;font-weight:600;color:var(--color-ink);min-width:45px}.scene-challenge-tracker__pills{display:flex;gap:2px;flex-wrap:wrap;flex:1}.scene-challenge-tracker__pill{width:14px;height:10px;border-radius:0;border:1px solid var(--color-ink)}.scene-challenge-tracker__pill--success{background:linear-gradient(135deg,#81c784,#66bb6a);border-color:#2e7d32}.scene-challenge-tracker__pill--bane{background:linear-gradient(135deg,#e57373,#ef5350);border-color:var(--color-crimson)}.scene-challenge-tracker__strain{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 12px;border-radius:4px;border:2px solid var(--color-ink);min-width:50px}.scene-challenge-tracker__strain--low{background:#c8e6c9;border-color:#2e7d32}.scene-challenge-tracker__strain--moderate{background:#fff3e0;border-color:#f57c00}.scene-challenge-tracker__strain--high{background:#ffe0b2;border-color:#e65100}.scene-challenge-tracker__strain--critical{background:#ffebee;border-color:var(--color-crimson);animation:pulse-strain 2s ease-in-out infinite}@keyframes pulse-strain{0%,to{background:#ffebee}50%{background:#ffcdd2}}.scene-challenge-tracker__strain-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-ink);opacity:.8;line-height:1}.scene-challenge-tracker__strain-value{font-size:18px;font-weight:700;font-family:Cinzel,Georgia,serif;color:var(--color-ink);line-height:1}.scene-challenge-setup{display:flex;flex-direction:column;gap:16px}.scene-challenge-setup__warning{display:flex;align-items:flex-start;gap:8px;background:#fff3e0;border:2px solid #F57C00;border-radius:6px;padding:12px;font-size:13px;font-weight:600;color:#e65100;line-height:1.4;font-family:Georgia,serif}.scene-challenge-setup__warning svg{flex-shrink:0;margin-top:2px}.scene-challenge-setup__description{font-size:13px;color:var(--color-ink);margin:0;line-height:1.4}.scene-challenge-setup__field{display:flex;flex-direction:column;gap:8px}.scene-challenge-setup__label{font-size:13px;font-weight:600;color:var(--color-ink)}.scene-challenge-setup__buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scene-challenge-setup__button{padding:10px;border:2px solid var(--color-ink);border-radius:6px;background:#fff;color:var(--color-ink);font-family:Georgia,serif;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.scene-challenge-setup__button:hover{background:#f4e8d0;transform:translateY(-1px)}.scene-challenge-setup__button.active{background:var(--color-brass);color:#fff}.scene-challenge-setup__input{padding:8px 12px;border:2px solid var(--color-ink);border-radius:4px;font-family:Georgia,serif;font-size:13px;background:#fff}.scene-challenge-setup__input:focus{outline:none;border-color:var(--color-brass);box-shadow:0 0 0 2px #b5a64233}.scene-challenge-setup__start{padding:12px;border:2px solid var(--color-ink);border-radius:6px;background:linear-gradient(135deg,#b5a642,#9a8b3a);color:#fff;font-family:Georgia,serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.scene-challenge-setup__start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0003}.scene-challenge-setup__start:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog{display:flex;flex-direction:column;gap:20px}.confirm-dialog__message{font-family:Georgia,serif;font-size:14px;color:var(--color-ink);line-height:1.5;margin:0}.confirm-dialog__buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.confirm-dialog__button{padding:12px 20px;border:2px solid var(--color-ink);border-radius:6px;font-family:Georgia,serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.confirm-dialog__button--cancel{background:#fff;color:var(--color-ink)}.confirm-dialog__button--cancel:hover{background:#f4e8d0;transform:translateY(-1px)}.confirm-dialog__button--confirm{background:linear-gradient(135deg,#8b0000,#a00000);color:#fff;border-color:var(--color-crimson)}.confirm-dialog__button--confirm:hover{background:linear-gradient(135deg,#a00000,#b00000);transform:translateY(-1px);box-shadow:0 4px 8px #8b00004d}.roll-notification{position:fixed;top:20px;right:20px;width:320px;background:linear-gradient(135deg,#f4e8d0,#e8dcc4);border:3px solid var(--color-ink, #2C2416);border-radius:8px;box-shadow:0 8px 24px #0000004d;padding:12px;opacity:0;transform:translate(400px);transition:all .3s ease-out;z-index:10000;font-family:Georgia,serif}.roll-notification.visible{opacity:1;transform:translate(0)}.notification-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid var(--color-ink, #2C2416)}.player-name{font-weight:700;font-size:14px;color:var(--color-ink, #2C2416)}.character-name{font-size:12px;color:#5c4e3a;font-style:italic}.dismiss-btn{margin-left:auto;background:none;border:none;font-size:18px;color:var(--color-ink, #2C2416);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.dismiss-btn:hover{background:#0000001a}.notification-body{display:flex;flex-direction:column;gap:6px}.skill-name{font-size:16px;font-weight:700;color:var(--color-brass, #B5A642);text-transform:uppercase;letter-spacing:1px}.roll-results{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:700}.result-item{padding:4px 8px;border-radius:4px;background:#ffffff80}.result-item.success{color:#2d5016;background:#a8d08d}.result-item.failure{color:#5c4e3a;background:#d4c4b0}.result-item.bane{color:#8b0000;background:#ffb6c1}.dice-pool{font-size:12px;color:#5c4e3a;display:flex;align-items:center;gap:8px}.pushed-badge{background:var(--color-brass, #B5A642);color:var(--color-ink, #2C2416);padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.5px}.panic-notification{background:linear-gradient(135deg,#ffe0b2,#ffcc80);border-color:#e65100}.panic-title{font-weight:700;font-size:14px;color:#e65100;text-transform:uppercase;letter-spacing:1px}.panic-roll{font-size:14px;font-weight:700;color:#5c4e3a}.panic-effect{font-size:13px;color:#2c2416;font-style:italic;margin-top:4px;padding:6px;background:#ffffff80;border-radius:4px;border-left:3px solid #E65100}.strain-increase{font-size:12px;font-weight:700;color:#e65100;background:#e651001a;padding:4px 8px;border-radius:4px;text-align:center}.assistance-notification{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#2e7d32}.assistance-title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:#2e7d32;text-transform:uppercase;letter-spacing:1px}.assistance-title svg{flex-shrink:0}.assistance-from,.assistance-to{font-size:14px;color:#2c2416;text-align:center;margin:4px 0}.assistance-text{font-size:12px;color:#5c4e3a;font-style:italic;text-align:center;margin:4px 0}.assistance-bonus{font-size:13px;font-weight:700;color:#2e7d32;background:#2e7d321a;padding:6px 12px;border-radius:4px;text-align:center;margin-top:8px;border:1px solid #2E7D32}.roll-notification:nth-child(2){top:180px}.roll-notification:nth-child(3){top:340px}.roll-notification:nth-child(4){top:500px}.initiative-tracker{display:flex;flex-direction:column;height:100%;padding:20px;background:linear-gradient(to bottom,#f4e8d0,#e8dcc4);overflow-y:auto}.initiative-tracker__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:3px solid var(--color-ink)}.initiative-tracker__header h2{font-family:Cinzel,Georgia,serif;font-size:24px;color:var(--color-ink);margin:0;text-transform:uppercase;letter-spacing:1px}.initiative-tracker__header-controls{display:flex;gap:8px;align-items:center}.initiative-tracker__reset-btn{width:32px;height:32px;background:var(--color-crimson);border:2px solid var(--color-ink);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.initiative-tracker__reset-btn:hover{background:#6b0000;transform:scale(1.1)}.initiative-tracker__new-turn-btn{width:32px;height:32px;background:var(--color-brass);border:2px solid var(--color-ink);border-radius:4px;font-size:20px;font-weight:700;color:var(--color-ink);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.initiative-tracker__new-turn-btn:hover:not(:disabled){background:#9a8935;transform:scale(1.1)}.initiative-tracker__new-turn-btn:disabled{opacity:.6;cursor:not-allowed}.initiative-tracker__turn-counter{font-family:Georgia,serif;font-size:14px;font-weight:600;color:var(--color-ink);padding:8px 12px;background:#fff;border:2px solid var(--color-ink);border-radius:6px;white-space:nowrap}.initiative-tracker__turn-counter span{color:var(--color-brass);font-size:16px;margin-left:4px;font-weight:700}.initiative-tracker__btn{padding:10px 20px;border:2px solid var(--color-ink);border-radius:6px;background:#fff;color:var(--color-ink);font-family:Georgia,serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.initiative-tracker__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #00000026;background:var(--color-brass);color:#fff}.initiative-tracker__btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a}.initiative-tracker__btn:disabled{opacity:.6;cursor:not-allowed}.initiative-tracker__btn--new-turn{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#2e7d32;color:#2e7d32}.initiative-tracker__btn--new-turn:hover:not(:disabled){background:linear-gradient(135deg,#c8e6c9,#a5d6a7);color:#1b5e20}.initiative-tracker__add-npc{display:flex;gap:8px;margin-bottom:16px}.initiative-tracker__npc-input{flex:1;padding:8px 12px;border:2px solid var(--color-ink);border-radius:4px;font-family:Georgia,serif;font-size:14px;background:#fff}.initiative-tracker__npc-input:focus{outline:none;border-color:var(--color-brass);box-shadow:0 0 0 2px #b5a64233}.initiative-tracker__btn--add-npc{background:linear-gradient(135deg,#b5a642,#9a8b3a);color:#fff}.initiative-tracker__list{display:flex;flex-direction:column;gap:6px;flex:1;align-items:flex-start}.initiative-tracker__empty,.initiative-tracker__inactive{text-align:center;padding:40px 20px;color:var(--color-ink);font-family:Georgia,serif;opacity:.6}.initiative-tracker__inactive p{margin:8px 0}.initiative-entry{display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(to right,#fff,#f8f4ec);border:1px solid var(--color-ink);border-radius:6px;transition:all .2s ease;position:relative;width:520px}.initiative-entry:hover{box-shadow:0 2px 8px #0000001a;transform:translate(4px)}.initiative-entry.npc{background:#5c4a3a0d;border-color:#5c4a3a33}.initiative-entry__info{flex:1}.initiative-entry__name{font-family:Georgia,serif;font-size:15px;font-weight:600;color:var(--color-ink);display:flex;align-items:center;gap:6px;line-height:1.2;min-width:120px}.initiative-entry__badge{font-size:10px;padding:2px 6px;background:#8b7355;color:#fff;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.initiative-entry__initiative{display:flex;align-items:center;justify-content:center;min-width:40px}.initiative-entry__initiative-value{font-family:Cinzel,Georgia,serif;font-size:18px;font-weight:700;color:var(--color-ink);min-width:28px;height:34px;text-align:center;background:#fff;border:1px solid var(--color-ink);border-radius:4px;padding:0 6px;display:flex;align-items:center;justify-content:center}.initiative-entry__placeholder{font-size:16px;color:#b5a89a;font-weight:700}.initiative-entry__draw-btn{padding:2px 10px;border:2px solid var(--color-ink);border-radius:3px;background:linear-gradient(135deg,#b5a642,#9a8b3a);color:#fff;cursor:pointer;font-family:Georgia,serif;font-weight:600;font-size:10px;text-transform:uppercase;transition:all .2s ease}.initiative-entry__draw-btn:hover:not(:disabled){transform:scale(1.05)}.initiative-entry__draw-btn:disabled{opacity:.6;cursor:not-allowed}.initiative-entry__actions{display:flex;gap:8px;align-items:center}.initiative-entry__action-group{display:flex;align-items:center;gap:3px}.initiative-entry__action-group svg{color:var(--color-ink);flex-shrink:0}.initiative-action-checkbox{cursor:pointer;width:20px;height:20px;position:relative}.initiative-action-checkbox.disabled{cursor:not-allowed;opacity:.3}.initiative-action-checkbox input{display:none}.initiative-action-checkbox__mark{width:100%;height:100%;border:2px solid var(--color-ink);border-radius:3px;background:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.initiative-action-checkbox:not(.disabled):hover .initiative-action-checkbox__mark{transform:scale(1.1);border-color:var(--color-brass)}.initiative-action-checkbox.checked .initiative-action-checkbox__mark{background:linear-gradient(135deg,#b5a642,#9a8b3a);border-color:#8b7930}.initiative-action-checkbox.checked .initiative-action-checkbox__mark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.initiative-entry__remove{width:24px;height:24px;background:var(--color-crimson);color:#fff;border:2px solid var(--color-ink);border-radius:50%;font-size:16px;font-weight:400;font-family:Arial,sans-serif;line-height:20px;padding:0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.initiative-entry__remove:hover{transform:scale(1.1);box-shadow:0 2px 4px #0003}.initiative-entry__remove:active{transform:scale(.95)}.initiative-entry__spacer{width:24px;height:24px;flex-shrink:0}.initiative-entry__initiative-with-swap{display:flex;align-items:center;gap:6px}.initiative-entry__swap-btn{width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--color-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.initiative-entry__swap-btn:hover{color:var(--color-brass);transform:scale(1.1)}.initiative-tracker__swap-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000}.initiative-tracker__swap-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:3px solid var(--color-ink);border-radius:8px;padding:24px;min-width:300px;max-width:400px;z-index:1001;box-shadow:0 8px 24px #0000004d}.initiative-tracker__swap-modal h3{margin:0 0 12px;font-family:Cinzel,Georgia,serif;font-size:20px;color:var(--color-ink)}.initiative-tracker__swap-modal p{margin:0 0 20px;font-family:Georgia,serif;font-size:14px;line-height:1.5;color:var(--color-ink)}.initiative-tracker__swap-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;max-height:300px;overflow-y:auto}.initiative-tracker__swap-target{display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(to right,#fff,#f8f4ec);border:1px solid var(--color-ink);border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:Georgia,serif;text-align:left}.initiative-tracker__swap-target:hover:not(:disabled){transform:translate(4px);box-shadow:0 2px 8px #0000001a;border-color:var(--color-brass)}.initiative-tracker__swap-target:disabled{opacity:.6;cursor:not-allowed}.initiative-tracker__swap-target-initiative{font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;color:var(--color-ink);min-width:28px;text-align:center;background:#fff;border:1px solid var(--color-ink);border-radius:4px;padding:2px 6px}.initiative-tracker__swap-target-name{flex:1;font-size:14px;font-weight:600;color:var(--color-ink);display:flex;align-items:center;gap:6px}.initiative-tracker__swap-target-badge{font-size:9px;padding:2px 6px;background:#8b7355;color:#fff;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.initiative-tracker__swap-cancel{width:100%;padding:8px 16px;border:2px solid var(--color-ink);border-radius:6px;background:#fff;color:var(--color-ink);font-family:Georgia,serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.initiative-tracker__swap-cancel:hover{background:#f0f0f0;transform:translateY(-1px)}.initiative-tracker__swap-empty{text-align:center;padding:20px;color:var(--color-ink);font-family:Georgia,serif;font-size:13px;opacity:.6;margin-bottom:16px}.initiative-tracker__modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000}.initiative-tracker__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:3px solid var(--color-ink);border-radius:8px;padding:24px;max-width:400px;z-index:1001;box-shadow:0 8px 24px #0000004d}.initiative-tracker__modal h3{margin:0 0 12px;font-family:Cinzel,Georgia,serif;font-size:20px;color:var(--color-ink)}.initiative-tracker__modal p{margin:0 0 20px;font-family:Georgia,serif;font-size:14px;line-height:1.5;color:var(--color-ink)}.initiative-tracker__modal-buttons{display:flex;gap:12px;justify-content:flex-end}.initiative-tracker__modal-btn{padding:8px 16px;border:2px solid var(--color-ink);border-radius:6px;font-family:Georgia,serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.initiative-tracker__modal-btn--confirm{background:var(--color-crimson);color:#fff}.initiative-tracker__modal-btn--confirm:hover{background:#6b0000;transform:translateY(-1px)}.initiative-tracker__modal-btn--cancel{background:#fff;color:var(--color-ink)}.initiative-tracker__modal-btn--cancel:hover{background:#f0f0f0;transform:translateY(-1px)}:root{--color-parchment: #F4E8D0;--color-paper: #FFFEF9;--color-ink: #2B2520;--color-crimson: #8B0000;--color-brass: #B5A642;--color-success: #2D5016;--color-warning: #D97706}#root{width:100%;height:100vh;margin:0;padding:0;background:var(--color-parchment);color:var(--color-ink);font-family:Georgia,serif;overflow:hidden}.app{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app__content{flex:1;overflow:hidden}.loading,.no-selection{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:32px;text-align:center}.loading h2,.no-selection h2{margin:0 0 16px;font-size:24px;color:var(--color-ink)}.loading p,.no-selection p{margin:0 0 24px;font-size:16px;color:#666}.no-character-message{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:48px 32px;text-align:center}.no-character-message h2{margin:0 0 16px;font-size:28px;color:var(--color-ink);font-family:Cinzel,Georgia,serif;text-transform:uppercase;letter-spacing:1px}.no-character-message p{margin:0 0 24px;font-size:18px;color:#666;max-width:400px}.test-character-btn{padding:10px 20px;background:var(--color-brass);color:#fff;border:2px solid var(--color-ink);border-radius:8px;font-size:14px;font-weight:700;font-family:Georgia,serif;cursor:pointer;transition:all .2s ease;opacity:.7}.test-character-btn:hover{background:#9a8935;transform:translateY(-2px);box-shadow:0 4px 8px #0003;opacity:1}.create-character-btn{display:flex!important;align-items:center;justify-content:center;gap:12px;padding:16px 32px!important;background:linear-gradient(135deg,var(--color-brass) 0%,#9A8935 100%)!important;color:#fff!important;border:3px solid var(--color-ink)!important;border-radius:12px!important;font-size:18px!important;font-weight:700!important;font-family:Cinzel,Georgia,serif!important;cursor:pointer;transition:all .3s ease!important;box-shadow:0 4px 12px #b5a6424d;min-width:280px}.create-character-btn:hover{background:linear-gradient(135deg,#9A8935 0%,var(--color-brass) 100%)!important;transform:translateY(-3px)!important;box-shadow:0 6px 20px #b5a64280!important}.create-character-btn svg{flex-shrink:0}.create-character-btn:active{transform:translateY(-1px)!important}.dice-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.dice-modal{max-width:500px;max-height:90vh;overflow-y:auto;animation:modal-appear .3s ease}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}