/* Game-only presentation: lacquered water basin and a restrained control deck. */
.goldfish-stage{position:relative;isolation:isolate;background:#12373b;border:1px solid #a58e5f80;box-shadow:0 13px 28px #06191d33;overflow:hidden;color:#ebdfbd}
.goldfish-canvas{display:block;width:100%;height:clamp(420px,58vw,520px);background:#23555b;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair;outline-offset:-4px!important}.goldfish-canvas:focus-visible{outline:3px solid #edcf89}
.goldfish-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#153439;padding:18px 20px 12px;border-top:1px solid #bca46c55}
.goldfish-directions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:1;max-width:300px}.goldfish-steer,.goldfish-scoop-button{appearance:none;border:1px solid #ad986b80;border-radius:0;background:#21444a;color:#f0e2bd;min-height:46px;min-width:44px;font-family:inherit;font-size:16px;line-height:1.3;cursor:pointer;touch-action:manipulation;box-shadow:inset 0 0 0 3px #14363b33}.goldfish-steer{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.goldfish-steer:hover,.goldfish-steer.is-held{background:#385c5f;border-color:#e0c28a}.goldfish-scoop-button{font-size:12px;letter-spacing:.04em;padding:12px 22px;min-width:150px;background:#8d4432;border-color:#b57a54}.goldfish-scoop-button:hover{background:#a65a40}.goldfish-steer:focus-visible,.goldfish-scoop-button:focus-visible{outline:3px solid #e6c780;outline-offset:3px}.goldfish-steer:disabled,.goldfish-scoop-button:disabled{opacity:.48;cursor:default}
.goldfish-control-hint{font-size:11px;line-height:1.8;text-align:center;margin:0;padding:0 20px 17px;background:#153439;color:#d9d6bd}.goldfish-control-sub{display:block;color:#a7c2bc;font-size:9px;margin-top:3px}.goldfish-screenreader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);padding:0;border:0;white-space:nowrap}
.goldfish-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:17px}.goldfish-actions button{min-height:44px;font-family:inherit;font-size:12px;line-height:1.4;cursor:pointer}.goldfish-actions .primary{padding:12px 20px}.goldfish-actions .secondary,.goldfish-actions #pause,.goldfish-actions #expand,.goldfish-actions #sound{appearance:none;border:1px solid #bca46c80;background:#1d3a42;color:#ebd9b4;padding:11px 16px;border-radius:0;box-shadow:none}.goldfish-actions button:focus-visible{outline:3px solid #edcf89;outline-offset:3px}.goldfish-actions #expand{margin-left:auto}.goldfish-actions #sound[aria-pressed="true"]{background:#5b6043;color:#fff3c9;border-color:#d1b87d}
.goldfish-table.is-expanded{position:fixed;inset:0;z-index:1000;width:100%;max-width:none;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;padding:12px 16px 9px;margin:0;background:#102b32;border:0;outline:0;overflow:hidden;box-sizing:border-box}.goldfish-table.is-expanded>.board-top,.goldfish-table.is-expanded>#scene-description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.goldfish-table.is-expanded .goldfish-actions{flex:0 0 auto;margin-bottom:10px;padding-top:env(safe-area-inset-top)}.goldfish-table.is-expanded .goldfish-stage{width:100%;min-height:0;flex:1;display:flex;flex-direction:column;box-shadow:none}.goldfish-table.is-expanded .goldfish-canvas{width:100%;height:calc(100dvh - 220px);max-height:none;min-height:0;flex:1}.goldfish-table.is-expanded .goldfish-controls{flex:0 0 auto;padding:10px 15px 8px}.goldfish-table.is-expanded .goldfish-control-hint{flex:0 0 auto;padding:0 15px 10px;font-size:10px}.goldfish-table.is-expanded .goldfish-control-sub{display:none}.goldfish-table.is-expanded #game-status{display:none}.goldfish-table.is-expanded #goldfish-status{flex:0 0 auto;min-height:18px;margin:7px 0 0;padding-bottom:env(safe-area-inset-bottom);font-size:10px;line-height:1.5}.goldfish-table.is-expanded #claim{flex:0 0 auto;margin-top:8px;min-height:44px}.goldfish-playing{overflow:hidden}
@media(max-width:760px){.goldfish-canvas{height:500px}.goldfish-controls{padding:15px 16px 10px;gap:12px}.goldfish-scoop-button{padding:12px 16px;min-width:135px}}
@media(max-width:540px){.goldfish-canvas{height:clamp(390px,112vw,470px)}.goldfish-controls{padding:12px 10px 9px;gap:10px}.goldfish-directions{gap:5px;max-width:none}.goldfish-steer{min-width:0;min-height:46px;font-size:15px;padding:8px 0}.goldfish-scoop-button{min-width:118px;padding:12px 9px;font-size:10px}.goldfish-control-hint{font-size:9px;padding:0 11px 13px}.goldfish-control-sub{font-size:8px}.goldfish-actions{gap:6px;margin-bottom:13px}.goldfish-actions button{font-size:10px}.goldfish-actions .primary{padding:11px 13px;flex:1}.goldfish-actions #pause,.goldfish-actions #expand,.goldfish-actions #sound{padding:11px 10px;font-size:9px}.goldfish-actions #expand{margin-left:0}.goldfish-table.is-expanded{padding:8px 8px 6px}.goldfish-table.is-expanded .goldfish-actions{margin-bottom:8px}.goldfish-table.is-expanded .goldfish-controls{padding:9px 10px 8px}.goldfish-table.is-expanded .goldfish-control-hint{font-size:8px;padding:0 9px 8px}.goldfish-table.is-expanded #goldfish-status{font-size:9px}}
@media(max-width:350px){.goldfish-controls{gap:7px}.goldfish-scoop-button{min-width:106px;font-size:9px;padding-inline:7px}.goldfish-directions{gap:4px}.goldfish-steer{font-size:14px}.goldfish-actions #pause,.goldfish-actions #expand,.goldfish-actions #sound{padding-inline:7px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.goldfish-stage *{animation:none!important;transition:none!important}}