.tier-page{padding:38px 0 72px}.tier-page>.crumbs{margin-bottom:30px}.tier-page h1{margin:14px 0;font-size:clamp(2.3rem,5vw,4.3rem);line-height:1.08;letter-spacing:-.045em}.tier-intro{max-width:740px;color:var(--muted);font-size:1.05rem}.tier-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:26px 0 16px}.tier-toolbar label{display:grid;gap:6px;font-weight:800;font-size:.8rem;width:min(420px,100%);color:var(--muted)}.tier-toolbar input{font:inherit;color:var(--ink);background:#171226;border:1px solid #59477c;border-radius:12px;padding:12px 14px;min-height:46px}.tier-toolbar>span{white-space:nowrap;color:var(--cyan);font-size:.85rem;padding:12px}.tier-note{max-width:920px;color:var(--muted);font-size:.85rem;margin:18px 0 24px}.tier-note a{color:var(--cyan);text-decoration:underline}.tier-board{display:grid;gap:14px}.tier-row{--tier-color:#ff747b;display:grid;grid-template-columns:146px 1fr;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.tier-label{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 14px;background:color-mix(in srgb,var(--tier-color) 13%,#17132a);border-right:1px solid var(--line)}.tier-label h2{color:var(--tier-color);font-size:3rem;line-height:1;margin:0 0 13px}.tier-label p{color:var(--ink);font-size:.76rem;line-height:1.5;font-weight:800;margin:0 0 12px}.tier-label>span{color:var(--muted);font-size:.72rem}.tier-A{--tier-color:#ffbf6a}.tier-B{--tier-color:#ffe66b}.tier-C{--tier-color:#92e6a0}.tier-D{--tier-color:#80dfff}.tier-E{--tier-color:#c3a0ff}.tier-unknown{--tier-color:#a9a4b8}.tier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;padding:16px;align-content:start}.tier-pet{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:12px 8px;border:1px solid transparent;border-radius:13px;background:rgba(255,255,255,.025);transition:background .15s,border-color .15s,transform .15s;min-width:0}.tier-pet:hover{background:var(--panel2);border-color:var(--tier-color);transform:translateY(-3px)}.tier-art{height:78px;width:88px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%)}.tier-art img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 5px 8px #0005)}.tier-placeholder{font-size:2rem}.tier-pet strong{font-size:.75rem;line-height:1.35;overflow-wrap:anywhere}.tier-pet small{color:var(--tier-color);font-weight:850;font-size:.7rem}.tier-row[hidden],.tier-pet[hidden]{display:none}.tier-page>.btn{margin-top:8px}@media(max-width:700px){.tier-row{grid-template-columns:1fr}.tier-label{flex-direction:row;justify-content:flex-start;gap:14px;padding:14px 18px;border-right:0;border-bottom:1px solid var(--line)}.tier-label h2{font-size:2rem;margin:0;width:30px}.tier-label p{margin:0;flex:1;text-align:left}.tier-label>span{margin-left:auto;white-space:nowrap}.tier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px}.tier-pet{padding:10px 5px}.tier-art{width:72px;height:72px}.tier-art img{width:70px;height:70px}.tier-toolbar{align-items:center}.tier-toolbar>span{padding:0}.tier-pet strong{font-size:.7rem}}