.d-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;display:grid}@media (max-width:1080px){.d-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.d-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:540px){.d-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.d-grid>li{display:grid}.d-tile{text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--rule);align-content:start;justify-items:center;gap:18px;padding:28px 14px 24px;text-decoration:none;transition:border-color .2s,background .2s;display:grid}.d-tile .d-emblem{--emblem:112px}.d-name{font-family:var(--f-small);font-size:17px;line-height:1.3}.d-tile:hover{border-color:var(--text-2);background:var(--surface-2)}.d-tile:hover .d-seal{color:var(--accent)}.d-tile:focus-visible{outline:var(--focus);outline-offset:2px}[data-mode=game] .d-tile{border:3px solid var(--edge);box-shadow:var(--drop);transition:transform .12s steps(2,end)}[data-mode=game] .d-tile:hover{background:var(--surface);box-shadow:7px 7px 0 0 var(--edge);transform:translate(-2px,-2px)}[data-mode=game] .d-tile:active{box-shadow:2px 2px 0 0 var(--edge);transform:translate(3px,3px)}[data-mode=game] .d-name{font-size:15px}@media (max-width:540px){.d-tile{gap:14px;padding:22px 10px 18px}.d-tile .d-emblem{--emblem:92px}.d-name{font-size:15px}}@media (prefers-reduced-motion:reduce){.d-tile,[data-mode=game] .d-tile{transition:none}[data-mode=game] .d-tile:hover,[data-mode=game] .d-tile:active{transform:none}}