.star-tools{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.star-tools [aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.star-viewport{overflow:auto;max-width:100%;padding:3px}.star-grid{display:grid;max-width:560px;aspect-ratio:1}.star-cell{position:relative;aspect-ratio:1;padding:0;border:1px solid #496153;min-height:44px;font-size:24px;line-height:1}.star-cell:disabled{opacity:1}.star-cell[data-given=true]{text-decoration:underline;text-underline-offset:4px}.star-cell[data-conflict=true]{box-shadow:inset 0 0 0 3px #b8483d}.star-cell[data-hint=true]{outline:3px solid #cf7b13;outline-offset:-5px}.star-region-number{position:absolute;top:3px;left:4px;font:10px system-ui;opacity:.8}.star-overview{font-size:12px;margin-bottom:6px}.star-overview summary{min-height:36px;cursor:pointer;line-height:36px}.star-overview svg{display:block;width:144px;max-width:100%;margin:4px 0}.star-notice{font-size:14px}.star-notice button{display:block;margin-top:6px}.stage-quick-practice{font-size:12px;margin:0 0 0 auto;min-height:36px;padding:4px 8px}.stage-details>summary:has(.stage-quick-practice){gap:4px 10px}.stage-quick-practice[hidden]{display:none}

@media(max-width:600px){.stage-quick-practice,.star-tools button{min-height:44px}.star-overview summary{min-height:44px;line-height:44px}}