:root{--ink:#f3ead8;--dim:#c9bda4;--dark:#14110f;--warm:#e6a15a;--blue:#9fd0f2;--scheme-light: ;--scheme-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--dark);height:100%;color:var(--ink);overscroll-behavior:none;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;font:17px/1.4 Georgia,Times New Roman,serif}button{font:inherit;color:inherit}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:clip}:where(#stage){position:fixed;inset:0;overflow:clip;container-type:size}:where(#stage)>img:not([class]),:where(#stage)>noscript>img{object-fit:cover;width:100%;max-width:none;height:100%;display:block;position:absolute;top:0;left:0}.plate{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.plate .base{width:100%;height:100%;display:block;position:absolute;inset:0}.layers,.dusts,.pip-layer,.screen-layer,.shapes,.things{pointer-events:none;position:absolute;inset:0}.pip-layer{overflow:hidden}.layer{opacity:0;transition:opacity 1.4s;display:block;position:absolute}.layer.on{opacity:1}.layer.at-once{transition:none}.layer.flicker{mix-blend-mode:color-dodge;transition:none}.dust{pointer-events:none;position:absolute}.stage.barred:before,.stage.barred:after{content:"";width:calc(var(--bar,0px) + 34px);z-index:4;pointer-events:none;position:absolute;top:0;bottom:0}.stage.barred:before{background:linear-gradient(to right, var(--dark) 0, var(--dark) var(--bar,0px), transparent 100%);left:0}.stage.barred:after{background:linear-gradient(to left, var(--dark) 0, var(--dark) var(--bar,0px), transparent 100%);right:0}.shape,.thing,.stay,.pipbtn,.tvbtn{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;margin:0;padding:0;position:absolute}.shape{z-index:1}.stay{z-index:2}.thing{z-index:3}.shape.wanted{z-index:4}.shape .landed,.thing .pic{filter:drop-shadow(0 3px 3px #0000008c);display:block;position:absolute}.shape .landed.piece,.thing .pic.piece{filter:none}@font-face{font-family:June;src:url(/fonts/june.ttf)format("truetype");font-display:swap}@font-face{font-family:Luis;src:url(/fonts/luis.ttf)format("truetype");font-display:swap}.shapes .label{transform-origin:0 0;color:#1b130d;-webkit-text-stroke:.034em #1b130d;mix-blend-mode:multiply;opacity:.36;pointer-events:none;font-family:June,cursive;line-height:.95;transition:opacity 1.2s;position:absolute}.shapes .label span{white-space:nowrap;display:block}.shapes .label.inked{opacity:.88}.shapes .label.on-thing:not(.inked){visibility:hidden}.shape:focus-visible,.thing:focus-visible,.stay:focus-visible,.pipbtn:focus-visible,.tvbtn:focus-visible{outline:calc(3px * var(--inv,1)) solid var(--warm);outline-offset:calc(4px * var(--inv,1))}.pipbtn{border-radius:40%;top:0;left:0}canvas.pip{pointer-events:none;position:absolute;top:0;left:0}.way{z-index:5;color:var(--ink);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute}.way-left,.way-right{width:max(44px,5vw);top:12%;bottom:20%}.way-left{background:linear-gradient(90deg,#fff4de00,#0000);left:0}.way-right{right:0}.way-bottom{height:max(44px,7vh);bottom:0;left:22%;right:22%}.way:before{content:"";opacity:0;transition:opacity .35s;position:absolute;inset:0}.way-left:before{background:linear-gradient(90deg,#fff4de42,#0000)}.way-right:before{background:linear-gradient(270deg,#fff4de42,#0000)}.way-bottom:before{background:linear-gradient(#0000,#fff4de42);-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.way-left:before,.way-right:before{-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.way .waytag{letter-spacing:.03em;white-space:nowrap;opacity:0;background:#14110fc7;border:1px solid #fff4de59;border-radius:9px;padding:7px 11px;font:600 14px/1.2 system-ui,sans-serif;transition:opacity .35s;position:relative}.way-right{justify-content:flex-end}.way-left{justify-content:flex-start}.way-bottom{justify-content:flex-start;align-items:flex-end}.way-bottom .waytag{margin:0 0 12px 10px}@media (max-width:640px) and (orientation:portrait){.way-left,.way-right{align-items:center!important}.way-left .waytag,.way-right .waytag{margin-top:0!important}.way-left[data-tag=top],.way-right[data-tag=top]{align-items:flex-start!important}.way-left[data-tag=top] .waytag,.way-right[data-tag=top] .waytag{margin-top:6px!important}}.way-bottom[data-tag=end]{justify-content:flex-end}.way-bottom[data-tag=end] .waytag{margin:0 10px 12px 0}@media (max-height:500px) and (orientation:landscape){.filmopen .shell:not(.high){bottom:calc(50px + env(safe-area-inset-bottom))}.filmopen .cap{max-width:min(72ch,92vw);padding:5px 12px;font-size:15px}}.way-right .waytag{margin-right:10px}.way-left .waytag{margin-left:10px}.way:hover:before,.way:focus-visible:before,.way.shown:before,.way:hover .waytag,.way:focus-visible .waytag,.way.shown .waytag{opacity:1}.way.over-thing:not(.shown):not(:focus-visible):hover:before,.way.over-thing:not(.shown):not(:focus-visible):hover .waytag{opacity:0}.way:focus-visible{outline:3px solid var(--warm);outline-offset:-3px}@media (hover:none){.way .waytag{opacity:.82}.way-left,.way-right{align-items:flex-start}.way-left .waytag,.way-right .waytag{margin-top:6px}}.rim{width:min(96vw,1500px);height:max(44px, calc(min(96vw, 1500px) * var(--rim-h,68) / var(--rim-w,1600)));cursor:pointer;opacity:.5;background:0 0;border:0;margin:0;padding:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.rim .pic{width:100%;height:auto;display:block;position:absolute;top:0;left:0}.rim{pointer-events:none}.rim .lens{pointer-events:auto;width:26%;position:absolute;top:0;bottom:0}.rim .lens-l{left:11%}.rim .lens-r{left:63%}.rim:hover,.rim:focus-visible{opacity:.85}.rim:focus-visible{outline:3px solid var(--warm);outline-offset:-3px}.hand{z-index:6;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));cursor:pointer;background:#14110fb8;border:2px solid #fff4de80;border-radius:16px;width:84px;height:84px;padding:10px;position:absolute}.hand .pic{object-fit:contain;width:100%;height:100%;display:block}.hand:focus-visible{outline:3px solid var(--warm);outline-offset:3px}.carry{object-fit:contain;pointer-events:none;z-index:30;filter:drop-shadow(0 6px 6px #00000080);width:64px;height:64px;position:fixed;transform:translate(-50%,-50%)}.tv{transform-origin:0 0;pointer-events:auto;position:absolute;top:0;left:0;overflow:hidden}.tv.ready{background:#cfe4f7}.tv .poster,.tv video.film{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tv .tvbtn{width:100%;height:100%;padding:0 0 calc(var(--tvh,60px) * .05);border-radius:0;justify-content:center;align-items:flex-end;display:flex;inset:0}.tv .mark{display:none}.tv .label{font:600 max(calc(var(--tvh,60px) * .1), calc(12px * var(--inv,1))) / 1.1 system-ui, sans-serif;letter-spacing:.04em;color:var(--ink);white-space:nowrap;background:#14110fd1;border-radius:999px;align-items:center;gap:.6em;padding:.42em .95em .42em .8em;transition:background .2s,color .2s,opacity .3s;display:inline-flex}.tv .label:before{content:"";border:.42em solid #0000;border-left:.7em solid;border-right-width:0}.tv .tvbtn:hover .label,.tv .tvbtn:focus-visible .label{background:var(--warm);color:#14110f}.tv[data-state=playing][data-stopped=false] .mark,.tv[data-state=playing][data-stopped=false] .label{opacity:0}.tv[data-state=window] .tvbtn{display:none}.tv[data-held=true]:after{content:"";background:#0b0a09;position:absolute;inset:0}.tv[data-held=true] .tvbtn{visibility:hidden}.filmwin{z-index:40;background:#000;place-items:center;display:grid;position:fixed;inset:0}.filmwin video.film{object-fit:contain;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.filmopen .wordslink{display:none}.filmopen .shell:not(.high){bottom:calc(68px + env(safe-area-inset-bottom))}.filmopen .corner{top:max(12px, env(safe-area-inset-top));flex-direction:row;align-items:center;bottom:auto}.filmback{min-height:44px;left:max(14px, env(safe-area-inset-left));top:max(14px, env(safe-area-inset-top));cursor:pointer;background:#14110fbf;border:2px solid #fff4de99;border-radius:10px;padding:10px 16px;font:600 15px/1 system-ui,sans-serif;position:absolute}.filmback:focus-visible{outline:3px solid var(--warm);outline-offset:3px}.shell{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));z-index:50;pointer-events:none;justify-items:center;gap:8px;padding:0 clamp(16px,12vw,150px);display:grid;position:fixed}.cap{max-width:min(44ch,92vw);color:var(--ink);text-align:center;text-wrap:balance;background:#14110fd1;border-radius:12px;margin:0;padding:10px 16px;font:19px/1.35 Georgia,serif}.shell.high{bottom:auto;top:max(14px, env(safe-area-inset-top))}@media (max-width:720px){.shell.high{top:calc(66px + env(safe-area-inset-top))}}.cap b{color:var(--blue);font-weight:600}.cap.film b:before{content:"";vertical-align:.04em;opacity:.85;border:.32em solid #0000;border-left:.52em solid;border-right-width:0;margin-right:.4em;display:inline-block}.reply.waiting{visibility:hidden}.cap small{color:var(--dim);margin-top:6px;font:13px/1.35 system-ui,sans-serif;display:block}.cap.june{letter-spacing:.01em;max-width:min(34ch,92vw);padding:10px 22px 8px;font:34px/1.05 June,cursive}.cap.june small{margin-top:4px}.cap.heard{color:var(--dim);font-style:italic}.reply{pointer-events:auto;border:2px solid var(--warm);cursor:pointer;background:#14110fd1;border-radius:999px;min-height:44px;padding:12px 20px;font:600 18px/1 Georgia,serif}.reply:hover{background:#3c2c1ce6}.reply:focus-visible{outline:3px solid var(--warm);outline-offset:3px}.wordslink{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));z-index:45;min-height:44px;color:var(--ink);letter-spacing:.02em;background:#14110fd6;border:1px solid #fff4de73;border-radius:999px;align-items:center;padding:9px 15px;font:600 13px/1 system-ui,sans-serif;text-decoration:none;display:inline-flex;position:fixed}.wordslink:focus-visible{outline:3px solid var(--warm);outline-offset:2px}.corner{right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));z-index:45;gap:8px;display:flex;position:fixed}.corner button{cursor:pointer;letter-spacing:.02em;background:#14110fd6;border:1px solid #fff4de73;border-radius:999px;min-height:44px;padding:9px 15px;font:600 13px/1 system-ui,sans-serif}.corner button:focus-visible{outline:3px solid var(--warm);outline-offset:2px}@media (max-width:640px) and (orientation:portrait){html,body{background:#100d0b}.stage,:where(#stage){bottom:calc(200px + env(safe-area-inset-bottom))}.shell{bottom:calc(104px + env(safe-area-inset-bottom));padding:0 12px}.cap{padding:8px 14px;font-size:17px}.cap.june{padding:8px 16px 6px;font-size:29px}.hand{left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom));position:fixed;transform:translate(-50%)}.corner{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:flex-end;gap:6px}.wordslink{bottom:calc(8px + env(safe-area-inset-bottom))}}.memory{z-index:35;align-content:center;place-items:center;gap:14px;padding-top:6vh;display:grid;position:fixed;inset:0}.mem-veil{opacity:0;background:#0b0908;transition:opacity .5s;position:absolute;inset:0}.memory.on .mem-veil{opacity:.76}.mem-frame{aspect-ratio:16/9;opacity:0;-webkit-mask-composite:source-in;width:min(74vw,940px,128vh);transition:opacity .4s;display:none;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 11% 89%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#0000,#000 11% 89%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.memory[data-kind=footage] .mem-frame{display:block}.memory.on .mem-frame{opacity:1}.pip-layer{transition:opacity .45s}.pip-layer.appearing{opacity:0;transition:none}.remembering .pip-layer{opacity:0}.mem-film{object-fit:cover;background:#fff6e6;width:100%;height:100%;display:block;position:absolute;inset:0}.mem-light{opacity:1;background:#fff6e6;transition:opacity .9s;position:absolute;inset:0}.mem-light.gone{opacity:0}.mem-words{text-align:center;width:min(860px,88vw);display:none;position:relative}.memory[data-kind=words] .mem-words{display:block}.mem-words p{opacity:0;margin:0 0 .5em;transition:opacity .6s}.mem-words p.in{opacity:1}.mem-words .june{color:var(--ink);text-wrap:balance;font:58px/1.05 June,cursive}.mem-words .told{color:var(--dim);margin:.1em 0 .7em;font:italic 23px/1.4 Georgia,Times New Roman,serif}.mem-words .said{color:var(--ink);text-wrap:balance;font:40px/1.2 Georgia,Times New Roman,serif}.memory .by{color:var(--dim);letter-spacing:.02em;opacity:0;margin:0;font:13px/1.35 system-ui,sans-serif;transition:opacity .6s;position:relative}.memory .by.in{opacity:1}.memory.still .mem-veil,.memory.still .mem-frame,.memory.still .mem-words p,.memory.still .by,.memory.still .mem-light{transition:none}@media (max-width:640px) and (orientation:portrait){.memory{bottom:calc(200px + env(safe-area-inset-bottom))}.mem-frame{width:96vw}.mem-words .june{font-size:40px}.mem-words .told{font-size:18px}.mem-words .said{font-size:27px}}@media (max-height:480px) and (orientation:landscape){.shell{bottom:max(8px, env(safe-area-inset-bottom));gap:6px}.cap{padding:6px 12px;font-size:16px}.cap.june{padding:6px 14px 4px;font-size:26px}.reply{min-height:44px;padding:10px 18px;font-size:16px}.memory{align-content:start;padding-top:6px}.memory[data-kind=words]{padding-top:calc(max(12px, env(safe-area-inset-top)) + 52px)}.mem-frame{width:min(74vw,177.778vh - 170.667px)}.mem-words .june{font-size:36px}.mem-words .told{font-size:17px}.mem-words .said{font-size:26px}.hand{width:64px;height:64px;padding:7px}.way-left,.way-right{align-items:center}.way-left .waytag,.way-right .waytag{margin-top:0}}.colophon{z-index:50;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0}.colophon-veil{opacity:0;background:#0b0908;transition:opacity .22s;position:absolute;inset:0}.colophon.on .colophon-veil{opacity:.72}.colophon-sheet{color:#2b2622;opacity:0;background:#f4ecda;border-radius:3px;outline:none;width:min(34rem,100%);max-height:100%;padding:30px 34px 26px;font:18px/1.5 Georgia,Times New Roman,serif;transition:opacity .22s,transform .22s;position:relative;overflow:auto;transform:translateY(10px);box-shadow:0 18px 50px #0000008c}.colophon.on .colophon-sheet{opacity:1;transform:none}.colophon-sheet .to{color:#5a4a3a;margin:0 0 16px;font:italic 400 21px/1.3 Georgia,Times New Roman,serif}.colophon-sheet p{margin:0 0 12px}.colophon-sheet .says{font-size:20px}.colophon-sheet a{color:#1f4f78;text-underline-offset:3px}.colophon-sheet .more{flex-wrap:wrap;gap:0 22px;margin:0;font-size:16px;display:flex}.colophon-sheet .more a{align-items:center;min-height:44px;display:inline-flex}.colophon-sheet .more+.more{margin-bottom:14px}.colophon-sheet .honest{border-top:1px solid color-mix(in srgb, currentColor 25%, transparent);margin-top:16px;padding-top:12px;font-size:15px}.colophon-sheet .fold{color:#2b2622;cursor:pointer;background:0 0;border:2px solid #5a4a3a;border-radius:8px;min-height:44px;padding:9px 18px;font:600 15px/1 system-ui,sans-serif}.colophon-sheet a:focus-visible,.colophon-sheet .fold:focus-visible{outline-offset:3px;outline:3px solid #b5651d}.colophon.still .colophon-veil,.colophon.still .colophon-sheet{transition:none}@media (max-width:560px){.colophon-sheet{padding:22px 20px 20px;font-size:17px}.colophon-sheet .says{font-size:18px}}@view-transition{navigation:auto}::view-transition-old(root){animation:.3s both room-out}::view-transition-new(root){animation:.42s .18s both room-in}@keyframes room-out{to{opacity:0;transform:scale(1.035)}}@keyframes room-in{0%{opacity:0;transform:scale(.985)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}@view-transition{navigation:none}}.stage:not(.in) :is(.base,.screen-layer,.pip-layer,.things,.shapes,.dusts,.layers,.way,.rim){visibility:hidden}.colophon-sheet .tiers{color:#5a4a3a;margin:0 0 14px;padding-left:1.1em}.colophon-sheet .tiers li{margin:4px 0}.colophon-sheet .closed{color:#5a4a3a;font-style:italic}.written{transform-origin:0 0;pointer-events:none;mix-blend-mode:multiply;place-items:center;display:grid;position:absolute;top:0;left:0}.written .ink{color:#2a2420;white-space:nowrap;text-align:center;flex-direction:column;align-items:center;line-height:1.02;display:flex}.written .ink span{display:block}.written.hand-june .ink{color:#3b2a1e;font-family:June,cursive}.written.hand-walter .ink{letter-spacing:.03em;color:#22201e;font-family:Walter,June,cursive}.written.hand-luis .ink{color:#1f2c4f;font-family:Luis,June,cursive}.written.hand-type .ink{color:#3a3330;font-family:Georgia,Times New Roman,serif;font-style:italic}