.eight-hud,.eight-controls{flex-wrap:wrap;align-items:center;gap:10px 20px;margin:12px 0;font-size:14px;display:flex}.eight-hud{color:#385541;justify-content:space-between}.eight-controls button,.eight-controls select{color:#244b37;background:#f7faed;border:1px solid #b6c8b5;border-radius:10px;min-height:44px;padding:9px 14px}.eight-controls button[aria-pressed=true]{color:#fff;background:#244b37}.eight-result{color:#244b37;background:#e3efcf;border-radius:12px;margin:14px 0;padding:14px 18px;font-weight:650}.eight-board{background:#eaf1de;border:1px solid #9fb69e;border-radius:20px;width:min(100%,520px);margin:16px auto;position:relative;overflow:hidden;box-shadow:0 12px 28px #203c2812}.eight-board button:focus-visible,.eight-controls button:focus-visible{outline-offset:2px;z-index:3;outline:3px solid #aa4c32}.eight-grid{gap:5px;padding:12px;display:grid}.eight-cell{aspect-ratio:1;color:#264a36;touch-action:manipulation;background:#fcfdf6;border:0;border-radius:10px;min-width:0;font-size:clamp(16px,5vw,30px)}.eight-cell[aria-pressed=true],.eight-cell.hinted{background:#fff1d6;box-shadow:inset 0 0 0 3px #a95831}.eight-grid button:disabled{opacity:1}.flower-symbol{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.55em;height:1.55em;font-weight:700;line-height:1;display:inline-flex}.symbol-0{background:#b94f60}.symbol-1{background:#da8933}.symbol-2{background:#548755}.symbol-3{background:#457b99}.symbol-4{background:#795895}.symbol-5{background:#9b7139}.code-history{gap:12px;min-height:160px;padding:16px;display:grid}.code-row{border-bottom:1px solid #cbd8be;justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.code-pegs{gap:7px;font-size:22px;display:flex}.code-feedback{color:#31503c;font-size:13px}.code-entry{background:#dbe8ca;justify-content:center;gap:8px;padding:18px;display:flex}.code-entry button{background:#fff;border:1px solid #92ac8e;border-radius:12px;width:52px;height:52px;font-size:25px}.loop-grid{aspect-ratio:1;grid-template-columns:repeat(7,1fr);place-items:center;gap:0;padding:18px;display:grid}.loop-dot{z-index:1;background:#244b37;border-radius:50%;width:8px;height:8px}.loop-clue{color:#244b37;font-size:clamp(22px,7vw,34px);font-weight:650}.loop-clue.over{color:#b63835}.loop-edge{color:#779176;background:0 0;border:0;border-radius:8px;width:100%;height:100%;min-height:36px;padding:0;position:relative}.loop-edge:after{content:"";background:#bfceb4;border-radius:4px;position:absolute;inset:45% -50%}.loop-edge.vertical:after{inset:-50% 45%}.loop-edge.active:after{background:#285e43}.loop-edge.marked:after{background:0 0}.loop-edge.marked{font-size:24px}.islands-board{aspect-ratio:1}.islands-board svg,.trails-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.island-button{color:#244b37;background:#fffbed;border:2px solid #4d7957;border-radius:50%;width:12%;height:12%;font-size:clamp(19px,6vw,29px);font-weight:700;position:absolute;translate:-50% -50%}.island-button.complete{background:#c3dea9}.island-button.over{background:#f5c7b5}.island-button[aria-pressed=true]{outline:4px solid #bf803a}.island-link{color:#58764e;background:0 0;border:0;border-radius:4px;width:10%;height:10%;font-size:22px;position:absolute;translate:-50% -50%}.trails-grid{aspect-ratio:1;touch-action:none;grid-template-columns:repeat(5,1fr);gap:3px}.trails-grid .eight-cell{z-index:1;background:#ffffff6b;font-size:20px}.trails-lines{z-index:2}.trails-grid .trail-end{z-index:3;background:#fff;position:relative}.trails-key{flex-wrap:wrap;gap:8px;display:flex}.trails-key button{font-size:16px}.arcade-svg{width:100%;height:auto;display:block}.fruit-basket{background:#faf5df;max-width:390px}.fruit-slider{accent-color:#386a45;width:100%;min-height:44px}.fruit-legend{color:#405b41;flex-wrap:wrap;gap:5px;font-size:13px;display:flex}.defense-board{aspect-ratio:9/7;background:#dce8c5;max-width:600px}.defense-grid{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(9,1fr);gap:2px;padding:8px;display:grid;position:absolute;inset:0}.defense-cell{color:#294d33;background:#eef6de;border:0;border-radius:6px;min-width:0;padding:0;font-size:clamp(13px,3vw,23px)}.defense-cell.path{background:#bca77f}.defense-enemies{pointer-events:none;position:absolute;inset:8px;overflow:hidden}.defense-enemy{font-size:22px;line-height:1;position:absolute;translate:-50% -50%}.defense-cell.firing{background:#ffe394}.runner-board{background:#e9f3df;max-width:650px}.runner-board:focus-visible{outline:3px solid #aa4c32}.eight-muted{color:#5d6d58;font-size:13px}.request-callout{border-top:1px solid #bac7b0;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:28px 0;display:flex}.request-callout h2{margin:0 0 5px;font-size:24px}.request-callout p{color:#596553;margin:0}.request-callout a{color:#285a3d;text-underline-offset:4px;flex-shrink:0;font-weight:650}@media (max-width:520px){.eight-grid{gap:3px;padding:8px}.code-feedback{max-width:100px}.code-pegs{gap:4px;font-size:18px}.code-entry button{width:44px;height:48px}.loop-grid{padding:10px}.request-callout{flex-direction:column;align-items:flex-start}.eight-hud{gap:8px;font-size:13px}}.eight-board.trails-grid{gap:0;padding:0}.trails-grid .eight-cell{border:1px solid #cbd8bd;border-radius:0}