.equipment-shelf{display:grid;gap:2rem 1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:2rem 0;padding:0}.equipment-card{min-width:0}.equipment-open{border-radius:.7rem;display:flex;flex-direction:column;height:100%;text-align:start;width:100%}.equipment-media{aspect-ratio:5/4;background:var(--c-bg-1);border-radius:.7rem .7rem .3rem .3rem;display:grid;isolation:isolate;overflow:hidden;padding:1.7rem;place-items:center;position:relative;width:100%}.equipment-media:after{background:var(--c-bg-2);border-top:1px solid var(--c-border);box-shadow:0 -8px 18px var(--ld-shadow);content:"";height:.55rem;inset:auto 0 0;position:absolute;z-index:-1}.equipment-page .equipment-media>img{display:block;filter:drop-shadow(0 12px 8px var(--ld-shadow));height:100%;inset:0;min-height:0;object-fit:contain;padding:inherit;position:absolute;transition:transform .25s ease;width:100%}.equipment-media .equipment-placeholder,.equipment-media.is-empty img{display:none}.equipment-media.is-empty .equipment-placeholder{display:block}.equipment-placeholder{color:var(--c-text-3);font-size:3.5rem}.equipment-peek{background:var(--c-bg);border-radius:50%;color:var(--c-text-2);display:grid;height:1.7rem;opacity:0;place-items:center;position:absolute;right:.65rem;top:.65rem;transition:opacity .2s;width:1.7rem}.equipment-caption{display:flex;flex:1;flex-direction:column;min-width:0;padding:1rem .2rem .5rem;width:100%}.equipment-category{color:var(--c-text-2);font-size:.7rem;margin-bottom:.45rem}.equipment-name{color:var(--c-text);font-size:1rem;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.equipment-spec{color:var(--c-text-2);font-family:var(--font-monospace);font-size:.72rem;line-height:1.6;margin-top:.35rem;overflow-wrap:anywhere}.equipment-description{color:var(--c-text-2);display:-webkit-box;font-size:.8rem;line-height:1.8;margin-top:.65rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-line}.equipment-detail-hint{align-items:center;align-self:flex-start;color:var(--c-primary);display:inline-flex;font-size:.7rem;gap:.25rem;margin-top:auto;padding-top:.8rem}.equipment-open:is(:hover,:focus-visible) .equipment-media img{transform:translateY(-5px)}.equipment-open:is(:hover,:focus-visible) .equipment-peek{opacity:1}[data-equipment-page][data-view=list] .equipment-shelf{gap:0;grid-template-columns:minmax(0,1fr);margin-top:.5rem}[data-equipment-page][data-view=list] .equipment-card+.equipment-card{border-top:1px solid var(--c-border)}[data-equipment-page][data-view=list] .equipment-open{align-items:center;display:grid;gap:1.5rem;grid-template-columns:9rem minmax(0,1fr);padding-block:1.25rem}[data-equipment-page][data-view=list] .equipment-media{aspect-ratio:1;border-radius:.5rem;padding:1rem}[data-equipment-page][data-view=list] .equipment-media:after{display:none}[data-equipment-page][data-view=list] .equipment-caption{padding:0}[data-equipment-page][data-view=list] .equipment-description{-webkit-line-clamp:2}@media(max-width:960px){.equipment-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:528px){.equipment-shelf{gap:1.5rem .85rem;margin-top:1.5rem}.equipment-media{aspect-ratio:1;padding:.85rem}.equipment-name{font-size:.9rem}.equipment-caption{padding-top:.8rem}.equipment-spec{font-size:.68rem}.equipment-peek{display:none}[data-equipment-page][data-view=list] .equipment-open{gap:1rem;grid-template-columns:5.5rem minmax(0,1fr)}}.equipment-dialog{background:var(--c-bg);border:1px solid var(--c-border);border-radius:1rem;box-shadow:0 24px 80px #0003;color:var(--c-text-1);margin:auto;max-height:calc(100dvh - 3rem);max-width:none;overflow:auto;overscroll-behavior:contain;padding:0;position:fixed;width:min(900px,100% - 2rem)}.equipment-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10141c70}.equipment-dialog[open]{animation:equipment-reveal .2s ease-out}.equipment-dialog-top{align-items:center;background:var(--c-bg);border-bottom:1px solid var(--c-border);color:var(--c-text-2);display:flex;font-size:.8rem;gap:1rem;justify-content:space-between;padding:.75rem 1rem .75rem 1.5rem;position:sticky;top:0;z-index:1}.equipment-icon-button{border-radius:.5rem;color:var(--c-text-1);display:inline-grid;flex:none;font-size:1.1rem;min-height:2.5rem;min-width:2.5rem;place-items:center}.equipment-icon-button:hover:enabled{background:var(--c-primary-soft);color:var(--c-primary)}.equipment-icon-button:disabled{cursor:default;opacity:.3}.equipment-dialog-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.equipment-dialog-media{background:var(--c-bg-1);display:grid;min-height:22rem;padding:clamp(1.5rem,5vw,3.5rem);place-items:center}.equipment-page .equipment-dialog-media>img{display:block;filter:drop-shadow(0 14px 12px var(--ld-shadow));height:20rem;object-fit:contain;width:100%}.equipment-dialog-media .equipment-placeholder,.equipment-dialog-media.is-empty img{display:none}.equipment-dialog-media.is-empty .equipment-placeholder{display:block}.equipment-dialog-notes{align-items:flex-start;display:flex;flex-direction:column;min-width:0;padding:2rem}.equipment-dialog-notes h2{color:var(--c-text);font-size:1.8rem;line-height:1.4;margin:0;overflow-wrap:anywhere}.equipment-dialog-spec{color:var(--c-text-2);font-family:var(--font-monospace);font-size:.8rem;line-height:1.8;margin-top:.8rem;overflow-wrap:anywhere}.equipment-dialog-description{border-top:1px solid var(--c-border);color:var(--c-text-1);font-size:.9rem;line-height:1.9;margin-top:1.5rem;overflow-wrap:anywhere;padding-top:1.25rem;white-space:pre-wrap}.equipment-source{align-items:center;color:var(--c-primary);display:inline-flex;font-size:.8rem;gap:.4rem;margin-top:1.5rem;padding-block:.5rem}.equipment-dialog-bottom{align-items:center;background:var(--c-bg);border-top:1px solid var(--c-border);bottom:0;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem;position:sticky}.equipment-dialog-paging{align-items:center;display:flex;gap:.5rem}.equipment-dialog-paging>span{color:var(--c-text-2);font-family:var(--font-monospace);font-size:.75rem;min-width:3rem;text-align:center}.equipment-share{align-items:center;color:var(--c-text-2);display:inline-flex;font-size:.75rem;gap:.35rem;padding:.5rem}.equipment-share:hover{color:var(--c-primary)}@media(max-width:640px){.equipment-dialog{max-height:calc(100dvh - 1rem);width:calc(100% - 1rem)}.equipment-dialog-body{grid-template-columns:1fr}.equipment-dialog-media{min-height:0;padding:1.5rem}.equipment-page .equipment-dialog-media>img{height:min(14rem,32dvh)}.equipment-dialog-notes{padding:1.5rem}.equipment-dialog-notes h2{font-size:1.5rem}.equipment-dialog-top{padding-left:1.25rem}.equipment-dialog-bottom{gap:.25rem}}@keyframes equipment-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.equipment-page{color:var(--c-text-1);margin:clamp(1rem,4vw,3rem) clamp(1rem,3vw,2.5rem) 2rem}.equipment-page [hidden]{display:none!important}.equipment-page a,.equipment-page button{-webkit-tap-highlight-color:transparent}.equipment-page button{cursor:pointer}.equipment-page :is(button,a):focus-visible{outline:2px solid var(--c-primary);outline-offset:4px}.equipment-heading{align-items:flex-end;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.equipment-heading h1{color:var(--c-text);font-size:clamp(2rem,5vw,3.4rem);font-weight:700;line-height:1.2;margin:0}.equipment-heading p{color:var(--c-text-2);font-size:.9rem;line-height:1.8;margin:.85rem 0 0;max-width:36rem}.equipment-total{align-items:baseline;color:var(--c-text-2);display:flex;flex:none;font-size:.75rem;gap:.4rem;padding-bottom:.2rem;white-space:nowrap}.equipment-total strong{color:var(--c-text-1);font-family:var(--font-monospace);font-size:1.4rem;font-weight:500}.equipment-toolbar{align-items:flex-start;border-block:1px solid var(--c-border);display:flex;gap:1rem;justify-content:space-between;padding-block:.6rem}.equipment-groups{display:flex;flex-wrap:wrap;gap:.2rem .8rem}.equipment-groups a{align-items:center;color:var(--c-text-2);display:inline-flex;font-size:.85rem;gap:.4rem;min-height:2.5rem;padding:.3rem .25rem;transition:color .2s}.equipment-groups [aria-current=page],.equipment-groups a:hover{color:var(--c-primary)}.equipment-groups [aria-current=page]{font-weight:650}.equipment-groups span{font-family:var(--font-monospace);font-size:.7rem;opacity:.65}.equipment-view{align-self:center;background:var(--c-bg-2);border-radius:.6rem;display:inline-flex;flex:none;padding:.2rem}.equipment-view button{align-items:center;border-radius:.4rem;color:var(--c-text-2);display:inline-flex;font-size:.75rem;gap:.35rem;justify-content:center;min-height:2rem;padding:.3rem .6rem}.equipment-view [aria-pressed=true]{background:var(--c-bg);box-shadow:0 1px 4px var(--ld-shadow);color:var(--c-text)}.equipment-group-note{color:var(--c-text-2);font-size:.85rem;line-height:1.7;margin-block:1rem 0}.equipment-empty{color:var(--c-text-2);padding:5rem 1rem;text-align:center}.equipment-empty>span{color:var(--c-text-3);display:block;font-size:3rem;margin:0 auto 1.5rem}.equipment-empty h2{color:var(--c-text-1);font-size:1.1rem;margin-bottom:.5rem}.equipment-empty p{font-size:.85rem}.equipment-empty a{align-items:center;color:var(--c-primary);display:inline-flex;gap:.4rem;margin-top:1.5rem}@media(max-width:528px){.equipment-heading{align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.equipment-total{align-items:flex-end;flex-direction:column;gap:.1rem;padding-top:.2rem}.equipment-toolbar{flex-wrap:wrap;gap:.35rem}.equipment-groups{flex:1 1 100%;gap:0 1rem}.equipment-view{margin-inline-start:auto}}@media(pointer:coarse){.equipment-page :is(.equipment-view button,.equipment-groups a,.equipment-icon-button,.equipment-share){min-height:44px}}@media(prefers-reduced-motion:reduce){.equipment-page *,.equipment-page :after,.equipment-page :before{animation:none!important;transition:none!important}}