.mr-pad{box-sizing:border-box;-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);width:100%;color:var(--navy,#1f2a44);background:#ffffff8f;border-radius:32px;margin-inline:auto;padding:20px 16px 22px;position:relative;box-shadow:0 24px 48px -28px #1f2a4473,inset 0 0 0 1.5px #fffc;container:pad/inline-size}[data-night=true] .mr-pad{background:#fff8efd1}.mr-pad:not([data-framed]){max-width:560px}.mr-pad__in{flex-direction:column;align-items:center;gap:16px;display:flex}.mr-pad__head{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.mr-pad__title{font:800 clamp(26px, 7vw, 32px) / 1.1 "Baloo 2", var(--font);text-align:start;margin:0}.mr-pad__owner{background:#ffffffe0;border-radius:999px;align-items:center;gap:14px;margin:0;padding:6px 28px 6px 6px;display:inline-flex;box-shadow:0 12px 24px -16px #1f2a4473,inset 0 0 0 1.5px #fff}.mr-pad__face{border-radius:50%;flex:none;width:60px;height:60px;display:block;overflow:hidden;box-shadow:0 0 0 3px #fff}.mr-pad__face>img{object-fit:cover;width:100%;height:100%;display:block}.mr-pad__name{font:800 30px/1 "Baloo 2", var(--font)}.mr-pad__slots{justify-content:center;gap:18px;margin:0;padding:0;list-style:none;display:flex}.mr-pad__slot{box-sizing:border-box;background:#ecf0fcb8;border:3px dashed #2d3a6eb8;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.mr-pad__slot[data-filled]{color:#fff;background:linear-gradient(160deg,#6f8dff 0%,#3a5be0 60%,#2c46c4 100%);border:3px solid #fff;box-shadow:0 0 0 5px #6f8dff47,0 10px 24px -6px #2c46c499}.mr-pad__mark{place-items:center;width:56%;height:56%;display:grid}.mr-pad__mark>svg{width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.mr-pad__slot[data-filled]>.mr-pad__mark{animation:.26s cubic-bezier(.34,1.56,.64,1) both mr-pad-pop}}@keyframes mr-pad-pop{0%{transform:scale(.4)}}.mr-pad__message{color:var(--navy,#1f2a44);font:700 18px/1.3 var(--font);text-align:center;background:#fff8eff0;border-radius:16px;margin:0;padding:8px 18px}.mr-pad__grid{grid-template-columns:repeat(2, minmax(var(--hit), 1fr));gap:12px;width:100%;display:grid}.mr-pad__grid>.mr-pad__pic:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.mr-pad__pic.mr-btn{--mr-icon:86px;--mr-edge:#1f2a441a;--mr-depth:4px;width:100%;min-height:var(--hit);box-shadow:0 4px 0 var(--mr-edge), 0 16px 26px -18px #1f2a4480, inset 0 0 0 1.5px #ffffffeb;background:#ffffffdb;border-radius:26px;padding:8px}[data-night=true] .mr-pad__pic.mr-btn{background:#fff8eff5}.mr-pad__pic .mr-btn__icon>img{object-fit:contain;filter:drop-shadow(0 6px 6px #1f2a4438);width:100%;height:100%}.mr-pad__undo{justify-content:center;width:100%;margin:-12px 0 -24px;display:flex}@container pad (min-width:440px){.mr-pad__grid{grid-template-columns:repeat(3, minmax(var(--hit), 1fr));max-width:480px}.mr-pad__grid>.mr-pad__pic:last-child:nth-child(odd){grid-column:auto;width:100%}.mr-pad__slot{width:84px;height:84px}}@container pad (min-width:700px){.mr-pad__in{grid-template:"head head""owner grid"1fr"slots grid""message grid""undo grid"1fr/minmax(0,1fr) 420px;place-items:center;gap:14px 28px;display:grid}.mr-pad__head{grid-area:head}.mr-pad__owner{grid-area:owner;align-self:end}.mr-pad__face{width:72px;height:72px}.mr-pad__name{font-size:36px}.mr-pad__slots{gap:14px}.mr-pad__slot{width:84px;height:84px}.mr-pad__slots{grid-area:slots}.mr-pad__message{grid-area:message}.mr-pad__grid{grid-area:grid;gap:12px}.mr-pad__undo{grid-area:undo;align-self:start;margin:0}}