.crab-intro{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.crab-intro h1{margin:.5rem 0 1rem;font-size:clamp(2.5rem,6vw,4.7rem);line-height:1}.crab-intro .wild-deck{max-width:42rem}.crab-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.crab-card{border:1px solid var(--line,#323432);background:#0b0d0d;min-width:0;padding:0 1.1rem 1.4rem}.crab-art{aspect-ratio:3/5;background:#000;width:100%;position:relative;overflow:hidden}.crab-art img{object-fit:fill;width:500%;max-width:none;height:200%;position:absolute}.crab-card .crab-art{width:calc(100% + 2.2rem);margin:0 -1.1rem 1rem}.crab-card h2{margin:.5rem 0;font-size:1.2rem;line-height:1.25}.crab-card p{font-size:1rem}.crab-card .crab-stock{opacity:.8;font-size:.875rem}.crab-detail{grid-template-columns:minmax(180px,300px) minmax(0,1fr);align-items:start;gap:3rem;display:grid}.crab-detail h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.1}.crab-detail .crab-art{position:sticky;top:1rem}.crab-detail a,.memory-editor a{overflow-wrap:anywhere}.crab-explainer{max-width:52rem;padding:2rem 0}.memory-stack{flex-direction:column-reverse;gap:.75rem;max-width:44rem;display:flex}.memory-stone{border:1px solid var(--line,#323432);background:#101312;grid-template-columns:90px minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.memory-stone[data-empty=true]{opacity:.65}.memory-stone p{overflow-wrap:anywhere;white-space:pre-wrap;margin:.5rem 0}.memory-stone small{font-size:.875rem}.memory-marker{aspect-ratio:3/4;background:#000;align-self:center;width:90px;display:block;position:relative;overflow:hidden}.memory-marker img{object-fit:fill;width:400%;max-width:none;height:200%;position:absolute}.memory-marker[data-slot="1"] img{top:0;left:0}.memory-marker[data-slot="2"] img{top:-100%;left:0}.memory-marker[data-slot="3"] img{top:-100%;left:-200%}.memory-editor{max-width:48rem;margin:2rem 0}.memory-editor label{margin:.8rem 0 .4rem;font-size:1rem;display:block}.memory-editor select,.memory-editor textarea{font:inherit;color:inherit;background:#151a18;border:1px solid #667267;border-radius:0;width:100%;max-width:100%;padding:.75rem}.memory-editor textarea{resize:vertical;min-height:6rem}.memory-editor button{font:inherit;cursor:pointer;color:#112015;background:#d0e1cc;border:1px solid #a8c3ad;margin:.5rem .6rem .5rem 0;padding:.75rem 1rem}.memory-editor button:disabled{opacity:.5;cursor:wait}.memory-editor summary{cursor:pointer;padding:1rem 0}.memory-editor output{min-height:1.5rem;display:block}.memory-history li{overflow-wrap:anywhere;border-left:2px solid #687e6b;margin:1rem 0;padding:.5rem 1rem}.memory-editor pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}.crab-card a:focus-visible{outline-offset:4px;outline:2px solid #d5e6a8}.memory-editor :focus-visible{outline-offset:4px;outline:2px solid #d5e6a8}@media (max-width:1000px){.crab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.crab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crab-detail{grid-template-columns:1fr;gap:1rem}.crab-detail>.crab-art{width:220px;margin:auto;position:static}.crab-intro{display:block}}@media (max-width:420px){.crab-grid{grid-template-columns:1fr}.crab-card .crab-art{width:264px;max-height:440px;margin:auto}.memory-stone{grid-template-columns:60px minmax(0,1fr)}.memory-marker{width:60px}}