.landing-page{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/lp_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;overflow-x:hidden;overflow-y:auto}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-black);--color-text: var(--vt-c-black);--section-gap: 160px;--color-primary: #007bff;--color-primary-dark: #0056b3;--color-bg-secondary: #f8f9fa;--color-text-primary: #333;--color-text-secondary: #495057;--padding-xs: 4px;--padding-sm: 8px;--padding-md: 16px;--padding-lg: 24px;--margin-xs: 4px;--margin-sm: 8px;--margin-md: 16px;--margin-lg: 24px;--border-radius: 6px;--box-shadow-light: 0 2px 4px rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--color-bg-secondary: #2a2a2a;--color-text-primary: #e9ecef;--color-text-secondary: #adb5bd}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:12px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;max-width:none;margin:0;padding:0;font-weight:400;height:100vh;display:flex;flex-direction:column}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}a:visited{color:#00bd7e}a:active,a:focus{color:#00bd7e;outline:2px solid hsla(160,100%,37%,.3);outline-offset:2px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{margin:0;padding:0;width:100%;height:100vh}#app{width:100%;height:100vh;display:flex;flex-direction:column;padding:0;margin:0}}.top-nav{display:flex;justify-content:space-between;align-items:center;background-color:var(--vt-c-black-soft);color:var(--vt-c-white);height:60px;width:100%;position:fixed;top:0;left:0;z-index:1000;padding:0 20px;box-shadow:0 2px 4px #0000001a}.top-nav .menu-left{list-style:none;display:flex;gap:5px;padding:0;margin:0;align-items:center}.top-nav li{position:relative}.top-nav li a,.top-nav .dropdown-trigger{text-decoration:none;color:var(--vt-c-white);font-size:1rem;padding:8px 16px;display:block;border-radius:4px;transition:background-color .2s,color .2s;cursor:pointer;white-space:nowrap}.top-nav li a:hover,.top-nav .dropdown-trigger:hover{background-color:#ffffff1a}.top-nav li a.active{background-color:#fff3;font-weight:600}.top-nav .dropdown{position:relative}.top-nav .dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--vt-c-black-soft);border:1px solid rgba(255,255,255,.1);border-radius:4px;box-shadow:0 4px 8px #0000004d;min-width:180px;list-style:none;padding:8px 0;margin:4px 0 0;z-index:1001}.top-nav .dropdown-menu li{margin:0}.top-nav .dropdown-menu a{padding:10px 20px;border-radius:0;display:block}.top-nav .dropdown-menu a:hover{background-color:#ffffff26}.top-nav .dropdown-menu a.router-link-active{background-color:#fff3;font-weight:600}.menu-right{display:flex;align-items:center;gap:10px}.user-dropdown{position:relative}.user-icon{display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer;border-radius:50%;transition:background-color .2s}.user-icon:hover{background-color:#ffffff1a}.user-icon svg{width:28px;height:28px;color:var(--vt-c-white)}.top-nav .user-menu{right:0;left:auto;min-width:160px}.main-content{flex:1;width:100%;height:calc(100vh - 100px);padding:60px 10px 60px 20px;overflow-y:auto;background-color:var(--color-background)}.fullwidth-container{width:100%;height:100%;padding:20px 20px 80px;box-sizing:border-box;overflow-y:auto}.card{border:1px solid #ddd;border-radius:8px;padding:15px;background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:15px}.card:hover{border-color:#007bff;box-shadow:0 4px 8px #00000026;transform:translateY(-2px);transition:all .3s ease}.card h4{margin:0 0 10px;color:#333;font-size:1.1rem}.card p{margin:5px 0;color:#495057;line-height:1.6}.card ul{margin:10px 0;padding-left:20px}.card li{margin:8px 0;color:#495057;line-height:1.6}.card code{background:#f4f4f4;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:.9em}.grid-container{display:grid;gap:20px;width:100%}.grid-2-columns{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-3-columns{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-4-columns{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.page-header{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #007bff;display:flex;flex-direction:column}.page-header h2,.page-header h3{margin:0;color:#333;font-size:1.5rem}.back-button{margin-bottom:10px;align-self:flex-start}.section-header{margin:30px 0 15px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.section-header h3,.section-header h4{margin:0;color:#333;font-size:1.2rem}.btn{padding:8px 16px;border:1px solid #dee2e6;border-radius:6px;background:#f8f9fa;color:#495057;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;text-decoration:none}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-primary{background:#007bff;color:#fff;border-color:#007bff}.btn-primary:hover{background:#0056b3;box-shadow:0 2px 8px #007bff4d}.btn-secondary{background:#f8f9fa;color:#495057;border-color:#dee2e6}.btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}.badge-secondary{background:#6c757d;color:#fff}.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;color:#fff;border-color:#28a745}.btn-success:hover{background:#218838}.status-available{color:#28a745;font-weight:600}.status-unavailable{color:#dc3545;font-weight:600}.status-loading{color:#ffc107;font-weight:600}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-control{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-control:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.form-row{display:flex;gap:15px;align-items:flex-start}.list-container{background:#fff;border-radius:8px;border:1px solid #dee2e6;overflow:hidden;box-shadow:0 2px 4px #0000001a}.list-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;transition:all .2s ease}.list-item:last-child{border-bottom:none}.list-item:hover{background:#f8f9fa;transform:translate(2px)}.list-item-content{flex:1}.list-item-title{margin:0 0 6px;color:#333;font-size:1.1rem;font-weight:600}.list-item-details{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}.list-item-separator{color:#ccc;font-weight:400}.list-item-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase}.badge-primary{background:#007bff;color:#fff}.badge-success{background:#28a745;color:#fff}.badge-warning{background:#ffc107;color:#212529}.badge-danger{background:#dc3545;color:#fff}.badge-info{background:#17a2b8;color:#fff}.badge-gradient{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.resource-display{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.resource-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;flex:1;min-width:160px}.resource-icon{font-size:20px}.resource-info{flex:1}.resource-label{font-size:12px;color:#6c757d;font-weight:500}.resource-amount{font-size:16px;font-weight:700;color:#495057}.resource-remaining{margin-top:4px;font-size:12px;color:#6c757d}.progress-badge{background:#007bff;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:700}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-active{background:#28a745}.status-inactive{background:#6c757d}.status-warning{background:#ffc107}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state p{font-size:1.1rem;margin:0}.loading-message{text-align:center;padding:20px;color:#6c757d}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.top-nav{flex-direction:column;height:auto}.top-nav ul{flex-direction:column;gap:10px}}.cd-table{width:100%;border-collapse:collapse;position:relative;margin-top:1rem}.cd-table thead{position:sticky;top:0;background:#fff;color:#000;z-index:1}.cd-table th,.cd-table td{padding:.5rem;text-align:left;border:1px solid #ddd}.cd-table th{background-color:#f5f5f5;font-weight:700;color:#000}.cd-table tr:nth-child(2n){background-color:#f9f9f9;color:#000}.data-table{width:100%;border-collapse:collapse;color:#000}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #dee2e6;color:#000}.data-table th{background-color:#f8f9fa;font-weight:600;color:#000}.data-table tr:hover{background-color:#f8f9fa}.data-table tr:nth-child(2n){background-color:#fff;color:#000}.cd-list{max-height:calc(100vh - 207px);flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.cd-list::-webkit-scrollbar{width:8px}.cd-list::-webkit-scrollbar-track{background:#f1f1f1}.cd-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.cd-list::-webkit-scrollbar-thumb:hover{background:#555}.cd-view{color:#333;background:#fff}.character-details{background-color:#fff;color:#333;padding:12px;border-radius:8px;width:90%;margin:0 auto;font-family:Arial,sans-serif;display:flex;flex-direction:column;height:calc(100vh - 90px);overflow-y:scroll;top:45px;border:1px solid #dee2e6}.character-header h2{font-size:1.5rem;text-align:center;color:#333;margin-bottom:20px;flex:0 0 auto}.character-overview{display:flex;gap:20px;margin-bottom:20px}.character-image img{width:150px;height:auto;border-radius:8px;border:2px solid #dee2e6}.character-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}.stat{background-color:#f8f9fa;border:1px solid #dee2e6;text-align:center;padding:12px;border-radius:5px;font-size:.9rem;font-weight:700;line-height:1.2;color:#495057}.stat span{display:block;font-size:.8rem;color:#6c757d}.character-info{background-color:#f8f9fa;padding:12px;border-radius:8px;line-height:1.6;white-space:nowrap;border:1px solid #dee2e6;color:#495057}.character-info p{margin:10px 0}.character-info strong{color:#495057;font-weight:600}.character-info em{font-style:italic;color:#6c757d}.character-details{position:relative;background-color:#fff;color:#333;padding:12px 12px 80px;border-radius:8px;width:90%;margin:0 auto;font-family:Arial,sans-serif;min-height:calc(100vh - 124px);flex-direction:column;border:1px solid #dee2e6}.character-main{margin-bottom:20px}.character-aspect{padding:12px;background-color:#f8f9fa;border-radius:8px;min-height:200px;border:1px solid #dee2e6}.submenu{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:#f8f9fa;display:flex;justify-content:center;padding:8px;border-top:1px solid #dee2e6;flex:0 0 auto;z-index:1000;box-shadow:0 -2px 10px #0000001a}.submenu button{background-color:#6c757d;color:#fff;border:none;padding:10px 12px;margin:0 10px;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .3s}.submenu button:hover{background-color:#5a6268}.submenu button.active{background-color:#007bff;color:#fff;font-weight:700}@media (max-width: 768px){.submenu{padding:4px;flex-wrap:wrap;justify-content:center;max-height:100px;overflow-y:auto}.submenu button{padding:6px 8px;margin:2px;font-size:.8rem;min-width:60px}.fullwidth-container,.main-content,.character-details{padding-bottom:120px}}.input-with-dice select{flex:1}.dice-btn{background:#4caf50;border:none;border-radius:4px;width:40px;height:40px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.dice-btn:hover:not(:disabled){background:#45a049}.dice-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.roll-result{margin-top:8px;padding:8px;background-color:#e8f5e8;border-radius:4px;font-size:14px;color:#2e7d2e;border-left:3px solid #4CAF50}.roll-overlay{position:fixed;top:20px;right:20px;z-index:2000;cursor:pointer;animation:slideInRight .3s ease-out}.roll-overlay-content{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 32px #0000004d;min-width:200px;position:relative;text-align:center;border:2px solid rgba(255,255,255,.2)}.overlay-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.7;transition:opacity .2s}.overlay-close:hover{opacity:1}.overlay-title{font-size:16px;font-weight:700;margin-bottom:12px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.overlay-roll{font-size:24px;font-weight:700;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.roll-breakdown{font-size:14px;opacity:.9;margin-left:5px}.overlay-result{font-size:18px;font-weight:700;margin-bottom:10px;color:#ffeb3b;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.overlay-hint{font-size:12px;opacity:.8;font-style:italic}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.roll-overlay{top:10px;right:10px;left:10px}.roll-overlay-content{min-width:unset}}.character-creation-container{width:100%!important;max-width:none!important;padding:20px;box-sizing:border-box}.basic-info-form{width:100%!important;max-width:none!important;margin:0;padding:0}.basic-info-form h2{text-align:center;margin-bottom:30px;color:#333}.basic-info-form .form-group{margin-bottom:20px}.basic-info-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}@media (min-width: 768px){.basic-info-form .form-row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.basic-info-form .form-row{grid-template-columns:repeat(3,1fr)}}.attributes-form{width:100%!important;max-width:none!important;margin:0;display:flex;flex-direction:column;min-height:0;padding-bottom:20px}.attributes-form h2{text-align:center;margin-bottom:10px;color:#333;flex-shrink:0}.attributes-form .instruction{text-align:center;margin-bottom:20px;color:#666;font-style:italic;flex-shrink:0}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px;max-height:60vh;overflow-y:auto;padding:20px;border:1px solid #eee;border-radius:8px;background-color:#fefefe;width:100%;box-sizing:border-box}@media (min-width: 768px){.attributes-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (min-width: 1200px){.attributes-grid{grid-template-columns:repeat(3,1fr);gap:25px}}@media (min-width: 1600px){.attributes-grid{grid-template-columns:repeat(4,1fr);gap:30px}}.derived-values-form{width:100%!important;max-width:none!important;margin:0;padding:0}.derived-values-form h2{text-align:center;margin-bottom:10px;color:#333}.derived-values-form .instruction{text-align:center;margin-bottom:30px;color:#666;font-style:italic}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px;max-height:70vh;overflow-y:auto;padding:20px;border:1px solid #eee;border-radius:8px;background-color:#fefefe;width:100%;box-sizing:border-box}@media (min-width: 768px){.values-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (min-width: 1024px){.values-grid{grid-template-columns:repeat(3,1fr);gap:25px}}@media (min-width: 1400px){.values-grid{grid-template-columns:repeat(4,1fr);gap:30px}}@media (min-width: 1600px){.values-grid{grid-template-columns:repeat(5,1fr);gap:30px;max-height:65vh}}@media (min-width: 1920px){.values-grid{grid-template-columns:repeat(6,1fr);gap:35px;max-height:60vh}}.character-creation-container label{display:block;margin-bottom:5px;font-weight:700;color:#555}.character-creation-container input,.character-creation-container select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.character-creation-container input:focus,.character-creation-container select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 5px #2196f34d}.value-group,.attribute-group{padding:12px;border:1px solid #ddd;border-radius:8px;background-color:#fafafa;min-width:0}.value-group label,.attribute-group label{display:block;margin-bottom:8px;font-weight:700;color:#333}.input-with-dice{display:flex;gap:8px;align-items:center}.input-with-dice input{flex:1;margin-bottom:8px}.attribute-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.attribute-label{font-weight:700;color:#333;font-size:14px;margin-right:10px;flex:1}.attribute-input{width:80px!important;padding:6px 8px!important;font-size:14px;text-align:center}.attribute-description{font-size:12px;color:#666;font-style:italic;margin-top:5px;display:block}.value-info{display:flex;flex-direction:column;gap:2px}.calculated-value{font-size:12px;color:#4caf50;font-weight:700}.value-description{font-size:12px;color:#666;font-style:italic}.race-restriction-warning{background-color:#fff3cd;color:#856404;padding:8px;border-radius:4px;font-size:12px;margin-top:5px;border:1px solid #ffeeba}.roll-result{background-color:#e8f5e8;color:#2e7d32;padding:8px;border-radius:4px;font-size:12px;margin-top:8px;border:1px solid #c8e6c9}.roll-breakdown{font-size:11px;opacity:.8}.calculation-info{margin-bottom:30px;padding:20px;background-color:#e8f5e8;border-radius:8px}.calculation-info h3{margin-bottom:15px;color:#2e7d32}.calculation-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}@media (min-width: 1200px){.calculation-rules{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1600px){.calculation-rules{grid-template-columns:repeat(3,1fr)}}.rule{font-size:14px;color:#555}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}@media (max-width: 768px){.form-actions{flex-direction:column;gap:10px}.prev-btn,.calc-btn,.next-btn{width:100%;max-width:300px}}.prev-btn,.calc-btn,.next-btn{padding:12px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.prev-btn{background-color:#6c757d;color:#fff}.prev-btn:hover{background-color:#5a6268}.calc-btn{background-color:#ff9800;color:#fff}.calc-btn:hover{background-color:#f57c00}.next-btn{background-color:#2196f3;color:#fff}.next-btn:hover:not(:disabled){background-color:#1976d2}.next-btn:disabled{background-color:#ccc;cursor:not-allowed}.belief-search{position:relative}.belief-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px #0000001a}.belief-option{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.belief-option:hover{background-color:#f5f5f5}.belief-option:last-child{border-bottom:none}.selected-belief{background-color:#e3f2fd;padding:10px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.clear-btn{background:#f44336;color:#fff;border:none;border-radius:50%;width:25px;height:25px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.clear-btn:hover{background:#d32f2f}.total-section{background-color:#f0f8ff;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;border:1px solid #b3d9ff}.points-display{font-size:18px;font-weight:700;color:#333;margin-bottom:10px}.total-invalid{background-color:#ffeaea!important;border-color:#ffcdd2!important}.total-invalid .points-display{color:#d32f2f!important}.error-message{background-color:#ffebee;color:#d32f2f;padding:10px;border-radius:4px;margin-bottom:20px;border:1px solid #ffcdd2;text-align:center;font-weight:700}.skills-content{display:grid;grid-template-columns:2fr 1fr;gap:30px;width:100%}@media (max-width: 1024px){.skills-content{grid-template-columns:1fr;gap:20px}}.spells-grid,.available-spells .spells-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;width:100%}@media (min-width: 768px){.spells-grid,.available-spells .spells-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.spells-grid,.available-spells .spells-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){.spells-grid,.available-spells .spells-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1600px){.spells-grid,.available-spells .spells-grid{grid-template-columns:repeat(5,1fr)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:80vh;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6;flex-shrink:0}.modal-header h3{margin:0;color:#333;font-size:1.25rem}.modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #dee2e6;flex-shrink:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.close-button{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-button:hover{color:#333}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-fullscreen{border-radius:0;width:100vw;height:100vh;max-width:none;max-height:none;overflow:hidden;box-shadow:none;position:absolute;top:0;left:0}.btn-cancel{padding:10px 20px;border:1px solid #dee2e6;border-radius:6px;background:#f8f9fa;color:#495057;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-cancel:hover{background:#e9ecef;border-color:#adb5bd}.btn-confirm{padding:10px 20px;border:none;border-radius:6px;background:#1da766;color:#fff;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-confirm:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-export{padding:10px 20px;border:1px solid #007bff;border-radius:6px;background:#007bff;color:#fff;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-export:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.btn-export:disabled{opacity:.6;cursor:not-allowed}.export-button-small{width:40px;height:40px;padding:0;border:1px solid #007bff;border-radius:8px;background:#007bff;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.export-button-small:hover{background:#0056b3;border-color:#0056b3;transform:scale(1.05)}.btn-delete{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:transform .2s ease;color:#dc3545}.btn-edit{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:transform .2s ease;color:#007bff}.btn-edit:hover{transform:scale(1.2)}.btn-add,.btn-add-equipment,.btn-add-weapon,.btn-add-inline,.btn-add-spell{padding:8px 16px;background:#1da766;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background .2s ease}.btn-add:hover,.btn-add-equipment:hover,.btn-add-weapon:hover,.btn-add-inline:hover,.btn-add-spell:hover{background:#16a085}.btn-action{background:none;border:none;cursor:pointer;padding:4px 8px;transition:all .2s ease;font-size:1rem}.btn-action:hover{transform:scale(1.1)}.icon{font-size:14px}.btn-improve-small{font-size:1.2rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#495057;font-size:.95rem}.form-control,.template-select,.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:.95rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus,.template-select:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.form-control:disabled,.template-select:disabled,.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:#e9ecef}.form-row{display:flex;gap:15px;align-items:flex-start;margin-bottom:15px}@media (max-width: 768px){.form-row{flex-direction:column}}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:400;margin:0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0}.help-text{display:block;margin-top:5px;font-size:12px;color:#6c757d;font-style:italic}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;border-radius:8px}.loading-overlay p{color:#007bff;font-weight:500;margin:0}.spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:15px}.loading-message{text-align:center;padding:20px;color:#6c757d;font-style:italic}.cd-table-header{background-color:#1da766;color:#fff;font-weight:700;padding:8px;text-align:left}.empty-state{text-align:center;color:#999;font-style:italic;padding:2rem}.empty-state h3{color:#333;margin-bottom:10px;font-size:1.5rem}.action-cell{text-align:center;vertical-align:middle}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:10px}.header-content{display:flex;align-items:center;gap:15px;flex:1}.character-header{margin-bottom:20px}.character-header h2{margin:0;color:#333;font-size:1.5rem;border-bottom:2px solid #007bff;padding-bottom:10px;flex:1}.tables-container{display:flex;gap:1rem;width:100%}.table-wrapper-left{flex:6;min-width:0}.table-wrapper-right{flex:4;min-width:0}.learning-mode-controls{display:flex;align-items:center;gap:15px}.resources-display{display:flex;gap:15px;animation:slideIn .3s ease}.resource-item{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-weight:700;color:#495057}.resource-value{font-size:14px;white-space:nowrap}.btn-learning-mode{padding:8px 16px;border:2px solid #1da766;background:#fff;color:#1da766;border-radius:6px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:5px;transition:all .3s ease;position:relative}.btn-learning-mode:hover,.btn-learning-mode.active{background:#1da766;color:#fff}.learning-actions{display:flex;gap:5px;animation:slideIn .3s ease}.btn-learn-new{width:40px;height:40px;border:2px solid #007bff;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;position:relative}.btn-learn-new:hover{background:#007bff;color:#fff}.btn-improve{width:40px;height:40px;border:2px solid #28a745;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;position:relative}.btn-improve:hover{background:#28a745;color:#fff}.pp-cell{padding:4px 8px}.pp-container{display:flex;align-items:center;justify-content:center;gap:2px}.pp-btn{width:20px;height:20px;border:1px solid #007bff;background:#fff;color:#007bff;border-radius:3px;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.pp-btn:hover:not(:disabled){background:#007bff;color:#fff}.pp-btn:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;opacity:.5}.pp-btn-plus{border-color:#28a745;color:#28a745}.pp-btn-plus:hover:not(:disabled){background:#28a745;color:#fff}.pp-btn-minus{border-color:#dc3545;color:#dc3545}.pp-btn-minus:hover:not(:disabled){background:#dc3545;color:#fff}.pp-value{min-width:20px;text-align:center;font-weight:700;color:#495057;font-size:13px}.modal-wide{max-width:700px}.current-resources{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.resource-display-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;flex:1;min-width:160px}.resource-display-card .resource-icon{font-size:20px}.resource-remaining{margin-top:4px}.resource-remaining small{color:#6c757d;font-weight:400}.text-warning{color:#f0ad4e!important}.text-danger{color:#d9534f!important}.selection-summary{background:#e7f3ff;padding:12px;border-radius:6px;margin-bottom:10px;border-left:4px solid #007bff}.cost-summary{color:#28a745;font-weight:700}.learning-levels{border:1px solid #dee2e6;border-radius:6px;max-height:300px;overflow-y:auto}.level-option{padding:12px 16px;border-bottom:1px solid #f1f1f1;cursor:pointer;transition:all .2s ease}.level-option:last-child{border-bottom:none}.level-option:hover:not(.disabled){background:#f8f9fa}.level-option.selected{background:#e7f3ff;border-left:4px solid #007bff}.level-option.in-sequence:not(.selected){background:#f0f8ff;border-left:2px solid #87ceeb}.level-option.disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.level-header{display:flex;justify-content:space-between;align-items:center;font-weight:500}.level-target{color:#495057}.level-cost{color:#28a745;font-weight:700}.level-option.disabled .level-cost{color:#dc3545}.level-details{margin-top:4px;color:#6c757d}.form-col{flex:1;min-width:0}.form-col-main{flex:2;min-width:200px}.form-col-input{flex:1;min-width:140px}.school-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.school-btn{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#495057;cursor:pointer;font-size:14px;transition:all .2s ease}.school-btn:hover{background:#f8f9fa;border-color:#007bff}.school-btn.active{background:#007bff;color:#fff;border-color:#007bff}.spells-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}@media (max-width: 1024px){.spells-container{grid-template-columns:1fr}}.available-spells-section,.learning-list-section{min-height:300px}.learning-item{background:#f0f8ff!important;border-left:3px solid #007bff!important}.learning-item .level-header{position:relative}.remove-btn{right:0;top:50%;transform:translateY(-50%);background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:#c82333}.already-selected{opacity:.5;pointer-events:none}.spell-actions-inline{display:flex;align-items:center;gap:10px}.btn-add-inline{background:#28a745;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.btn-add-inline:hover:not(:disabled){background:#218838;transform:scale(1.1)}.btn-add-inline:disabled{background:#6c757d;cursor:not-allowed;transform:none}.already-selected .btn-add-inline{background:#17a2b8}.total-costs{margin-top:10px;padding:10px;background:#e7f3ff;border-radius:4px;border-left:4px solid #007bff}.spell-details-section{background:#e7f3ff;padding:16px;border-radius:6px;margin-bottom:10px;border-left:4px solid #007bff}.loading-spell-details{text-align:center;padding:20px;color:#6c757d;font-style:italic}.spell-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.spell-detail-card{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:12px}.spell-detail-card h4{margin:0 0 10px;color:#495057;font-size:14px;font-weight:700;border-bottom:1px solid #e9ecef;padding-bottom:5px}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.detail-row:last-child{margin-bottom:0}.detail-label{color:#6c757d;font-weight:500;flex:0 0 auto;margin-right:10px}.detail-value{color:#495057;text-align:right;flex:1 1 auto}.spell-description{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:12px;margin-top:15px}.spell-description h4{margin:0 0 8px;color:#495057;font-size:14px;font-weight:700}.spell-description p{margin:0;color:#495057;font-size:13px;line-height:1.4}.spell-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cost-info{color:#28a745;font-weight:700}.btn-add-spell{padding:4px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}.btn-add-spell:hover:not(:disabled){background:#218838}.btn-add-spell:disabled{background:#6c757d;cursor:not-allowed}.no-spells{text-align:center;padding:20px;color:#6c757d;font-style:italic}.modal-content h3{margin-top:0;margin-bottom:20px;color:#333;border-bottom:2px solid #1da766;padding-bottom:10px}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #1da766;background:#f8f9fa;border-radius:0;flex-shrink:0;z-index:10}.dialog-header h3{margin:0;color:#333;font-size:1.5rem}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close:hover{background:#e9ecef;color:#333}.resources-section{padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #dee2e6;flex-shrink:0}.resources-section h4{margin:0 0 15px;color:#495057;font-size:1.1rem}.text-info{color:#17a2b8!important}.reward-method-section{margin-top:20px;padding-top:20px;border-top:1px solid #dee2e6}.reward-method-section label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:.95rem}.reward-method-section .form-select{width:100%;padding:12px 16px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;background:#fff}.reward-method-section .form-select:focus{outline:none;border-color:#1da766;box-shadow:0 0 0 3px #1da7661a}.reward-method-section .form-hint{display:block;margin-top:4px;font-size:.85rem;color:#6c757d;font-style:italic}.form-section{padding:24px;flex:1;overflow-y:auto}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1da766;box-shadow:0 0 0 3px #1da7661a}.form-textarea{resize:vertical;min-height:80px}.form-hint{display:block;margin-top:4px;font-size:.85rem;color:#6c757d;font-style:italic}.costs-preview{padding:20px 24px;background:#fff3cd;border-top:1px solid #ffeaa7;border-bottom:1px solid #ffeaa7;flex-shrink:0}.costs-preview h4{margin:0 0 12px;color:#856404;font-size:1rem}.cost-item{display:flex;align-items:center;gap:8px}.cost-label{color:#856404;font-weight:500}.cost-value{font-weight:700;color:#495057;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #ffeaa7}.action-info{flex:1}.selection-count{font-size:.9rem;color:#6c757d;font-weight:500}.action-buttons{display:flex;gap:12px}.skills-selection-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 1024px){.skills-selection-container{grid-template-columns:1fr;gap:16px}}.skills-available,.skills-selected{border:2px solid #dee2e6;border-radius:8px;overflow:hidden}.skills-available h4,.skills-selected h4{margin:0;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:1rem;color:#495057}.category-filters{padding:12px 16px;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:8px;background:#f8f9fa}.category-filter-btn{padding:6px 12px;background:#fff;border:2px solid #dee2e6;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500;color:#495057}.category-filter-btn:hover{border-color:#1da766;color:#1da766}.category-filter-btn.active{background:#1da766;border-color:#1da766;color:#fff;font-weight:600}.category-filter-btn:first-child{font-weight:600;background:#e9ecef;border-color:#adb5bd}.category-filter-btn:first-child.active{background:#495057;border-color:#495057;color:#fff}.search-input{margin:0;font-size:13px}.sort-and-search-controls{padding:12px 16px;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:20px;background:#f8f9fa;flex-wrap:wrap}.sort-controls{display:flex;align-items:center;gap:12px;flex:0 0 auto}.skills-search{flex:1;min-width:200px}.sort-label{font-size:.9rem;color:#495057;font-weight:500}.sort-btn{padding:6px 12px;background:#fff;border:2px solid #dee2e6;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500;color:#495057;display:flex;align-items:center;gap:4px}.sort-btn:hover{border-color:#1da766;color:#1da766}.sort-btn.active{background:#1da766;border-color:#1da766;color:#fff;font-weight:600}.sort-icon{font-size:.8rem;font-weight:700}.skills-list{max-height:60vh;overflow-y:auto;background:#fff}.skill-item{padding:12px 16px;border-bottom:1px solid #f8f9fa;display:flex;align-items:center;gap:12px;cursor:grab;transition:all .2s ease}.skill-item:hover{background:#f8f9fa}.skill-item:active{cursor:grabbing}.skill-item.skill-affordable{border-left:4px solid #1da766}.skill-item:not(.skill-affordable){opacity:.6;cursor:not-allowed}.skill-info{flex:1}.skill-main-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.skill-name{font-weight:600;color:#333;font-size:.95rem;min-width:120px}.skill-category{font-size:.8rem;color:#6c757d;font-style:italic;min-width:100px}.skill-costs{display:flex;gap:8px;font-size:.85rem;margin-left:auto}.cost-ep{color:#1da766;font-weight:600}.cost-gold{color:#ffc107;font-weight:600}.skill-actions{display:flex;gap:8px}.btn-select{width:32px;height:32px;border:2px solid #1da766;background:#fff;color:#1da766;border-radius:50%;cursor:pointer;font-weight:700;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-select:hover:not(:disabled){background:#1da766;color:#fff;transform:scale(1.1)}.btn-select:disabled{border-color:#6c757d;color:#6c757d;cursor:not-allowed;transform:none}.skills-drop-zone{min-height:60vh;padding:16px;background:#fff;border:2px dashed #dee2e6;margin:16px;border-radius:8px;transition:all .2s ease}.skills-drop-zone.drag-over{border-color:#1da766;background:#1da7660d}.drop-zone-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:#6c757d;text-align:center}.placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.7}.placeholder-text{font-size:.9rem;line-height:1.4;max-width:200px}.selected-skills-list{display:flex;flex-direction:column;gap:8px}.selected-skill-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;transition:all .2s ease}.selected-skill-item:hover{box-shadow:0 2px 4px #0000001a}.selected-skill-info{flex:1}.selected-skill-name{font-weight:600;color:#333;margin-bottom:4px}.selected-skill-costs{display:flex;gap:12px;font-size:.85rem}.total-costs-header{font-weight:600;color:#856404;margin-bottom:8px}.total-costs-breakdown{display:flex;gap:16px;margin-bottom:8px}.total-ep,.total-gold{font-weight:600;font-size:.9rem}.total-ep{color:#1da766}.total-gold{color:#ffc107}.affordability-check{font-size:.85rem;font-weight:600}.text-success{color:#28a745}.loading-skills{padding:20px;text-align:center;color:#6c757d;display:flex;align-items:center;justify-content:center;gap:8px}.simple-input-section{margin-bottom:20px;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.simple-input-section .form-group{margin-bottom:0}.audit-log-view{padding:20px;background:#f8f9fa;border-radius:8px;margin-top:20px}.audit-log-view h4{color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #007bff}.filter-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:20px;padding:15px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.filter-group{display:flex;align-items:center;gap:10px}.date-range-group{display:flex;align-items:center;gap:10px;margin-left:10px}.filter-select,.date-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff}.btn-refresh{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px}.btn-refresh:hover:not(:disabled){background:#0056b3}.stats-section{margin-bottom:25px;padding:15px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.stats-section h5{margin-bottom:15px;color:#555}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:4px}.stat-label{font-weight:500;color:#666}.stat-value{font-weight:700;font-size:1.1em}.stat-value.positive{color:#28a745}.stat-value.negative{color:#dc3545}.audit-entries{background:#fff;border-radius:6px;border:1px solid #e9ecef}.loading,.no-entries{padding:40px;text-align:center;color:#666;font-style:italic}.audit-entry{padding:15px;border-bottom:1px solid #e9ecef;transition:background-color .2s}.audit-entry:last-child{border-bottom:none}.audit-entry:hover{background-color:#f8f9fa}.audit-entry.positive-change{border-left:4px solid #28a745}.audit-entry.negative-change{border-left:4px solid #dc3545}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.entry-field{display:flex;align-items:center;gap:8px;font-weight:700}.field-icon{font-size:1.2em}.entry-timestamp{color:#666;font-size:.9em;text-align:right;display:flex;flex-direction:column;gap:2px}.timestamp-date{font-weight:500;color:#555}.timestamp-time{font-size:.85em;color:#888;font-family:monospace}.timestamp-relative{font-size:.8em;color:#999;font-style:italic}.entry-content{margin-left:20px}.value-change{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-family:monospace;font-size:1.1em}.old-value{color:#666}.arrow{color:#007bff;font-weight:700}.new-value{font-weight:700}.difference{font-weight:700;font-size:.9em}.difference.positive{color:#28a745}.difference.negative{color:#dc3545}.entry-reason,.entry-notes{display:flex;gap:8px;margin-bottom:5px;font-size:.9em}.reason-label,.notes-label{font-weight:500;color:#666;min-width:50px}.reason-value{background:#e9ecef;padding:2px 8px;border-radius:12px;font-size:.85em;font-weight:500}.notes-value{color:#555;font-style:italic}.date-group{margin-bottom:25px}.date-group-header{background:#007bff;color:#fff;padding:8px 15px;margin:0 0 10px;border-radius:4px;font-weight:500;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.checkbox-input{margin-right:8px}.btn-add-equipment{padding:8px 16px;background:#1da766;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background .2s ease}.btn-add-equipment:hover{background:#16a085}.empty-state{text-align:center;color:#999;font-style:italic;padding:2rem!important}.btn-delete{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:transform .2s ease}.btn-delete:hover{transform:scale(1.2)}.equipment-list{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;margin-bottom:15px}.equipment-item{padding:12px;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s ease}.equipment-item:hover{background:#f5f5f5}.equipment-item.selected{background:#e8f5e9;border-left:3px solid #1da766}.equipment-name{font-weight:700;color:#333;margin-bottom:4px}.equipment-details{font-size:.9em;color:#666}.no-results{text-align:center;padding:2rem;color:#999;font-style:italic}.selected-equipment-details{background:#f8f9fa;padding:15px;border-radius:4px;margin-top:15px}.selected-equipment-details h4{margin-top:0;color:#1da766}.selected-equipment-details p{margin:8px 0}.btn-confirm{padding:8px 20px;background:#1da766;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s ease}.btn-confirm:hover:not(:disabled){background:#16a085}.btn-confirm:disabled{background:#ccc;cursor:not-allowed}.btn-cancel{padding:8px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.btn-cancel:hover{background:#5a6268}.character-creation{width:100%;max-width:none;margin:0;padding:10px}.creation-content{width:100%;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.creation-header{margin-bottom:30px}.creation-header h1{text-align:center;margin-bottom:20px;color:#333}.progress-indicator{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.step{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px;transition:all .3s ease}.step.active{background-color:#e3f2fd;border:2px solid #2196f3}.step.completed{background-color:#e8f5e8;border:2px solid #4caf50}.step-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#ddd;color:#666;font-weight:700;margin-bottom:5px}.step.active .step-number{background-color:#2196f3;color:#fff}.step.completed .step-number{background-color:#4caf50;color:#fff}.step.clickable{cursor:pointer;transition:all .3s ease}.step.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.step.completed:hover .step-number{background-color:#45a049}.step.active:hover .step-number{background-color:#1976d2}.step-title{font-size:12px;color:#666;text-align:center}.session-info{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f5f5f5;border-radius:4px;font-size:14px;color:#666}.delete-btn{background-color:#f44336;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.delete-btn:hover{background-color:#d32f2f}.datasheet-container{padding-top:10px}.character-overview{margin-bottom:30px;margin-top:0}.character-image{position:relative}.character-image .image-upload-container{position:absolute;bottom:10px;right:10px}.character-info{margin-top:20px}.info-section{max-width:none;white-space:normal;line-height:1.6}.info-section p{margin:15px 0;padding:0}.editable-value{cursor:pointer;padding:2px 4px;border-radius:3px;transition:background-color .2s}.editable-value:hover{background-color:#007bff1a}.edit-input{width:60px;padding:2px 4px;font-size:inherit;font-weight:700;border:2px solid var(--primary-color);border-radius:3px;text-align:center}.edit-input:focus{outline:none;border-color:#0056b3}.editable-prop{cursor:pointer;padding:1px 3px;border-radius:2px;transition:background-color .2s;display:inline-block;min-width:20px}.editable-prop:hover{background-color:#007bff1a}.prop-input{padding:1px 4px;font-size:inherit;border:1px solid var(--primary-color);border-radius:3px;min-width:60px}.prop-input:focus{outline:none;border-color:#0056b3}.landing-page{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/lp_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;overflow-x:hidden;overflow-y:auto}.landing-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1}.landing-content{position:relative;z-index:2;max-width:1400px;padding:2rem;text-align:center;color:#fff;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;row-gap:1.5rem}.dragon-container{margin-bottom:0}.dragon-image{max-width:400px;width:100%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.info-container h1{font-size:2.5rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);line-height:1.2}.info-container .description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.version-info{margin-bottom:2rem;font-size:.9rem;opacity:.9}.version-info p{margin:.5rem 0;line-height:1.4}.action-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.action-links .btn{min-width:150px;font-size:1.1rem;padding:12px 24px}.quick-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.quick-link{color:#ffffffe6;text-decoration:none;font-size:.95rem;padding:8px 16px;border-radius:4px;background:#ffffff1a;transition:all .2s ease;border:1px solid rgba(255,255,255,.2)}.quick-link:hover{background:#fff3;border-color:#fff6;text-decoration:none;transform:translateY(-2px)}@media (max-width: 768px){.landing-page{align-items:flex-start;padding:2rem 0}.landing-content{padding:2rem 1rem;max-width:100%}.dragon-container{margin-bottom:1rem}.dragon-image{max-width:250px}.info-container h1{font-size:1.8rem;margin-bottom:1rem}.info-container .description{font-size:1rem;margin-bottom:1.5rem}.version-info{margin-bottom:1.5rem;font-size:.85rem}.action-links{flex-direction:column;align-items:center;margin-bottom:1rem}.action-links .btn{width:100%;max-width:300px}.quick-links{gap:.75rem}.quick-link{font-size:.85rem;padding:6px 12px}}@media (max-width: 480px){.landing-page{padding:1rem 0}.landing-content{padding:1.5rem .75rem}.dragon-image{max-width:200px}.info-container h1{font-size:1.5rem}.info-container .description{font-size:.9rem}.version-info{font-size:.8rem}.action-links .btn{font-size:1rem;padding:10px 20px}.quick-links{flex-direction:column;gap:.5rem;align-items:center}.quick-link{min-width:200px;text-align:center}}.filter-row{display:flex;gap:1rem;padding:1rem;background-color:#f5f5f5;border-radius:4px;margin-bottom:1rem;flex-wrap:wrap;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:.25rem}.filter-item label{font-size:.875rem;font-weight:500;color:#333}.filter-item select{padding:.4rem;border:1px solid #ddd;border-radius:4px;min-width:120px;background-color:#fff}.btn-clear-filters{padding:.4rem 1rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;height:fit-content}.btn-clear-filters:hover{background-color:#5a6268}.edit-form{padding:1rem;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px}.edit-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.edit-field{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:150px}.edit-field.full-width{flex:1 1 100%}.edit-field label{font-size:.875rem;font-weight:500;color:#333}.edit-field input,.edit-field select,.edit-field textarea{padding:.4rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.edit-field input[type=checkbox]{width:20px;height:20px;margin-top:.25rem}.category-checkboxes{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem;background-color:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto}.category-checkbox{display:flex;align-items:center;gap:.5rem;min-width:150px}.category-checkbox input[type=checkbox]{width:18px;height:18px}.category-checkbox label{cursor:pointer;-webkit-user-select:none;user-select:none}.difficulty-selects{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background-color:#fff;border:1px solid #ddd;border-radius:4px}.difficulty-select{display:flex;align-items:center;gap:.5rem}.difficulty-select span{min-width:100px;font-weight:500}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd}.btn-save{padding:.5rem 1.5rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.btn-save:hover{background-color:#218838}.btn-cancel{padding:.5rem 1.5rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.btn-cancel:hover{background-color:#c82333}@media (max-width: 768px){.filter-row{flex-direction:column}.filter-item,.filter-item select{width:100%}.edit-row{flex-direction:column}.edit-field{width:100%}.category-checkboxes{max-height:150px}}.main-content.full-width{margin:0;padding:2rem;display:flex;justify-content:center;align-items:center;min-height:100vh}.main-content.full-width form{max-width:400px;width:100%;padding:2rem;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 2px 10px #0000001a}