.board.svelte-9ku8pd.svelte-9ku8pd{width:100%;margin-bottom:3px;position:relative}ul.svelte-9ku8pd.svelte-9ku8pd{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:1fr;grid-gap:10px;grid-row-gap:12px}ul.svelte-9ku8pd li.svelte-9ku8pd{position:relative;padding-top:100%}.item.svelte-9ku8pd.svelte-9ku8pd{position:absolute;top:0;width:100%;height:100%;border-radius:5px;background:var(--tint-input);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 4px 0 var(--tint-input-readonly);transition:opacity .3s ease}.allow.enabled.svelte-9ku8pd .item.empty.svelte-9ku8pd:hover,.allow.enabled.svelte-9ku8pd .item.empty.svelte-9ku8pd:focus{background:var(--tint-input-active);box-shadow:0 4px 0 var(--tint-input)}.allow.enabled.svelte-9ku8pd .item.empty.svelte-9ku8pd:active{transform:translateY(2px);box-shadow:0 2px 0 var(--tint-input)}.item.selected.empty.svelte-9ku8pd.svelte-9ku8pd{transform:translateY(2px);box-shadow:0 2px #0f308c!important;background:#2b5adf!important}.enabled.svelte-9ku8pd .item.selected.empty.svelte-9ku8pd:hover,.enabled.svelte-9ku8pd .item.selected.empty.svelte-9ku8pd:focus{background:#4978ff!important;box-shadow:0 2px #244ab7!important}.item.svelte-9ku8pd span.svelte-9ku8pd{position:relative;z-index:1;line-height:18px;font-size:18px;font-weight:700;color:var(--text-color-1);transition:color .3s ease}.disabled.svelte-9ku8pd .item.unselected.svelte-9ku8pd,.deny.svelte-9ku8pd .item.unselected.svelte-9ku8pd{opacity:.4}.disabled.svelte-9ku8pd .item.svelte-9ku8pd,.deny.svelte-9ku8pd .item.unselected.svelte-9ku8pd{cursor:default}.gem.svelte-9ku8pd.svelte-9ku8pd{position:absolute;top:0;left:0;width:100%;height:100%;padding:5px}.drawn.unselected.svelte-9ku8pd.svelte-9ku8pd{transform:translateY(4px);background:var(--tint-bg-dark);box-shadow:none}.drawn.unselected.svelte-9ku8pd span.svelte-9ku8pd{color:var(--red)}.drawn.selected.svelte-9ku8pd.svelte-9ku8pd{transform:translateY(2px);background:#12356d!important;box-shadow:0 2px #081e42!important}.drawn.selected.svelte-9ku8pd span.svelte-9ku8pd{color:#284c29}@media (max-width: 1000px){.board.svelte-9ku8pd.svelte-9ku8pd{grid-gap:8px!important;grid-row-gap:10px!important}.item.svelte-9ku8pd.svelte-9ku8pd{border-radius:3px}.gem.svelte-9ku8pd.svelte-9ku8pd{padding:2px}span.svelte-9ku8pd.svelte-9ku8pd{line-height:14px!important;font-size:14px!important}}