.archive-page{max-width:1450px}.archive-shell{background:var(--sidebar);padding:12px;border-radius:4px}.guide-title-banner{background:linear-gradient(110deg,var(--hover),var(--sidebar));border:1px solid var(--line-strong);border-radius:8px;padding:16px;text-align:center;margin-bottom:10px}.guide-title-banner h1{color:var(--mint);font-size:29px;font-weight:400;margin:0}.guide-title-banner h1 small{font-family:Georgia,serif;font-style:italic;font-size:34px;margin-left:12px}.archive-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 300px;gap:10px;height:calc(100vh - 285px);min-height:640px;max-height:920px}.archive-category-panel,.archive-items,.archive-bonus-panel{border:1px solid var(--line-strong);border-radius:7px;min-width:0;background:var(--sidebar);overflow:hidden}.archive-category-panel{overflow:auto;padding:8px 7px}.archive-category-panel section{margin-bottom:7px}.archive-category{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:8px 9px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:700}.archive-category small{font-size:10px;font-weight:400;color:var(--muted)}.archive-category:hover,.archive-subcategories a:hover{background:var(--hover);color:var(--mint)}.archive-category.selected{background:var(--active);border-color:var(--mint);color:var(--mint)}.archive-subcategories{border-left:1px solid var(--line-strong);margin:1px 0 6px 12px;padding-left:7px}.archive-subcategories a{display:block;font-size:12px;padding:5px 7px;color:var(--muted)}.archive-subcategories a.selected{background:var(--active);color:var(--mint);font-weight:700;border-radius:4px}.archive-items{display:flex;flex-direction:column}.archive-toolbar{display:flex;align-items:center;gap:8px;padding:8px;background:var(--hover);flex-wrap:wrap}.archive-name-search,.archive-bonus-search{display:flex;align-items:center;gap:8px;background:var(--icon-bg);border:1px solid var(--line);border-radius:4px;padding:0 9px;min-width:0}.archive-name-search{flex:1 1 170px}.archive-name-search svg,.archive-bonus-search svg{width:19px;height:19px;flex:none;color:var(--muted)}.archive-name-search input,.archive-bonus-search input{background:transparent;border:0;color:var(--text);min-width:0;width:100%;padding:7px 0;font-size:12px;outline-offset:4px}.archive-toolbar fieldset{display:flex;align-items:center;gap:5px;margin:0;padding:0 6px;border:1px solid var(--line);border-radius:4px;background:var(--icon-bg);height:35px;min-width:0;font-size:11px;color:var(--muted)}.archive-toolbar input[type=number]{width:46px;border:0;padding:6px 0;background:transparent;color:var(--text);font-size:11px;text-align:center;appearance:textfield}.archive-toolbar input::-webkit-inner-spin-button{appearance:none}.archive-reset{background:transparent;border:0;color:var(--muted);font-size:20px;cursor:pointer;padding:0 4px}#archive-groups{display:grid;grid-template-rows:1fr 1fr;flex:1;min-height:0}.archive-group{display:flex;flex-direction:column;min-height:0}.archive-group h2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:7px 10px;color:var(--mint);font-size:14px;font-weight:700;border-bottom:1px solid var(--line-strong);border-top:1px solid var(--line-strong)}.archive-group h2 span{font-size:11px;font-weight:400;background:var(--active);border:1px solid var(--line-strong);border-radius:3px;padding:2px 6px;white-space:nowrap}.archive-group-scroll{overflow:auto;padding:8px;flex:1;min-height:0;scrollbar-gutter:stable}.archive-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px}.archive-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);background:var(--icon-bg);border-radius:4px;padding:3px;min-width:0}.archive-cell:hover,.archive-cell:focus-visible{border-color:var(--mint);background:var(--hover);outline-color:var(--mint)}.archive-cell .item-icon{width:100%;height:100%;max-height:62px;object-fit:contain;image-rendering:auto;border:0;border-radius:0;padding:0;background:transparent}.archive-cell-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.archive-cell-points{position:absolute;bottom:0;right:2px;font-size:10px;color:var(--text);background:var(--sidebar);padding:0 3px;border-radius:3px;opacity:0}.archive-cell:hover .archive-cell-points,.archive-cell:focus .archive-cell-points{opacity:1}.archive-more{display:block;margin:12px auto 2px}.archive-more[hidden]{display:none}.archive-empty{padding:12px;color:var(--muted);font-size:13px}.archive-empty[hidden]{display:none}.archive-bonus-panel{display:flex;flex-direction:column}.archive-bonus-search{margin:8px}.archive-bonus-search input{height:33px}#archive-bonuses-list{overflow:auto;padding:0 8px 8px;flex:1;min-height:0}.archive-bonus{display:block;padding:10px 8px;border-radius:3px}.archive-bonus:hover{background:var(--hover)}.archive-bonus strong{display:block;font-size:13px;line-height:1.4}.archive-bonus small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:3px}.archive-shell *{scrollbar-width:thin;scrollbar-color:var(--mint) var(--panel)}
@media(max-width:1150px){.archive-layout{grid-template-columns:170px minmax(0,1fr) 240px}.archive-group h2{flex-wrap:wrap}.archive-icon-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}}
.archive-preview-conditions{font-size:11px;color:var(--muted);padding:8px 0;border-top:1px solid var(--line)}.archive-preview-effect{border-top:1px solid var(--line);padding-top:8px;margin-top:5px}.archive-preview-effect>strong{font-size:12px;color:var(--mint)}.archive-preview-effect p{white-space:pre-line;font-size:12px;line-height:1.6;margin:7px 0 0}
@media(max-width:850px){.archive-layout{grid-template-columns:170px minmax(0,1fr);height:auto;max-height:none;min-height:0}.archive-category-panel{max-height:750px}.archive-items{height:750px}.archive-bonus-panel{grid-column:1/-1;height:340px}#archive-bonuses-list{display:grid;grid-template-columns:1fr 1fr;align-content:start}.archive-page{padding:20px 14px}.archive-shell{padding:8px}}
@media(max-width:540px){.archive-layout{grid-template-columns:1fr}.archive-category-panel{max-height:210px}.archive-items{height:770px}.archive-bonus-panel{grid-column:auto;height:360px}.archive-group h2{font-size:13px}.archive-group h2 span{font-size:10px}.archive-category-panel>section{display:inline-block;vertical-align:top;min-width:45%;max-width:100%}.archive-category-panel>.archive-category{margin-bottom:5px}.guide-title-banner h1{font-size:23px}.guide-title-banner h1 small{font-size:26px}.archive-icon-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.archive-toolbar{gap:5px}#archive-bonuses-list{display:block}}