*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#547ba6,#f5f5f5);font-family:Arial,sans-serif;padding:40px 20px}#root{display:flex;justify-content:center;min-height:100vh}.App{width:100%}.container{display:flex;flex-direction:column;margin:0 auto;max-width:1800px;width:100%}.header{background:linear-gradient(135deg,#3c618a,#7a67ba);border-radius:10px;box-shadow:0 8px 20px #0000004d;color:#fff;margin-bottom:40px;margin-right:400px;padding:30px;text-align:center;transition:margin-right .3s ease}.container.sidebar-expanded .footer,.container.sidebar-expanded .header{margin-right:900px}.header h1{font-size:2.5em;letter-spacing:3px;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.header p{font-size:1.2em;opacity:.9}.main-wrapper{display:flex;gap:20px;margin-bottom:40px;margin-right:400px;padding:0 20px;transition:margin-right .3s ease}.container.sidebar-expanded .main-wrapper{margin-right:900px}.main-content{flex:1 1;min-width:0}.controls{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:30px;padding:20px}.controls h3{color:#3c618a;margin-bottom:15px}.controls textarea{border:2px solid #ddd;border-radius:5px;font-family:monospace;font-size:12px;height:100px;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.controls button{background:#3c618a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:5px;margin-right:10px;padding:10px 20px}.controls button:hover{background:#dc143c}.confirm-dialog{background:#ffe0e0;border-radius:5px;display:block;margin-top:10px;padding:10px}.confirm-dialog p{color:#3c618a;font-weight:700;margin-bottom:10px}.import-section{display:block;margin-top:15px}.import-section textarea{border:2px solid #3c618a;border-radius:5px;font-family:monospace;font-size:12px;height:80px;margin-bottom:10px;padding:10px;width:100%}.search-section{background:#fff;border-bottom:1px solid #ddd;display:block;padding:15px}.search-section input{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;margin-bottom:10px;padding:10px;width:100%}.search-section input:focus{border-color:#3c618a;box-shadow:0 0 5px #3c618a4d;outline:none}.search-error{background:#ffe0e0;border-radius:5px;color:#c41e3a;font-size:13px;font-weight:700;margin:10px 0;padding:10px}.search-results{border-top:1px solid #ddd;margin-top:10px;max-height:600px;overflow-y:auto;padding:0 15px 15px}.results-count{color:#3c618a;font-size:12px;font-weight:600;margin-bottom:10px;margin-top:10px}.search-result-item{align-items:flex-start;background:#f9f9f9;border:1px solid #ddd;border-radius:5px;display:flex;gap:10px;margin-bottom:10px;padding:10px}.result-info{flex:1 1}.result-info strong{color:#3c618a;display:block;font-size:.95em;margin-bottom:3px}.result-number{color:#666;font-size:.8em;margin:3px 0}.result-info p{color:#666;font-size:.85em;margin:3px 0}.result-thumbnail{border-radius:3px;flex-shrink:0;height:70px;object-fit:cover;width:50px}.search-result-item .add-btn{background:#3c618a;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;padding:6px 10px;transition:background .2s;white-space:nowrap}.search-result-item .add-btn:hover{background:#dc143c}.export-code{background:#f0f0f0;border-radius:5px;font-family:monospace;font-size:12px;margin-top:15px;max-height:150px;overflow-y:auto;padding:15px;word-break:break-all}.export-code p{margin:0}.instructions{background:#f9f9f9;border-left:4px solid #3c618a;color:#555;font-size:.9em;margin-top:10px;padding:15px}.instructions code{background:#f0f0f0;border-radius:3px;font-family:monospace;padding:2px 6px}.card-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:40px;padding:0}.card-wrapper{align-items:center;aspect-ratio:220/305;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.card-wrapper.scene-card{aspect-ratio:305/220;height:auto;max-width:305px;width:100%}.card-wrapper:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-image{background:#f0f0f0}.card-image,.card-wrapper.scene-card .card-image{height:100%;object-fit:cover;width:100%}.card-info{background:#f9f9f9;border-top:1px solid #eee;display:none;flex:1 1;flex-direction:column;gap:4px;padding:12px;text-align:center;width:100%}.card-name{color:#3c618a;font-size:.95em;font-weight:600;line-height:1.2;word-break:break-word}.card-meta{color:#666;font-size:.8em}.card-rarity{color:#d4af37;font-size:.75em;font-weight:600;text-transform:uppercase}.card-type{color:#7a67ba;font-size:.75em;font-style:italic}.card-count{background:#000;border:3px solid #fff;border-radius:50%;bottom:10px;box-shadow:0 4px 10px #00000080;color:#fff;font-size:1.5em;font-weight:700;height:50px;right:10px;width:50px}.card-count,.card-overlay{align-items:center;display:flex;justify-content:center;position:absolute}.card-overlay{animation:fadeIn .15s ease;background:#000000f2;border-radius:10px;bottom:0;left:0;right:0;top:0;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-wrapper.scene-card .card-overlay{padding:10px}.overlay-content{color:#fff;max-height:100%;overflow-y:hidden;padding:20px;scrollbar-width:none;text-align:center;width:100%}.overlay-content::-webkit-scrollbar{display:none}.overlay-content h4{color:#fff;font-size:1.1em;font-weight:600;line-height:1.3;margin:0 0 15px;word-break:break-word}.overlay-content p{color:#e0e0e0;font-size:.9em;line-height:1.4;margin:8px 0}.overlay-content .label{color:gold;display:inline-block;font-weight:600;min-width:80px;text-align:left}.overlay-content p span.label{margin-right:8px}.overlay-controls{border-top:1px solid #fff3;gap:15px;margin-top:20px;padding-top:15px}.count-btn,.overlay-controls{align-items:center;display:flex;justify-content:center}.count-btn{background:#3c618a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;height:40px;transition:all .2s ease;width:40px}.count-btn:hover:not(:disabled){background:#7a67ba;transform:scale(1.1)}.count-btn:disabled{background:#666;cursor:not-allowed;opacity:.5}.count-display{color:gold;font-size:1.3em;font-weight:700;min-width:50px;text-align:center}.delete-card-btn{background:#dc143c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;margin-top:12px;padding:10px 15px;transition:all .2s ease;width:100%}.delete-card-btn:hover{background:#c41e3a;transform:scale(1.02)}.delete-card-btn:active{transform:scale(.98)}.sidebar-pinned{background:#fff;box-shadow:-2px 0 15px #0000001a;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transition:width .3s ease;width:400px;z-index:100}.sidebar-pinned.sidebar-expanded{width:900px}@media (max-width:1200px){.sidebar-pinned.sidebar-expanded{width:700px}.container.sidebar-expanded .footer,.container.sidebar-expanded .header,.container.sidebar-expanded .main-wrapper{margin-right:700px}}.sidebar-pinned .sidebar-header{align-items:center;background:linear-gradient(135deg,#3c618a,#7a67ba);border-bottom:2px solid #3c618a;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px}.sidebar-pinned .sidebar-header h3{font-size:1.1em;font-weight:600;margin:0}.sidebar-expand-btn{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5em;padding:5px 10px;transition:transform .2s ease}.sidebar-expand-btn:hover{transform:scale(1.2)}.sidebar-toggle-btn{align-items:center;background:linear-gradient(135deg,#3c618a,#7a67ba);border:2px solid #3c618a;border-radius:8px 0 0 8px;color:#fff;cursor:pointer;display:flex;font-size:1.2em;height:60px;justify-content:center;padding:12px 8px;position:fixed;right:400px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px;z-index:99}.sidebar-toggle-btn:hover{background:linear-gradient(135deg,#7a67ba,#3c618a);box-shadow:0 4px 12px #0003}.sidebar-pinned.sidebar-expanded+.sidebar-toggle-btn{right:900px}@media (max-width:1200px){.sidebar-pinned.sidebar-expanded+.sidebar-toggle-btn{right:700px}}.sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.deck-validator{background:#f5f5f5;border-bottom:2px solid #ddd;flex-shrink:0;padding:15px}.deck-validator h4{color:#3c618a;font-size:.95em;font-weight:600;margin:0 0 10px}.sidebar-section{background:#fff;border-bottom:1px solid #ddd;margin-bottom:0;padding:15px}.sidebar-section:nth-child(odd){background:#f9f9f9}.sidebar-section:nth-child(2n){background:#fff}.section-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.section-header h4{color:#3c618a;flex:1 1;font-size:.95em;font-weight:600;margin:0}.collapse-btn{align-items:center;background:none;border:none;color:#3c618a;cursor:pointer;display:flex;font-size:1.2em;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.collapse-btn:hover{color:#dc143c}.stats-box{background:#fff;border:2px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px}.stats-box.has-errors{background:#fff5f5;border-color:#ff6b6b}.stats-box.valid{background:#f1fdf4;border-color:#51cf66}.stat-item{border-bottom:1px solid #eee;display:flex;font-size:.9em;justify-content:space-between;padding:6px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#666;font-weight:600}.stat-value{color:#3c618a;font-weight:600}.stat-value.error{color:#ff6b6b}.chart-container{background:#f9f9f9;border:1px solid #eee;border-radius:5px;margin:15px 0;padding:15px}.chart-container h5{color:#3c618a;font-size:.85em;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.level-chart{height:180px}.level-chart canvas{max-height:150px}.character-chart{height:220px}.character-chart canvas{max-height:200px}.validator-errors{background:#fff5f5;border:1px solid #ff6b6b;border-radius:5px;margin-top:10px;padding:10px}.validator-errors h5{color:#c41e3a;font-size:.9em;font-weight:600;margin:0 0 8px}.error-message{color:#c41e3a;font-size:.85em;line-height:1.3;padding:4px 0}.validator-success{background:#f1fdf4;border:1px solid #51cf66;border-radius:5px;color:#2f9e44;font-size:.9em;font-weight:600;margin-top:10px;padding:10px;text-align:center}.sidebar-pinned .search-section{background:#f0f8ff;border-bottom:1px solid #ddd;display:flex;flex-direction:column;flex-shrink:0;padding:15px}.sidebar-pinned .search-section h4{color:#3c618a;font-size:.95em;font-weight:600;margin:0 0 10px}.sidebar-pinned .search-section input{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;margin-bottom:10px;padding:10px;width:100%}.sidebar-pinned .search-section input:focus{border-color:#3c618a;box-shadow:0 0 5px #3c618a4d;outline:none}.sidebar-pinned .search-btn{background:#3c618a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;margin-bottom:8px;padding:10px 15px;transition:background .2s;width:100%}.sidebar-pinned .search-btn:hover:not(:disabled){background:#dc143c}.sidebar-pinned .search-btn:disabled{cursor:not-allowed;opacity:.6}.sidebar-pinned .search-error{background:#ffe0e0;border-radius:5px;color:#c41e3a;font-size:13px;font-weight:700;margin:0 0 10px;padding:10px}.sidebar-pinned .search-results{border-top:1px solid #ddd;flex:1 1;margin-top:10px;overflow-y:auto;padding:0 15px 15px}.sidebar-pinned .results-count{color:#3c618a;font-size:12px;font-weight:600;margin:10px 0;padding:0 10px}.sidebar-pinned .search-result-item{align-items:flex-start;background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;gap:8px;margin-bottom:8px;padding:8px;transition:box-shadow .2s}.sidebar-pinned .search-result-item:hover{box-shadow:0 2px 8px #0000001a}.sidebar-pinned.sidebar-expanded .search-result-item{align-items:center;aspect-ratio:145/200;background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:center;margin-bottom:0;padding:0;position:relative;transition:box-shadow .2s ease}.sidebar-pinned.sidebar-expanded .search-result-item:hover{box-shadow:0 4px 12px #0003}.sidebar-pinned.sidebar-expanded .search-results{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}@media (max-width:1200px){.sidebar-pinned.sidebar-expanded .search-results{grid-template-columns:1fr 1fr}}.sidebar-pinned .result-thumbnail{border-radius:3px;cursor:pointer;flex-shrink:0;height:70px;object-fit:cover;width:50px}.sidebar-pinned .scene-card .result-thumbnail{height:70px;width:95px}.sidebar-pinned.sidebar-expanded .result-thumbnail{flex-shrink:0;height:100%;object-fit:cover;width:100%}.search-result-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.sidebar-pinned.sidebar-expanded .search-result-item:hover .search-result-overlay{opacity:1}.search-result-overlay .overlay-content{color:#fff;padding:15px;text-align:center;width:100%}.search-result-overlay h4{color:#fff;font-size:.95em;font-weight:600;line-height:1.2;margin:0 0 10px;word-break:break-word}.search-result-overlay .result-number{color:#e0e0e0;font-size:.8em;margin:0 0 8px}.search-result-overlay .result-meta{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:8px 0}.add-btn-overlay{background:#3c618a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;font-weight:600;margin-top:10px;padding:8px 12px;transition:background .2s}.add-btn-overlay:hover{background:#dc143c}.sidebar-pinned .result-info,.sidebar-pinned .search-result-content{display:flex;flex:1 1;flex-direction:column;font-size:.85em;gap:4px}.sidebar-pinned .result-info strong{color:#3c618a;display:block;font-size:.9em;font-weight:600;line-height:1.2;margin:0}.sidebar-pinned .result-number{color:#666;font-size:.8em;margin:0}.sidebar-pinned .result-meta{display:flex;flex-wrap:wrap;gap:5px;margin:0}.sidebar-pinned:not(.sidebar-expanded) .search-result-overlay{display:none}.sidebar-pinned .add-btn{background:#3c618a;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;margin-top:auto;padding:6px 10px;transition:background .2s;white-space:nowrap;width:80px}.sidebar-pinned.sidebar-expanded .add-btn{width:100%}.sidebar-pinned .add-btn:hover{background:#dc143c}.loading-indicator{align-items:center;color:#3c618a;display:flex;flex-wrap:wrap;font-size:.9em;gap:10px;justify-content:center;padding:15px;text-align:center}.spinner{animation:spin 1s linear infinite;border:2px solid #f0f0f0;border-radius:50%;border-top-color:#3c618a;flex-shrink:0;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.end-of-results{border-top:1px solid #ddd;color:#999;font-size:.85em;margin-top:10px;padding:15px;text-align:center}.recommendations-section{background:#f0f8ff;border-bottom:1px solid #ddd;display:flex;flex-direction:column;flex-shrink:0;padding:15px}.recommendations-section .section-header{margin-bottom:10px}.recommendations-section .section-header h4{color:#3c618a;font-size:.95em;font-weight:600;margin:0}.recommendations-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.sidebar-pinned.sidebar-expanded .recommendations-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;max-height:none;overflow-y:visible}@media (max-width:1200px){.sidebar-pinned.sidebar-expanded .recommendations-list{grid-template-columns:1fr 1fr}}.recommendation-item{align-items:flex-start;background:#fff;border:1px solid #ddd;border-radius:5px;display:flex;gap:8px;padding:8px;transition:box-shadow .2s}.sidebar-pinned.sidebar-expanded .recommendation-item{align-items:center;aspect-ratio:145/200;background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;gap:0;justify-content:center;overflow:hidden;padding:0;position:relative;transition:box-shadow .2s ease}.recommendation-item:hover{box-shadow:0 2px 8px #0000001a}.sidebar-pinned.sidebar-expanded .recommendation-item:hover{box-shadow:0 4px 12px #0003}.recommendation-item .result-thumbnail{border-radius:3px;cursor:pointer;flex-shrink:0;height:70px;object-fit:cover;width:50px}.sidebar-pinned.sidebar-expanded .recommendation-item .result-thumbnail{border-radius:0;flex-shrink:0;height:100%;object-fit:cover;width:100%}.recommendation-item .result-info{display:flex;flex:1 1;flex-direction:column;font-size:.85em;gap:4px}.sidebar-pinned.sidebar-expanded .recommendation-item .result-info{display:none;position:absolute}.recommendation-item .result-info strong{color:#3c618a;font-size:.9em;margin:0}.recommendation-item .result-number{color:#666;font-size:.8em;margin:0}.recommendation-item .result-meta{display:flex;flex-wrap:wrap;gap:5px;margin:0}.sidebar-pinned.sidebar-expanded .recommendation-item .result-meta{display:none}.character-tag{background:#e0e7ff;color:#3730a3}.character-tag,.rarity-tag{border-radius:3px;font-size:.75em;font-weight:600;padding:2px 6px}.rarity-tag{background:#fef3c7;color:#92400e}.score-display{color:#666;font-size:.8em;font-weight:600;margin:0}.recommendation-item .add-btn{align-self:center;flex-shrink:0;font-size:.8em;padding:4px 8px}.sidebar-pinned.sidebar-expanded .recommendation-item .add-btn{display:none}.recommendation-item .recommendation-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;display:none;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.sidebar-pinned.sidebar-expanded .recommendation-item .recommendation-overlay{display:flex}.sidebar-pinned.sidebar-expanded .recommendation-item:hover .recommendation-overlay{opacity:1}.recommendation-overlay .overlay-content{color:#fff;padding:15px;text-align:center;width:100%}.recommendation-overlay h4{color:#fff;font-size:.95em;font-weight:600;line-height:1.2;margin:0 0 10px;word-break:break-word}.recommendation-overlay .result-number{color:#e0e0e0;font-size:.8em;margin:0 0 8px}.recommendation-overlay .result-meta{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:8px 0}.recommendation-overlay .score-display{color:#e0e0e0;font-size:.8em;margin:8px 0}.recommendation-overlay .add-btn-overlay{background:#3c618a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;font-weight:600;margin-top:10px;padding:8px 12px;transition:background .2s}.recommendation-overlay .add-btn-overlay:hover{background:#dc143c}.no-recommendations{background:#fff;border:1px dashed #ddd;border-radius:5px;color:#999;font-size:.85em;padding:15px;text-align:center}body{overflow-x:hidden}.footer{background:linear-gradient(135deg,#3c618a,#7a67ba);border-radius:10px;box-shadow:0 8px 20px #0000004d;color:#fff;margin-right:400px;margin-top:40px;padding:20px;text-align:center;transition:margin-right .3s ease}.footer p{font-size:.9em;margin:5px 0}.filters-container{border-top:1px solid #ddd;margin-top:15px;padding-top:10px}.filters-toggle-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:5px;color:#3c618a;cursor:pointer;font-size:.9em;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.filters-toggle-btn:hover{background:#e8e8e8}.filters-panel{background:#fafafa;border:1px solid #e0e0e0;border-radius:5px;margin-top:10px;padding:10px}.filter-group{margin-bottom:15px}.filter-group h5{color:#3c618a;font-size:.85em;font-weight:600;margin:0 0 8px;text-transform:uppercase}.filter-options{display:flex;flex-direction:column;gap:6px}.filter-checkbox{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.85em}.filter-checkbox input{accent-color:#3c618a;cursor:pointer;margin-right:8px}.filter-checkbox:hover{color:#3c618a}.character-filter-input{padding:6px}.character-filter-input,.filter-dropdown{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.85em;width:100%}.filter-dropdown{background:#fff;color:#333;cursor:pointer;padding:8px;transition:all .2s ease}.filter-dropdown:hover{background:#f9f9f9;border-color:#3c618a}.filter-dropdown:focus{border-color:#3c618a;box-shadow:0 0 3px #3c618a4d;outline:none}.draw-btn{background:#3c618a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;margin-top:10px;padding:12px;transition:all .2s ease;width:100%}.draw-btn:hover{background:#7a67ba}.draw-btn:active{transform:scale(.98)}.drawn-cards-container{background:#f9f9f9;border-radius:5px;margin-top:15px;padding:10px}.drawn-cards-container h5{color:#3c618a;font-size:.9em;font-weight:600;margin:0 0 10px}.drawn-cards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}@media (min-width:1024px){.drawn-cards{grid-template-columns:repeat(3,1fr)}}.drawn-card-item{aspect-ratio:2/3;border-radius:4px;box-shadow:0 2px 6px #00000026;cursor:pointer;overflow:hidden;transition:all .2s ease}.drawn-card-item:hover{box-shadow:0 4px 10px #00000040;transform:scale(1.05)}.drawn-card-image{background:#e0e0e0;height:100%;object-fit:cover;width:100%}.draw-actions{display:flex;gap:8px;margin-top:12px}.mulligan-btn,.reset-draw-btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:.85em;font-weight:600;padding:10px;transition:all .2s ease}.mulligan-btn{background:#4a90e2;color:#fff}.mulligan-btn:hover:not(:disabled){background:#357abd}.mulligan-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.reset-draw-btn{background:#999;color:#fff}.reset-draw-btn:hover{background:#777}.no-cards-message{color:#999;font-size:.9em;margin:10px 0 0;padding:15px;text-align:center}.character-filter-input:focus{border-color:#3c618a;box-shadow:0 0 3px #3c618a4d;outline:none}.clear-filters-btn{background:#dc143c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;font-weight:600;margin-top:8px;padding:8px;transition:all .2s ease;width:100%}.clear-filters-btn:hover{background:#c41e3a}@media (max-width:768px){.container{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.header{border-radius:0;box-shadow:0 4px 10px #00000026;margin-bottom:20px;margin-right:0!important;padding:20px}.header h1{font-size:1.5em;letter-spacing:2px;margin-bottom:5px}.header p{font-size:.9em}.main-wrapper{flex-direction:column;gap:15px;margin-bottom:20px;margin-right:0!important;padding:0 15px}.main-content{width:100%}.footer{border-radius:0;bottom:0;font-size:.85em;left:0;margin-right:0!important;margin-top:auto;padding:15px;position:fixed;right:0;z-index:50}.footer p{font-size:.8em;margin:3px 0}.card-grid{gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.card-wrapper{aspect-ratio:2/3}.card-wrapper.scene-card{aspect-ratio:305/220;max-width:100%}.card-count{border:1px solid #fff;font-size:.75em;height:25px;width:25px}.controls{margin-bottom:20px;padding:15px}.controls h3{font-size:.95em}.controls button{font-size:.85em;margin-bottom:8px;margin-right:8px;padding:8px 15px}.sidebar-pinned{border-radius:15px 15px 0 0;bottom:0;box-shadow:0 -4px 15px #00000026;height:50vh;left:0;max-height:50vh;position:fixed;right:auto;top:auto;transition:height .3s ease,max-height .3s ease;width:100%;z-index:200}.sidebar-pinned.sidebar-expanded{height:100vh;max-height:100vh;width:100%}.sidebar-pinned .sidebar-header{align-items:center;cursor:grab;display:flex;justify-content:space-between;padding:12px 20px;-webkit-user-select:none;user-select:none}.sidebar-pinned .sidebar-header:before{background:#fff9;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:40px}.sidebar-pinned .sidebar-header h3{font-size:1em;margin-top:8px}.sidebar-expand-btn{display:block!important;font-size:1.2em}.sidebar-content{height:calc(100% - 50px);overflow-y:auto}.sidebar-toggle-btn{display:none!important}.sidebar-pinned .search-results{max-height:none;padding:0 15px 15px}.sidebar-pinned .search-result-item{margin-bottom:8px}.sidebar-pinned.sidebar-expanded .search-results{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.sidebar-pinned.sidebar-expanded .search-result-item{aspect-ratio:2/3}.sidebar-pinned.sidebar-expanded .search-result-overlay h4{font-size:.7em;line-height:1.1;margin:0 0 4px}.sidebar-pinned.sidebar-expanded .search-result-overlay .result-number{font-size:.65em;margin:0 0 4px}.sidebar-pinned.sidebar-expanded .search-result-overlay .result-meta{font-size:.6em;margin:4px 0}.sidebar-pinned.sidebar-expanded .add-btn-overlay{font-size:.7em;margin-top:6px;padding:6px 8px}.sidebar-section{padding:12px 15px}.section-header h4{font-size:.9em}.chart-container{margin:10px 0;padding:10px}.level-chart{height:150px}.level-chart canvas{max-height:120px!important}.character-chart{height:180px}.character-chart canvas{max-height:160px!important}.filters-panel{margin-top:8px;padding:8px}.filter-group{margin-bottom:10px}.filter-group h5{font-size:.8em}.character-filter-input,.filter-dropdown{font-size:.8em;padding:6px}.draw-btn,.search-btn{font-size:.85em;padding:10px}.draw-actions{flex-direction:column;gap:6px}.mulligan-btn,.reset-draw-btn{font-size:.8em;padding:8px}.controls textarea,.import-section textarea{font-size:11px;height:80px}.search-section{border-bottom:1px solid #ddd}.search-section input{font-size:.9em;padding:8px}.sidebar-pinned:not(.sidebar-expanded) .filters-container,.sidebar-pinned:not(.sidebar-expanded) .recommendation-container,.sidebar-pinned:not(.sidebar-expanded) .search-results,.sidebar-pinned:not(.sidebar-expanded) .search-section input{display:none}.sidebar-pinned:not(.sidebar-expanded) .sidebar-section{padding:8px 15px}.sidebar-pinned:not(.sidebar-expanded) .stat-item{font-size:.85em;padding:4px 0}.collapse-btn{font-size:.8em;padding:4px 6px}}@media (max-width:480px){.header h1{font-size:1.2em;letter-spacing:1px}.header{margin-bottom:15px;padding:15px}.header p{font-size:.8em}.main-wrapper{gap:10px;padding:0 10px}.card-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.footer{padding:10px}.footer p{font-size:.7em}.sidebar-pinned{height:60px}.sidebar-pinned.sidebar-expanded{height:100vh;max-height:100vh}.sidebar-pinned .search-results{padding:0 10px 10px}.sidebar-pinned.sidebar-expanded .search-results{gap:4px;grid-template-columns:repeat(4,1fr)}.sidebar-section{padding:10px}.controls button{margin-bottom:8px;margin-right:0;width:100%}.drawn-cards{grid-template-columns:1fr 1fr}}@media (min-width:769px) and (max-width:1024px){.container.sidebar-expanded .footer,.container.sidebar-expanded .header,.container.sidebar-expanded .main-wrapper{margin-right:500px}.sidebar-pinned.sidebar-expanded{width:500px}.sidebar-toggle-btn{right:400px}.sidebar-pinned.sidebar-expanded+.sidebar-toggle-btn{right:500px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
/*# sourceMappingURL=main.cd11cf21.css.map*/