.shoal-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:16px;border:1px solid #c6d9d4;border-radius:16px;background:#eaf3ed;margin-bottom:18px;color:#244b51}
.shoal-mode-picker>label{font-size:17px;font-weight:750;align-self:center}.shoal-mode-picker select{font:inherit;font-size:16px;min-width:0;width:100%;min-height:44px;padding:8px;border:1px solid #b8cfc1;border-radius:10px;background:#fffdf7;color:inherit}
.shoal-mode-picker p,.shoal-mode-picker small,.shoal-round-controls,#shoalTrailControls{grid-column:1/-1;margin:0}.shoal-mode-picker p{font-size:14px;line-height:1.5}.shoal-mode-picker small{font-size:12px;line-height:1.5}.shoal-round-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.shoal-round-controls strong{font-size:15px;font-variant-numeric:tabular-nums}.shoal-mode-picker button{min-height:44px;border:1px solid #b8cfc1;border-radius:12px;background:#fffdf7;color:inherit;font:600 14px system-ui;padding:8px 14px;touch-action:manipulation}
#shoalTrailControls{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}#shoalTrailControls label{font-size:12px;display:grid;gap:5px}
.shoal-mode-picker [hidden]{display:none!important}.shoal-paused #sudokuGrid{filter:blur(7px);pointer-events:none;user-select:none}.shoal-time-up #sudokuGrid{opacity:.65}.shoal-calm .stats span:first-child{display:none}.shoal-polished .cell{touch-action:manipulation;scroll-margin-block:150px 180px}.shoal-polished #numberPad button,.shoal-polished .play-actions button{touch-action:manipulation}
.shoal-polished .number-pad button:focus-visible,.shoal-mode-picker button:focus-visible,.shoal-mode-picker select:focus-visible{outline:3px solid #0e8589;outline-offset:2px}
.shoal-polished #numberPad{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
body.shoal-polished .play-area>aside>#gameMessage{order:0}
body.shoal-polished .play-area>aside>.shoal-selection-status{order:1}
body.shoal-polished .play-area>aside>#numberPad{order:2}
body.shoal-polished .play-area>aside>.play-actions{order:3}
body.shoal-polished .play-area>aside>.shoal-pad-key{order:4}
body.shoal-polished .play-area>aside>.shoal-meter{order:5}
body.shoal-polished .play-area>aside>.reef-progress{order:6}
body.shoal-polished .play-area>aside>#shareSudoku{order:7}
body.shoal-polished .play-area>aside>.game-ux-complete{order:8}
body.shoal-polished .play-area>aside>.tip{order:9}
body.shoal-polished .play-area>aside>.shoal-keyboard-help{order:10}
.shoal-online{width:min(1120px,calc(100% - 24px));margin:0 auto 24px;padding:12px 16px;border:1px solid #bed1c7;border-radius:16px;background:#fffdf7;color:#244b51}.shoal-online>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font:650 14px system-ui}.shoal-online>summary::before{content:'▸';margin-right:8px}.shoal-online[open]>summary::before{content:'▾'}.shoal-online .board-entry,.shoal-online .guest-board{width:100%;margin:12px 0}
.shoal-online:not([open])>.board-entry,.shoal-online:not([open])>.guest-board{display:none!important}
@media(max-width:760px){.shoal-polished #numberPad{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:760px){.shoal-mode-picker{grid-template-columns:1fr;padding:12px}.shoal-polished .number-pad{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.shoal-polished .number-pad button{min-height:52px;font-size:23px}.shoal-polished .play-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.shoal-polished .play-actions button{min-height:46px;font-size:14px}.shoal-polished .toolbar select{font-size:16px}.shoal-polished .cell-notes{font-size:9px}.shoal-polished .cage-sum{font-size:9px}.shoal-polished #sudokuGrid{width:100%;min-width:0}.shoal-polished .play-area aside{min-width:0}#shoalTrailControls{grid-template-columns:1fr 1fr}#shoalTrailStart{grid-column:1/-1}}