@property --wall-fade-top{syntax:"<length>";inherits:true;initial-value:0}@property --wall-fade-bottom{syntax:"<length>";inherits:true;initial-value:0}.wall{--wall-sticker:72px;--wall-ring:4px;--wall-face-radius:10px;--wall-sticker-radius:calc(var(--wall-face-radius) + var(--wall-ring));--wall-hairline-dark:oklch(100% 0 0/.12);--wall-edge:light-dark(var(--color-border),var(--wall-hairline-dark));--wall-shadow-near:light-dark(#00000012,#0006);--wall-shadow-far:light-dark(#00000021,#0000008c);--wall-tab-radius:6px;--wall-tab-shadow:0 0 0 1px light-dark(transparent,var(--wall-hairline-dark)), 0 1px 2px var(--wall-shadow-near), 0 4px 12px -4px var(--wall-shadow-far);--wall-raise-ink:inset 0 1px 0 light-dark(#ffffff2e,#ffffffbf), inset 0 -1px 0 light-dark(#00000073,#0003), inset 0 0 0 0 transparent, 0 1px 2px var(--wall-shadow-near), 0 3px 8px -2px var(--wall-shadow-far);--wall-press-ink:inset 0 1px 0 transparent, inset 0 -1px 0 transparent, inset 0 2px 4px light-dark(#00000080,#00000047), 0 0 0 transparent, 0 0 0 transparent;--wall-raise:inset 0 1px 0 light-dark(#ffffffe6,#ffffff12), inset 0 -1px 0 light-dark(#0000000f,#00000059), 0 0 0 1px var(--wall-edge), 0 1px 2px var(--wall-shadow-near), 0 3px 6px -2px var(--wall-shadow-near);--wall-press:inset 0 1px 0 transparent, inset 0 1px 3px var(--wall-shadow-far), 0 0 0 1px var(--wall-edge), 0 0 0 transparent, 0 0 0 transparent;--wall-dot:var(--color-rail);--wall-dot-fine:color-mix(in oklab, var(--color-rail) 50%, transparent);--wall-text-edge:max(calc(var(--page-inline) + var(--gutter)), calc((100vw - var(--column)) / 2 + var(--gutter)));--wall-fade-top:2rem;--wall-fade-bottom:7rem;--wall-clear-bottom:3.5rem;--wall-field-height:3rem;flex-direction:column;flex:1;min-block-size:0;display:flex}.wall-form{max-inline-size:26rem;margin-block-start:1.25rem}@media (width<=30rem),(height<=34rem){.wall-form{margin-block-start:1rem}}.wall-label{font-size:var(--text-meta);color:var(--color-text-secondary);margin-block-end:.5rem;font-weight:500;line-height:1.4;display:block}.wall-field{block-size:var(--wall-field-height);padding:.25rem;border:1px solid var(--color-border);border-radius:calc(var(--radius-control) + .25rem);background-color:var(--color-bg-page-start);box-shadow:inset 0 1px 2px var(--wall-shadow-near);align-items:center;gap:.5rem;padding-inline-start:.5rem;display:flex}@media (pointer:coarse){.wall{--wall-field-height:3.375rem}}.wall-field:has(.wall-input:focus-visible){outline:2px solid var(--color-border-focus);outline-offset:3px}.wall-input:focus-visible{outline:none}.wall-slot{border-radius:var(--radius-control);flex:none;place-items:center;block-size:2rem;inline-size:2rem;display:grid}.wall-slot>*{grid-area:1/1}.wall-at,.wall-slot-photo{transition:opacity .15s var(--ease-out), scale .3s var(--ease-out), filter .3s var(--ease-out)}.wall-at{color:var(--color-text-muted);user-select:none;font-size:1rem}.wall-slot[data-show=photo] .wall-at{opacity:0;filter:blur(4px);scale:.25}.wall-slot-photo{border-radius:inherit;block-size:100%;inline-size:100%}@starting-style{.wall-slot-photo{opacity:0;filter:blur(4px);scale:.25}}.wall-slot-photo .sticker-letter{font-size:.875rem}.wall-input{block-size:100%;min-inline-size:0;font:inherit;color:var(--color-text-primary);background:0 0;border:0;flex:1;padding:0;font-size:1rem;line-height:1.5}.wall-input[readonly]{color:var(--color-text-secondary)}.wall-submit{border-radius:var(--radius-control);block-size:100%;font:inherit;white-space:nowrap;color:var(--color-bg-page-start);background-color:var(--color-text-primary);box-shadow:var(--wall-raise-ink);cursor:pointer;transition:box-shadow .15s var(--ease-out), scale .15s var(--ease-out), opacity .15s ease;border:0;flex:none;align-items:center;gap:.5rem;padding-inline:.875rem .75rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.wall-submit-labels{display:grid}.wall-submit-label{text-align:center;grid-area:1/1;transition:opacity .15s linear}.wall-submit-label[aria-hidden]{opacity:0}.wall-submit-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.6;block-size:.875rem;inline-size:.875rem}.wall-submit:active{box-shadow:var(--wall-press-ink);scale:.96}.wall-submit[aria-disabled]{opacity:.6;cursor:progress}.wall-message{font-size:var(--text-meta);color:var(--color-text-secondary);margin-block-start:.5rem;line-height:1.5}.wall-message:empty{margin:0}.wall-message[data-tone=error]{color:var(--color-text-primary)}.wall-status{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-start:.625rem;display:flex}.wall-status-text{margin-inline-end:.5rem}@media (width<=30rem){.wall-status{flex-wrap:nowrap}.wall-status-text{text-wrap:pretty;flex:1;min-inline-size:0;margin-inline-end:.25rem;line-height:1.4}}.wall-button{border-radius:var(--radius-control);min-block-size:2rem;font:inherit;font-size:var(--text-meta);white-space:nowrap;color:var(--color-text-primary);background-color:var(--color-bg-page-start);box-shadow:var(--wall-raise);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s var(--ease-out), scale .15s var(--ease-out);border:0;flex:none;justify-content:center;align-items:center;gap:.375rem;padding-inline:.75rem;font-weight:500;line-height:1;display:inline-flex}@media (hover:hover){.wall-button:hover{background-image:linear-gradient(var(--color-bg-hover), var(--color-bg-hover))}}.wall-button:active{box-shadow:var(--wall-press);scale:.96}@media (pointer:coarse){.wall-button{min-block-size:44px}}.wall-list-count{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.wall-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;flex:1;min-block-size:12rem;margin-block-start:.75rem;margin-inline:calc(50% - 50vw);position:relative;overflow:clip}.wall-stage[data-moving]{cursor:grabbing}@media (width>30rem) and (height<=34rem){.wall{--wall-fade-top:1rem;--wall-fade-bottom:4.5rem;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,22rem) minmax(12rem,1fr);column-gap:1rem;display:grid}.wall-status{min-block-size:var(--wall-field-height);flex-wrap:nowrap;align-self:start;margin-block-start:calc(1rem + var(--text-meta) * 1.4 + .5rem)}.wall-status-text{text-wrap:pretty;flex:1;min-inline-size:0;margin-inline-end:.25rem;line-height:1.4}.wall-stage{grid-column:1/-1;min-block-size:0}}@media (width>40rem) and (height<=34rem){.wall{grid-template-columns:minmax(min-content,max-content) minmax(12rem,1fr)}.wall-form{grid-template-columns:auto minmax(9rem,16rem);align-items:center;column-gap:.75rem;display:grid}.wall-label{margin-block-end:0}.wall-check{grid-column:1/-1}.wall-message{grid-column:2}.wall-status{margin-block-start:1rem}}.wall-grid{--zoom:1;pointer-events:none;position:absolute;inset:0;mask-image:radial-gradient(75% 70% at 50% 45%,#000 50%,#0000 100%)}.wall-grid:before,.wall-grid:after{content:"";background-color:var(--wall-dot);mask-image:linear-gradient(90deg,#000 2px,#0000 2px),linear-gradient(#000 2px,#0000 2px);mask-composite:intersect;mask-size:var(--step) var(--step);position:absolute;inset:0}.wall-grid:before{--step:calc(24px * var(--zoom));mask-position:var(--grid-x,calc(50% + 11px)) var(--grid-y,calc(50% + 11px));background-color:var(--wall-dot-fine);opacity:clamp(0, (var(--zoom) - .5) * 5, 1)}.wall-grid:after{--step:calc(96px * var(--zoom));mask-position:var(--grid-x,calc(50% - 1px)) var(--grid-y,calc(50% - 1px))}.wall-viewport{mask-image:linear-gradient(to bottom, transparent, #000 var(--wall-fade-top), #000 calc(100% - var(--wall-fade-bottom)), transparent calc(100% - var(--wall-clear-bottom)));position:absolute;inset:0;overflow:clip}.wall-world{inset-block-start:50%;transform-origin:0 0;block-size:0;inline-size:0;position:absolute;left:50%}.wall-stage[data-moving] .wall-world{will-change:transform}.sticker{left:var(--x);top:var(--y);inline-size:var(--wall-sticker);block-size:var(--wall-sticker);margin:calc(var(--wall-sticker) / -2);position:absolute}.sticker-button{border-radius:var(--wall-sticker-radius);block-size:100%;inline-size:100%;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block}.sticker-frame{block-size:100%;inline-size:100%;padding:var(--wall-ring);border-radius:var(--wall-sticker-radius);background-color:var(--color-bg-page-start);box-shadow:0 0 0 1px var(--wall-edge), 0 1px 2px var(--wall-shadow-near), 0 6px 16px -4px var(--wall-shadow-far);rotate:var(--tilt);transition:rotate .15s var(--ease-out), scale .15s var(--ease-out), box-shadow .15s var(--ease-out);display:block}.sticker-face,.wall-list-photo,.wall-slot-photo{background-color:var(--color-bg-sunken);place-items:center;display:grid;position:relative;overflow:hidden}.sticker-face{border-radius:var(--wall-face-radius);block-size:100%;inline-size:100%}.sticker-face:after,.wall-list-photo:after,.wall-slot-photo:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-image-outline);pointer-events:none;position:absolute;inset:0}.sticker-photo{object-fit:cover;block-size:100%;inline-size:100%}.sticker-photo[data-crop]{left:var(--crop-x);top:var(--crop-y);inline-size:var(--crop-width);block-size:auto;max-inline-size:none;position:absolute}.sticker-letter{color:var(--color-text-secondary);font-size:1.75rem;font-weight:600;line-height:1}@media (hover:hover){.sticker:hover{z-index:1}.sticker-button:hover .sticker-frame{rotate:0deg;scale:1.08}}.sticker:focus-within{z-index:2}.sticker-button:focus-visible{outline-width:calc(2px * var(--inv,1));outline-offset:calc(3px + 3px * var(--inv,1))}.sticker-button:focus-visible .sticker-frame{rotate:0deg;scale:1.08}.wall-stage:not([data-moving]) .sticker-button:active .sticker-frame{scale:.96}.sticker[data-selected]{z-index:3}.sticker[data-selected] .sticker-frame{box-shadow:0 0 0 calc(3px * var(--inv,1)) var(--color-bg-page-start), 0 0 0 calc(5px * var(--inv,1)) var(--color-text-primary), 0 1px 2px var(--wall-shadow-near), 0 10px 24px -6px var(--wall-shadow-far);rotate:0deg;scale:1.12}.sticker[data-selected] .sticker-button:focus-visible{outline-offset:calc(4.5px + 7px * var(--inv,1))}.sticker-ring{border-radius:var(--wall-sticker-radius);box-shadow:0 0 0 calc(2px * var(--inv,1)) var(--color-text-primary);opacity:0;pointer-events:none;position:absolute;inset:0}.sticker-handle{border-radius:var(--wall-tab-radius);white-space:nowrap;color:var(--color-text-primary);background-color:var(--color-bg-page-start);box-shadow:var(--wall-tab-shadow);translate:-50%;scale:var(--inv,1);transform-origin:50% 0;opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out);margin-block-start:calc(8px * var(--inv,1));padding:.125rem .375rem;font-size:.75rem;font-weight:500;line-height:1rem;position:absolute;top:100%;left:50%}.sticker-handle-at,.sticker-tab-at{color:var(--color-text-secondary);font-weight:400}.sticker-button:focus-visible~.sticker-handle{opacity:1}@media (hover:hover){.sticker-button:hover~.sticker-handle{opacity:1}}.sticker-tab{border-radius:var(--wall-tab-radius);white-space:nowrap;inline-size:max-content;color:var(--color-text-primary);background-color:var(--color-bg-page-start);box-shadow:var(--wall-tab-shadow);transform:scale(var(--inv,1)) translate(calc(-50% + var(--tab-shift,0px)), 12px);transform-origin:0 0;transition:opacity .15s var(--ease-out);align-items:center;padding-inline-start:.625rem;font-size:.75rem;line-height:1rem;display:flex;position:absolute;top:100%;left:50%}@starting-style{.sticker-tab{opacity:0}}.sticker-tab[data-flip]{transform:scale(var(--inv,1)) translate(calc(-50% + var(--tab-shift,0px)), calc(-100% - 12px));top:0}.sticker-tab-handle{font-weight:500}.sticker-tab-link{border-radius:var(--wall-tab-radius);color:var(--color-text-primary);-webkit-tap-highlight-color:transparent;padding-inline:.5rem .625rem;font-weight:500;line-height:1.75rem;display:inline-block;position:relative}.sticker-tab-link:before{content:"";position:absolute;inset:-8px 0}.sticker-tab-icon{vertical-align:calc(.5cap - .34375rem);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;block-size:.6875rem;inline-size:.6875rem;margin-inline-start:.25rem;display:inline-block}@keyframes sticker-in{0%{opacity:0;scale:.85}}.sticker[data-enter]{animation:sticker-in .3s var(--ease-out) both;animation-delay:var(--delay,0s)}@keyframes sticker-land{0%{opacity:0;scale:1.15}30%{opacity:1}}@keyframes sticker-land-shadow{0%{box-shadow:0 0 0 1px var(--wall-edge), 0 4px 8px var(--wall-shadow-near), 0 22px 36px -8px var(--wall-shadow-far)}}.sticker[data-landing]{animation:sticker-land .36s var(--ease-out) .52s both}.sticker[data-landing] .sticker-frame{animation:sticker-land-shadow .36s var(--ease-out) .52s both}@media (prefers-reduced-motion:reduce){.sticker[data-enter],.sticker[data-landing],.sticker[data-landing] .sticker-frame{animation:none}}@media (forced-colors:active){.sticker-frame{border:1px solid canvastext}.sticker[data-selected] .sticker-frame{outline-offset:2px;outline:3px solid highlight}.sticker-tab,.sticker-handle,.wall-zoom{border:1px solid canvastext}.wall-button,.wall-submit{border:1px solid buttontext}}.wall-note{font-family:var(--font-note);white-space:nowrap;color:var(--color-text-secondary);pointer-events:none;margin:0;line-height:1}.wall-note:is([data-note=me],[data-note=you]){left:calc(50% + var(--note-x));top:calc(50% + var(--note-top));transition:opacity .2s var(--ease-out);animation:wall-note-right .2s var(--ease-out);position:absolute}.wall-note[data-note=me]{--note-turn:-5deg;font-size:22px}.wall-note[data-note=you]{--note-turn:-3deg;font-size:18px}.wall-note[data-side=left]{left:calc(50% - var(--note-x));animation-name:wall-note-left;translate:-100%}.wall-note[data-hidden]{opacity:0}@keyframes wall-note-right{0%{opacity:0}}@keyframes wall-note-left{0%{opacity:0}}.wall-note .wall-note-text{rotate:var(--note-turn);display:block}.wall-note[data-side=left] .wall-note-text{rotate:calc(-1 * var(--note-turn))}.wall-note-arrow{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;block-size:46px;inline-size:40px;position:absolute;top:22px;left:-26px;overflow:visible}.wall-note[data-side=left] .wall-note-arrow{left:auto;right:-26px;scale:-1 1}.sticker-you .wall-note-arrow{block-size:18px;inline-size:24px;top:6px}.sticker[data-you]{z-index:1}.sticker-you .wall-note-text{-webkit-text-stroke:.3em var(--color-bg-page-start);paint-order:stroke fill}.wall-note-halo{stroke:var(--color-bg-page-start);stroke-width:6px}.wall-note[data-note=drag]{transition:opacity .3s var(--ease-out);margin-inline-start:.75rem;font-size:1.0625rem;line-height:1.2;rotate:-3deg}.wall-note-pinch{display:none}@media (pointer:coarse){.wall-note-pinch{display:block}}@media (width<=30rem){.wall-note[data-note=drag]{text-shadow:0 0 2px var(--color-bg-page-end), 0 0 6px var(--color-bg-page-end), 0 0 12px var(--color-bg-page-end);margin:0;position:absolute;inset-block-end:calc(100% + .75rem);inset-inline-start:.25rem}}.wall-stage[data-moved] .wall-note[data-note=drag]{opacity:0}.wall-back{inset-block-start:2.25rem;padding-inline:.75rem .875rem;position:absolute;left:50%;translate:-50%}.wall-back-arrow{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;block-size:1rem;inline-size:1rem;rotate:var(--angle)}.wall-controls{font-size:var(--text-label);color:var(--color-text-muted);cursor:auto;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;line-height:1;display:flex;position:absolute;inset-block-end:calc(1rem + env(safe-area-inset-bottom));inset-inline-start:var(--wall-text-edge)}.wall-zoom{border-radius:var(--radius-control);background-color:var(--color-bg-page-start);box-shadow:var(--wall-raise);align-items:center;display:flex}.wall-zoom button{border-radius:var(--radius-control);min-block-size:2rem;min-inline-size:2rem;color:var(--color-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .15s var(--ease-out), scale .15s var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.wall-zoom svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;block-size:1rem;inline-size:1rem}@media (hover:hover){.wall-zoom button:not([aria-disabled]):hover{background-color:var(--color-bg-hover)}}.wall-zoom button:not([aria-disabled]):active{box-shadow:inset 0 1px 3px var(--wall-shadow-far);scale:.96}.wall-zoom button[aria-disabled]{opacity:.4;cursor:default}.wall-zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-inline-size:3.25em;color:var(--color-text-secondary)}@media (pointer:coarse){.wall-zoom button{min-block-size:44px;min-inline-size:44px}}.wall-dialog{border:1px solid var(--color-border);border-radius:var(--radius-preview);max-block-size:min(36rem,100dvh - 4rem);inline-size:min(28rem,100vw - 2rem);color:var(--color-text-primary);background-color:var(--color-bg-page-start);overscroll-behavior:contain;margin:auto;padding:0;box-shadow:0 24px 64px -16px light-dark(#00000040,#000000b3)}.wall-dialog[open]{flex-direction:column;display:flex}.wall-dialog::backdrop{background-color:color-mix(in oklab, var(--color-bg-page-end) 76%, transparent);backdrop-filter:blur(6px)}.wall-dialog-head{border-block-end:1px solid var(--color-separator);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .75rem .75rem 1.25rem;display:flex}.wall-dialog-head .section-label{margin:0}.wall-list-items{margin:0;padding:.5rem;list-style:none;overflow-y:auto}.wall-list-row{align-items:center;gap:.25rem;display:flex}.wall-list-show{border-radius:var(--radius-figure);min-inline-size:0;font:inherit;text-align:start;color:var(--color-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;grid-template-columns:2rem 1fr;align-items:center;column-gap:.75rem;padding:.5rem .75rem;transition:background-color .15s;display:grid;position:relative}.wall-list-photo{border-radius:8px;grid-row:span 2;block-size:2rem;inline-size:2rem}.wall-list-photo .sticker-letter{font-size:.875rem}.wall-list-name{overflow-wrap:anywhere;font-weight:500;line-height:1.35}.wall-list-handle{font-size:var(--text-meta);color:var(--color-text-muted);line-height:1.35}.wall-list-x{border-radius:var(--radius-control);font-size:var(--text-meta);white-space:nowrap;color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent;flex:none;padding-inline:.625rem;font-weight:500;line-height:2.25rem;transition:color .15s;display:inline-block;position:relative}.wall-list-x-icon{vertical-align:calc(.5cap - .375rem);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;block-size:.75rem;inline-size:.75rem;margin-inline-start:.25rem;display:inline-block}@media (hover:hover){.wall-list-show:hover{background-color:var(--color-bg-hover)}.wall-list-x:hover{color:var(--color-text-primary)}}.wall-list-show:active{background-color:var(--color-bg-hover)}@media (pointer:coarse){.wall-list-show{min-block-size:44px}.wall-list-x{line-height:44px}}@media (scripting:none){.wall-form,.wall-status,.wall-controls,.wall-note[data-note=drag]{display:none}}:root[data-layout=fill] .player-dock .player-dock-note{display:none}.wall-page[data-astro-cid-wrp6m7e6]{min-block-size:0;padding-inline:var(--gutter);flex-direction:column;flex:1;display:flex}.wall-head[data-astro-cid-wrp6m7e6] .section-label[data-astro-cid-wrp6m7e6]{margin-block-end:.75rem}.wall-intro[data-astro-cid-wrp6m7e6]{max-inline-size:30rem;color:var(--color-text-secondary)}.wall-noscript[data-astro-cid-wrp6m7e6]{margin-block-start:.75rem;display:none}@media (scripting:none){.wall-noscript[data-astro-cid-wrp6m7e6]{display:block}}@media (width<=30rem),(height<=34rem){.wall-head[data-astro-cid-wrp6m7e6] .section-label[data-astro-cid-wrp6m7e6]{margin-block-end:0}.wall-intro[data-astro-cid-wrp6m7e6]{display:none}}