.board-play{display:contents}.board-frame{width:100%;display:flex;flex-direction:column;align-items:center;flex:1;container-type:size}.board-frame{--lawn-floor-give: 0px;min-height:calc(min(40dvh,320px) - var(--lawn-floor-give))}.board{position:relative;display:flex;flex-direction:column;gap:0;aspect-ratio:calc(var(--cols) / var(--rows));width:min(100%,var(--content-max-width, 40rem));touch-action:none;user-select:none;-webkit-user-select:none;border-radius:var(--radius-sm, .65rem);overflow:hidden;box-shadow:var(--shadow-card, 0 10px 30px rgb(0 0 0 / 12%));outline-offset:2px}@supports (container-type: size){.board{width:min(100%,var(--content-max-width, 40rem),calc(100cqh * var(--cols) / var(--rows)))}}.board--disabled{opacity:.85}.board__row{display:grid;grid-template-columns:repeat(var(--cols),1fr);flex:1}.board__cell{padding:0;min-width:0}.board__cell>.tile{width:100%;height:100%;aspect-ratio:auto}.board__fence{position:absolute;width:calc(100% / var(--cols));height:calc(100% / var(--rows));background-repeat:no-repeat;background-size:100% 100%;image-rendering:pixelated;pointer-events:none;z-index:2}.board__fence--left{background-image:url(/tiles/fence-left.png)}.board__fence--right{background-image:url(/tiles/fence-right.png)}.board__fence--top{background-image:url(/tiles/fence-top.png)}.board__fence--bottom{background-image:url(/tiles/fence-bottom.png)}.board__player{position:absolute;top:0;left:0;width:calc(100% / var(--cols));height:calc(100% / var(--rows));transition:transform var(--motion-duration, .15s) ease;pointer-events:none;z-index:3;background-repeat:no-repeat;background-size:100% 100%;image-rendering:pixelated}.board__player--u{background-image:url(/tiles/mowrio-u.png)}.board__player--d{background-image:url(/tiles/mowrio-d.png)}.board__player--l{background-image:url(/tiles/mowrio-l.png)}.board__player--r{background-image:url(/tiles/mowrio-r.png)}.board__path{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.board__path-under{fill:none;stroke:#0000007f;stroke-width:.17;stroke-linejoin:round;stroke-linecap:round}.board__path-over{fill:none;stroke:var(--route-optimal);stroke-width:.09;stroke-linejoin:round;stroke-linecap:round}.board__path-start,.board__path-head{fill:var(--route-optimal);stroke:#0000007f;stroke-width:.04}.board__path--own .board__path-over{stroke:var(--route-own);stroke-width:.075;stroke-dasharray:.22 .16}.board__path--own .board__path-start,.board__path--own .board__path-head{fill:var(--route-own)}.board--shake{animation:board-shake calc(var(--motion-duration, .15s) * 2) linear}@keyframes board-shake{0%,to{translate:0 0}25%{translate:-4px 0}50%{translate:4px 0}75%{translate:-2px 0}}.arrowpad{--arrowpad-key: clamp(44px, 8dvh, 64px);display:grid;grid-template-columns:repeat(3,var(--arrowpad-key, 64px));grid-template-rows:repeat(3,var(--arrowpad-key, 64px));gap:10px;justify-content:center;margin-block:calc(var(--space, .75rem) * .5) calc(var(--space, .75rem) * 1.5);flex:none}.arrowpad__key--u{grid-area:1 / 2}.arrowpad__key--l{grid-area:2 / 1}.arrowpad__key--r{grid-area:2 / 3}.arrowpad__key--d{grid-area:3 / 2}.arrowpad__key{width:var(--arrowpad-key, 64px);height:var(--arrowpad-key, 64px);display:grid;place-items:center;padding:0;line-height:1;font-size:1.5rem;font-weight:700;border:3px solid var(--color-text);border-radius:0;background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:4px 4px 0 var(--color-text);touch-action:manipulation;transition:background-color var(--motion-duration) ease,translate var(--motion-duration) ease,box-shadow var(--motion-duration) ease}.arrowpad__key:active:not(:disabled){translate:4px 4px;transform:none;box-shadow:0 0 0 var(--color-text);background:var(--color-accent-strong)}.arrowpad__key:hover:not(:disabled){background:var(--color-accent-strong);border-color:var(--color-text);color:var(--color-accent-contrast)}.arrowpad__key:disabled{opacity:.4;box-shadow:2px 2px 0 var(--color-text)}@media(min-width:768px){.arrowpad{--arrowpad-key: 52px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-height:820px)and (max-width:1000px){.arrowpad{margin-block:calc(var(--space, .75rem) * .25) calc(var(--space, .75rem) * .5)}}@media(orientation:landscape)and (max-height:700px){.board-play{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space, .75rem);flex:1;min-height:0}.board-play:has(.arrowpad)>.board-frame{min-height:0}.board-play>.board-frame{flex:1;align-self:stretch}.board-play>.arrowpad{flex:none;margin-block:0}}.swatch{--rows: 1;--cols: 1;position:relative;display:grid;grid-template-columns:1fr;flex:none;width:var(--swatch-cell, 2.75rem);border-radius:var(--radius-sm, .65rem);overflow:hidden}.swatch--pair{--cols: 2;grid-template-columns:repeat(2,1fr);width:calc(var(--swatch-cell, 2.75rem) * 2)}.swatch .board__player{transition:none}.attempt{display:flex;flex-direction:column;gap:var(--space, .75rem);flex:1}.attempt__date{font-variant-numeric:tabular-nums;color:var(--color-text-muted, inherit);margin:0}.attempt__ready,.attempt__active,.attempt__replay,.attempt__finished{display:flex;flex-direction:column;gap:var(--space, .75rem)}.attempt__active,.attempt__replay,.attempt__finished{flex:1}.attempt__active>.attempt__finish,.attempt__replay>.attempt__finish,.attempt__finished>.attempt__finish{flex:1}.attempt__replay .actions,.attempt__active .actions,.attempt__finished .actions{margin-top:calc(var(--space, .75rem) * .75)}.attempt__howto{background:var(--color-surface, #fff);border:1px solid var(--color-border, #ccc);border-radius:var(--radius, 1rem);padding:calc(var(--space, .75rem) * .75) var(--space, .75rem)}.attempt__howto summary{cursor:pointer;font-weight:600}.attempt__howto-rules{margin:.5rem 0 .25rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:calc(var(--space, .75rem) * .5)}.attempt__howto-rules li{display:grid;grid-template-columns:calc(var(--swatch-cell, 2.75rem) * 3 + .35rem) 1fr;align-items:center;gap:var(--space, .75rem)}.attempt__howto-art{grid-column:1;display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.attempt__howto-rules li>span:last-child{grid-column:2}.attempt__howto-tutorial{margin:.6rem 0 0;font-size:.9rem;color:var(--color-text-muted, inherit)}.attempt__hud{display:flex;gap:var(--space, .75rem);justify-content:center;font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-text-muted, inherit)}.attempt__score{margin:.25rem 0}.attempt__score strong{display:block;font-size:2.5em;line-height:1.1;color:var(--color-accent, inherit)}.attempt__saving{text-align:center;font-style:italic}.attempt__late{font-style:italic}.attempt__average{margin:.25rem 0 0;font-size:.9rem;color:var(--color-text-muted)}.attempt__beta{font-style:italic;color:var(--color-text-muted, inherit)}.attempt__unscored{font-size:.85rem;color:var(--color-text-muted, inherit)}.attempt__next{text-align:center;font-size:.85rem;color:var(--color-text-muted, inherit);font-variant-numeric:tabular-nums;margin:.5rem 0 0}.attempt__closing{text-align:center;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-warning, #b45309);margin:0 0 .5rem}@media(max-width:1000px){.attempt__closing{font-size:.8125rem;line-height:1.3;margin-bottom:.25rem}.attempt__active:has(.attempt__closing) .board-frame{--lawn-floor-give: 2rem}}.attempt__pathnote{text-align:center;font-size:.85rem;color:var(--color-text-muted, inherit);margin:0}.attempt__routes{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin:.5rem 0 .25rem}.attempt__routetoggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.attempt__routetoggle:after{content:"";width:1.1rem;height:.2rem;border-radius:.1rem}.attempt__routetoggle--optimal:after{background:var(--route-optimal)}.attempt__routehint{margin:0;font-size:.85rem;line-height:1.35;max-width:24rem;text-align:center;color:var(--color-text-muted, inherit)}.attempt__routetoggle--own:after{background:repeating-linear-gradient(to right,var(--route-own) 0 .28rem,transparent .28rem .44rem)}.attempt__finish{position:relative;display:flex;flex-direction:column;gap:var(--space, .75rem)}.attempt__finish:not(.attempt__finish--viewing) .board{filter:brightness(.65) saturate(.8)}.attempt__overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:var(--space, .75rem);cursor:pointer}.attempt__overlay>*{cursor:auto}.attempt__overlay .attempt__result{pointer-events:auto;background:color-mix(in srgb,var(--color-surface, #fff) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text, inherit);border:1px solid var(--color-border, transparent);border-radius:var(--radius, 1rem);box-shadow:var(--shadow-pop, 0 4px 24px rgb(0 0 0 / 35%));padding:var(--space, .75rem) calc(var(--space, .75rem) * 2);text-align:center;max-width:min(90%,22rem)}.attempt__result .attempt__date{font-size:.85rem}.attempt__links{margin:.5rem 0 0;display:flex;gap:var(--space, .75rem);justify-content:center}@media(orientation:landscape)and (max-height:700px){.attempt__active{position:relative}.attempt__active>.attempt__closing{position:absolute;inset-block-start:0;inset-inline-start:7rem;inset-inline-end:0;margin:0;font-size:.75rem;text-align:end}}.friends__list{list-style:none;margin:0 0 1.5rem;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius, 1rem);overflow:hidden}.friends__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.65rem .9rem}.friends__row+.friends__row{border-top:1px solid var(--color-border)}.friends__name{font-weight:600;overflow-wrap:anywhere}.friends__result{font-variant-numeric:tabular-nums}.friends__row--you{background:var(--color-surface);box-shadow:inset 3px 0 0 var(--color-accent);font-weight:600}.friends__unplayed{color:var(--color-text-muted)}.friends__late{font-size:.75em;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.friends__remove{margin-left:auto;padding:.3rem .85rem;font-size:.85em}.friends__invite{margin-top:1rem}.friends__link{display:block;padding:.6rem .75rem;border:1px dashed var(--color-border);border-radius:var(--radius-sm, .65rem);background:var(--color-surface);font-family:ui-monospace,monospace;font-size:.85em;overflow-wrap:anywhere;user-select:all}.friends__explainer{color:var(--color-text-muted)}.friends__gated,.friends__error{margin:0 0 .75rem;font-size:.9rem;color:var(--color-text-muted)}.archive__list{list-style:none;margin:0;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius, 1rem);overflow:hidden}.archive__row+.archive__row{border-top:1px solid var(--color-border)}.content a.archive__link{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.65rem .9rem;color:inherit;font-weight:inherit;text-decoration:none;transition:background-color var(--motion-duration, .15s) ease}.content a.archive__link:hover,.content a.archive__link:focus-visible{background:color-mix(in srgb,var(--color-accent) 10%,transparent);text-decoration:none}.archive__play{font-weight:600;color:var(--color-accent)}.archive__late,.archive__beta{font-size:.75em;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.archive__unofficial{font-size:.85em;color:var(--color-text-muted)}.archive__row--skeleton{padding:.65rem .9rem}.archive__skeleton{display:block;height:1em;border-radius:4px;background:color-mix(in srgb,var(--color-text) 14%,transparent);animation:archive-pulse 1.2s ease-in-out infinite}@keyframes archive-pulse{50%{opacity:.4}}.archive__row-head{display:flex;align-items:stretch}.archive__row-head>.archive__link{flex:1 1 auto;min-width:0}.archive__disclose{flex:0 0 auto;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.3rem;background:none;border:0;border-radius:0;padding:0 .6rem;margin-left:8px;border-left:1px solid var(--color-border);color:var(--color-text-muted);font-weight:inherit;cursor:pointer;white-space:nowrap;transition:color var(--motion-duration, .15s) ease,background-color var(--motion-duration, .15s) ease}.archive__disclose:hover:not(:disabled){color:var(--color-text-muted);border-color:var(--color-border);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.archive__disclose:active:not(:disabled){transform:none}.archive__disclose:focus-visible{outline-offset:-2px;background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.archive__disclose[aria-expanded=true],.archive__disclose[aria-expanded=true]:hover:not(:disabled){color:var(--color-accent)}.archive__disclose-label{font-size:.75em;text-transform:uppercase;letter-spacing:.05em}.archive__caret{font-size:.7em;transition:transform var(--motion-duration, .15s) ease}.archive__disclose[aria-expanded=true] .archive__caret{transform:rotate(180deg)}.archive__panel{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.archive__panel[hidden]{display:none}.archive__standings{margin:0;padding:0 0 .35rem;list-style:none}.archive__standings .friends__row{padding:.4rem .9rem .4rem 1.4rem;font-size:.9rem}.archive__standings .friends__row+.friends__row{border-top:0}.archive__panel-note{margin:0;padding:.45rem .9rem .55rem 1.4rem;font-size:.85rem;color:var(--color-text-muted)}.archive__panel-error{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem .9rem .55rem 1.4rem;font-size:.85rem;color:var(--color-text-muted)}.archive__panel-retry{padding:.2rem .7rem;font-size:.85em}.archive__panel-skeleton{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .9rem .6rem 1.4rem}.archive__panel-skeleton-line{display:block;height:.9em;border-radius:4px;background:color-mix(in srgb,var(--color-text) 14%,transparent);animation:archive-pulse 1.2s ease-in-out infinite}.archive__panel-skeleton-line:nth-child(2){width:70%}.stats{max-width:28rem;margin:0 auto}.stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius, 1rem);padding:var(--space, .75rem)}.stats__grid dt{font-size:.8rem;color:var(--color-text-muted)}.stats__grid dd{margin:0;font-size:1.5rem;font-weight:700}.stats__dist{list-style:none;padding:0;margin:.5rem 0}.stats__dist li{display:flex;align-items:center;gap:.5rem;margin:.25rem 0}.stats__label{width:2.5rem;text-align:right;font-variant-numeric:tabular-nums}.stats__track{flex:1;display:block}.stats__bar{display:block;height:1rem;min-width:2px;border-radius:999px;background:var(--color-accent)}.stats__count{width:2rem;font-variant-numeric:tabular-nums}.stats__empty{margin:1.5rem 0}.tutorial{display:flex;flex-direction:column;gap:var(--space, .75rem);flex:1}.tutorial h2{margin:0}.tutorial__intro{margin:0;color:var(--color-text-muted, inherit)}.tutorial__hud{display:flex;gap:var(--space, .75rem);justify-content:center;font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-text-muted, inherit)}.tutorial__board{width:min(100%,20rem);margin-inline:auto;display:flex;flex-direction:column;flex:1}.tutorial__complete{margin:0;text-align:center;font-weight:600}.tutorial__hint{margin:0;text-align:center;font-size:.9rem;color:var(--color-text-muted, inherit)}.tutorial .actions{margin-top:calc(var(--space, .75rem) * .75)}.tutorial__back{align-self:center}@media(orientation:landscape)and (max-height:700px){.tutorial__board{width:100%;margin-inline:0}}@media(max-height:820px)and (max-width:1000px){.tutorial__intro{display:none}.tutorial{gap:calc(var(--space, .75rem) * .5)}}:root{color-scheme:light dark;--color-bg: #f2f0e6;--color-surface: #ffffff;--color-text: #24301f;--color-text-muted: #5c6653;--color-accent: #4a8f3c;--color-accent-strong: #3c7a30;--color-accent-contrast: #ffffff;--color-border: #d6d2c2;--shadow-card: 0 10px 30px rgb(30 40 20 / 12%);--shadow-pop: 0 18px 50px rgb(20 30 12 / 28%);--tile-base: #6aa84f;--route-optimal: #ffd54d;--route-own: #57d4ff;--radius: 1rem;--radius-sm: .65rem;--tile-radius: 0px;--space: .75rem;--topbar-height: 3.25rem;--content-max-width: 40rem;--motion-duration: .15s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:dark){:root{--color-bg: #131810;--color-surface: #1d241a;--color-text: #e4e9dc;--color-text-muted: #9aa78e;--color-accent: #7cc465;--color-accent-strong: #8fd177;--color-accent-contrast: #10160c;--color-border: #333f2b;--shadow-card: 0 10px 30px rgb(0 0 0 / 35%);--shadow-pop: 0 18px 50px rgb(0 0 0 / 55%);--tile-base: #4c7a38}}@media(prefers-reduced-motion:reduce){:root{--motion-duration: 0ms}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font:inherit;font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.55rem 1.3rem;cursor:pointer;transition:border-color var(--motion-duration) ease,color var(--motion-duration) ease,background-color var(--motion-duration) ease,transform var(--motion-duration) ease}button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}.button--primary,.attempt__ready .actions button{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.button--primary:hover:not(:disabled),.attempt__ready .actions button:hover:not(:disabled){background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:var(--color-accent-contrast)}input{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem}.content a{color:var(--color-accent);font-weight:600;text-decoration:none}.content a:hover,.content a:focus-visible{text-decoration:underline;text-underline-offset:.2em}.content h2{margin:0;font-size:1.2rem;letter-spacing:.01em}.shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.shell:has(.attempt__active,.attempt__replay,.tutorial){height:100dvh}.topbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space);min-height:var(--topbar-height);padding:calc(var(--safe-top) + .25rem) var(--space) .25rem;background:color-mix(in srgb,var(--color-surface) 84%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.topbar__title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:.02em}.topbar__date{color:var(--color-text-muted);font-size:.85rem;font-variant-numeric:tabular-nums;margin-inline-end:auto}.topbar__mode{font-size:.8rem;font-weight:600;color:var(--color-accent);border:1px dashed var(--color-accent);border-radius:999px;padding:.15rem .6rem;white-space:nowrap}.topbar__mode:empty{display:none}.topbar__beta{font-size:.8rem;font-weight:600;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:999px;padding:.15rem .6rem;white-space:nowrap;text-decoration:none;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:color var(--motion-duration) ease,background-color var(--motion-duration) ease}.topbar__beta:hover,.topbar__beta:focus-visible{color:var(--color-accent-strong);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.topbar__themes{display:flex;gap:.35rem;align-items:center}.topbar__themes button{padding:.4rem;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.topbar__themes img{width:2rem;height:2rem;image-rendering:pixelated;display:block}.topbar__themes button[aria-pressed=true]{border-color:var(--color-accent-strong);background:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface))}.topbar__nav{display:flex;gap:calc(var(--space) * .25)}.topbar__nav a{color:var(--color-text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:.35rem .55rem;border-radius:999px;transition:color var(--motion-duration) ease,background-color var(--motion-duration) ease}.topbar__nav a:hover,.topbar__nav a:focus-visible{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.content{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding:var(--space);display:flex;flex-direction:column;gap:var(--space);min-height:0}.shell:has(.attempt__active,.attempt__replay,.tutorial) .content{overflow:auto}.content>*:has(.attempt__active,.attempt__replay,.attempt__finished){display:flex;flex-direction:column;flex:1}.actions{display:flex;flex-wrap:wrap;gap:calc(var(--space) * .75);justify-content:center}@media(max-width:480px){.actions{margin-top:auto;padding-bottom:calc(var(--safe-bottom) + var(--space))}.content:not(:has(.attempt__active,.attempt__replay,.tutorial,.attempt__finished)) .actions{position:sticky;bottom:0}}.ad-slot{display:flex;justify-content:center;padding:var(--space);min-height:50px}@media(min-width:768px){.ad-slot{min-height:90px}}.account{display:flex;flex-direction:column;gap:calc(var(--space) * .75);align-items:flex-start}[data-testid=gis-button]{color-scheme:light;min-height:44px}.gis-button--pending>*{visibility:hidden}[data-testid=gis-button] [role=button]{display:flex;align-items:center;justify-content:center;gap:10px;width:320px;max-width:100%;height:40px;background:#1a73e8;color:#fff;border-radius:20px;font-family:Roboto,system-ui,sans-serif;font-size:14px;font-weight:500;cursor:pointer}[data-testid=gis-button] [role=button] svg{max-width:20px;max-height:20px;background:#fff;border-radius:50%;padding:2px}[data-testid=gis-button] [role=button] #button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.account label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.account hr{width:100%;border:0;border-top:1px solid var(--color-border)}.account__note{font-size:.85rem;color:var(--color-text-muted)}.account [role=dialog]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space);display:flex;flex-direction:column;gap:calc(var(--space) * .75);align-items:flex-start}.shell__footer{padding:var(--space);text-align:center;font-size:.8rem}.shell__footer a{color:inherit;opacity:.7}@media(max-height:820px)and (max-width:1000px){.topbar{min-height:0;padding-block:.15rem;gap:.5rem}.topbar__title{font-size:1rem}.topbar__date{display:none}.topbar__nav a{font-size:.72rem;padding:.2rem .35rem}.topbar__themes button{padding:.15rem}.topbar__themes img{width:1.5rem;height:1.5rem}.shell:has(.attempt__active,.attempt__replay,.tutorial) .shell__footer{display:none}}.tile{aspect-ratio:1;background-color:var(--tile-base, #6aa84f);background-repeat:no-repeat;background-size:100% 100%;image-rendering:pixelated}.tile--rock{background-image:url(/tiles/rock1.png)}.tile--rock-2{background-image:url(/tiles/rock2.png)}.tile--mowed{background-image:url(/tiles/mowed1.png)}.tile--mowed-2{background-image:url(/tiles/mowed2.png)}.tile--mowed-3{background-image:url(/tiles/mowed3.png)}.tile--mowed-4{background-image:url(/tiles/mowed4.png)}.tile--grass{background-image:url(/tiles/grass1.png)}.tile--tallgrass{background-image:url(/tiles/tallgrass1.png)}