:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c1916;color:#e0e9d8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0,#284738,transparent 65%)}main{max-width:1220px;margin:auto;padding:28px 22px}a{color:#c2df87}header small{display:block;margin-top:24px;letter-spacing:.16em;color:#a9ba9a}h1{font-size:clamp(28px,5vw,44px);margin:8px 0}p{line-height:1.7;color:#bac7b5}nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}button,input,select{font:inherit;border:1px solid #52664a;border-radius:9px;padding:11px;background:#192d23;color:#e9f2db}button{cursor:pointer}button[aria-pressed=true]{background:#bfdb85;color:#162717}button:disabled{opacity:.35;cursor:default}.filters{display:flex;gap:12px;flex-wrap:wrap;position:sticky;top:0;padding:16px 0;background:#0c1916ed;z-index:2}.filters label{display:grid;gap:5px;font-size:12px;color:#a8b99e}.filters label:first-child{flex:1;min-width:220px}input{width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.card{display:flex;text-align:left;gap:12px;align-items:flex-start;min-height:144px;background:linear-gradient(130deg,#23382a,#162820)}.card:hover{border-color:#bdd882}.card img,.placeholder{width:56px;height:56px;flex-shrink:0;border-radius:7px;border:1px solid #7e8250;object-fit:contain;background:#111c15}.placeholder{display:grid;place-items:center;font-size:24px}.card h3{font-size:16px;margin:1px 0 5px}.card small{font-size:11px;color:#b6c795;overflow-wrap:anywhere}.card p{font-size:12px;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card>div:last-child{min-width:0}.icon-grid .card{min-height:110px}.icon-grid .card h3{font-size:12px;overflow-wrap:anywhere}footer{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px}details{background:#172820;padding:15px;border-radius:10px;font-size:13px}dialog{width:min(680px,94vw);max-height:86vh;overflow:auto;border:1px solid #88a566;background:#13251d;color:#e2ecd5;border-radius:18px;padding:22px}dialog::backdrop{background:#000b}#close{float:right}#detailContent{clear:both;padding-top:14px;overflow-wrap:anywhere}#detailContent img{width:84px;height:84px;border:1px solid #a8b66e;border-radius:9px}pre{white-space:pre-wrap;font:12px monospace;background:#0b1a14;padding:12px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:9px;border-bottom:1px solid #36503c;text-align:left}#detailContent p{white-space:pre-line}@media(max-width:500px){main{padding:18px 12px}.filters{gap:8px}.filters label:first-child{flex-basis:100%}.filters label{flex:1}.grid{grid-template-columns:1fr}.card{min-height:125px}nav a{font-size:13px}}
.skill-card-wrap{position:relative;min-width:0}.skill-card-wrap>.card{width:100%;height:100%;padding-right:48px}.hide-skill{position:absolute;right:3px;top:3px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#b8c7ac;font-size:25px;line-height:1}.hide-skill:hover{background:#713b36;color:white}.hide-skill:focus-visible{outline:2px solid #e1f6ad;outline-offset:-3px}#hideStatus{font-size:12px}
.skill-badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px;font-size:10px}.skill-badges>span{padding:3px 5px;border-radius:5px;background:#324736;color:#dcf2c6}.skill-badges>.tier-ultimate{background:#5c4727;color:#ffe0a0}.skill-badges>.tier-supreme{background:#612f43;color:#ffd3e4}.classification-note{display:block;font-size:10px;color:#b6ba9e;margin-bottom:7px}