.mushroom-parts-explorer{margin-top:56px}.mushroom-parts-explorer-layout{background:color-mix(in srgb, var(--surface-muted) 70%, transparent);box-shadow:var(--shadow-xl);grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);align-items:start;gap:32px;padding:24px;display:grid}.mushroom-parts-figure{min-width:0;margin:0}.mushroom-parts-canvas{border:1px solid color-mix(in srgb, var(--bark) 20%, transparent);border-radius:var(--radius-md);background:var(--surface-warm);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.mushroom-parts-canvas img{width:100%;height:auto;display:block}.mushroom-parts-figure figcaption{color:var(--muted);font-size:var(--text-xs);margin:12px 4px 0;line-height:1.45}.mushroom-part-marker{left:var(--marker-x);top:var(--marker-y);border:2px solid color-mix(in srgb, var(--surface-warm) 90%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ink) 90%, transparent);width:42px;height:42px;color:var(--paper);box-shadow:var(--shadow-md);cursor:pointer;place-items:center;padding:0;transition:background-color .16s,box-shadow .16s,transform .16s;display:grid;position:absolute;transform:translate(-50%,-50%)}.mushroom-part-marker:before{border:1px solid color-mix(in srgb, var(--clay) 70%, transparent);border-radius:inherit;content:"";opacity:0;width:54px;height:54px;transition:opacity .16s,transform .16s;position:absolute;transform:scale(.72)}.mushroom-part-marker span{font-size:var(--text-xs);font-weight:900;line-height:1;position:relative}.mushroom-part-marker:hover,.mushroom-part-marker[aria-pressed=true]{background:var(--clay);box-shadow:var(--shadow-md);transform:translate(-50%,-50%)scale(1.08)}.mushroom-part-marker:hover:before,.mushroom-part-marker[aria-pressed=true]:before{opacity:1;transform:scale(1)}.mushroom-part-marker:focus-visible{outline-color:var(--ink);outline-offset:4px}.mushroom-parts-guide{gap:16px;min-width:0;display:grid;position:sticky;top:106px}.mushroom-part-detail{border-radius:var(--radius-md);background:var(--forest-panel);min-height:330px;color:var(--on-dark);position:relative;overflow:hidden}.mushroom-part-detail-number{color:color-mix(in srgb, var(--paper) 10%, transparent);font-family:var(--font-nunito-sans), sans-serif;font-size:var(--display-lg);font-style:italic;font-weight:900;line-height:.9;position:absolute;top:18px;right:22px}.mushroom-part-detail-copy{z-index:1;padding:32px;position:relative}.mushroom-part-detail-copy>p:first-child{color:var(--apricot);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-weight:900}.mushroom-part-detail h3{color:var(--on-dark);font-size:var(--text-3xl);margin:0;line-height:1.05}.mushroom-part-detail h3+p{max-width:37ch;color:var(--on-dark-muted);font-size:var(--text-base);margin:16px 0 0;line-height:1.55}.mushroom-part-observations{border-top:1px solid color-mix(in srgb, var(--white) 15%, transparent);margin-top:28px;padding-top:20px}.mushroom-part-observations>span{color:var(--apricot);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:900}.mushroom-part-observations ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.mushroom-part-observations li{color:var(--on-dark);font-size:var(--text-base);grid-template-columns:7px minmax(0,1fr);align-items:start;gap:12px;line-height:1.35;display:grid}.mushroom-part-observations li:before{background:var(--pumpkin);content:"";border-radius:50%;width:7px;height:7px;margin-top:8px}.mushroom-parts-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.mushroom-parts-index button{border:1px solid color-mix(in srgb, var(--bark) 15%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-warm) 70%, transparent);width:100%;min-height:50px;color:var(--ink);font:inherit;font-size:var(--text-xs);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 12px;font-weight:800;line-height:1.2;transition:border-color .15s,background-color .15s,color .15s,transform .15s;display:grid}.mushroom-parts-index button>span{color:var(--clay);font-size:var(--text-xs);letter-spacing:.05em;font-weight:900}.mushroom-parts-index button:hover{border-color:color-mix(in srgb, var(--bark) 30%, transparent);background:var(--surface-warm);transform:translateY(-1px)}.mushroom-parts-index button[aria-pressed=true]{border-color:var(--bark);background:var(--bark);color:var(--on-dark)}.mushroom-parts-index button[aria-pressed=true]>span{color:var(--apricot)}.mushroom-parts-explorer-safety{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--warning-surface) 70%, transparent);color:var(--bark);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 16px;display:grid}.mushroom-parts-explorer-safety svg{margin-top:2px}.mushroom-parts-explorer-safety p{font-size:var(--text-xs);margin:0;line-height:1.45}.mushroom-part-mobile-detail{display:none}@media (max-width:900px){.mushroom-parts-explorer-layout{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:20px;padding:16px}.mushroom-parts-guide{top:88px}.mushroom-part-detail-copy{padding:24px}.mushroom-part-detail{min-height:300px}.mushroom-parts-index{grid-template-columns:1fr}}@media (max-width:720px){.mushroom-parts-explorer-layout{grid-template-columns:1fr}.mushroom-parts-guide{display:none}.mushroom-parts-index{grid-template-columns:repeat(2,minmax(0,1fr))}.mushroom-part-marker{width:38px;height:38px}.mushroom-part-marker:before{width:48px;height:48px}.mushroom-part-mobile-detail[data-open=true]{right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:40;border:1px solid color-mix(in srgb, var(--apricot) 30%, transparent);border-radius:var(--radius-md);background:var(--forest-panel);max-height:calc(100dvh - 104px);color:var(--on-dark);box-shadow:var(--shadow-xl);padding:20px 56px 20px 20px;animation:.18s ease-out mushroom-mobile-detail-in;display:block;position:fixed;left:12px;overflow:auto}.mushroom-part-mobile-detail>p:first-of-type{color:var(--apricot);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-weight:900}.mushroom-part-mobile-detail h3{color:var(--on-dark);font-size:var(--text-xl);margin:0;line-height:1.1}.mushroom-part-mobile-detail h3+p{color:var(--on-dark-muted);font-size:var(--text-xs);margin:8px 0 0;line-height:1.45}.mushroom-part-mobile-detail ul{border-top:1px solid color-mix(in srgb, var(--white) 15%, transparent);gap:4px;margin:12px 0 0;padding:12px 0 0;list-style:none;display:grid}.mushroom-part-mobile-detail li{color:var(--on-dark);font-size:var(--text-xs);line-height:1.35}.mushroom-part-mobile-detail li:before{color:var(--pumpkin);content:"•";margin-right:8px}.mushroom-part-mobile-detail-close{border:1px solid color-mix(in srgb, var(--white) 20%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--white) 10%, transparent);width:40px;height:40px;color:var(--on-dark);cursor:pointer;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.mushroom-part-mobile-detail-close:hover{background:color-mix(in srgb, var(--white) 15%, transparent)}}@media (max-width:440px){.mushroom-parts-explorer-layout{border-radius:var(--radius-md);padding:12px}.mushroom-part-detail-copy{padding:24px}}@media (prefers-reduced-motion:reduce){.mushroom-part-marker,.mushroom-part-marker:before,.mushroom-parts-index button{transition:none}.mushroom-part-mobile-detail[data-open=true]{animation:none}}@keyframes mushroom-mobile-detail-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}