.ss-activity{--ss-border:#bac6b4;--ss-warm:#eadfc7;color:var(--ink);width:100%}.ss-title{margin:0 0 8px;font-size:25px}.ss-instruction{font-size:16px;line-height:1.5;max-width:48ch;margin-bottom:19px}.ss-activity button{min-width:44px;min-height:44px;font-size:15px;padding:9px 14px}.ss-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ss-controls button[aria-pressed=true],.ss-palette button[aria-pressed=true],.ss-pause-choice[aria-pressed=true]{border:2px solid var(--accent);background:var(--pale);box-shadow:0 0 0 1px var(--accent)}.ss-status{font-size:16px;line-height:1.45;min-height:46px;margin:17px 0 0;color:var(--ink)}.ss-activity-footer{border-top:1px solid var(--line,#d6d9ce);padding-top:17px;margin-top:19px;display:flex;align-items:center;flex-wrap:wrap;gap:13px}.ss-activity-footer span{font-size:14px;color:var(--muted,#566159)}.ss-done{background:var(--pale)!important}.ss-activity button:disabled{opacity:.55;cursor:default}.ss-activity button:focus-visible,.ss-activity [tabindex]:focus-visible{outline:3px solid #a24f20;outline-offset:3px}
.ss-garden{position:relative;width:100%;aspect-ratio:600/320;overflow:hidden;background:#f1f0df;border:1px solid var(--ss-border);border-radius:16px}.ss-garden>svg,.ss-garden-drawing{position:absolute;inset:0;display:block;width:100%;height:100%}.ss-garden-drawing{touch-action:none;cursor:crosshair}.ss-garden-bed{fill:#dce4cd}.ss-garden-leaves{fill:#7b9369;opacity:.7}.ss-garden-track{fill:none;stroke:#c9d6b3;stroke-width:38;stroke-linecap:round}.ss-garden-center{fill:none;stroke:#f9f6e8;stroke-width:23;stroke-linecap:round}.ss-garden-marker{fill:var(--accent);stroke:white;stroke-width:3}.ss-door-frame{fill:#a1b28a}.ss-door{fill:#596f47}
.ss-palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.ss-palette .ss-material{gap:8px;flex:1;padding:8px;white-space:nowrap}.ss-swatch{display:block;flex:none;width:20px;height:20px;border-radius:3px;border:1px solid #24352870}.ss-material--grass .ss-swatch,[data-material=grass]{background:#799358!important;box-shadow:inset 0 7px #b3c48c,inset -4px -4px #58763d}.ss-material--wood .ss-swatch,[data-material=wood]{background:#b17d53!important;box-shadow:inset 0 6px #d5b17e,inset -4px -4px #805635}.ss-material--stone .ss-swatch,[data-material=stone]{background:#8e9d9c!important;box-shadow:inset 0 6px #c5cdca,inset -4px -4px #617471}.ss-build-board{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:7px;padding:13px;background:var(--pale);border:1px solid var(--ss-border);border-radius:13px;width:100%;max-width:400px}.ss-build-board .ss-build-cell{min-height:44px;aspect-ratio:1;border-radius:4px;padding:0;border:1px solid #70856c80}.ss-build-cell[data-material=empty]{background:#fffef7;box-shadow:inset 0 -3px #e1e4d7}.ss-build-cell[data-material=empty]::after{content:'+';font-weight:400;color:#84947b;font-size:19px}
.ss-pip-stage{position:relative;isolation:isolate;overflow:hidden;height:265px;border-radius:16px;border:1px solid var(--ss-border);background:#e7efe5}.ss-pip-sun{position:absolute;top:26px;right:33px;width:49px;height:49px;border-radius:50%;background:#f3db9b}.ss-pip-hill{position:absolute;left:-15%;bottom:-57%;width:130%;height:110%;border-radius:50%;background:#d2dfca}.ss-pip-seat{position:absolute;left:8%;bottom:27px;width:83px;height:27px;border-radius:50%;background:#9ba993;box-shadow:0 5px 0 #7b8c74}.ss-pip{position:absolute;bottom:28px;left:28%;width:52%;height:210px;object-fit:contain;filter:drop-shadow(0 5px 3px #5d603521)}.ss-pip[hidden],.ss-pip-empty[hidden]{display:none}.ss-pip-stage[data-distance=far] .ss-pip{left:65%;bottom:82px;width:29%;height:135px}.ss-pip-place{position:absolute;bottom:6px;left:6%;font-size:12px;color:#374d3a;background:#f8f7eecc;padding:1px 5px;border-radius:3px}.ss-pip-empty{position:absolute;top:44%;left:15%;right:15%;text-align:center;font-size:23px;font-weight:600;color:var(--ink)}.ss-pip-stage[data-setting=nook]{background:#eae1d3}.ss-pip-stage[data-setting=nook] .ss-pip-hill{border-radius:0;bottom:-65%;background:#cdbb9f}.ss-pip-stage[data-setting=nook] .ss-pip-sun{border-radius:28px 28px 0 0;background:#c5d9d6;border:7px solid #b9a68c;width:66px;height:77px}.ss-pip-stage[data-setting=plain]{background:#f6f5ed}.ss-pip-stage[data-setting=plain] .ss-pip-sun,.ss-pip-stage[data-setting=plain] .ss-pip-hill{display:none}.ss-setting-label{font-size:14px;margin:18px 0 -6px;color:var(--muted,#566159)}
.ss-maze-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:325px;aspect-ratio:1;background:#cddad0;padding:11px;border:1px solid var(--ss-border);border-radius:17px;gap:0}.ss-maze-cell{position:relative;background:#fffdf3;display:grid;place-items:center;min-width:0;min-height:0}.ss-maze-wall{background:var(--accent);border:4px solid #cddad0;border-radius:9px}.ss-maze-route:not(.ss-maze-wall)::before{content:'';width:11px;height:11px;border-radius:50%;background:#a67a3a99}.ss-maze-current::after{content:'';position:absolute;width:56%;height:56%;max-width:32px;max-height:32px;background:#ac643e;border:3px solid #fffaf0;border-radius:50%;box-shadow:0 0 0 2px #74472f;z-index:2}.ss-maze-home>svg{position:absolute;width:72%;height:72%;fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ss-maze-home.ss-maze-current>svg{opacity:.25}.ss-maze-start{border-radius:7px 0 0 0}.ss-keyboard-hint{font-size:13px;color:var(--muted,#566159);margin:9px 0 11px}.ss-direction-pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);gap:5px;margin:10px 0}.ss-direction-pad .ss-direction{font-size:25px;line-height:1;padding:3px}.ss-direction--up{grid-column:2;grid-row:1}.ss-direction--left{grid-column:1;grid-row:2}.ss-direction--down{grid-column:2;grid-row:2}.ss-direction--right{grid-column:3;grid-row:2}
.ss-pause-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ss-pause-choices .ss-pause-choice{flex-direction:column;gap:2px;min-height:110px;padding:8px}.ss-pause-choice>svg{width:72px;height:54px}.ss-soft-fill{fill:var(--ss-warm)}.ss-accent-fill{fill:var(--accent)}.ss-line{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.ss-pause-stage{background:var(--pale);border:1px solid var(--ss-border);border-radius:15px;text-align:center;padding:22px 23px;margin-top:15px;min-height:272px}.ss-pause-stage>svg{width:150px;height:100px}.ss-pause-stage h4{font-size:23px;line-height:1.2;margin:10px 0}.ss-pause-stage p{font-size:17px;line-height:1.5;margin-bottom:0}.ss-pause-stage button{margin-top:14px}.simple .ss-garden-leaves,.simple .ss-garden-bed,.simple .ss-pip-sun,.simple .ss-pip-hill{display:none}
@media(max-width:390px){.ss-build-board{padding:7px;gap:5px}.ss-palette .ss-material{font-size:13px;padding:7px 5px;gap:5px}.ss-pip-stage{height:235px}.ss-pip{height:185px}.ss-pause-choices{gap:5px}.ss-pause-choices .ss-pause-choice{padding:7px 3px}.ss-pause-choice>svg{width:62px}.ss-controls{gap:7px}.ss-activity button{font-size:14px;padding:9px 11px}}
/* Activity controls keep their geometry when selected. */
.ss-activity{container-type:inline-size;min-width:0;--ss-depth:0 5px 0 #26332c0b,0 14px 25px #26332c05}
.ss-activity button{border-width:2px;touch-action:manipulation;line-height:1.25;max-width:100%;-webkit-tap-highlight-color:transparent}
.ss-activity button:active:not(:disabled){box-shadow:inset 0 2px 5px #26332c14}
.ss-controls button[aria-pressed=true],.ss-palette button[aria-pressed=true],.ss-pause-choice[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent)}
.ss-controls{gap:9px}.ss-status{background:var(--pale);border-left:3px solid var(--accent);padding:11px 13px;border-radius:0 8px 8px 0;min-height:48px}
.ss-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ss-palette .ss-material,.ss-palette .ss-color{min-width:44px;padding:9px 6px;gap:7px;white-space:normal;justify-content:center;font-size:14px}
.ss-color-dot{width:18px;height:18px;flex:none;display:block;background:var(--drawing-color);border-radius:50%;box-shadow:inset 0 2px 0 #ffffff40,0 1px 2px #26332c22;border:1px solid #26332c45}
.ss-garden{border:2px solid var(--ss-border);box-shadow:var(--ss-depth);background:linear-gradient(160deg,#faf6e8,#e8eddb)}
.ss-garden-stones{fill:#a5ad94;opacity:.6}.ss-garden-track{stroke:#9fac8566;stroke-width:43}.ss-garden-center{stroke:#fff8e5;stroke-width:28}.ss-garden-marker{filter:drop-shadow(0 2px 2px #26332c44)}
.ss-patterns{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 14px}.ss-pattern-label{flex-basis:100%;font-size:14px;color:var(--muted,#566159)}.ss-patterns button{flex:1;min-width:70px;font-size:14px;background:var(--paper,#f7f5ee)}
.ss-build-board{overflow:visible;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:12px;border:2px solid var(--ss-border);box-shadow:var(--ss-depth);background:linear-gradient(#e1e9d7,#d2dec6)}
.ss-build-board .ss-build-cell{min-width:44px;min-height:44px;border:2px solid #66775766;border-radius:5px;transition:none}
.ss-build-cell[data-material=grass]{background:repeating-linear-gradient(90deg,transparent 0 14px,#243f1922 14px 16px),linear-gradient(#b3c48c 0 14%,#6f8d50 14% 27%,#8da366 27% 72%,#65814a 72%)!important;box-shadow:inset -5px -5px #405d3433,inset 3px 3px #ffffff25}
.ss-build-cell[data-material=wood]{background:repeating-linear-gradient(0deg,#b17d53 0 15%,#835731 15% 18%,#c49363 18% 34%,#b17d53 34% 36%)!important;box-shadow:inset -5px -5px #70462633,inset 3px 3px #ffe2b238}
.ss-build-cell[data-material=stone]{background:linear-gradient(90deg,transparent 46%,#697d7470 46% 51%,transparent 51%),repeating-linear-gradient(0deg,#aab6aa 0 28%,#73877d 28% 33%,#94a599 33% 62%)!important;box-shadow:inset -5px -5px #4d625033,inset 3px 3px #ffffff45}
.ss-build-cell[data-material=empty]{background:#f6f6e9;box-shadow:inset 0 3px 3px #66775713}.ss-build-cell[data-material=empty]::after{color:#6c8060}
.ss-pip-stage{height:285px;border:2px solid var(--ss-border);background:linear-gradient(#e4efeb 0 60%,#dbe7cf 60%);box-shadow:var(--ss-depth)}
.ss-pip-cloud{position:absolute;left:13%;top:24%;height:18px;width:68px;border-radius:50%;background:#fffdf5bb;box-shadow:21px 5px 0 -3px #fffdf5bb,-14px 6px 0 -4px #fffdf5bb}
.ss-pip-floor{position:absolute;left:0;right:0;bottom:0;height:51px;background:linear-gradient(transparent,#9ead8b33)}
.ss-pip-plant{position:absolute;bottom:61px;right:10%;width:17px;height:30px;background:#8e9c6e;border-radius:55% 55% 20% 20%;transform:rotate(24deg);box-shadow:-11px 7px 0 -2px #a8b88a}
.ss-pip-rug{position:absolute;left:28%;bottom:21px;width:50%;height:24px;background:#c2bb8f70;border:2px solid #a6a28055;border-radius:50%}
.ss-pip-seat{bottom:36px;background:#b3bca2;box-shadow:inset 0 -6px 0 #81917455,0 5px 0 #81917433;width:77px;height:35px}
.ss-pip-stage[data-distance=far] .ss-pip-rug{left:66%;bottom:75px;width:27%;height:16px}.ss-pip-stage[data-distance=space] .ss-pip-rug{display:none}
.ss-pip-stage[data-setting=nook]{background:linear-gradient(90deg,#d4c7b3,#eee6d7 30%,#e6dccb 75%,#cabba2)}
.ss-pip-stage[data-setting=nook] .ss-pip-floor{height:74px;background:repeating-linear-gradient(0deg,#ae927320 0 1px,transparent 1px 17px),linear-gradient(#c8b493,#bba284)}
.ss-pip-stage[data-setting=nook] .ss-pip-cloud{display:none}.ss-pip-stage[data-setting=nook] .ss-pip-hill{display:none}.ss-pip-stage[data-setting=nook] .ss-pip-rug{background:#a697b26b;border-color:#8b7c9a55}.ss-pip-stage[data-setting=nook] .ss-pip-seat{background:#bda7a0;box-shadow:inset 0 -6px 0 #937c7755,0 5px 0 #937c7733}
.ss-pip-stage[data-setting=plain] .ss-pip-cloud,.ss-pip-stage[data-setting=plain] .ss-pip-floor,.ss-pip-stage[data-setting=plain] .ss-pip-plant,.ss-pip-stage[data-setting=plain] .ss-pip-rug{display:none}
.ss-board-picker{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:14px;margin-bottom:16px}.ss-board-picker select{min-height:44px;max-width:100%;font-size:16px;border:2px solid var(--ss-border);padding:8px 12px;flex:1}
.ss-maze-board{border:2px solid var(--ss-border);box-shadow:var(--ss-depth);padding:10px;background:#cad8c7;grid-template-rows:repeat(5,minmax(0,1fr));gap:0}
.ss-maze-board .ss-maze-cell{border:2px solid transparent;border-radius:0;padding:0;min-width:44px;min-height:44px;width:100%;height:100%;background:#fff9e7;position:relative;display:grid;place-items:center;box-shadow:none!important}
.ss-maze-board .ss-maze-cell:hover:not(:disabled){background:#f5e9cb}.ss-maze-board .ss-maze-cell.ss-maze-wall{opacity:1;background:repeating-linear-gradient(110deg,#6b855e 0 5px,#728c6520 5px 13px),#7f986e;border:3px solid #cad8c7;border-radius:8px;cursor:default}
.ss-maze-board[data-board=pond]{background:#c8dce0;border-color:#99b6b8}.ss-maze-board[data-board=pond] .ss-maze-wall{border-color:#c8dce0;background:repeating-linear-gradient(0deg,#7fa7ae 0 7px,#9fc1c6 7px 9px,#7fa7ae 9px 17px)}
.ss-maze-cell.ss-maze-visited:not(.ss-maze-wall){background:#e9eedb}.ss-maze-current::after{width:55%;height:55%;max-width:32px;max-height:32px;box-shadow:0 0 0 2px #74472f,0 3px 3px #74472f33}
.ss-maze-board .ss-maze-cell:focus-visible{outline:3px solid #a24f20;outline-offset:-3px;z-index:3}.ss-maze-route:not(.ss-maze-wall)::before{background:#a67a3a;width:9px;height:9px}
.ss-direction-pad{grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,48px);gap:6px;margin:14px 0}.ss-direction-pad .ss-direction{background:var(--pale);box-shadow:0 3px 0 #26332c12;font-size:27px}.ss-direction-pad .ss-direction:hover{background:var(--white,#fffef9)}
.ss-pause-choices .ss-pause-choice{min-height:100px;gap:10px;border-radius:12px}.ss-pause-choice>img{display:block;width:34px;height:34px}.ss-pause-stage{box-shadow:var(--ss-depth);border:2px solid var(--ss-border);padding:23px;min-height:300px;background:linear-gradient(160deg,var(--pale),var(--paper,#f7f5ee))}
.ss-pause-illustration{position:relative;width:160px;height:113px;border-radius:55% 55% 43% 43%;background:#ffffff80;margin:0 auto;box-shadow:0 4px 0 #26332c05}.ss-pause-illustration>svg{position:relative;width:160px;height:108px}.ss-pause-stage h4{font-size:24px;line-height:1.25;margin-top:18px}.ss-pause-stage[data-choice=stretch] .ss-pause-illustration{background:#eee7d1}.ss-pause-stage[data-choice=help] .ss-pause-illustration{background:#e0e8df}
.simple .ss-garden-stones,.simple .ss-pip-cloud,.simple .ss-pip-plant,.simple .ss-pip-rug,.simple .ss-pip-floor{display:none}
@container(max-width:300px){.ss-build-board{padding:0;gap:2px;border-radius:8px}.ss-build-board .ss-build-cell{border-radius:3px}.ss-maze-board{padding:0;border-radius:8px}.ss-palette{gap:4px}.ss-palette .ss-material,.ss-palette .ss-color{font-size:13px;gap:5px;padding:7px 3px}.ss-swatch{width:16px;height:16px}.ss-color-dot{width:16px;height:16px}.ss-pip-stage{height:245px}.ss-pip{height:186px}.ss-pip-stage[data-distance=far] .ss-pip{height:115px;bottom:75px}.ss-pip-empty{font-size:21px}.ss-pause-stage{padding:20px 14px}.ss-pause-stage h4{font-size:22px}.ss-controls{gap:7px}.ss-controls button{font-size:14px;padding:9px 10px}.ss-pause-choices{gap:6px}.ss-activity-footer{gap:10px}}
@media(prefers-reduced-motion:reduce){.ss-activity *,.ss-activity *::before,.ss-activity *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ss-pattern-options{margin-top:14px;border:1px solid var(--ss-border);border-radius:10px;padding:0 12px;background:var(--paper,#f7f5ee)}
.ss-pattern-options summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:15px;font-weight:600}
.ss-pattern-options summary:focus-visible{outline:3px solid #a24f20;outline-offset:3px}
.ss-pattern-options .ss-patterns{margin:0 0 12px}
.ss-maze-board .ss-maze-next{border-color:#8d9e76;border-style:dashed}
.ss-direction:disabled{box-shadow:none;opacity:.35}
.ss-activity-footer .ss-paper-link{font-size:14px;min-height:44px;display:flex;align-items:center;flex-basis:100%;text-underline-offset:3px}
.ss-controls{margin-top:12px}.ss-status{margin-top:12px;min-height:0}.ss-activity-footer{margin-top:16px;padding-top:14px}
.ss-garden--illustrated{background:#f8f2dc;border-color:#9da880}
.ss-garden-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}
.ss-garden--illustrated .ss-garden-track{stroke:transparent;fill:none}
.ss-garden--illustrated .ss-garden-marker{fill:#a65c32;stroke:#fff7df;stroke-width:3;filter:drop-shadow(0 2px 2px #49331580)}
.simple .ss-garden-art{display:none}
.simple .ss-garden--illustrated .ss-garden-track{stroke:#d7c7a3;stroke-width:32}
.ss-pause-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:10px;margin:0 auto 18px;background:#f7eedc}
.ss-pause-stage:has(.ss-pause-art){padding:14px 14px 22px;background:#f9f5eb}
.ss-pause-stage:has(.ss-pause-art) h4,.ss-pause-stage:has(.ss-pause-art) p{margin-left:8px;margin-right:8px}
.ss-pip-stage[data-setting=garden]{background:#d8e3c8 url('art/pip-garden-v7-small.webp') center/cover no-repeat}
.ss-pip-stage[data-setting=nook]{background:#e5d8bf url('art/pip-nook-v7-small.webp') center/cover no-repeat}
.ss-pip-stage:not([data-setting=plain]) :is(.ss-pip-sun,.ss-pip-cloud,.ss-pip-hill,.ss-pip-floor,.ss-pip-plant,.ss-pip-seat,.ss-pip-rug){display:none}
.ss-pip-stage .ss-pip{width:84%;left:10%;height:245px;bottom:19px}
.ss-pip-stage[data-distance=far] .ss-pip{width:43%;left:54%;height:142px;bottom:76px}
.ss-pip-empty{background:#fffdf0e8;border-radius:10px;padding:12px;top:38%}
.simple .ss-pip-stage[data-setting]{background:#f6f3e9}
@container(max-width:300px){.ss-pip-stage .ss-pip{height:210px;bottom:16px}.ss-pip-stage[data-distance=far] .ss-pip{height:118px;bottom:69px}}

/* Miniature materials: painted timber, plaster, and sewn cloth. */
.ss-activity{--ss-border:#a5ab97;--ss-depth:0 3px 0 #74634724,0 9px 17px #3e443b0b}
.ss-activity button:not(.ss-build-cell):not(.ss-maze-cell){border-radius:8px 10px 7px 9px;box-shadow:inset 0 1px 0 #ffffffc2,0 2px 0 #625b4520}
.ss-activity button:disabled{box-shadow:none!important}
.ss-activity button:active:not(:disabled){box-shadow:inset 0 2px 4px #433e2e24}
.ss-pattern-options{border-color:#c5bba4;background:#f4f0e4;border-radius:9px 12px 8px 11px}
.ss-status{border-radius:1px 9px 7px 2px;box-shadow:inset 0 1px 0 #ffffff80}
.ss-build-board{background:repeating-linear-gradient(3deg,transparent 0 23px,#7560470a 23px 24px),#d6c4a4;border-color:#9f9074;border-radius:13px 17px 12px 15px;box-shadow:inset 0 1px 0 #f8edd9,0 4px 0 #8d7d6140,0 10px 16px #443b2a10}
.ss-build-board .ss-build-cell{border-color:#625c4b66;border-radius:5px 7px 4px 6px}
.ss-build-board .ss-build-cell:nth-child(3n){border-radius:7px 4px 6px 5px}
.ss-build-cell[data-material=empty]{background:#eee7d8;box-shadow:inset 1px 2px 3px #64594426,inset -1px -1px 0 #fff8e6}
.ss-build-cell[data-material=empty]::after{color:#776d55}
.ss-build-cell[data-material=grass]{background:radial-gradient(ellipse at 25% 12%,#c2cd9d 0 12%,transparent 14%),radial-gradient(ellipse at 75% 9%,#9fb47a 0 20%,transparent 22%),linear-gradient(#a9bc89 0 22%,#7d9564 25% 66%,#6a8055 100%)!important;box-shadow:inset 2px 2px 0 #dbe4b75c,inset -3px -4px 0 #3b513d38,0 2px 1px #5a513321}
.ss-build-cell[data-material=wood]{background:repeating-linear-gradient(3deg,#ad845b 0 9px,#b78e64 9px 11px,#957148 11px 12px,#b78e64 12px 25px)!important;box-shadow:inset 2px 2px 0 #f1d5a978,inset -3px -4px 0 #64462f44,0 2px 1px #5a513321}
.ss-build-cell[data-material=stone]{background:radial-gradient(ellipse at 25% 17%,#d3d5c0 0 6%,transparent 9%),radial-gradient(ellipse at 71% 65%,#818c7955 0 8%,transparent 11%),#a8af9c!important;box-shadow:inset 2px 2px 0 #f2f2d485,inset -3px -4px 0 #5765533d,0 2px 1px #5a513321}
.ss-maze-board{background:#c8b797;border-color:#99896f;border-radius:17px 13px 16px 12px;box-shadow:inset 0 1px 0 #f6e7c7,0 4px 0 #8d7d6140,0 10px 16px #443b2a10}
.ss-maze-board .ss-maze-cell{background:#f3ebd7}
.ss-maze-board .ss-maze-cell.ss-maze-wall{background:radial-gradient(ellipse at 30% 20%,#9eae83 0 14%,transparent 17%),#778c65;border-color:#c8b797;border-radius:7px 10px 6px 9px;box-shadow:inset 1px 2px 0 #d2d6a866,inset -2px -2px 0 #42573f44!important}
.ss-maze-board[data-board=pond]{background:#bac7c3;border-color:#829b95}
.ss-maze-board[data-board=pond] .ss-maze-wall{border-color:#bac7c3;background:repeating-linear-gradient(-5deg,#749a9b 0 13px,#a7c3bd 13px 15px,#749a9b 15px 29px);box-shadow:inset 1px 2px 0 #e7efe166,inset -2px -2px 0 #46696644!important}
.ss-maze-cell.ss-maze-visited:not(.ss-maze-wall){background:#e2e6cf}
.ss-maze-current::after{background:#b9774a;box-shadow:inset 1px 2px 0 #e8b682,0 0 0 2px #795739,0 3px 3px #57442b38;border-color:#fff5dd}
.ss-maze-board .ss-maze-next{border-color:#88966c}
.ss-pip-stage{border-color:#acb8a8;border-radius:16px 20px 14px 18px;box-shadow:inset 0 1px 0 #fff9e2,var(--ss-depth)}
.ss-pip-sun{box-shadow:inset -3px -3px 0 #b49a4940,1px 3px 0 #56725812}
.ss-pip-cloud{box-shadow:inset 0 -3px 0 #d7dfce80,21px 5px 0 -3px #fffdf5bb,-14px 6px 0 -4px #fffdf5bb}
.ss-pip-seat{background:repeating-linear-gradient(0deg,transparent 0 3px,#43513c0a 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#43513c0a 3px 4px),#b3bca2;border:1px dashed #6e7d5d80;box-shadow:inset 0 -6px 0 #81917455,0 4px 2px #4d5d3f28}
.ss-pip-rug{border-style:dashed;background:#c6bd977d;box-shadow:0 2px 1px #5a654017}
.ss-pip-stage[data-setting=nook]{background-color:#e4dac8}
.ss-pip-stage[data-setting=nook] .ss-pip-floor{background:repeating-linear-gradient(0deg,transparent 0 20px,#7560462a 20px 21px),#bfaa88}
.ss-pip-stage[data-setting=nook] .ss-pip-sun{border-color:#a48e71;box-shadow:inset 2px 2px 3px #6d7b7130,1px 2px 0 #fff1d4}
.ss-pip-stage[data-setting=plain]{background:#f6f3ea;box-shadow:var(--ss-depth)}
.ss-pause-stage{border-color:#b4abbd;border-radius:17px 13px 18px 14px;background:#eeebf2;box-shadow:inset 0 1px 0 #fffef6,0 3px 0 #84768e24,0 9px 17px #403a480b}
.ss-pause-stage:has(.ss-pause-art){background:#f8f4ec}
.ss-pause-art{border-radius:9px 12px 8px 11px;outline:1px solid #5d55421a;outline-offset:-1px}
.ss-garden--illustrated{border-radius:15px 19px 14px 17px;box-shadow:0 3px 0 #71694e30,0 9px 17px #3e443b0b}
.simple .ss-build-board,.simple .ss-maze-board,.simple .ss-pip-stage,.simple .ss-pause-stage,.simple .ss-garden{box-shadow:none}
.simple .ss-build-board{background:#e4decd}.simple .ss-pip-seat{background:#b3bca2;border-style:solid}
@container(max-width:300px){.ss-build-board{border-radius:8px 10px 7px 9px}.ss-maze-board{border-radius:9px 7px 10px 8px}}
.ss-setting-controls{margin:10px 0 16px}.ss-activity--companion .ss-setting-label{margin:8px 0 0}

/* Keep Pip and the rug in the same room coordinate system. */
.ss-pip-stage[data-setting=nook]{height:auto;aspect-ratio:640/427;background-size:100% 100%}
.ss-pip-stage[data-setting=nook] .ss-pip{width:78%;height:auto;left:50%;bottom:17%;transform:translateX(-50%)}
.ss-pip-stage[data-setting=nook][data-distance=far] .ss-pip{width:50%;height:auto;left:53%;bottom:24%}