.brand img{object-fit:cover}
.hero .b{object-fit:cover;border-radius:18px}
.mascot{border-radius:20px;object-fit:cover}
.mmini{width:72px;height:72px;object-fit:cover;border-radius:50%;display:block;margin:4px auto}
.mmini.big{width:110px;height:110px;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.tbox .mmini{width:46px;height:46px;margin:0 auto 2px}
.mtoast{position:fixed;left:12px;bottom:84px;z-index:60;display:flex;align-items:center;gap:8px;background:#fff;color:#3a2a1e;border:3px solid #3a2a1e;border-radius:18px;padding:6px 14px 6px 6px;font-weight:700;box-shadow:3px 3px 0 #3a2a1e;animation:mt .3s ease-out}
.mtoast img{width:56px;height:56px;border-radius:50%;object-fit:cover}
@keyframes mt{from{transform:translateY(20px);opacity:0}}
@media (prefers-reduced-motion:reduce){.mtoast{animation:none}}
.mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0}
.mtile{font:inherit;text-align:left;display:flex;flex-direction:column;gap:4px;background:#fff;color:#3a2a1e;border:3px solid #3a2a1e;border-radius:18px;padding:14px;cursor:pointer;box-shadow:3px 3px 0 #3a2a1e}
.mtile b{font-size:1.25em}.mtile span{opacity:.75;font-size:.9em}
.mtile:hover{transform:translateY(-2px)}
.mtile:focus-visible{outline:3px solid #3a2a1e;outline-offset:2px}