.menu{background-color:#333;color:#fff;padding:1rem}.menu ul{list-style:none;display:flex;gap:1rem}.menu a{color:#fff;text-decoration:none}.menu a:hover{text-decoration:underline}.menu .active{font-weight:700;text-decoration:underline}.menu button{background:none;border:none;color:#fff;cursor:pointer}: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-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@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)}}*,*: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}@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-around;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 12px;box-shadow:0 2px 4px #0000001a}.top-nav ul{list-style:none;display:flex;gap:20px;padding:0;margin:0}.top-nav li a{text-decoration:none;color:var(--vt-c-white);font-size:1rem;transition:color .3s}.top-nav li a:hover{color:var(--vt-c-indigo)}.main-content{flex:1;width:100%;height:calc(100vh - 60px);margin-top:10px;padding:0 0 60px;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}.fullwidth-page{width:100%;min-height:calc(100vh - 120px);padding:20px;box-sizing:border-box}.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}.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}.page-header h2,.page-header h3{margin:0;color:#333;font-size:1.5rem}.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}.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}.form-col{flex:1;min-width:0}.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 h3{color:#333;margin-bottom:10px;font-size:1.5rem}.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}.cd-table tr:nth-child(2n){background-color:#f9f9f9;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)}}.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}.spinner[data-v-5a544902]{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin-5a544902 1s linear infinite}@keyframes spin-5a544902{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sessions-section[data-v-700f9f3c]{margin-bottom:30px}.session-card[data-v-700f9f3c]{cursor:pointer}.session-header[data-v-700f9f3c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.session-details[data-v-700f9f3c]{margin-bottom:10px}.session-meta[data-v-700f9f3c]{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;padding-top:10px;border-top:1px solid #eee}.session-date[data-v-700f9f3c]{font-size:.8rem;color:#888}.btn-small[data-v-700f9f3c]{padding:5px 10px;font-size:.8rem}@media (max-width: 768px){.session-header[data-v-700f9f3c]{flex-direction:column;align-items:flex-start;gap:5px}}.create-character-section[data-v-23abdfef]{margin-bottom:30px;padding:20px;border:2px dashed #28a745;border-radius:8px;text-align:center;background-color:#f8fff9}.btn-large[data-v-23abdfef]{padding:12px 24px;font-size:16px}.list-item-content[data-v-23abdfef]{flex:1;text-decoration:none;color:inherit;display:block}.list-item-content[data-v-23abdfef]:hover{text-decoration:none;color:inherit}.list-item-content:hover .list-item-title[data-v-23abdfef]{color:#007bff}@media (max-width: 768px){.list-item[data-v-23abdfef]{flex-direction:column;gap:10px}.list-item-actions[data-v-23abdfef]{align-self:stretch;justify-content:flex-start}}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;height:fit-content;padding:.5rem;border-bottom:1px solid #ddd}.search-box{margin-left:auto}.search-box input{padding:.5rem;width:250px;border:1px solid #ddd;border-radius:4px}.import-section{margin-bottom:1.5rem;padding:1.5rem;border:2px solid #1da766;border-radius:8px;background-color:#f8fcfa;box-shadow:0 2px 4px #0000001a}.import-section h3{margin:0 0 1rem;color:#333}.file-upload{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.upload-btn,.import-btn{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#1da766;color:#fff;cursor:pointer;transition:background-color .2s}.upload-btn:hover,.import-btn:hover{background-color:#166d4a}.upload-btn:disabled{background-color:#ccc;cursor:not-allowed}.file-name{font-style:italic;color:#666}.import-result{padding:.5rem;border-radius:4px;margin-top:1rem}.import-result.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.import-result.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem;height:fit-content;padding:.5rem}.search-box{margin-bottom:1rem}.search-box input{padding:.2rem;width:200px;border:1px solid #ddd;border-radius:4px}.upload-page{padding:1rem}.error{color:red}.success{color:green}.datasheet-container{padding-top:10px}.info-section{max-width:none;white-space:normal;line-height:1.6}.info-section p{margin:15px 0;padding:0}.character-overview{margin-bottom:30px;margin-top:0}.character-info{margin-top:20px}.modal-overlay[data-v-02353ff8]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-02353ff8]{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:modalSlideIn-02353ff8 .3s ease}.modal-wide[data-v-02353ff8]{max-width:700px}.current-resources[data-v-02353ff8]{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.resource-display-card[data-v-02353ff8]{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[data-v-02353ff8]{font-size:20px}.resource-info[data-v-02353ff8]{flex:1}.resource-label[data-v-02353ff8]{font-size:12px;color:#6c757d;font-weight:500}.resource-amount[data-v-02353ff8]{font-size:16px;font-weight:700;color:#495057}.resource-remaining[data-v-02353ff8]{margin-top:4px}.resource-remaining small[data-v-02353ff8]{color:#6c757d;font-weight:400}.text-warning[data-v-02353ff8]{color:#f0ad4e!important}.text-danger[data-v-02353ff8]{color:#d9534f!important}.selection-summary[data-v-02353ff8]{background:#e7f3ff;padding:12px;border-radius:6px;margin-bottom:10px;border-left:4px solid #007bff}.cost-summary[data-v-02353ff8]{color:#28a745;font-weight:700}.learning-levels[data-v-02353ff8]{border:1px solid #dee2e6;border-radius:6px;max-height:200px;overflow-y:auto}.level-option[data-v-02353ff8]{padding:12px 16px;border-bottom:1px solid #f1f1f1;cursor:pointer;transition:all .2s ease}.level-option[data-v-02353ff8]:last-child{border-bottom:none}.level-option[data-v-02353ff8]:hover:not(.disabled){background:#f8f9fa}.level-option.selected[data-v-02353ff8]{background:#e7f3ff;border-left:4px solid #007bff}.level-option.in-sequence[data-v-02353ff8]:not(.selected){background:#f0f8ff;border-left:2px solid #87ceeb}.level-option.disabled[data-v-02353ff8]{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.level-header[data-v-02353ff8]{display:flex;justify-content:space-between;align-items:center;font-weight:500}.level-target[data-v-02353ff8]{color:#495057}.level-cost[data-v-02353ff8]{color:#28a745;font-weight:700}.level-option.disabled .level-cost[data-v-02353ff8]{color:#dc3545}.level-details[data-v-02353ff8]{margin-top:4px;color:#6c757d}@keyframes modalSlideIn-02353ff8{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3[data-v-02353ff8]{margin-top:0;margin-bottom:20px;color:#333;border-bottom:2px solid #1da766;padding-bottom:10px}.form-group[data-v-02353ff8]{margin-bottom:15px}.form-row[data-v-02353ff8]{display:flex;gap:15px;align-items:flex-start}.form-col[data-v-02353ff8]{flex:1;min-width:0}.form-col-main[data-v-02353ff8]{flex:2;min-width:200px}.form-col-input[data-v-02353ff8]{flex:1;min-width:140px}.form-group label[data-v-02353ff8]{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input[data-v-02353ff8],.form-group select[data-v-02353ff8],.form-group textarea[data-v-02353ff8]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-02353ff8]{height:80px;resize:vertical}.help-text[data-v-02353ff8]{display:block;margin-top:5px;font-size:12px;color:#6c757d;font-style:italic}.modal-actions[data-v-02353ff8]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.btn-confirm[data-v-02353ff8]{padding:8px 20px;background:#1da766;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s ease}.btn-confirm[data-v-02353ff8]:hover:not(:disabled){background:#16a085}.btn-confirm[data-v-02353ff8]:disabled{background:#ccc;cursor:not-allowed}.btn-cancel[data-v-02353ff8]{padding:8px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.btn-cancel[data-v-02353ff8]:hover:not(:disabled){background:#5a6268}.modal-overlay[data-v-61f38237]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:block;z-index:1000}.modal-content[data-v-61f38237]{background:#fff;border-radius:0;width:100vw;height:100vh;max-width:none;max-height:none;overflow:hidden;box-shadow:none;animation:modalSlideIn-61f38237 .3s ease;display:flex;flex-direction:column;position:absolute;top:0;left:0}@keyframes modalSlideIn-61f38237{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header[data-v-61f38237]{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[data-v-61f38237]{margin:0;color:#333;font-size:1.5rem}.btn-close[data-v-61f38237]{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[data-v-61f38237]:hover{background:#e9ecef;color:#333}.resources-section[data-v-61f38237]{padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #dee2e6;flex-shrink:0}.resources-section h4[data-v-61f38237]{margin:0 0 15px;color:#495057;font-size:1.1rem}.current-resources[data-v-61f38237]{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.resource-display-card[data-v-61f38237]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #dee2e6;border-radius:8px;flex:1;min-width:200px;box-shadow:0 2px 4px #0000001a}.resource-display-card .resource-icon[data-v-61f38237]{font-size:20px}.resource-info[data-v-61f38237]{flex:1}.resource-label[data-v-61f38237]{font-size:12px;color:#6c757d;font-weight:500}.resource-amount[data-v-61f38237]{font-size:16px;font-weight:700;color:#1da766}.resource-remaining[data-v-61f38237]{margin-top:4px}.resource-remaining small[data-v-61f38237]{color:#6c757d;font-weight:400}.text-warning[data-v-61f38237]{color:#f0ad4e!important}.text-danger[data-v-61f38237]{color:#d9534f!important}.text-info[data-v-61f38237]{color:#17a2b8!important}.reward-method-section[data-v-61f38237]{margin-top:20px;padding-top:20px;border-top:1px solid #dee2e6}.reward-method-section label[data-v-61f38237]{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:.95rem}.reward-method-section .form-select[data-v-61f38237]{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[data-v-61f38237]:focus{outline:none;border-color:#1da766;box-shadow:0 0 0 3px #1da7661a}.reward-method-section .form-hint[data-v-61f38237]{display:block;margin-top:4px;font-size:.85rem;color:#6c757d;font-style:italic}.form-section[data-v-61f38237]{padding:24px;flex:1;overflow-y:auto}.form-group[data-v-61f38237]{margin-bottom:20px}.form-group label[data-v-61f38237]{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:.95rem}.form-input[data-v-61f38237],.form-select[data-v-61f38237],.form-textarea[data-v-61f38237]{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[data-v-61f38237]:focus,.form-select[data-v-61f38237]:focus,.form-textarea[data-v-61f38237]:focus{outline:none;border-color:#1da766;box-shadow:0 0 0 3px #1da7661a}.form-textarea[data-v-61f38237]{resize:vertical;min-height:80px}.form-hint[data-v-61f38237]{display:block;margin-top:4px;font-size:.85rem;color:#6c757d;font-style:italic}.costs-preview[data-v-61f38237]{padding:20px 24px;background:#fff3cd;border-top:1px solid #ffeaa7;border-bottom:1px solid #ffeaa7;flex-shrink:0}.costs-preview h4[data-v-61f38237]{margin:0 0 12px;color:#856404;font-size:1rem}.cost-breakdown[data-v-61f38237]{display:flex;gap:20px;flex-wrap:wrap}.cost-item[data-v-61f38237]{display:flex;align-items:center;gap:8px}.cost-label[data-v-61f38237]{color:#856404;font-weight:500}.cost-value[data-v-61f38237]{font-weight:700;color:#495057;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #ffeaa7}.modal-actions[data-v-61f38237]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;background:#f8f9fa;border-radius:0;border-top:1px solid #dee2e6;flex-shrink:0}.action-info[data-v-61f38237]{flex:1}.selection-count[data-v-61f38237]{font-size:.9rem;color:#6c757d;font-weight:500}.action-buttons[data-v-61f38237]{display:flex;gap:12px}.btn-confirm[data-v-61f38237]{padding:12px 24px;background:#1da766;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-confirm[data-v-61f38237]:hover:not(:disabled){background:#16a085;transform:translateY(-1px);box-shadow:0 4px 8px #1da7664d}.btn-confirm[data-v-61f38237]:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn-cancel[data-v-61f38237]{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.btn-cancel[data-v-61f38237]:hover:not(:disabled){background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.btn-cancel[data-v-61f38237]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner[data-v-61f38237]{animation:spin-61f38237 1s linear infinite}@keyframes spin-61f38237{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills-selection-container[data-v-61f38237]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.skills-available[data-v-61f38237],.skills-selected[data-v-61f38237]{border:2px solid #dee2e6;border-radius:8px;overflow:hidden}.skills-available h4[data-v-61f38237],.skills-selected h4[data-v-61f38237]{margin:0;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:1rem;color:#495057}.category-filters[data-v-61f38237]{padding:12px 16px;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:8px;background:#f8f9fa}.category-filter-btn[data-v-61f38237]{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[data-v-61f38237]:hover{border-color:#1da766;color:#1da766}.category-filter-btn.active[data-v-61f38237]{background:#1da766;border-color:#1da766;color:#fff;font-weight:600}.category-filter-btn[data-v-61f38237]:first-child{font-weight:600;background:#e9ecef;border-color:#adb5bd}.category-filter-btn:first-child.active[data-v-61f38237]{background:#495057;border-color:#495057;color:#fff}.search-input[data-v-61f38237]{margin:0;font-size:13px}.sort-and-search-controls[data-v-61f38237]{padding:12px 16px;border-bottom:1px solid #dee2e6;display:flex;align-items:center;gap:20px;background:#f8f9fa;flex-wrap:wrap}.sort-controls[data-v-61f38237]{display:flex;align-items:center;gap:12px;flex:0 0 auto}.skills-search[data-v-61f38237]{flex:1;min-width:200px}.sort-label[data-v-61f38237]{font-size:.9rem;color:#495057;font-weight:500}.sort-btn[data-v-61f38237]{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[data-v-61f38237]:hover{border-color:#1da766;color:#1da766}.sort-btn.active[data-v-61f38237]{background:#1da766;border-color:#1da766;color:#fff;font-weight:600}.sort-icon[data-v-61f38237]{font-size:.8rem;font-weight:700}.skills-list[data-v-61f38237]{max-height:60vh;overflow-y:auto;background:#fff}.skill-item[data-v-61f38237]{padding:12px 16px;border-bottom:1px solid #f8f9fa;display:flex;align-items:center;gap:12px;cursor:grab;transition:all .2s ease}.skill-item[data-v-61f38237]:hover{background:#f8f9fa}.skill-item[data-v-61f38237]:active{cursor:grabbing}.skill-item.skill-affordable[data-v-61f38237]{border-left:4px solid #1da766}.skill-item[data-v-61f38237]:not(.skill-affordable){opacity:.6;cursor:not-allowed}.skill-info[data-v-61f38237]{flex:1}.skill-main-line[data-v-61f38237]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.skill-name[data-v-61f38237]{font-weight:600;color:#333;font-size:.95rem;min-width:120px}.skill-category[data-v-61f38237]{font-size:.8rem;color:#6c757d;font-style:italic;min-width:100px}.skill-costs[data-v-61f38237]{display:flex;gap:8px;font-size:.85rem;margin-left:auto}.cost-ep[data-v-61f38237]{color:#1da766;font-weight:600}.cost-gold[data-v-61f38237]{color:#ffc107;font-weight:600}.skill-actions[data-v-61f38237]{display:flex;gap:8px}.btn-select[data-v-61f38237]{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[data-v-61f38237]:hover:not(:disabled){background:#1da766;color:#fff;transform:scale(1.1)}.btn-select[data-v-61f38237]:disabled{border-color:#6c757d;color:#6c757d;cursor:not-allowed;transform:none}.skills-drop-zone[data-v-61f38237]{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[data-v-61f38237]{border-color:#1da766;background:#1da7660d}.drop-zone-placeholder[data-v-61f38237]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:#6c757d;text-align:center}.placeholder-icon[data-v-61f38237]{font-size:48px;margin-bottom:16px;opacity:.7}.placeholder-text[data-v-61f38237]{font-size:.9rem;line-height:1.4;max-width:200px}.selected-skills-list[data-v-61f38237]{display:flex;flex-direction:column;gap:8px}.selected-skill-item[data-v-61f38237]{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[data-v-61f38237]:hover{box-shadow:0 2px 4px #0000001a}.selected-skill-info[data-v-61f38237]{flex:1}.selected-skill-name[data-v-61f38237]{font-weight:600;color:#333;margin-bottom:4px}.selected-skill-costs[data-v-61f38237]{display:flex;gap:12px;font-size:.85rem}.btn-remove[data-v-61f38237]{width:24px;height:24px;border:none;background:#dc3545;color:#fff;border-radius:50%;cursor:pointer;font-weight:700;font-size:16px;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove[data-v-61f38237]:hover{background:#c82333;transform:scale(1.1)}.total-costs[data-v-61f38237]{margin-top:16px;padding:12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.total-costs-header[data-v-61f38237]{font-weight:600;color:#856404;margin-bottom:8px}.total-costs-breakdown[data-v-61f38237]{display:flex;gap:16px;margin-bottom:8px}.total-ep[data-v-61f38237],.total-gold[data-v-61f38237]{font-weight:600;font-size:.9rem}.total-ep[data-v-61f38237]{color:#1da766}.total-gold[data-v-61f38237]{color:#ffc107}.affordability-check[data-v-61f38237]{font-size:.85rem;font-weight:600}.text-success[data-v-61f38237]{color:#28a745}.text-danger[data-v-61f38237]{color:#dc3545}.loading-skills[data-v-61f38237]{padding:20px;text-align:center;color:#6c757d;display:flex;align-items:center;justify-content:center;gap:8px}.simple-input-section[data-v-61f38237]{margin-bottom:20px;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.simple-input-section .form-group[data-v-61f38237]{margin-bottom:0}@media (max-width: 768px){.modal-content[data-v-61f38237]{width:95%;margin:10px;max-width:none}.skills-selection-container[data-v-61f38237]{grid-template-columns:1fr;gap:16px}.resources-display[data-v-61f38237],.current-resources[data-v-61f38237]{flex-direction:column;gap:10px}.resource-display-card[data-v-61f38237]{min-width:auto}.cost-breakdown[data-v-61f38237]{flex-direction:column;gap:10px}.modal-actions[data-v-61f38237]{flex-direction:column;align-items:stretch}.action-buttons[data-v-61f38237],.btn-confirm[data-v-61f38237],.btn-cancel[data-v-61f38237]{width:100%}.total-costs-breakdown[data-v-61f38237]{flex-direction:column;gap:4px}.category-filters[data-v-61f38237]{flex-direction:column;gap:6px}.sort-and-search-controls[data-v-61f38237]{flex-direction:column;gap:12px;align-items:stretch}.sort-controls[data-v-61f38237]{justify-content:center}.skills-search[data-v-61f38237]{min-width:auto}.category-filter-btn[data-v-61f38237]{width:100%;text-align:center}}.tables-container{display:flex;gap:1rem;width:100%}.table-wrapper-left{flex:6;min-width:0}.table-wrapper-right{flex:4;min-width:0}.cd-table{width:100%}.cd-table-header{background-color:#1da766;font-weight:700}.header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom: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-icon{font-size:16px}.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}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.btn-learn-new,.btn-improve,.btn-add{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{border-color:#28a745}.btn-improve:hover{background:#28a745;color:#fff}.btn-add{border-color:#17a2b8}.btn-add:hover{background:#17a2b8;color:#fff}.action-cell{text-align:center;padding:4px}.btn-action{padding:4px 8px;border:1px solid #28a745;background:#fff;color:#28a745;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease;position:relative}.btn-action:hover{background:#28a745;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{margin-top:0;margin-bottom:20px;color:#333;border-bottom:2px solid #1da766;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group textarea{height:80px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.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}.icon{font-size:14px}.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-overlay[data-v-cf9b25ed]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:flex-start;align-items:flex-start;z-index:1000}.modal-content[data-v-cf9b25ed]{background:#fff;border-radius:8px;padding:24px;width:100vw;height:100vh;max-width:100vw;max-height:100vh;overflow-y:auto;animation:modalSlideIn-cf9b25ed .3s ease;box-sizing:border-box}.modal-wide[data-v-cf9b25ed]{max-width:100vw}.current-resources[data-v-cf9b25ed]{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.resource-display-card[data-v-cf9b25ed]{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[data-v-cf9b25ed]{font-size:20px}.resource-info[data-v-cf9b25ed]{flex:1}.resource-label[data-v-cf9b25ed]{font-size:12px;color:#6c757d;font-weight:500}.resource-amount[data-v-cf9b25ed]{font-size:16px;font-weight:700;color:#495057}.resource-remaining[data-v-cf9b25ed]{margin-top:4px}.resource-remaining small[data-v-cf9b25ed]{color:#6c757d;font-weight:400}.text-warning[data-v-cf9b25ed]{color:#f0ad4e!important}.text-danger[data-v-cf9b25ed]{color:#d9534f!important}.spells-container[data-v-cf9b25ed]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.available-spells-section[data-v-cf9b25ed],.learning-list-section[data-v-cf9b25ed]{min-height:300px}.learning-item[data-v-cf9b25ed]{background:#f0f8ff!important;border-left:3px solid #007bff!important}.learning-item .level-header[data-v-cf9b25ed]{position:relative}.remove-btn[data-v-cf9b25ed]{position:absolute;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[data-v-cf9b25ed]:hover{background:#c82333}.already-selected[data-v-cf9b25ed]{opacity:.5;pointer-events:none}.spell-actions-inline[data-v-cf9b25ed]{display:flex;align-items:center;gap:10px}.btn-add-inline[data-v-cf9b25ed]{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[data-v-cf9b25ed]:hover:not(:disabled){background:#218838;transform:scale(1.1)}.btn-add-inline[data-v-cf9b25ed]:disabled{background:#6c757d;cursor:not-allowed;transform:none}.already-selected .btn-add-inline[data-v-cf9b25ed]{background:#17a2b8}.total-costs[data-v-cf9b25ed]{margin-top:10px;padding:10px;background:#e7f3ff;border-radius:4px;border-left:4px solid #007bff}.spell-actions[data-v-cf9b25ed]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cost-info[data-v-cf9b25ed]{color:#28a745;font-weight:700}.btn-add-spell[data-v-cf9b25ed]{padding:4px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s ease}.btn-add-spell[data-v-cf9b25ed]:hover:not(:disabled){background:#218838}.btn-add-spell[data-v-cf9b25ed]:disabled{background:#6c757d;cursor:not-allowed}@media (max-width: 1024px){.spells-container[data-v-cf9b25ed]{grid-template-columns:1fr}}.school-buttons[data-v-cf9b25ed]{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.school-btn[data-v-cf9b25ed]{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[data-v-cf9b25ed]:hover{background:#f8f9fa;border-color:#007bff}.school-btn.active[data-v-cf9b25ed]{background:#007bff;color:#fff;border-color:#007bff}.spell-details-section[data-v-cf9b25ed]{background:#e7f3ff;padding:16px;border-radius:6px;margin-bottom:10px;border-left:4px solid #007bff}.loading-spell-details[data-v-cf9b25ed]{text-align:center;padding:20px;color:#6c757d;font-style:italic}.spell-details-grid[data-v-cf9b25ed]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.spell-detail-card[data-v-cf9b25ed]{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:12px}.spell-detail-card h4[data-v-cf9b25ed]{margin:0 0 10px;color:#495057;font-size:14px;font-weight:700;border-bottom:1px solid #e9ecef;padding-bottom:5px}.detail-row[data-v-cf9b25ed]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.detail-row[data-v-cf9b25ed]:last-child{margin-bottom:0}.detail-label[data-v-cf9b25ed]{color:#6c757d;font-weight:500;flex:0 0 auto;margin-right:10px}.detail-value[data-v-cf9b25ed]{color:#495057;text-align:right;flex:1 1 auto}.spell-description[data-v-cf9b25ed]{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:12px;margin-top:15px}.spell-description h4[data-v-cf9b25ed]{margin:0 0 8px;color:#495057;font-size:14px;font-weight:700}.spell-description p[data-v-cf9b25ed]{margin:0;color:#495057;font-size:13px;line-height:1.4}.selection-summary[data-v-cf9b25ed]{background:#e7f3ff;padding:12px;border-radius:6px;margin-bottom:10px;border-left:4px solid #007bff}.cost-summary[data-v-cf9b25ed]{color:#28a745;font-weight:700}.learning-levels[data-v-cf9b25ed]{border:1px solid #dee2e6;border-radius:6px;max-height:300px;overflow-y:auto}.level-option[data-v-cf9b25ed]{padding:12px 16px;border-bottom:1px solid #f1f1f1;cursor:pointer;transition:all .2s ease}.level-option[data-v-cf9b25ed]:last-child{border-bottom:none}.level-option[data-v-cf9b25ed]:hover:not(.disabled){background:#f8f9fa}.level-option.selected[data-v-cf9b25ed]{background:#e7f3ff;border-left:4px solid #007bff}.level-option.disabled[data-v-cf9b25ed]{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.level-header[data-v-cf9b25ed]{display:flex;justify-content:space-between;align-items:center;font-weight:500}.level-target[data-v-cf9b25ed]{color:#495057}.level-cost[data-v-cf9b25ed]{color:#28a745;font-weight:700}.level-option.disabled .level-cost[data-v-cf9b25ed]{color:#dc3545}.no-spells[data-v-cf9b25ed]{text-align:center;padding:20px;color:#6c757d;font-style:italic}.loading-message[data-v-cf9b25ed]{text-align:center;padding:20px;color:#6c757d}@keyframes modalSlideIn-cf9b25ed{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3[data-v-cf9b25ed]{margin-top:0;margin-bottom:20px;color:#333;border-bottom:2px solid #1da766;padding-bottom:10px}.form-group[data-v-cf9b25ed]{margin-bottom:15px}.form-row[data-v-cf9b25ed]{display:flex;gap:15px;align-items:flex-start}.form-col[data-v-cf9b25ed]{flex:1;min-width:0}.form-col-main[data-v-cf9b25ed]{flex:2;min-width:200px}.form-col-input[data-v-cf9b25ed]{flex:1;min-width:140px}.form-group label[data-v-cf9b25ed]{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input[data-v-cf9b25ed],.form-group select[data-v-cf9b25ed],.form-group textarea[data-v-cf9b25ed]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group textarea[data-v-cf9b25ed]{height:80px;resize:vertical}.help-text[data-v-cf9b25ed]{display:block;margin-top:5px;font-size:12px;color:#6c757d;font-style:italic}.modal-actions[data-v-cf9b25ed]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.btn-confirm[data-v-cf9b25ed]{padding:8px 20px;background:#1da766;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s ease}.btn-confirm[data-v-cf9b25ed]:hover:not(:disabled){background:#16a085}.btn-confirm[data-v-cf9b25ed]:disabled{background:#ccc;cursor:not-allowed}.btn-cancel[data-v-cf9b25ed]{padding:8px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.btn-cancel[data-v-cf9b25ed]:hover:not(:disabled){background:#5a6268}.cd-table-header{background-color:#1da766;color:#fff;font-weight:700}.header-section{display:flex;justify-content:space-between;align-items:flex-start}.learning-mode-controls{display:flex;align-items:center;gap:15px}.btn-learning-mode{display:flex;align-items:center;gap:5px;border:2px solid #1da766}.btn-learning-mode:hover{background:#1da766;color:#fff}.icon{font-size:1.2em}.audit-log-view[data-v-8ffa53cc]{padding:20px;background:#f8f9fa;border-radius:8px;margin-top:20px}.audit-log-view h4[data-v-8ffa53cc]{color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #007bff}.filter-controls[data-v-8ffa53cc]{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[data-v-8ffa53cc]{display:flex;align-items:center;gap:10px}.date-range-group[data-v-8ffa53cc]{display:flex;align-items:center;gap:10px;margin-left:10px}.filter-select[data-v-8ffa53cc],.date-input[data-v-8ffa53cc]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff}.btn-refresh[data-v-8ffa53cc]{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px}.btn-refresh[data-v-8ffa53cc]:hover:not(:disabled){background:#0056b3}.stats-section[data-v-8ffa53cc]{margin-bottom:25px;padding:15px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.stats-section h5[data-v-8ffa53cc]{margin-bottom:15px;color:#555}.stats-grid[data-v-8ffa53cc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-item[data-v-8ffa53cc]{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:4px}.stat-label[data-v-8ffa53cc]{font-weight:500;color:#666}.stat-value[data-v-8ffa53cc]{font-weight:700;font-size:1.1em}.stat-value.positive[data-v-8ffa53cc]{color:#28a745}.stat-value.negative[data-v-8ffa53cc]{color:#dc3545}.audit-entries[data-v-8ffa53cc]{background:#fff;border-radius:6px;border:1px solid #e9ecef}.loading[data-v-8ffa53cc],.no-entries[data-v-8ffa53cc]{padding:40px;text-align:center;color:#666;font-style:italic}.audit-entry[data-v-8ffa53cc]{padding:15px;border-bottom:1px solid #e9ecef;transition:background-color .2s}.audit-entry[data-v-8ffa53cc]:last-child{border-bottom:none}.audit-entry[data-v-8ffa53cc]:hover{background-color:#f8f9fa}.audit-entry.positive-change[data-v-8ffa53cc]{border-left:4px solid #28a745}.audit-entry.negative-change[data-v-8ffa53cc]{border-left:4px solid #dc3545}.entry-header[data-v-8ffa53cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.entry-field[data-v-8ffa53cc]{display:flex;align-items:center;gap:8px;font-weight:700}.field-icon[data-v-8ffa53cc]{font-size:1.2em}.entry-timestamp[data-v-8ffa53cc]{color:#666;font-size:.9em;text-align:right;display:flex;flex-direction:column;gap:2px}.timestamp-date[data-v-8ffa53cc]{font-weight:500;color:#555}.timestamp-time[data-v-8ffa53cc]{font-size:.85em;color:#888;font-family:monospace}.timestamp-relative[data-v-8ffa53cc]{font-size:.8em;color:#999;font-style:italic}.entry-content[data-v-8ffa53cc]{margin-left:20px}.value-change[data-v-8ffa53cc]{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-family:monospace;font-size:1.1em}.old-value[data-v-8ffa53cc]{color:#666}.arrow[data-v-8ffa53cc]{color:#007bff;font-weight:700}.new-value[data-v-8ffa53cc]{font-weight:700}.difference[data-v-8ffa53cc]{font-weight:700;font-size:.9em}.difference.positive[data-v-8ffa53cc]{color:#28a745}.difference.negative[data-v-8ffa53cc]{color:#dc3545}.entry-reason[data-v-8ffa53cc],.entry-notes[data-v-8ffa53cc]{display:flex;gap:8px;margin-bottom:5px;font-size:.9em}.reason-label[data-v-8ffa53cc],.notes-label[data-v-8ffa53cc]{font-weight:500;color:#666;min-width:50px}.reason-value[data-v-8ffa53cc]{background:#e9ecef;padding:2px 8px;border-radius:12px;font-size:.85em;font-weight:500}.notes-value[data-v-8ffa53cc]{color:#555;font-style:italic}.date-group[data-v-8ffa53cc]{margin-bottom:25px}.date-group-header[data-v-8ffa53cc]{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[data-v-8ffa53cc]{margin-right:8px}.experience-section[data-v-cc72fff6],.wealth-section[data-v-cc72fff6]{margin-bottom:30px}.control-row[data-v-cc72fff6]{margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef;align-items:center;gap:15px}.button-group[data-v-cc72fff6]{display:flex;gap:8px}.amount-input[data-v-cc72fff6]{width:120px;text-align:right;font-weight:700}.wealth-total[data-v-cc72fff6]{margin-top:15px;border:2px solid #007bff;background:#f0f8ff}.total-amount[data-v-cc72fff6]{color:#007bff;font-size:1.1em;font-weight:700}.character-details[data-v-dfbd30eb]{width:100%;height:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.character-header[data-v-dfbd30eb]{margin-bottom:20px}.header-content[data-v-dfbd30eb]{display:flex;align-items:center;gap:15px}.export-button-small[data-v-dfbd30eb]{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[data-v-dfbd30eb]:hover{background:#0056b3;border-color:#0056b3;transform:scale(1.05)}.character-header h2[data-v-dfbd30eb]{margin:0;color:#333;font-size:1.5rem;border-bottom:2px solid #007bff;padding-bottom:10px;flex:1}.modal-overlay[data-v-dfbd30eb]{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[data-v-dfbd30eb]{background:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a}.modal-header[data-v-dfbd30eb]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6}.modal-header h3[data-v-dfbd30eb]{margin:0;color:#333;font-size:1.25rem}.close-button[data-v-dfbd30eb]{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}.close-button[data-v-dfbd30eb]:hover{color:#333}.modal-body[data-v-dfbd30eb]{padding:20px;position:relative}.loading-overlay[data-v-dfbd30eb]{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:0 0 8px 8px}.spinner[data-v-dfbd30eb]{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:50px;height:50px;animation:spin-dfbd30eb 1s linear infinite;margin-bottom:15px}@keyframes spin-dfbd30eb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p[data-v-dfbd30eb]{color:#007bff;font-weight:500;margin:0}.form-group[data-v-dfbd30eb]{margin-bottom:20px}.form-group label[data-v-dfbd30eb]{display:block;margin-bottom:8px;font-weight:500;color:#495057}.template-select[data-v-dfbd30eb]{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:.95rem;cursor:pointer}.template-select[data-v-dfbd30eb]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.checkbox-label[data-v-dfbd30eb]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-dfbd30eb]{width:18px;height:18px;cursor:pointer}.modal-footer[data-v-dfbd30eb]{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #dee2e6}.btn-cancel[data-v-dfbd30eb]{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[data-v-dfbd30eb]:hover{background:#e9ecef;border-color:#adb5bd}.btn-export[data-v-dfbd30eb]{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[data-v-dfbd30eb]:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.btn-export[data-v-dfbd30eb]:disabled{opacity:.6;cursor:not-allowed}.submenu[data-v-dfbd30eb]{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.submenu button[data-v-dfbd30eb]{padding:10px 16px;border:1px solid #dee2e6;border-radius:6px;background:#f8f9fa;color:#495057;cursor:pointer;font-weight:500;transition:all .2s ease}.submenu button[data-v-dfbd30eb]:hover{background:#e9ecef;border-color:#007bff}.submenu button.active[data-v-dfbd30eb]{background:#007bff;color:#fff;border-color:#007bff}.basic-info-form[data-v-840ac2d1]{max-width:600px;margin:0 auto}.basic-info-form h2[data-v-840ac2d1]{text-align:center;margin-bottom:30px;color:#333}.form-group[data-v-840ac2d1]{margin-bottom:20px}.form-row[data-v-840ac2d1]{display:grid;grid-template-columns:1fr 1fr;gap:20px}label[data-v-840ac2d1]{display:block;margin-bottom:5px;font-weight:700;color:#555}input[data-v-840ac2d1],select[data-v-840ac2d1]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}input[data-v-840ac2d1]:focus,select[data-v-840ac2d1]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 5px #2196f34d}.belief-search[data-v-840ac2d1]{position:relative}.belief-dropdown[data-v-840ac2d1]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:1000}.belief-option[data-v-840ac2d1]{padding:10px;cursor:pointer;border-bottom:1px solid #eee}.belief-option[data-v-840ac2d1]:hover{background-color:#f5f5f5}.belief-option[data-v-840ac2d1]:last-child{border-bottom:none}.selected-belief[data-v-840ac2d1]{margin-top:10px;padding:8px;background-color:#e3f2fd;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.clear-btn[data-v-840ac2d1]{background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:0;width:20px;height:20px}.clear-btn[data-v-840ac2d1]:hover{color:#f44336}.form-actions[data-v-840ac2d1]{text-align:center;margin-top:30px}.next-btn[data-v-840ac2d1]{background-color:#2196f3;color:#fff;padding:12px 30px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.next-btn[data-v-840ac2d1]:hover:not(:disabled){background-color:#1976d2}.next-btn[data-v-840ac2d1]:disabled{background-color:#ccc;cursor:not-allowed}.input-with-dice[data-v-840ac2d1]{display:flex;gap:8px;align-items:center}.input-with-dice select[data-v-840ac2d1]{flex:1}.dice-btn[data-v-840ac2d1]{padding:10px 12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s;flex-shrink:0}.dice-btn[data-v-840ac2d1]:hover:not(:disabled){background-color:#45a049}.dice-btn[data-v-840ac2d1]:disabled{background-color:#ccc;cursor:not-allowed}.roll-result[data-v-840ac2d1]{margin-top:8px;padding:8px;background-color:#e8f5e8;border-radius:4px;font-size:14px;color:#2e7d32}.roll-overlay[data-v-840ac2d1]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;cursor:pointer}.roll-overlay-content[data-v-840ac2d1]{background:#fff;padding:30px;border-radius:10px;text-align:center;position:relative;cursor:default;min-width:300px}.overlay-close[data-v-840ac2d1]{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.overlay-close[data-v-840ac2d1]:hover{color:#000}.overlay-title[data-v-840ac2d1]{font-size:20px;font-weight:700;margin-bottom:15px;color:#333}.overlay-roll[data-v-840ac2d1]{font-size:36px;font-weight:700;color:#4caf50;margin:20px 0}.roll-breakdown[data-v-840ac2d1]{font-size:18px;color:#666;margin-left:10px}.overlay-result[data-v-840ac2d1]{font-size:24px;font-weight:700;color:#2196f3;margin:20px 0}.overlay-hint[data-v-840ac2d1]{font-size:14px;color:#666;margin-top:15px}.attributes-form[data-v-a4bd858a]{max-width:800px;margin:0 auto;display:flex;flex-direction:column;min-height:0;padding-bottom:20px}.attributes-form h2[data-v-a4bd858a]{text-align:center;margin-bottom:10px;color:#333;flex-shrink:0}.instruction[data-v-a4bd858a]{text-align:center;margin-bottom:20px;color:#666;font-style:italic;flex-shrink:0}.attributes-grid[data-v-a4bd858a]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;max-height:50vh;overflow-y:auto;padding:5px;border:1px solid #eee;border-radius:8px;background-color:#fefefe}.attribute-group[data-v-a4bd858a]{padding:8px;border:1px solid #ddd;border-radius:8px;background-color:#fafafa;min-width:0}.attribute-row[data-v-a4bd858a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.input-with-dice[data-v-a4bd858a]{display:flex;gap:8px;align-items:center}.attribute-label[data-v-a4bd858a]{font-weight:700;color:#333;flex:1;margin:0}.attribute-input[data-v-a4bd858a]{width:60px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:16px;text-align:center;font-weight:700}.attribute-input[data-v-a4bd858a]:focus{outline:none;border-color:#2196f3;box-shadow:0 0 5px #2196f34d}.attribute-description[data-v-a4bd858a]{font-size:11px;color:#666;font-style:italic;display:block;margin-top:2px}.race-restriction-warning[data-v-a4bd858a]{font-size:10px;color:#ff5722;font-weight:700;margin-top:2px;display:block}.attribute-summary[data-v-a4bd858a]{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:20px;padding:15px;background-color:#e3f2fd;border-radius:8px;flex-shrink:0;flex-wrap:wrap}.total-points[data-v-a4bd858a],.average-points[data-v-a4bd858a]{font-size:18px;color:#1976d2}.roll-all-btn[data-v-a4bd858a]{background-color:#ff9800;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:14px;cursor:pointer;transition:background-color .3s}.roll-all-btn[data-v-a4bd858a]:hover{background-color:#f57c00}.form-actions[data-v-a4bd858a]{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.attributes-form-content[data-v-a4bd858a]{display:flex;flex-direction:column;flex:1}.prev-btn[data-v-a4bd858a],.next-btn[data-v-a4bd858a]{padding:12px 30px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.prev-btn[data-v-a4bd858a]{background-color:#6c757d;color:#fff}.prev-btn[data-v-a4bd858a]:hover{background-color:#5a6268}.next-btn[data-v-a4bd858a]{background-color:#2196f3;color:#fff}.next-btn[data-v-a4bd858a]:hover:not(:disabled){background-color:#1976d2}.next-btn[data-v-a4bd858a]:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 600px){.attributes-grid[data-v-a4bd858a]{grid-template-columns:1fr}.attribute-group[data-v-a4bd858a]{padding:10px}}.fullwidth-page[data-v-1950b654]{padding:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important}.page-header[data-v-1950b654]{padding:15px 20px;margin-bottom:20px}.three-column-grid[data-v-1950b654]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin:0 20px 30px;width:calc(100vw - 40px);max-width:calc(100vw - 40px);box-sizing:border-box}.skills-content[data-v-1950b654]{width:100%;max-width:100%}.opacity-50[data-v-1950b654]{opacity:.6}.border-primary[data-v-1950b654]{border-color:#007bff!important;background-color:#f8fcff}.border-warning[data-v-1950b654]{border-color:#ffc107!important;background-color:#fff8e1}.border-danger[data-v-1950b654]{border-color:#dc3545!important;background-color:#ffebee}@media (max-width: 1200px){.three-column-grid[data-v-1950b654]{grid-template-columns:1fr 1fr;gap:20px}}@media (max-width: 768px){.three-column-grid[data-v-1950b654]{grid-template-columns:1fr;gap:15px}}.spell-points-display[data-v-daa290bc]{margin:0 20px 30px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d}.points-header h4[data-v-daa290bc]{margin:0 0 12px;color:#495057;font-size:1.1rem;font-weight:600}.points-info[data-v-daa290bc]{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.points-remaining[data-v-daa290bc]{font-size:1.8rem;font-weight:700;color:#007bff}.points-separator[data-v-daa290bc]{font-size:1.4rem;color:#6c757d;margin:0 2px}.points-total[data-v-daa290bc]{font-size:1.4rem;font-weight:600;color:#6c757d}.points-label[data-v-daa290bc]{font-size:.9rem;color:#6c757d;margin-left:4px}.points-usage[data-v-daa290bc]{display:flex;align-items:center;gap:8px;font-size:.9rem}.usage-label[data-v-daa290bc]{color:#6c757d}.usage-value[data-v-daa290bc]{color:#dc3545;font-weight:600}.fullwidth-page[data-v-daa290bc]{padding:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important}.page-header[data-v-daa290bc]{padding:15px 20px;margin-bottom:20px}.three-column-grid[data-v-daa290bc]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin:0 20px 30px;width:calc(100vw - 40px);max-width:calc(100vw - 40px);box-sizing:border-box}.spells-content[data-v-daa290bc]{width:100%;max-width:100%}.spell-item[data-v-daa290bc]{padding:12px;border:1px solid #ddd;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;position:relative}.spell-item.can-select[data-v-daa290bc]{border-color:#28a745;background-color:#f8fff9}.spell-item.can-select[data-v-daa290bc]:hover{border-color:#20c997;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.spell-item.cannot-select[data-v-daa290bc]{border-color:#dc3545;background-color:#fff5f5;cursor:not-allowed;opacity:.7}.spell-header[data-v-daa290bc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.spell-name[data-v-daa290bc]{font-weight:600;color:#333}.spell-level[data-v-daa290bc]{font-size:.85em;color:#666;background:#f8f9fa;padding:2px 6px;border-radius:4px}.spell-details[data-v-daa290bc]{display:flex;justify-content:space-between;align-items:center;font-size:.9em;color:#666;margin-bottom:6px}.spell-school[data-v-daa290bc]{color:#007bff;font-weight:500}.spell-cost[data-v-daa290bc]{color:#28a745;font-weight:600}.spell-description[data-v-daa290bc]{font-size:.85em;color:#666;font-style:italic;margin-top:6px;line-height:1.3}.select-icon[data-v-daa290bc]{position:absolute;top:8px;right:8px;color:#28a745;font-size:1.1em}.cannot-select-reason[data-v-daa290bc]{position:absolute;top:8px;right:8px;font-size:.8em;color:#dc3545;text-align:right}.selected-spell-item[data-v-daa290bc]{padding:12px;border:1px solid #007bff;border-radius:6px;margin-bottom:8px;background:#f8fcff}.spell-header-with-remove[data-v-daa290bc]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.spell-header[data-v-daa290bc]{display:flex;justify-content:space-between;align-items:center;flex:1;margin-right:8px}.selected-spell-item .spell-category[data-v-daa290bc]{color:#6c757d;font-size:.8em;background:#e9ecef;padding:1px 4px;border-radius:3px}.remove-button[data-v-daa290bc]{background:#dc3545;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;flex-shrink:0}.remove-button[data-v-daa290bc]:hover{background-color:#c82333}.category-item[data-v-daa290bc]{padding:12px;border:1px solid #ddd;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.category-item[data-v-daa290bc]:hover{border-color:#007bff;background-color:#f8fcff}.category-item.selected[data-v-daa290bc]{border-color:#007bff;background-color:#e3f2fd}.category-item.no-spells[data-v-daa290bc]{opacity:.6;cursor:not-allowed}.category-header[data-v-daa290bc]{display:flex;justify-content:space-between;align-items:center}.category-name[data-v-daa290bc]{font-weight:600;color:#333}.spell-count[data-v-daa290bc]{font-size:.85em;color:#666;background:#f8f9fa;padding:2px 6px;border-radius:4px}.total-costs[data-v-daa290bc]{border-top:1px solid #dee2e6;padding-top:12px;margin-top:12px}.cost-item[data-v-daa290bc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cost-label[data-v-daa290bc]{font-weight:500;color:#495057}.cost-value[data-v-daa290bc]{font-weight:600;color:#007bff}.opacity-50[data-v-daa290bc]{opacity:.6}.no-selection-message[data-v-daa290bc],.no-spells-message[data-v-daa290bc],.no-categories-message[data-v-daa290bc]{text-align:center;color:#6c757d;font-style:italic;padding:20px}.category-badge[data-v-daa290bc],.count-badge[data-v-daa290bc],.info-badge[data-v-daa290bc]{font-size:.8em;padding:2px 6px;border-radius:4px;background:#e9ecef;color:#495057}.count-badge[data-v-daa290bc]{background:#007bff;color:#fff}.info-badge[data-v-daa290bc]{background:#17a2b8;color:#fff}@media (max-width: 1200px){.three-column-grid[data-v-daa290bc]{grid-template-columns:1fr 1fr;gap:20px}}@media (max-width: 768px){.three-column-grid[data-v-daa290bc]{grid-template-columns:1fr;gap:15px}}.character-creation[data-v-9205113f]{width:100%;max-width:none;margin:0;padding:10px}.creation-content[data-v-9205113f]{width:100%}.creation-header[data-v-9205113f]{margin-bottom:30px}.creation-header h1[data-v-9205113f]{text-align:center;margin-bottom:20px;color:#333}.progress-indicator[data-v-9205113f]{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.step[data-v-9205113f]{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px;transition:all .3s ease}.step.active[data-v-9205113f]{background-color:#e3f2fd;border:2px solid #2196f3}.step.completed[data-v-9205113f]{background-color:#e8f5e8;border:2px solid #4caf50}.step-number[data-v-9205113f]{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[data-v-9205113f]{background-color:#2196f3;color:#fff}.step.completed .step-number[data-v-9205113f]{background-color:#4caf50;color:#fff}.step.clickable[data-v-9205113f]{cursor:pointer;transition:all .3s ease}.step.clickable[data-v-9205113f]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.step.completed:hover .step-number[data-v-9205113f]{background-color:#45a049}.step.active:hover .step-number[data-v-9205113f]{background-color:#1976d2}.step-title[data-v-9205113f]{font-size:12px;color:#666;text-align:center}.creation-content[data-v-9205113f]{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.session-info[data-v-9205113f]{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f5f5f5;border-radius:4px;font-size:14px;color:#666}.delete-btn[data-v-9205113f]{background-color:#f44336;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.delete-btn[data-v-9205113f]:hover{background-color:#d32f2f}