:root{--sand: #f6e2b8;--sand-deep: #e8c98f;--sand-pale: #fdf6e6;--ocean: #1b7fa6;--ocean-deep: #0e5c7a;--coral: #ff6f61;--coral-deep: #e2574c;--seafoam: #8fd9c8;--seafoam-deep: #2fa48b;--sun: #ffd25f;--driftwood: #8a6a4f;--ink: #2a3540;--font-display: "Fredoka", "Nunito", sans-serif;--font-body: "Nunito", system-ui, sans-serif;--radius: 14px;--shadow: 0 4px 14px rgba(14, 92, 122, .14)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:linear-gradient(180deg,#cdeef7 0%,var(--sand-pale) 320px);min-height:100vh}button{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{max-width:1280px;margin:0 auto;padding:0 16px 32px}.layout{display:grid;grid-template-columns:minmax(340px,480px) minmax(380px,1fr);gap:20px;align-items:start}@media (max-width: 940px){.layout{grid-template-columns:1fr}}.header{position:relative;margin:0 -16px 10px;padding:22px 16px 34px;background:linear-gradient(180deg,var(--ocean-deep),var(--ocean));color:#fff}.header__inner{max-width:1248px;margin:0 auto;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.header__title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0;letter-spacing:.5px}.header__emoji{margin-right:8px}.header__tagline{margin:0;opacity:.9;font-size:.95rem}.header__progress{margin-left:auto;background:#ffffff26;border:2px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 14px;font-weight:800}.header__wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:22px;display:block}.picker{display:flex;flex-wrap:wrap;gap:14px 26px;padding:10px 4px 16px}.picker__section-name{display:block;font-family:var(--font-display);font-weight:600;font-size:.8rem;color:var(--ocean-deep);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.picker__dots{display:flex;gap:6px}.picker__dot{width:34px;height:34px;border-radius:50%;border:2px solid var(--sand-deep);background:#fff;font-weight:800;font-size:.85rem;color:var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.picker__dot:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow)}.picker__dot:focus-visible{outline:3px solid var(--ocean);outline-offset:2px}.picker__dot--done{background:var(--sun);border-color:#d9a900}.picker__dot--current{border-color:var(--ocean);box-shadow:0 0 0 3px #1b7fa64d}.picker__dot:disabled{opacity:.55;cursor:not-allowed}.level-info{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 18px;margin-bottom:14px}.level-info__meta{display:flex;gap:10px;align-items:center;font-size:.8rem;font-weight:800}.level-info__section{color:var(--coral-deep);text-transform:uppercase;letter-spacing:.06em}.level-info__number{color:var(--ocean-deep);background:#e3f2f8;border-radius:999px;padding:2px 10px}.level-info__title{font-family:var(--font-display);font-weight:600;margin:6px 0 4px;font-size:1.35rem;color:var(--ocean-deep)}.level-info__instructions{margin:0;line-height:1.45}.level-info__hint{margin:10px 0 0;padding:8px 12px;background:#fff6da;border-left:4px solid var(--sun);border-radius:6px;line-height:1.4}.board{position:relative;width:100%;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:4px solid #fff}.board--crab{background:linear-gradient(160deg,#fbe9c0,#f3d79a)}.board--treasure{background:linear-gradient(160deg,#fdeec7,#f0d294)}.board--builder{background:linear-gradient(160deg,#f4e3b5,#e9cd8f)}.board--sandcastle{background:linear-gradient(160deg,#f1ddae,#e3c684)}.board__cells{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}.cell{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(138,106,79,.22);font-size:clamp(14px,3.2vmin,30px);-webkit-user-select:none;user-select:none}.cell__emoji{line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.cell--blocked{border-style:solid;border-color:#8a6a4f59}.cell--water{background:linear-gradient(180deg,#6fc6e3,#2f96c2)}.cell--rock{background:#8a6a4f2e}.cell--seaweed{background:#2fa48b33}.cell--umbrella{background:#ff6f6124}.cell--dune{background:radial-gradient(ellipse 80% 55% at 50% 78%,#d9b06a 0%,#d9b06a 60%,transparent 61%),#d9b06a40}.cell--sandWall{background:repeating-linear-gradient(0deg,#d3a964 0,#d3a964 28%,#c1944e 28%,#c1944e 32%),#d3a964;border:1px solid #a87f3e;box-shadow:inset 0 0 0 2px #ffe8b459}.cell--turret{background:#d3a964;border:1px solid #a87f3e}.cell--goal{background:#ffd25f66;outline:3px dashed var(--sun);outline-offset:-4px}.cell__goal{animation:goal-pulse 1.6s ease-in-out infinite}@keyframes goal-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.cell--goal-won{background:#8fd9c8b3}.sprite{position:absolute;display:flex;align-items:center;justify-content:center;transition:left .32s ease-in-out,top .32s ease-in-out;pointer-events:none;z-index:2}.sprite__emoji{font-size:clamp(18px,4.4vmin,38px);line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));animation:sprite-bob 1.4s ease-in-out infinite}@keyframes sprite-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}.sprite__facing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;transition:transform .18s ease-in-out}.sprite__arrow{font-size:clamp(9px,1.8vmin,14px);color:var(--ocean-deep);background:#ffffffd9;border-radius:50%;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;margin-top:-2px;box-shadow:0 1px 3px #00000040}.board--won{border-color:var(--seafoam)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:3}.confetti__bit{--hue: calc(var(--i) * 47);position:absolute;top:-12px;left:calc((var(--i) + .5) * 100% / 18);width:9px;height:14px;background:hsl(var(--hue),85%,60%);border-radius:2px;animation:confetti-fall 1.7s ease-in calc(var(--i) * .07s) forwards}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(540deg);opacity:.9}}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 10px}.btn{border:0;border-radius:999px;padding:10px 22px;font-family:var(--font-display);font-weight:600;font-size:1rem;cursor:pointer;color:#fff;box-shadow:0 3px #0000002e;transition:transform .1s ease,filter .1s ease}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0000002e}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--run{background:var(--seafoam-deep)}.btn--reset{background:var(--ocean)}.btn--hint{background:var(--sun);color:var(--ink)}.btn--next{background:var(--coral);animation:next-wiggle 1.2s ease-in-out infinite}@keyframes next-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.controls__count{margin-left:auto;font-weight:800;color:var(--driftwood);background:#fff;border-radius:999px;padding:6px 14px;box-shadow:var(--shadow)}.controls__count--over{color:#fff;background:var(--coral-deep)}.status{border-radius:var(--radius);padding:12px 16px;font-weight:700;line-height:1.4;background:#fff;box-shadow:var(--shadow);border-left:6px solid var(--sand-deep);min-height:48px}.status--info{border-left-color:var(--ocean)}.status--success{border-left-color:var(--seafoam-deep);background:#ecfbf6}.status--error{border-left-color:var(--coral-deep);background:#fff0ee}.status--warn{border-left-color:var(--sun);background:#fff9e8}.blockly-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.blockly-panel__label{padding:10px 16px;font-weight:800;font-size:.9rem;color:var(--ocean-deep);background:#e3f2f8}.blockly-panel__host{height:560px;min-height:380px}@media (max-width: 940px){.blockly-panel__host{height:420px}}.footer{margin-top:22px;text-align:center;font-size:.85rem;color:var(--driftwood)}.header__nav{display:flex;gap:6px}.header__nav-btn{border:2px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:999px;padding:4px 14px;font-weight:800;font-size:.85rem;cursor:pointer}.header__nav-btn--active,.header__nav-btn:hover{background:#fff3}.header__nav-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.picker__dot{position:relative}.picker__stars{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);font-size:.55rem;color:#b8860b;letter-spacing:-1px;white-space:nowrap}.picker__dots{padding-bottom:12px}.controls__speed{display:flex;align-items:center;gap:6px;font-weight:800;font-size:.85rem;color:var(--driftwood)}.controls__speed select,.editor select,.editor input,.editor textarea,.teacher textarea{font-family:inherit;font-size:.9rem;border:2px solid var(--sand-deep);border-radius:8px;padding:6px 8px;background:#fff;color:var(--ink)}.btn-icon{border:2px solid var(--sand-deep);background:#fff;border-radius:50%;width:38px;height:38px;font-size:1rem;cursor:pointer}.btn-icon:focus-visible{outline:3px solid var(--ocean);outline-offset:2px}.custom-banner{background:#fff6da;border:2px dashed var(--sun);border-radius:var(--radius);padding:10px 16px;margin:10px 0 16px;font-weight:700}.custom-banner__link{border:0;background:none;color:var(--ocean-deep);font-weight:800;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.footer__code-btn{border:2px solid var(--sand-deep);background:#fff;border-radius:999px;padding:4px 14px;font-weight:800;font-size:.8rem;color:var(--driftwood);cursor:pointer}.footer__code-btn:hover{background:var(--sand-pale)}.editor{display:grid;grid-template-columns:minmax(340px,1.2fr) minmax(300px,1fr);gap:20px;align-items:start;padding-top:10px}@media (max-width: 940px){.editor{grid-template-columns:1fr}}.editor__panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.editor__heading,.teacher__heading{font-family:var(--font-display);font-weight:600;color:var(--ocean-deep);margin:0 0 8px}.editor__message{font-weight:700;background:var(--sand-pale);border-radius:8px;padding:8px 12px}.editor__row{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:10px 0}.editor__row label{display:flex;flex-direction:column;gap:4px;font-weight:800;font-size:.85rem;color:var(--driftwood)}.editor__row input[type=number]{width:72px}.editor__tools{align-items:center}.editor__tool{border:2px solid var(--sand-deep);background:#fff;border-radius:999px;padding:6px 14px;font-weight:800;cursor:pointer}.editor__tool--active{background:var(--ocean);border-color:var(--ocean-deep);color:#fff}.editor__grid{display:grid;gap:2px;background:var(--sand);border-radius:10px;padding:6px;margin-top:8px}.editor__cell{aspect-ratio:1;border:1px dashed rgba(138,106,79,.35);background:var(--sand-pale);border-radius:4px;font-size:clamp(12px,2.6vmin,22px);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.editor__cell:hover{outline:2px solid var(--ocean)}.editor__field{display:flex;flex-direction:column;gap:4px;font-weight:800;font-size:.85rem;color:var(--driftwood);margin-bottom:10px}.editor__blocks{border:2px solid var(--sand-deep);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px 16px;font-weight:700;margin-bottom:6px}.editor__blocks label{display:flex;gap:6px;align-items:center}.editor__check{flex-direction:row!important;align-items:center;gap:6px}.editor__export{width:100%;font-family:ui-monospace,monospace;font-size:.78rem;margin:10px 0 8px}.teacher{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 22px;margin-top:10px}.teacher__toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.teacher__intro{line-height:1.5}.teacher__section{border-top:2px solid var(--sand);padding-top:10px;margin-top:14px}.teacher__section h3{font-family:var(--font-display);color:var(--coral-deep);margin:0 0 6px}.teacher__concepts{line-height:1.5;background:var(--sand-pale);border-radius:8px;padding:8px 12px}.teacher__level{margin:12px 0}.teacher__level h4{margin:0 0 4px;color:var(--ocean-deep)}.teacher__meta{font-weight:600;font-size:.8rem;color:var(--driftwood)}.teacher__instructions{margin:0 0 6px;font-size:.92rem}.teacher__solution{background:var(--sand-pale);border-left:4px solid var(--seafoam-deep);border-radius:6px;padding:10px 14px;font-size:.85rem;line-height:1.5;white-space:pre-wrap;margin:0}.teacher__table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.9rem}.teacher__table th,.teacher__table td{border:1px solid var(--sand-deep);padding:6px 10px;text-align:left}.teacher__digits{font-family:ui-monospace,monospace;letter-spacing:2px}.teacher textarea{width:100%;margin-bottom:8px}@media print{.header,.picker,.footer,.teacher__no-print{display:none!important}.teacher{box-shadow:none;padding:0}body{background:#fff}}