:root{--mm-paper: #f4ead5;--mm-paper-deep: #e8d8b8;--mm-ink: #2b2018;--mm-ink-soft: #5c4a38;--mm-frame: #2b2018;--mm-gold: #c8902f;--mm-rule: #b9a47e;--mm-tint: var(--mm-paper-deep);--mm-accent: var(--mm-gold);--mm-font-display: "Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;--mm-font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mm-font-mono: "Space Mono", ui-monospace, SFMono-Regular, "JetBrains Mono", monospace;--mm-card-radius: 14px;--mm-card-inset-radius: 9px;--mm-card-border: 2.5px;--mm-card-aspect: 5 / 7;--mm-flip-duration: .7s;--mm-rise-duration: .8s}.mm-page{position:relative;background:radial-gradient(ellipse at 18% 12%,#fbf3e0 0%,transparent 55%),radial-gradient(ellipse at 85% 88%,#ecdcbd 0%,transparent 60%),linear-gradient(160deg,#f1e6cf,#e4d2af);color:var(--mm-ink);font-family:var(--mm-font-body);overflow-x:hidden}.mm-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E")}.mm-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 42%,transparent 55%,rgba(43,32,24,.16) 100%)}.mm-page>*{position:relative;z-index:3}.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:clamp(1.4rem,3vw,2.4rem)}.mm-card{position:relative;aspect-ratio:var(--mm-card-aspect);perspective:1400px;cursor:pointer;animation:mm-rise var(--mm-rise-duration) cubic-bezier(.2,.8,.2,1) both;transition:transform .35s cubic-bezier(.2,.8,.2,1);background:transparent;border:0;padding:0;font:inherit;text-align:inherit;color:inherit}.mm-card:hover{transform:translateY(-9px)}.mm-card:focus-visible{outline:3px solid var(--mm-gold);outline-offset:4px;border-radius:var(--mm-card-radius)}.mm-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform var(--mm-flip-duration) cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.mm-card.is-flipped .mm-card-inner{transform:rotateY(180deg)}.mm-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--mm-card-radius);overflow:hidden;background:var(--mm-paper);border:var(--mm-card-border) solid var(--mm-frame);box-shadow:0 1px 0 1px var(--mm-paper) inset,0 18px 26px -14px #2b201880,0 6px 10px -8px #2b201866;display:flex;flex-direction:column}.mm-face:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--mm-rule);border-radius:var(--mm-card-inset-radius);pointer-events:none;z-index:5}.mm-front{padding:11px 11px 0}.mm-art{position:relative;flex:1;border-radius:var(--mm-card-inset-radius) var(--mm-card-inset-radius) 0 0;overflow:hidden;background:var(--mm-tint);border-bottom:var(--mm-card-border) solid var(--mm-frame);display:flex;align-items:center;justify-content:center}.mm-art svg{width:100%;height:100%;display:block}.mm-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1.4px);background-size:13px 13px;opacity:.35;pointer-events:none}.mm-corner-no{position:absolute;top:7px;left:8px;font-family:var(--mm-font-mono);font-size:.62rem;font-weight:700;letter-spacing:.05em;color:var(--mm-ink);background:var(--mm-paper);border:1.5px solid var(--mm-frame);border-radius:5px;padding:1px 5px;z-index:4}.mm-rarity{position:absolute;top:7px;right:8px;display:flex;gap:2px;background:var(--mm-paper);border:1.5px solid var(--mm-frame);border-radius:5px;padding:2px 4px;z-index:4}.mm-rarity i{width:7px;height:7px;display:block;background:var(--mm-gold);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.mm-rarity i.is-off{background:#cdbb95}.mm-label{flex:0 0 auto;padding:.7rem .7rem .85rem;text-align:center;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(43,32,24,.025) 6px 7px),var(--mm-paper)}.mm-label h2,.mm-label .mm-title{font-family:var(--mm-font-display);font-weight:700;font-size:1.32rem;line-height:1;color:var(--mm-ink);letter-spacing:-.005em;margin:0}.mm-label .mm-latin{font-family:var(--mm-font-mono);font-style:italic;font-size:.62rem;color:var(--mm-ink-soft);margin-top:.32rem;letter-spacing:.02em}.mm-label .mm-tap{margin-top:.5rem;font-family:var(--mm-font-mono);font-size:.54rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mm-ink-soft);opacity:.7}.mm-back{transform:rotateY(180deg);padding:20px 17px;background:radial-gradient(circle at 50% 0%,var(--mm-tint) 0%,transparent 70%),var(--mm-paper)}.mm-back-head{text-align:center;border-bottom:1.5px dashed var(--mm-rule);padding-bottom:.7rem;margin-bottom:.7rem}.mm-back-head h3{font-family:var(--mm-font-display);font-weight:600;font-size:1.18rem;color:var(--mm-ink);margin:0}.mm-back-head .mm-tag{font-family:var(--mm-font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mm-gold);margin-top:.2rem}.mm-def{font-size:.83rem;line-height:1.5;color:var(--mm-ink);margin:0 0 .6rem}.mm-def b{font-weight:700}.mm-usage{font-size:.78rem;line-height:1.45;font-style:italic;color:var(--mm-ink-soft);padding-left:.6rem;border-left:2px solid var(--mm-gold);margin:0 0 .6rem}.mm-origin{font-family:var(--mm-font-mono);font-size:.6rem;line-height:1.5;color:var(--mm-ink-soft);letter-spacing:.01em;margin-top:auto;background:#2b20180b;border-radius:6px;padding:.5rem .55rem}.mm-origin:before{content:"✦ FIELD NOTE";display:block;color:var(--mm-gold);font-weight:700;letter-spacing:.14em;margin-bottom:.2rem}.mm-card[data-dark=true] .mm-back{background:radial-gradient(circle at 50% 0%,var(--mm-tint) 0%,#14141e 80%);color:#f4ead5}.mm-card[data-dark=true] .mm-back-head{border-bottom-color:#cdbcff59}.mm-card[data-dark=true] .mm-back-head h3{color:#f4ead5}.mm-card[data-dark=true] .mm-back-head .mm-tag{color:#cdbcff}.mm-card[data-dark=true] .mm-def{color:#f4ead5}.mm-card[data-dark=true] .mm-def b{color:#ffd8a8}.mm-card[data-dark=true] .mm-usage{color:#c4b5d6;border-left-color:#cdbcff}.mm-card[data-dark=true] .mm-origin{color:#c4b5d6;background:#fff5d014}.mm-card[data-dark=true] .mm-origin:before{color:#cdbcff}.mm-card[data-rarity="4"] .mm-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,rgba(255,240,200,.5) 50%,transparent 65%);background-size:280% 280%;animation:mm-foil 4.5s ease-in-out infinite;pointer-events:none;z-index:3}@keyframes mm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mm-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes mm-flutter{0%,to{transform:scaleX(1)}50%{transform:scaleX(.78)}}@keyframes mm-twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes mm-shiver{0%,to{transform:translate(0)}25%{transform:translate(-1.2px)}75%{transform:translate(1.2px)}}.anim-bob{animation:mm-bob 3s ease-in-out infinite;transform-origin:center}.anim-sway{animation:mm-sway 4s ease-in-out infinite;transform-origin:50% 90%}.anim-flutter{animation:mm-flutter .4s ease-in-out infinite;transform-origin:center}.anim-twinkle{animation:mm-twinkle 2.5s ease-in-out infinite}.mm-card:hover .anim-shiver{animation:mm-shiver .18s linear infinite}@keyframes mm-rise{0%{opacity:0;transform:translateY(34px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mm-foil{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@media (prefers-reduced-motion: reduce){.mm-card,.mm-card-inner,.mm-art:after,.anim-bob,.anim-sway,.anim-flutter,.anim-twinkle,.mm-card:hover .anim-shiver{animation-duration:1ms!important;animation-iteration-count:1!important;transition:none}}.mm-animal{display:inline-block;line-height:0}.mm-animal svg{width:100%;height:auto;display:block}.mm-animal--tinted{background:var(--mm-tint);border-radius:var(--mm-card-inset-radius, 9px);overflow:hidden;border:var(--mm-card-border, 2.5px) solid var(--mm-frame, #2b2018);position:relative}.mm-animal--tinted:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1.4px);background-size:13px 13px;opacity:.35;pointer-events:none}.preview-header{text-align:center;margin-bottom:clamp(2.5rem,6vw,4.5rem);padding-top:clamp(2rem,5vw,4.5rem)}.preview-header h1{font-family:var(--mm-font-display);font-weight:700;font-size:clamp(2.6rem,7vw,5rem);line-height:.98;letter-spacing:-.01em;color:var(--mm-ink);text-shadow:2px 2px 0 var(--mm-paper-deep),4px 4px 0 rgba(43,32,24,.12);margin:0}.preview-header h1 .swash{color:var(--mm-gold);font-style:normal}.preview-header .subtitle{margin:1.4rem auto 0;max-width:38ch;font-size:1.04rem;line-height:1.6;color:var(--mm-ink-soft)}.preview-header .filter{display:inline-flex;gap:.4rem;margin:1.6rem 0 .6rem;flex-wrap:wrap;justify-content:center}.preview-header .filter-btn{font-family:var(--mm-font-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;background:var(--mm-paper);border:1.5px solid var(--mm-frame);border-radius:6px;padding:.4rem .8rem;cursor:pointer;color:var(--mm-ink-soft);transition:all .15s}.preview-header .filter-btn:hover{color:var(--mm-ink);border-color:var(--mm-gold)}.preview-header .filter-btn.is-on{background:var(--mm-ink);color:var(--mm-paper);border-color:var(--mm-ink)}.preview-header .specimen-line{margin-top:1rem;font-family:var(--mm-font-mono);font-size:.74rem;letter-spacing:.16em;color:var(--mm-ink-soft);text-transform:uppercase}.preview-header .specimen-line span{color:var(--mm-gold)}.preview-footer{margin-top:4.5rem;padding-bottom:4rem;text-align:center;font-family:var(--mm-font-mono);font-size:.68rem;letter-spacing:.14em;color:var(--mm-ink-soft);text-transform:uppercase}.preview-footer .div{width:60px;height:2px;background:var(--mm-rule);margin:0 auto 1.2rem}.preview-footer b{color:var(--mm-gold)}.mm-page{min-height:100vh;padding:0 clamp(1rem,4vw,3rem)}.mm-page>.mm-grid{max-width:1240px;margin:0 auto}