.spot-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-bottom:1.25rem}@media(min-width:960px){.spot-layout.split{grid-template-columns:clamp(300px,30vw,380px) minmax(0,1fr);align-items:start}.spot-layout.split>.spot-card{position:sticky;top:calc(var(--header-h) + 1rem);grid-row:1 / span 4}.spot-layout.split>:not(.spot-card){grid-column:2}}.spot-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.25rem;align-items:center;padding:1.25rem 1.5rem;margin:0}.spot-card .spot-art{grid-column:1;grid-row:1 / span 2}.spot-head{grid-column:2;grid-row:1;align-self:end;min-width:0}.spot-facts{grid-column:2;grid-row:2;align-self:start}.spot-variant-card{display:contents}.spot-variant-card[hidden],.spot-variant-body[hidden]{display:none}.spot-variant-body{display:grid;gap:1.25rem}.spot-variant-body>.spot-sec{margin:0}.spot-variants{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .7rem}.spot-facts{min-width:0}.spot-card h1{margin:0 0 .4rem}.spot-meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem}.spot-meta+.spot-meta{margin-top:.4rem}.spot-meta .meta-item+.meta-item:before{display:none}.spot-desc{margin:.8rem 0 0;max-width:65ch}@media(max-width:600px){.spot-card{grid-template-columns:minmax(0,1fr);text-align:center;padding:1.1rem 1.1rem 1.2rem}.spot-card .spot-art{grid-row:1;margin:.4rem auto .6rem}.spot-head{grid-column:1;grid-row:2}.spot-facts{grid-column:1;grid-row:3}.spot-variants,.spot-meta{justify-content:center}.spot-desc{text-align:left}}.spot-art{position:relative;width:96px;height:96px;flex-shrink:0;display:grid;place-items:center;background:var(--panel-mint);border-radius:var(--radius-lg)}.spot-art>img:not(.spot-object){width:78%;height:78%;object-fit:contain}.spot-glyph{display:block;width:58%;aspect-ratio:1;background-color:var(--leaf);-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat}@media(max-width:600px){.spot-art{width:72px;height:72px}}.spot-art--object{width:132px;height:132px}.spot-object{position:absolute;left:50%;bottom:8%;width:118%;height:118%;transform:translate(-50%);object-fit:contain;object-position:bottom}.spot-tool{position:absolute;right:-10px;bottom:-10px;width:44px;height:44px;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:0 0 0 1px var(--mint-line)}.spot-tool img{width:32px;height:32px;object-fit:contain}.spot-tool .spot-glyph{width:60%}@media(max-width:600px){.spot-art--object{width:128px;height:128px}.spot-tool{width:36px;height:36px;right:-8px;bottom:-8px}.spot-tool img{width:26px;height:26px}}@media(min-width:960px){.spot-layout.split>.spot-card{grid-template-columns:minmax(0,1fr);text-align:center;padding:1.5rem 1.4rem 1.4rem}.spot-layout.split .spot-card .spot-art{grid-row:1}.spot-layout.split .spot-head{grid-column:1;grid-row:2}.spot-layout.split .spot-facts{grid-column:1;grid-row:3}.spot-layout.split .spot-variants{justify-content:center}.spot-layout.split .spot-art{width:100%;height:auto;aspect-ratio:1;max-width:240px;margin:1.6rem auto .4rem}.spot-layout.split .spot-art--object .spot-object{width:104%;height:104%}.spot-layout.split .spot-tool{width:52px;height:52px;right:-6px;bottom:-6px}.spot-layout.split .spot-tool img{width:36px;height:36px}.spot-layout.split .spot-meta{justify-content:center}.spot-layout.split .spot-desc{text-align:left}}.spot-tag{display:inline-flex;align-items:center;gap:.3rem;height:30px;padding:0 .6rem;border-radius:var(--radius-sm);background:var(--panel-mint);box-shadow:inset 0 0 0 2px #fff,0 0 0 1px var(--mint-line);color:var(--teal-deep);font-family:var(--font-display);font-weight:600;font-size:.85rem;white-space:nowrap}.drop-tab{appearance:none;padding:.36rem .75rem .34rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);color:var(--ink);font-family:var(--font-display);font-weight:500;font-size:.95rem;line-height:1.2;white-space:nowrap;cursor:pointer}.drop-tab:not([aria-selected=true]):hover{border-color:var(--hover-rim);background:var(--hover-wash);box-shadow:inset 0 0 0 1px var(--hover-rim),var(--shadow)}.drop-tab[aria-selected=true]{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:inset 0 -2px 0 var(--teal-deep)}.drop-table{border-top:1px solid var(--mint-line)}.dt-row{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem;align-items:center;gap:.75rem;padding:0 1.1rem}.drop-table:has(.dt-hits) .dt-row{grid-template-columns:minmax(0,1fr) repeat(3,5rem)}.dt-span3{grid-column:2 / -1}.dt-head{min-height:40px;background:var(--mint-body);border-bottom:1px solid var(--mint-line);font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--ink)}.dt-group+.dt-group .dt-head{border-top:1px solid var(--mint-line)}.dt-head .dt-val{font-size:.88rem;color:var(--muted)}.dt-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;padding:.45rem 0}.dt-needs{font-family:var(--font-body);font-weight:700;font-size:.84rem;color:var(--muted)}.dt-item{min-height:48px;color:var(--ink);font-weight:700}.dt-item+.dt-item{border-top:1px solid var(--mint-line)}@media(min-width:1100px){.dt-items.dt-many{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dt-items.dt-many>.dt-item{border-top:1px solid var(--mint-line)}.dt-items.dt-many>.dt-item:nth-child(-n+2){border-top:0}.dt-items.dt-many>.dt-item:nth-child(2n){border-left:1px solid var(--mint-line)}}a.dt-item:hover{text-decoration:none;background:var(--hover-wash)}a.dt-item:hover .dt-name>span:last-child{color:var(--hover-ink, var(--teal-deep))}.dt-name{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.35rem 0}.dt-name small{display:block;font-weight:600;color:var(--muted)}.dt-art{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center}.dt-art img{width:100%;height:100%;object-fit:contain}.dt-val{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.dt-group:last-child .dt-item:last-child{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}@media(max-width:520px){.dt-row{padding:0 .8rem;gap:.5rem;grid-template-columns:minmax(0,1fr) 4rem}.drop-table:has(.dt-hits) .dt-row{grid-template-columns:minmax(0,1fr) repeat(3,3.4rem)}}
