.slider-board{aspect-ratio:1;grid-template-columns:repeat(var(--board-size), 1fr);grid-template-rows:repeat(var(--board-size), 1fr);touch-action:none;background:#22304a;border:1px solid #66799b;border-radius:.9rem;gap:.4rem;width:min(100%,23rem);padding:.55rem;display:grid}.slider-tile,.slider-gap{border-radius:.55rem}.slider-tile{color:#172640;font:820 clamp(1.45rem, 5vw, 2.45rem)/1 var(--heading);background:#bfd4fa;border:1px solid #bdcffa;box-shadow:inset 0 -4px #7696ca}.slider-tile[data-ordered=true]{background:#dbe8ff}.slider-tile[data-movable=true]:hover{background:#fff0ca}.slider-gap{background:#161e30;border:1px dashed #4e5c75}