.kelp-game{padding:75px 6%;outline:none}.kelp-game:focus-visible{outline:2px solid #77e3c3;outline-offset:-8px}.kelp-game h2{font-size:clamp(34px,4vw,58px);font-weight:400;letter-spacing:-.04em;line-height:1.1;margin:22px 0}.kelp-game-intro{color:#adbfbe;line-height:1.7;max-width:750px}.kelp-game-frame{margin-top:32px;border:3px solid #6bb8a8;background:#071c25;font-family:monospace}.kelp-game-hud{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 22px;gap:12px;font-size:12px;color:#85b6ac}.kelp-game-hud b{display:block;margin-top:6px;font-size:17px;color:#c7ede1;font-weight:400}.kelp-game-scene{display:block;width:100%;height:auto;aspect-ratio:2;image-rendering:pixelated}.kelp-game-status{padding:18px 22px;min-height:65px;color:#ceeadc;font-size:14px;line-height:1.5;border-top:3px solid #6bb8a8}.kelp-game-controls{padding:0 22px 18px;display:flex;align-items:stretch;gap:12px}.kelp-game-controls button{border:2px solid #549b91;background:#113541;color:#cceee2;font-family:inherit;font-size:14px;min-height:52px;padding:12px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.kelp-game-controls button:active{background:#286d65}.kelp-game-controls button:focus-visible{outline:3px solid #ffdd90;outline-offset:2px}.kelp-game-directions{display:grid;grid-template-columns:repeat(4,52px);gap:8px}.kelp-game-directions button{font-size:22px}.kelp-game-controls .kelp-plant-button{flex:1;color:#173329;background:#e9b75d;border-color:#ffd98a;touch-action:manipulation}.kelp-game-controls>button:last-child{touch-action:manipulation}.kelp-game-help{padding:0 22px 18px;margin:0;font-size:11px;line-height:1.6;color:#88aaa5}.kelp-game-note{color:#88aaa5;font-size:12px;line-height:1.6;margin-top:14px}@media(max-width:650px){.kelp-game{padding:50px 20px}.kelp-game-hud{padding:14px 10px;gap:8px;font-size:9px}.kelp-game-hud b{font-size:12px}.kelp-game-scene{aspect-ratio:1}.kelp-game-status{padding:14px;min-height:92px;font-size:12px}.kelp-game-controls{padding:0 12px 14px;flex-wrap:wrap;gap:10px}.kelp-game-directions{width:100%;grid-template-columns:repeat(4,1fr);gap:8px}.kelp-game-controls>button{flex:1;font-size:12px}.kelp-game-help{padding:0 14px 16px}}
@media(prefers-reduced-motion:reduce){.kelp-game-scene{scroll-behavior:auto}}
.kelp-recovery{padding:0 22px 18px;font-size:11px;line-height:1.5;color:#91d9c3}.kelp-recovery progress{display:block;width:100%;height:8px;margin-top:10px;accent-color:#76dfb9;border:0;background:#163e46}.kelp-recovery progress::-webkit-progress-bar{background:#163e46}.kelp-recovery progress::-webkit-progress-value{background:#76dfb9}@media(max-width:650px){.kelp-recovery{padding:0 14px 16px;font-size:10px}}

.kelp-survey{margin:16px;padding:14px;border:1px solid #5ff4de66;color:#bdebdc;font:12px monospace}.kelp-survey>b{color:#5ff4de}.kelp-survey p{line-height:1.5}.kelp-survey>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kelp-survey span{display:flex;justify-content:space-between;gap:8px}.kelp-survey strong{color:#f1d896}@media(max-width:520px){.kelp-survey>div{grid-template-columns:repeat(2,1fr)}}

.kelp-board-overlay{position:fixed;inset:0;z-index:99999;background:#001019dd;display:flex;align-items:center;justify-content:center;padding:18px}.kelp-board{position:relative;width:min(100%,940px);max-height:90vh;overflow:auto;background:#09232c;border:2px solid #5ff4de;padding:28px;color:#d7eee5;font:14px monospace}.kelp-board h3{font:28px sans-serif;margin:12px 0 20px}.kelp-board-close{position:absolute;right:12px;top:12px}.kelp-board-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.kelp-board-totals span{display:flex;justify-content:space-between;gap:10px}.kelp-board form{max-width:480px}.kelp-board label{display:block;margin:14px 0 6px}.kelp-board input{box-sizing:border-box;width:100%;padding:12px;font:16px monospace;background:#03161e;color:#edf9ed;border:1px solid #6ab3a7}.kelp-board-note{font-size:12px;line-height:1.6;color:#9ab9b1}.kelp-board button{padding:12px;min-height:44px;background:#5ff4de;color:#09232c;border:0;font:bold 12px monospace;cursor:pointer}.kelp-board button:disabled{opacity:.5}.kelp-board-table{overflow:auto;margin-bottom:20px}.kelp-board table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}.kelp-board th,.kelp-board td{padding:10px;text-align:left;border-bottom:1px solid #5ff4de44}.kelp-board h4{color:#5ff4de}@media(max-width:520px){.kelp-board{padding:18px}.kelp-board-totals{grid-template-columns:repeat(2,1fr)}}

.kelp-play-layout.has-survey{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:start}.kelp-play-layout .kelp-survey{margin:0;padding:16px;position:sticky;top:24px}.kelp-play-layout .kelp-survey>div{grid-template-columns:1fr;gap:16px}.kelp-play-layout .kelp-game-frame{min-width:0}@media(max-width:760px){.kelp-play-layout.has-survey{grid-template-columns:minmax(0,1fr)}.kelp-play-layout .kelp-survey{position:static}.kelp-play-layout .kelp-survey>div{grid-template-columns:repeat(2,1fr)}}

.kelp-leaderboard{margin:48px 0 0;padding:28px;background:#09232c;border:1px solid #5ff4de55;color:#d7eee5}.kelp-leaderboard h3{font:clamp(25px,3vw,38px) sans-serif;letter-spacing:-.03em;margin:16px 0}.kelp-leaderboard>p:not(.eyebrow){font:13px/1.6 monospace;color:#a6c5bc}.kelp-leaderboard table{border-collapse:collapse;width:100%;white-space:nowrap;font:12px monospace}.kelp-leaderboard th,.kelp-leaderboard td{padding:12px 10px;text-align:left;border-bottom:1px solid #5ff4de44}.kelp-leaderboard thead{color:#5ff4de}.kelp-leaderboard td:last-child{color:#f1d896;font-weight:bold}@media(max-width:520px){.kelp-leaderboard{padding:18px}}

.kelp-game-controls .kelp-save-survey{touch-action:manipulation;color:#5ff4de;white-space:nowrap}.kelp-game-controls .kelp-save-survey:disabled{opacity:.45;cursor:default}.kelp-game-controls{flex-wrap:wrap}
