@import"https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700;800;900&display=swap";.header{background:var(--bg-header);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-top{max-width:1280px;margin:0 auto;padding:.6rem 1.25rem;display:flex;align-items:center;gap:1rem}.logo{font-size:1.1rem;font-weight:800;color:var(--gold)!important;letter-spacing:1.5px;white-space:nowrap;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.logo-sub{font-size:.6rem;font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:0}.header-search{flex:1;max-width:520px;position:relative;display:flex;align-items:center}.header-search input{width:100%;padding:.5rem 1rem .5rem 2.4rem;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.82rem;transition:border-color .2s}.header-search input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-dim)}.header-search input::placeholder{color:var(--text-muted)}.header-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem;pointer-events:none}.header-chronicle{padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-left:none;border-radius:0 6px 6px 0;color:var(--gold);font-size:.72rem;font-weight:700;white-space:nowrap;letter-spacing:.3px}.header-right{display:flex;align-items:center;gap:.75rem}.header-user{color:var(--gold)!important;font-weight:600;font-size:.82rem}.header-btn{padding:.4rem .85rem;border-radius:4px;font-size:.78rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-login{background:var(--gold);color:var(--bg-darker)}.btn-login:hover{background:var(--gold-bright)}.btn-logout{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-logout:hover{border-color:var(--red);color:var(--red)}.lang-toggle{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}.lang-btn{padding:.25rem .5rem;font-size:.7rem;font-weight:700;cursor:pointer;border:none;background:var(--bg-card);color:var(--text-muted);transition:all .15s;letter-spacing:.5px}.lang-btn:first-child{border-right:1px solid var(--border)}.lang-btn:hover{color:var(--text)}.lang-btn-active{background:var(--gold);color:var(--bg-darker)}.nav-bar{max-width:1280px;margin:0 auto;padding:0 1.25rem;display:flex;gap:0;border-top:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.nav-bar::-webkit-scrollbar{display:none}.nav-link{padding:.55rem .85rem;color:var(--text-dim)!important;font-size:.78rem;font-weight:500;white-space:nowrap;border-bottom:2px solid transparent;transition:all .15s;text-transform:uppercase;letter-spacing:.3px}.nav-link:hover{color:var(--text)!important;border-bottom-color:var(--gold);background:var(--gold-dim)}.main{max-width:1280px;margin:0 auto;padding:1.25rem;min-height:calc(100vh - 110px)}.breadcrumb{font-size:.75rem;color:var(--text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:.35rem}.breadcrumb a{color:var(--text-dim)!important}.breadcrumb a:hover{color:var(--gold)!important}.breadcrumb .sep{color:var(--text-muted);margin:0 .1rem}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;color:var(--text)}.page-subtitle{color:var(--text-muted);font-size:.82rem;margin-bottom:1rem}.chr-badge{display:inline-block;padding:.2rem .6rem;background:var(--gold-dim);border:1px solid rgba(200,168,78,.25);border-radius:3px;color:var(--gold);font-size:.68rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:1rem;transition:border-color .2s}.card:hover{border-color:var(--border-light)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.tag{display:inline-block;padding:.15rem .5rem;border-radius:3px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.tag-aggressive{background:var(--red-dim);color:var(--red)}.tag-passive{background:var(--green-dim);color:var(--green)}.tag-raid{background:#d4883a26;color:var(--orange)}.stat-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.82rem;border-bottom:1px solid rgba(53,44,36,.5)}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-dim)}.stat-value{font-weight:600}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1rem}.tab{padding:.6rem 1.1rem;font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;background:none;border-top:none;border-left:none;border-right:none;transition:all .15s;margin-bottom:-2px;text-transform:uppercase;letter-spacing:.3px}.tab:hover{color:var(--text);background:var(--gold-dim)}.tab-active{color:var(--gold)!important;border-bottom-color:var(--gold)!important}.level-btns{display:flex;gap:.3rem;margin-bottom:1rem;flex-wrap:wrap}.level-btn{padding:.35rem .85rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);transition:all .15s}.level-btn:hover{border-color:var(--gold);color:var(--text)}.level-btn-active{background:var(--gold);color:var(--bg-darker)!important;border-color:var(--gold)}.filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.filter-input{flex:1;min-width:200px;padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.82rem;transition:border-color .2s}.filter-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-dim)}.filter-input::placeholder{color:var(--text-muted)}.filter-select{padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.8rem;cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:var(--gold)}.data-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden}.data-table th{text-align:left;padding:.6rem .75rem;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-darker);border-bottom:1px solid var(--border)}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{color:var(--gold)}.data-table td{padding:.5rem .75rem;font-size:.82rem;border-bottom:1px solid rgba(53,44,36,.4);vertical-align:middle}.data-table tr:hover td{background:var(--bg-table-hover)}.data-table tr:last-child td{border-bottom:none}.data-table .item-cell{display:flex;align-items:center;gap:.5rem}.item-icon{width:32px;height:32px;border-radius:3px;background:var(--bg-darker);border:1px solid var(--border);object-fit:contain;flex-shrink:0}.item-icon-sm{width:24px;height:24px;border-radius:2px;background:var(--bg-darker);border:1px solid var(--border);object-fit:contain;flex-shrink:0}.grade-ng{color:var(--grade-ng)}.grade-d{color:var(--grade-d)}.grade-c{color:var(--grade-c)}.grade-b{color:var(--grade-b)}.grade-a{color:var(--grade-a)}.grade-s{color:var(--grade-s)}.grade-badge{display:inline-block;padding:.1rem .4rem;border-radius:3px;font-size:.68rem;font-weight:800;letter-spacing:.5px}.grade-badge-ng{background:#8b807826;color:var(--grade-ng)}.grade-badge-d{background:#5a9ec526;color:var(--grade-d)}.grade-badge-c{background:#5aad6a26;color:var(--grade-c)}.grade-badge-b{background:#9a7fd426;color:var(--grade-b)}.grade-badge-a{background:#c8a84e26;color:var(--grade-a)}.grade-badge-s{background:#c44a3f26;color:var(--grade-s)}.pagination{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:1rem 0}.page-btn{padding:.35rem .7rem;border-radius:4px;font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);transition:all .15s;min-width:36px;text-align:center}.page-btn:hover{border-color:var(--gold);color:var(--text)}.page-btn-active{background:var(--gold);color:var(--bg-darker)!important;border-color:var(--gold)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{color:var(--text-muted);font-size:.75rem;margin:0 .75rem}.result-count{color:var(--text-muted);font-size:.75rem;margin-bottom:.75rem}.empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.9rem}.detail-layout{display:grid;grid-template-columns:1fr 340px;gap:1.25rem;align-items:start}.detail-main{min-width:0}.detail-sidebar{display:flex;flex-direction:column;gap:.75rem}.info-box{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden}.info-box-header{background:var(--bg-darker);padding:.5rem .75rem;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.info-box-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;font-size:.8rem;border-bottom:1px solid rgba(53,44,36,.3)}.info-box-row:last-child{border-bottom:none}.info-box-label{color:var(--text-dim)}.info-box-value{font-weight:600;color:var(--text)}.chance-high{color:var(--green);font-weight:700}.chance-mid{color:var(--gold);font-weight:700}.chance-low{color:var(--red);font-weight:700}.chance-rare{color:var(--purple);font-weight:700}.footer{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.72rem;border-top:1px solid var(--border);margin-top:2rem}.form-label{display:block;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);gap:.5rem}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}}@media(max-width:768px){.header-top{flex-wrap:wrap}.header-search{max-width:100%;order:3;flex-basis:100%}.nav-bar{gap:0}.nav-link{padding:.45rem .55rem;font-size:.72rem}.grid{grid-template-columns:1fr}.main{padding:1rem .75rem}.page-title{font-size:1.25rem}}:root{--bg-dark: #1a1412;--bg-darker: #15100d;--bg-card: #231c17;--bg-card-hover: #2d2319;--bg-input: #181210;--bg-header: #120e0b;--bg-table-row: #1f1813;--bg-table-hover: #2a221b;--text: #e8dcc8;--text-dim: #9b8b78;--text-muted: #6b5c4d;--gold: #c8a84e;--gold-bright: #e0c068;--gold-dim: rgba(200, 168, 78, .12);--red: #c44a3f;--red-dim: rgba(196, 74, 63, .15);--green: #5aad6a;--green-dim: rgba(90, 173, 106, .15);--blue: #5a9ec5;--blue-dim: rgba(90, 158, 197, .15);--purple: #9a7fd4;--orange: #d4883a;--border: #352c24;--border-light: #443a30;--grade-ng: #8b8078;--grade-d: #5a9ec5;--grade-c: #5aad6a;--grade-b: #9a7fd4;--grade-a: #c8a84e;--grade-s: #c44a3f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Onest,system-ui,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--gold);text-decoration:none;transition:color .15s}a:hover{color:var(--gold-bright)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#3d3229;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4d4235}::selection{background:var(--gold-dim);color:var(--gold-bright)}img{max-width:100%}input,select,button{font-family:inherit}