@charset "UTF-8";*{font-family:Arial,Helvetica,sans-serif;padding:0;margin:0}.navbar ul{display:flex;gap:1rem;padding:1rem;justify-content:flex-end;align-items:center}.navbar ul li{list-style:none}.navbar ul:has(li a:hover) li a:not(:hover){opacity:.5}.navbar ul li a{text-decoration:none;font-size:var(--fz-1-25);text-transform:uppercase;color:var(--primaryColor);transition:opacity .2s ease-in-out}.logout{padding:10px 12px;border-radius:10px;border:1px solid #ef4444;color:#fff;background:#ef4444;cursor:pointer;transition:background .2s ease-in-out,color .2s ease-in-out}.logout:hover{background:#fef2f2;color:#ef4444}.home{display:flex;justify-content:center;align-items:center;height:calc(100vh - 69px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;border:none;font-size:1rem;font-weight:500;cursor:pointer;background-color:#2563eb;color:#fff;transition:background-color .2s ease,opacity .2s ease}.btn:hover{background-color:#1d4ed8}.btn:focus{outline:2px solid #93c5fd;outline-offset:2px}.btn--disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:#2563eb;color:#fff}.btn--secondary{background-color:#e5e7eb;color:#111827}.btn--secondary:hover{background-color:#d1d5db}.btn--danger{background-color:#ef4444;color:#fff}.btn--danger:hover{background-color:#dc2626}.auth{min-height:100dvh;display:grid;place-items:center;background:var(--bg, #fafafa)}.auth__card{width:min(420px,92vw);background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000014}.auth__title{margin:0 0 16px;font-size:1.6rem}.auth__form{display:grid;gap:12px;margin-block:12px 8px}.auth__label{display:grid;gap:6px;font-size:.9rem}.auth__input,.auth input[type=password],.auth input[type=email],.auth input[type=text]{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;outline:none}.auth__input:focus,.auth input[type=password]:focus,.auth input[type=email]:focus,.auth input[type=text]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40}.auth__msg{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;padding:8px 10px;border-radius:8px}.auth__err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;padding:8px 10px;border-radius:8px}.auth__switch{margin-top:8px;font-size:.9rem;color:#2563eb;background:transparent;border:0;cursor:pointer}.auth label{display:flex;flex-direction:column;gap:.5rem}.password-hints{font-size:.85rem;margin-bottom:8px}.password-hints ul{list-style:none;padding:0;margin:4px 0 0}.password-hints li{margin:2px 0}.password-hints li.ok{color:#16a34a}.password-hints li.bad{color:#dc2626}.account{max-width:400px;margin:30px auto;padding:20px;background:#f8fafc;border-radius:8px}.account h1,.account__field{margin-bottom:20px}.account__field label{display:block;font-weight:600;color:#374151;margin-bottom:5px}.account__field p{margin:0;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#111827}.account__edit-btn{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;width:100%}.account__edit-btn:hover{background:#1d4ed8}.account__edit-btn:disabled{background:#9ca3af;cursor:not-allowed}label{display:block;margin-bottom:15px}label input{display:block;width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.account__form-actions{display:flex;gap:10px;margin-top:20px}.account__form-actions button{flex:1;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.account__form-actions button:first-child{background:#2563eb;color:#fff}.account__form-actions button:first-child:hover{background:#1d4ed8}.account__form-actions button:first-child:disabled{background:#9ca3af;cursor:not-allowed}.account__form-actions button.account__cancel-btn{background:#6b7280;color:#fff}.account__form-actions button.account__cancel-btn:hover{background:#4b5563}.account__form-actions button.account__cancel-btn:disabled{background:#9ca3af;cursor:not-allowed}.account__json-section{margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}.account__json-section h2{margin-bottom:20px;color:#374151;font-size:18px}.account__json-info{margin-bottom:20px}.account__filename{font-family:monospace;font-size:12px;background:#f3f4f6!important;color:#6b7280!important;word-break:break-all}.account__import-section{position:relative}.account__file-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.account__import-btn{display:block;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-align:center;transition:background-color .2s}.account__import-btn:hover{background:#059669}.account__import-btn.importing{background:#6b7280;cursor:not-allowed}.account__import-btn:disabled{background:#9ca3af;cursor:not-allowed}.bestiary-container{max-width:1100px;margin:0 auto}.monsters-grid{display:grid;grid-template-columns:repeat(20,1fr);max-width:1100px;margin:2rem auto 0}.monster-image-container img{height:50px}.search{padding:16px}.search__bar{display:flex;gap:8px;align-items:center;margin-bottom:16px}.search__bar input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #ddd;outline:none}.search__count{color:#666;font-size:14px}.search__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.search__card{background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.search__thumb{background:#f7f7f7;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.search__thumb img{width:80%;height:80%;object-fit:contain}.search__meta{padding:8px 10px}.search__title{font-size:14px;font-weight:600}.error{color:#c00}.no-results{color:#666}.def{display:grid;grid-template-columns:1fr 1fr 1fr;width:fit-content;gap:.5rem}.def__card{width:fit-content}