@font-face{font-family:Schoolbell;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/schoolbell.woff2)format("woff2")}:root{--paper:#186b3b;--paper-tuft:#145c32;--surface:#00000029;--ink:#fff;--muted:#ffffffb8;--line:#ffffff47;--yellow:#f1c40f;--yellow-deep:#d4a017;--black:#1a1a1a;--good:var(--yellow);--warn:#ffd86b;--board-edge:#0d3d22;--display:"Schoolbell", "Comic Sans MS", cursive;--body:"Schoolbell", "Comic Sans MS", cursive;--mono:"Schoolbell", "Comic Sans MS", cursive;--yellow-text:#ffd84d;--muted-text:#ffffffd9;--fs-xs:14px;--fs-s:16px;--fs-m:17px;--fs-l:20px;--fs-xl:26px;--fs-2xl:clamp(30px,7vw,40px);--fs-big:52px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--stroke:2.5px;--dash:2px dashed var(--line);--card-bg:var(--surface);--card-edge:var(--ink);--card-pad:var(--sp-4) 18px;--btn-bg:var(--yellow);--btn-ink:var(--black);--btn-edge:var(--black);--btn-size:var(--fs-l);--result-accent:var(--accent);--focus:var(--stroke) dashed var(--yellow);--accent:var(--yellow);--accent-text:var(--yellow-text);--paper-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' shape-rendering='crispEdges'%3E%3Cg fill='%23145c32'%3E%3Crect x='14' y='22' width='3' height='3'/%3E%3Crect x='17' y='19' width='3' height='3'/%3E%3Crect x='20' y='22' width='3' height='3'/%3E%3Crect x='23' y='19' width='3' height='3'/%3E%3Crect x='78' y='70' width='3' height='3'/%3E%3Crect x='81' y='67' width='3' height='3'/%3E%3Crect x='84' y='70' width='3' height='3'/%3E%3Crect x='87' y='67' width='3' height='3'/%3E%3Crect x='40' y='98' width='3' height='3'/%3E%3Crect x='43' y='95' width='3' height='3'/%3E%3C/g%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}[hidden]:not([hidden=until-found i]){display:none!important}body{color:var(--ink);font-family:var(--body);background:var(--paper) var(--paper-pattern);margin:0;padding:0;font-size:17px;line-height:1.45}b,strong{font-weight:400}.wrap{max-width:1000px;padding-block:24px 48px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:20px;display:flex}.meta b{color:var(--accent-text);font-weight:400}.card,:is(button,a).btn{isolation:isolate;position:relative}.card:before,:is(button,a).btn:before{content:"";z-index:-1;filter:url(#wiggle);pointer-events:none;position:absolute;inset:0}.panel{flex-direction:column;gap:18px;min-width:0;display:flex}.card{padding:var(--card-pad)}.card:before{background:var(--card-bg);border:var(--stroke) solid var(--card-edge)}.label{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.score{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.score .big{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:52px;line-height:1}.score .unit{color:var(--muted);font-size:16px}.score .opt{align-items:baseline;gap:var(--sp-2);color:var(--accent);margin-left:auto;display:flex}.score .opt .k{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.hint{min-height:1.5em;color:var(--warn);margin:10px 0 0;font-size:15px}.actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}:is(button,a).btn{font:inherit;font-size:var(--btn-size);padding:var(--sp-2) var(--sp-5);cursor:pointer;color:var(--btn-ink);background:0 0;border:0;line-height:1.2;text-decoration:none;transition:color .15s,transform .1s;display:inline-block}:is(button,a).btn:before{background:var(--btn-bg);border:var(--stroke) solid var(--btn-edge)}:is(button,a).btn:hover:not([disabled]){transform:translateY(-1px)}:is(button,a).btn:active:not([disabled]){transform:translateY(1px)}:is(button,a).btn.ghost{color:var(--ink)}:is(button,a).btn.ghost:before{border-color:var(--ink);background:0 0}:is(button,a).btn.ghost:hover:not([disabled]){color:var(--yellow)}:is(button,a).btn.ghost:hover:not([disabled]):before{border-color:var(--yellow)}:is(button,a).btn[disabled]{opacity:.4;cursor:not-allowed}:is(button,a).btn:focus-visible{outline:var(--focus);outline-offset:4px}.result .row{border-bottom:2px dashed var(--line);justify-content:space-between;gap:12px;padding:4px 0;font-size:17px;display:flex}.result .row:last-of-type{border-bottom:0}.result .row span:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--result-accent)}.verdict{font-family:var(--display);text-wrap:balance;margin:0 0 8px;font-size:26px}.verdict.perfect{color:var(--result-accent)}.share-text{box-sizing:border-box;width:100%;font-family:var(--mono);color:var(--ink);border:2px dashed var(--line);resize:none;background:#00000040;border-radius:0;margin-top:10px;padding:8px;font-size:15px}.rules{color:var(--muted);font-size:16px}.rules p{max-width:62ch;margin:0 0 8px}.rules b{color:var(--accent)}.head-title{align-items:center;gap:12px;display:flex}:is(button,a).btn.rules-btn{flex:none;width:40px;height:40px;padding:0;font-size:24px;line-height:1}dialog.how{box-sizing:border-box;width:min(520px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}dialog.how:before{background:var(--paper-tuft)}dialog.how::backdrop{background:#0009}.how-in{box-sizing:border-box;max-height:calc(100dvh - 32px);padding:18px 20px;overflow-y:auto}.how-in .rules{color:var(--ink)}.how-in .actions{margin-top:8px}.how-strip{flex-wrap:wrap;gap:12px 16px;margin:10px 0 14px;padding:0;list-style:none;display:flex}.how-strip li{min-width:84px;color:var(--muted);flex-direction:column;flex:1 1 0;gap:6px;font-size:15px;line-height:1.25;display:flex}.how-tiles{image-rendering:pixelated;display:flex}.how-tiles i{width:28px;height:28px;color:var(--ink);text-shadow:1px 1px #000000b3;background-size:100% 100%;flex:none;place-items:center;font-size:14px;font-style:normal;line-height:1;display:grid}.board-wrap,.board-wrap *{image-rendering:pixelated}.anim.anim{background-image:var(--anim);background-repeat:no-repeat;background-size:calc(var(--anim-frames) * 100%) 100%;background-position:var(--anim-rest) 0;image-rendering:pixelated;--anim-play:anim-strip var(--anim-time) steps(var(--anim-frames)) var(--anim-count);animation:var(--anim-play)}@keyframes anim-strip{0%{background-position:0 0}to{background-position:calc(var(--anim-frames) / (var(--anim-frames) - 1) * 100%) 0}}@media (prefers-reduced-motion:reduce){.anim.anim{animation:none}}.board-wrap{--side:min(100%,560px);width:calc(var(--side)*var(--w,1)/var(--m,1));margin-left:calc(var(--side)*(1 - var(--w,1)/var(--m,1))/2);aspect-ratio:var(--w,1)/var(--h,1)}.wrap>header h1{font-family:var(--display);text-wrap:balance;margin:0;font-size:clamp(30px,6vw,44px);font-weight:400;line-height:1.05}.meta{font-family:var(--mono);font-size:var(--fs-s);color:var(--accent-text);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mode-tag{font-family:var(--mono);border:1px solid var(--warn);color:var(--warn);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:2px 8px;font-size:12px}.layout{grid-template-columns:minmax(0,1fr);gap:28px;max-width:568px;margin-inline:auto;display:grid}.board-wrap{border:4px solid var(--board-edge);border-radius:0;position:relative;overflow:hidden;box-shadow:0 6px #00000040}.board{display:grid;position:absolute;inset:0}.legend{color:var(--muted-text);flex-wrap:wrap;gap:8px 14px;margin-top:12px;font-size:15px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.lg{width:20px;height:20px;image-rendering:pixelated;background-size:100% 100%;display:inline-block}.rules p:last-of-type{margin-bottom:0}.shore{--qne:none;--qse:none;--qsw:none;--qnw:none}.cell.water.shore{background-image:var(--qne),var(--qse),var(--qsw),var(--qnw),var(--spr-water);--anim-frames:4;background-position:0 0;background-size:400% 100%,400% 100%,400% 100%,400% 100%,100% 100%;animation:1.4s steps(4,end) infinite anim-strip}@media (prefers-reduced-motion:reduce){.cell.water.shore{animation:none}}.cell.sway.sway{background-image:var(--anim),var(--under,var(--spr-grass));background-size:calc(var(--anim-frames) * 100%) 100%,100% 100%;animation:anim-strip var(--anim-time) steps(var(--anim-frames)) var(--d,0s) infinite}.cell.anim-ripple.anim-ripple{background-image:var(--anim);background-size:calc(var(--anim-frames) * 100%) 100%;animation:anim-strip var(--anim-time) steps(var(--anim-frames)) infinite}.cell.anim-ripple.anim-ripple.shore{background-image:var(--qne),var(--qse),var(--qsw),var(--qnw),var(--anim);background-size:400% 100%,400% 100%,400% 100%,400% 100%,400% 100%}@media (prefers-reduced-motion:reduce){.cell.sway.sway,.cell.anim-ripple.anim-ripple{animation:none}}.s-ne-n{--qne:var(--anim-shore-ne-n)}.s-ne-e{--qne:var(--anim-shore-ne-e)}.s-ne-o{--qne:var(--anim-shore-ne-o)}.s-ne-i{--qne:var(--anim-shore-ne-i)}.s-se-e{--qse:var(--anim-shore-se-e)}.s-se-s{--qse:var(--anim-shore-se-s)}.s-se-o{--qse:var(--anim-shore-se-o)}.s-se-i{--qse:var(--anim-shore-se-i)}.s-sw-s{--qsw:var(--anim-shore-sw-s)}.s-sw-w{--qsw:var(--anim-shore-sw-w)}.s-sw-o{--qsw:var(--anim-shore-sw-o)}.s-sw-i{--qsw:var(--anim-shore-sw-i)}.s-nw-w{--qnw:var(--anim-shore-nw-w)}.s-nw-n{--qnw:var(--anim-shore-nw-n)}.s-nw-o{--qnw:var(--anim-shore-nw-o)}.s-nw-i{--qnw:var(--anim-shore-nw-i)}#root{flex-direction:column;min-height:100vh;display:flex}main{outline:none;flex:1}.site-in{box-sizing:border-box;max-width:1000px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}header.site-head{border-bottom:3px dashed var(--line);margin:0;display:block}.site-head .site-in{justify-content:space-between;align-items:center;gap:12px;min-height:60px;display:flex}.site-name{font-family:var(--display);color:var(--ink);letter-spacing:.02em;font-size:clamp(26px,6vw,32px);line-height:1.1;text-decoration:none}.site-name:hover{color:var(--yellow)}.site-nav{align-items:center;gap:var(--sp-4);display:flex}.site-nav>a{font-size:var(--fs-l);color:var(--ink);text-decoration:none}.site-nav>a:hover,.site-nav>a.active{color:var(--yellow-text)}.site-nav>a.active{text-underline-offset:4px;text-decoration:underline}.site-auth:empty{display:none}button.btn.auth-btn{padding:4px 14px;font-size:18px}.avatar{background:var(--yellow);width:40px;height:40px;color:var(--black);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-size:18px;line-height:1;display:inline-grid}.avatar.big{width:64px;height:64px;font-size:28px}.auth-menu{position:relative}.auth-menu>summary{cursor:pointer;border-radius:50%;list-style:none}.auth-menu>summary::-webkit-details-marker{display:none}.auth-menu>summary:focus-visible{outline:2.5px dashed var(--yellow);outline-offset:3px}.auth-pop{z-index:5;box-sizing:border-box;background:var(--paper-tuft);border:2.5px solid var(--ink);flex-direction:column;gap:6px;min-width:180px;max-width:min(280px,100vw - 32px);padding:12px 16px;font-size:18px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.auth-pop a{color:var(--yellow)}.auth-who{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;overflow:hidden}button.linkish{font:inherit;color:var(--yellow);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}button.linkish:focus-visible,button.btn:focus-visible{outline:2.5px dashed var(--yellow);outline-offset:4px}.auth-error-row{width:100%}.auth-error{border:2px dashed var(--yellow);color:var(--ink);margin:12px 0 0;padding:8px 12px}.profile-id{align-items:center;gap:16px;margin:16px 0 8px;display:flex}.profile-id p{overflow-wrap:anywhere;margin:0}.profile-name{font-size:24px}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.warn-text{color:var(--warn)}.site-foot{border-top:3px dashed var(--line);font-size:16px}.site-foot .site-in{flex-wrap:wrap;gap:16px;padding-block:14px 18px;display:flex}.site-foot a,.prose a{color:var(--yellow-text)}.lang-pick{align-items:center;gap:8px;margin-left:auto;display:flex}.lang-pick select{font:inherit;color:var(--black);background:var(--yellow);border:0;border-radius:6px;padding:2px 6px}.lang-pick select:focus-visible{outline:var(--focus);outline-offset:3px}a:focus-visible{outline:var(--focus);outline-offset:4px}.skip{z-index:10;background:var(--yellow);color:var(--black);padding:6px 12px;text-decoration:none;position:absolute;top:-100px;left:16px}.skip:focus{top:8px}.page-title{font-family:var(--display);margin:0 0 8px;font-size:clamp(30px,7vw,40px);font-weight:400;line-height:1.1}.lede{color:var(--yellow);max-width:58ch;margin:0 0 24px}.prose{max-width:640px;font-size:18px;line-height:1.5}.prose h2{color:var(--yellow);margin:28px 0 6px;font-size:24px;font-weight:400}.prose .note{color:var(--muted)}.home .lede{color:var(--muted-text)}.section-title{font-family:var(--display);font-weight:400;font-size:var(--fs-xl);color:var(--yellow-text);margin:var(--sp-6) 0 var(--sp-3);align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;line-height:1.15;display:flex}.section-title .count{font-size:var(--fs-s);color:var(--muted-text)}.game-cards{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin:0;padding:0;list-style:none;display:grid}.game-card{gap:var(--sp-2);flex-direction:column;display:flex}.game-top{align-items:center;gap:var(--sp-3);display:flex}.game-title{flex:1;min-width:0}.game-card h3{font-family:var(--display);font-weight:400;font-size:var(--fs-xl);margin:0;line-height:1.15}.game-link{color:var(--ink);text-decoration:none}.game-link:after{content:"";z-index:1;position:absolute;inset:0}.game-link:focus-visible{color:var(--yellow)}.game-card:has(.game-link:hover) h3{color:var(--yellow)}.game-link:focus-visible{outline:none}.game-card:has(.game-link:focus-visible){outline:var(--focus);outline-offset:4px}.game-card .rules-btn{z-index:2;align-self:flex-start;position:relative}.game-icon{box-sizing:border-box;background:var(--icon) center/100% 100%;width:48px;height:48px;image-rendering:pixelated;flex:none}.game-card[data-look] .game-icon{background-image:var(--icon),var(--ground);border:3px solid var(--board-edge)}.game-card[data-look] .game-num{color:var(--accent)}.look{display:contents}.game-num{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--yellow);margin:2px 0 0}.game-blurb{color:var(--muted);flex:1;margin:0}.game-foot{align-items:center;gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-1);padding-top:var(--sp-2);border-top:var(--dash);flex-wrap:wrap;display:flex}.game-foot p{margin:0}.game-state{font-size:var(--fs-m)}.game-state.is-played{color:var(--ink)}.game-state.is-perfect{color:var(--yellow)}.game-streak{font-size:var(--fs-s);color:var(--yellow)}.game-play{font-size:var(--fs-l);color:var(--yellow);margin-left:auto}.game-card.is-done:before{background:#0000003d;border-style:dashed}.game-card.is-soon .game-blurb{color:var(--muted)}.home .share-today{margin-top:var(--sp-5)}.game-error{color:var(--muted)}.new-puzzle{border:2px dashed var(--yellow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:12px;padding:8px 12px;font-size:18px;display:flex}.new-puzzle button.btn{padding:4px 14px;font-size:18px}.history .card{margin:0 0 20px}.sign-prompt p{margin:0 0 12px}.sign-prompt p:last-child{margin:0}.history-game h2{font-family:var(--display);color:var(--ink);margin:0 0 10px;font-size:26px}.stats{grid-template-columns:repeat(4,1fr);gap:8px 12px;margin:0 0 14px;display:grid}.stats div{min-width:0}.stats dt{letter-spacing:.06em;text-transform:uppercase;color:var(--yellow);font-size:14px;line-height:1.2}.stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:30px;line-height:1.1}@media (width<=520px){.stats{grid-template-columns:repeat(2,1fr)}}.days{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:16px}.days th{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:left;padding:0 6px 4px 0;font-size:14px;font-weight:400}.days td{border-top:2px dashed var(--line);white-space:nowrap;padding:5px 6px 5px 0}.days th:last-child,.days td:last-child{text-align:right;color:var(--yellow);padding-right:0}.share-today .share-text{margin-top:10px}.next-puzzle{margin-top:12px;font-size:17px}.next-puzzle p{margin:0 0 4px}.next-puzzle a{color:var(--yellow)}.leaderboard{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:var(--dash)}.leaderboard p{margin:0 0 var(--sp-1)}.lb-perfect{color:var(--accent)}.lb-hist{margin:var(--sp-3) 0 0;border-bottom:var(--stroke) solid var(--muted);align-items:flex-end;height:96px;padding:0;list-style:none;display:flex}.lb-hist li{flex:1 1 0;align-items:flex-end;min-width:0;height:100%;display:flex}.lb-hist li span{background:var(--muted);width:100%;display:block}.lb-hist li.mine span{background:var(--yellow);min-height:4px}.lb-axis{justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-s);font-variant-numeric:tabular-nums;color:var(--muted);display:flex;margin-top:var(--sp-1)!important}.lb-you{color:var(--accent)}.day-box{box-sizing:border-box;text-align:center;border:2.5px dashed var(--line);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:19px;display:flex}.day-box p{max-width:22em;margin:0}.archive .card{margin:0 0 20px}.archive-month h2{font-family:var(--display);color:var(--ink);margin:0 0 10px;font-size:24px}.archive-days{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.archive-days a{border:2px dashed var(--line);color:var(--ink);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;padding:6px 4px;line-height:1.2;text-decoration:none;display:flex}.archive-days a:hover,.archive-days a:focus-visible{border-color:var(--yellow);color:var(--yellow)}.archive-days .n{color:var(--muted);font-size:13px}.archive-days .d{font-size:22px}.archive-days .m{color:var(--muted);font-size:14px}.archive-days .played{border-style:solid}.archive-days .perfect{border-style:solid;border-color:var(--yellow)}.archive-days .perfect .m{color:var(--yellow)}[data-look=wells]{--paper:#155a6e;--paper-tuft:#104a5c;--board-edge:#0a3240;--accent:#9fdcff;--accent-text:#9fdcff;--ground:var(--spr-grass);--paper-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' shape-rendering='crispEdges'%3E%3Cg fill='%23104a5c'%3E%3Crect x='12' y='22' width='6' height='3'/%3E%3Crect x='18' y='19' width='6' height='3'/%3E%3Crect x='24' y='22' width='6' height='3'/%3E%3Crect x='72' y='70' width='6' height='3'/%3E%3Crect x='78' y='67' width='6' height='3'/%3E%3Crect x='84' y='70' width='6' height='3'/%3E%3Crect x='38' y='98' width='6' height='3'/%3E%3Crect x='44' y='95' width='6' height='3'/%3E%3C/g%3E%3C/svg%3E");--w0:#5dade2;--w1:#f1c40f;--w2:#f08fd8}:root[data-look=wells] body,[data-look=wells]:not(:root){--spr-water:var(--spr-pond);--spr-well:var(--spr-well-pond);--anim-dig:var(--anim-dig-pond);--anim-well-water:var(--anim-well-water-pond);--anim-ripple:var(--anim-ripple-pond)}[data-look=watch]{--paper:#1c2340;--paper-tuft:#151b33;--board-edge:#8a6d2c;--accent:#f3d98a;--accent-text:#f3d98a;--ground:var(--spr-floor-lit);--paper-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' shape-rendering='crispEdges'%3E%3Cg fill='%232d375e'%3E%3Crect x='20' y='18' width='3' height='9'/%3E%3Crect x='17' y='21' width='9' height='3'/%3E%3Crect x='82' y='68' width='3' height='3'/%3E%3Crect x='46' y='100' width='3' height='3'/%3E%3Crect x='100' y='30' width='3' height='3'/%3E%3Crect x='64' y='44' width='3' height='3'/%3E%3C/g%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){[data-look=watch]{--paper-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' shape-rendering='crispEdges'%3E%3Cg fill='%232d375e'%3E%3Crect x='20' y='18' width='3' height='9'/%3E%3Crect x='17' y='21' width='9' height='3'/%3E%3Crect x='82' y='68' width='3' height='3'%3E%3Canimate attributeName='opacity' values='1;1;.2;.6;1' dur='3.1s' begin='0s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46' y='100' width='3' height='3'%3E%3Canimate attributeName='opacity' values='1;1;.2;.6;1' dur='4.3s' begin='1.2s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='100' y='30' width='3' height='3'%3E%3Canimate attributeName='opacity' values='1;1;.2;.6;1' dur='5.3s' begin='2.1s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='64' y='44' width='3' height='3'%3E%3Canimate attributeName='opacity' values='1;1;.2;.6;1' dur='3.7s' begin='0.6s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='21' y='22' width='1' height='1' fill='%234a5788'%3E%3Canimate attributeName='opacity' values='0;1;0;0' dur='6.1s' calcMode='discrete' repeatCount='indefinite'/%3E%3C/rect%3E%3C/g%3E%3C/svg%3E")}}[data-look=roads]{--paper:#56601f;--paper-tuft:#495219;--board-edge:#2e3510;--accent:#f2d59b;--accent-text:#f2d59b;--ground:var(--spr-grass);--paper-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' shape-rendering='crispEdges'%3E%3Cg fill='%23495219'%3E%3Crect x='14' y='22' width='3' height='3'/%3E%3Crect x='17' y='19' width='3' height='3'/%3E%3Crect x='20' y='22' width='3' height='3'/%3E%3Crect x='23' y='19' width='3' height='3'/%3E%3Crect x='78' y='70' width='3' height='3'/%3E%3Crect x='81' y='67' width='3' height='3'/%3E%3Crect x='84' y='70' width='3' height='3'/%3E%3Crect x='87' y='67' width='3' height='3'/%3E%3Crect x='40' y='98' width='3' height='3'/%3E%3Crect x='43' y='95' width='3' height='3'/%3E%3Crect x='94' y='22' width='3' height='3'/%3E%3Crect x='91' y='25' width='3' height='3'/%3E%3Crect x='97' y='25' width='3' height='3'/%3E%3Crect x='94' y='28' width='3' height='3'/%3E%3C/g%3E%3C/svg%3E")}:root[data-look=roads] body,[data-look=roads]:not(:root){--spr-grass:var(--spr-meadow);--spr-house:var(--spr-cottage);--spr-house-on:var(--spr-cottage-on)}