.dome-match{--dm-shell:#f0f0eb;--dm-shell-hover:#e6e3da;--dm-card:#fff;--dm-petal:#2563eb;--dm-ink:#1d1d1d;--dm-shadow:#0000002e;--dm-r:12px;--dm-inset:3px}.dome-match.is-dark{--dm-shell:#2a2a28;--dm-shell-hover:#373735;--dm-card:#1b1b1a;--dm-petal:#60a5fa;--dm-ink:#f2f1ec;--dm-shadow:#00000080}.dm-body{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.dm-host{height:170px;position:relative}.dm-stage{width:100%;height:170px;display:block;position:absolute;inset:auto 0 0;overflow:visible}@media (width>=768px){.dm-body{grid-template-columns:200px minmax(0,1fr)}.dm-host{height:auto}.dm-stage{height:230px}}.dm-boardwrap{position:relative;container-type:inline-size}.dm-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@container (width>=460px){.dm-board{grid-template-columns:repeat(8,minmax(0,1fr))}}.dm-card{aspect-ratio:4/5;perspective:600px;background:0 0;border:0;border-radius:12px;padding:0;display:block;position:relative}button.dm-card{cursor:pointer}button.dm-card:focus-visible{outline:2px solid var(--color-brand-600,#2563eb);outline-offset:2px}.dm-inner{transform-style:preserve-3d;transition:transform .34s cubic-bezier(.3,.7,.2,1);position:absolute;inset:0}.dm-card.is-up .dm-inner{transform:rotateY(180deg)}.dm-side{padding:var(--dm-inset);border-radius:inherit;background:var(--dm-shell);backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.dm-inner,.dm-side{border-radius:var(--dm-r)}.dm-side:before{content:"";inset:var(--dm-inset);border-radius:calc(var(--dm-r) - var(--dm-inset));background:var(--dm-card);position:absolute}.dm-side>svg{z-index:1;position:relative}.dm-back{color:var(--dm-ink);transition:background-color .15s,box-shadow .15s}.dm-back>svg{opacity:.9;width:54%;height:auto}button.dm-card:hover:not(.is-up) .dm-back{background:var(--dm-shell-hover);box-shadow:0 4px 10px -4px var(--dm-shadow)}.dm-face{transform:rotateY(180deg)}.dm-face:before{background:var(--dm-col)}.dm-face>svg{width:100%;height:100%;display:block}.dm-card.is-done .dm-face{animation:.42s ease-out dm-pop}@keyframes dm-pop{45%{transform:rotateY(180deg)scale(1.08)}}.dm-win{z-index:4;pointer-events:none;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.dm-panel{text-align:center;background:var(--dm-card);max-width:320px;box-shadow:inset 0 0 0 1px var(--dm-shell), 0 24px 48px -16px #00000059;pointer-events:auto;border-radius:18px;padding:24px 28px}@media (width<=767px){.dome-match{--dm-r:9px;--dm-inset:2px}.dm-card{border-radius:var(--dm-r)}}@media (prefers-reduced-motion:reduce){.dm-inner{transition:none}.dm-card.is-done .dm-face{animation:none}}