.page-theme--dnd{--theme-bg:#121212;--theme-panel:#1a1a1a;--theme-panel-elevated:#22201c;--theme-ink:#f5f0e8;--theme-muted:#a89f91;--theme-accent:#c5a880;--theme-accent-soft:#c5a8802e;--theme-highlight:#8b1e3f;--theme-highlight-ink:#f5f0e8;--theme-on-accent:#121212;--theme-border:#3a342c;--theme-shadow:0 8px 24px #00000073;--theme-shadow-hover:0 10px 28px #0000008c;background-image:radial-gradient(120% 60% at 50% -10%,#1c1914 0%,#0000 55%),radial-gradient(80% 50% at 100% 100%,#8b1e3f1f 0%,#0000 45%),radial-gradient(70% 40% at 0 80%,#c5a88014 0%,#0000 40%)}.dnd-race-section{--mask:url(/games/dnd/races/select-mask.png);--ring-offset:var(--bg,#f4f0e6)}.page-theme--dnd .dnd-race-section{--ring-offset:var(--theme-bg,#121212)}.dnd-race-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem .65rem;display:grid}@media (min-width:480px){.dnd-race-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:720px){.dnd-race-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem .75rem}}.dnd-race-tile{cursor:pointer;text-align:center;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:0;text-decoration:none;display:block}.dnd-race-tile__card{corner-shape:superellipse(-.5);color:#292524;opacity:.5;filter:grayscale(.8);width:100%;box-shadow:0 0 0 2px transparent, 0 0 0 4px var(--ring-offset);transform-origin:bottom;background:#eceae4;border-radius:.5rem;flex-direction:column;justify-content:flex-end;padding:.15rem;transition:opacity .22s ease-out,filter .22s ease-out,transform .22s ease-out,background-color .22s ease-out,color .22s ease-out,box-shadow .22s ease-out;display:flex;overflow:hidden;transform:scale(.9)}.dnd-race-tile__art,.dnd-race-tile__placeholder{aspect-ratio:.82;object-fit:cover;object-position:top center;corner-shape:superellipse(-.5);width:100%;-webkit-mask:var(--mask) 0 0 / 100% 100% no-repeat alpha;mask:var(--mask) 0 0 / 100% 100% no-repeat alpha;background:#6f645a;border-radius:0 0 .4rem .4rem;display:block}.dnd-race-tile__placeholder{color:#f7f5f0;background:linear-gradient(160deg,#3a3a3a 0%,#1a1a1a 100%);place-items:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.75rem,7vw,2.5rem);font-weight:700;display:grid}.dnd-race-tile__label{letter-spacing:-.02em;text-align:center;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;height:1.65rem;font-family:Georgia,Times New Roman,ui-serif,serif;font-size:.78rem;font-weight:700;line-height:1;display:flex}@media (min-width:640px){.dnd-race-tile__label{height:1.85rem;font-size:.9rem}}.dnd-race-tile:hover .dnd-race-tile__card,.dnd-race-tile:focus-visible .dnd-race-tile__card{color:#fafaf9;opacity:1;filter:none;box-shadow:0 0 0 2px var(--ring-color,#c5a880), 0 0 0 4px var(--ring-offset);background:#0d0d0d;transition-duration:80ms;transform:scale(1.06)}.dnd-race-tile[data-active=true] .dnd-race-tile__card{color:#fafaf9;opacity:1;filter:none;box-shadow:0 0 0 2px var(--ring-color,#c5a880), 0 0 0 4px var(--ring-offset), 0 .25rem .25rem .125rem #0006;background:#0d0d0d;transform:scale(1.01)}.dnd-race-tile[data-active=true]:hover .dnd-race-tile__card,.dnd-race-tile[data-active=true]:focus-visible .dnd-race-tile__card{transform:scale(1.04)}.dnd-race-tile--more .dnd-race-tile__label{letter-spacing:-.01em;white-space:normal;padding-inline:.15rem;font-size:.68rem;line-height:1.1}@media (min-width:640px){.dnd-race-tile--more .dnd-race-tile__label{font-size:.78rem}}