.maze-selection[hidden]{display:none}
.maze-selection{margin:20px 0;padding:20px;border:1px solid #4c493f;border-radius:4px;color:#eee;background:#141413}
.maze-selection h3{margin:0 0 8px;font-size:18px;font-weight:500;line-height:1.5}
.maze-selection-hint{margin:0 0 18px;font-size:14px;line-height:1.7;color:#c6c3bb}
.maze-selection-body{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:20px;align-items:start}
.maze-selection canvas{display:block;width:100%;height:auto;aspect-ratio:1;border:1px solid #37362f;border-radius:3px}
.maze-selection-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.maze-selection .maze-position{min-height:52px;padding:10px 12px;border:1px solid #7d7463;border-radius:3px;background:#24231f;color:#faf6ee;font:14px/1.5 var(--font-sans);text-align:left;cursor:pointer}
.maze-position:hover,.maze-position:focus-visible{background:#383329;border-color:#ffd29a;outline:2px solid #ffd29a;outline-offset:2px}
@media(max-width:719px){.maze-selection{padding:14px}.maze-selection-body{grid-template-columns:minmax(0,1fr);gap:14px}.maze-selection canvas{max-width:360px;margin:auto}.maze-position{padding:10px 8px}}