@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@font-face{font-family:bettervcr;src:url(/assets/BetterVCR%2025.09.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.landing-page{background-image:url(/assets/landing%20page%20bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative;overflow:hidden}.landing-logo{filter:drop-shadow(7px 8px #588b9447);width:300px;height:auto;animation:3s ease-in-out infinite logo-float;position:absolute;top:60px;left:40px}.sound-toggle{z-index:10;cursor:pointer;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:18px;left:18px}.sound-toggle:active{transform:scale(.94)}.sound-icon{object-fit:contain;image-rendering:auto;pointer-events:none;width:40px;height:40px}.link-panel-shell{font-family:"Press Start 2P",monospace}.link-info-panel{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:#fffbea;background:#c3e8e9c8;border:3px solid #88c0c9;border-radius:6px;width:250px;min-height:600px;padding:12px 10px;position:absolute;top:60px;right:20px;box-shadow:10px 10px #588b9433}.nav-panel-clover{image-rendering:auto;pointer-events:auto;cursor:pointer;filter:drop-shadow(5px 6px #479d4959);width:125px;height:auto;margin:1px auto 14px;display:block;position:relative;top:10px;left:-10px;transform:scale(1)}.nav-panel-clover-base{pointer-events:none;width:100%;height:auto;display:block}.nav-panel-clover-sparkle{z-index:2;opacity:0;filter:drop-shadow(0 0 3px #f3ffb0d9);pointer-events:none;background-image:url(/assets/spark.png);background-position:10px 0;background-repeat:no-repeat;background-size:900px 180px;width:190px;height:290px;transition:opacity .16s ease-out,transform .22s ease-out;position:absolute;top:-24px;right:-30px;transform:scale(1)}.nav-panel-clover-sparkle.is-sparkling{opacity:1;animation:.52s steps(5,end) 2 alternate forwards clover-sparkle-play;transform:scale(1.04)}@keyframes clover-sparkle-play{0%{background-position:10px 0}to{background-position:-890px 0}}.nav-panel-clover.is-animating{animation:.22s ease-out forwards clover-hover-grow}.nav-panel-clover.is-returning{animation:.18s ease-out forwards clover-hover-shrink}.nav-panel-clover.is-hovered{transform:scale(1.04)}.clover-guide{z-index:3;box-sizing:border-box;color:#d9eef1;filter:drop-shadow(8px 8px #479d4959);width:600px;height:90px;image-rendering:pixelated;background-image:url(/assets/guidebox.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:50px;right:230px}.clover-guide-text{z-index:1;color:#fff;white-space:nowrap;text-align:left;width:0;max-width:430px;margin:15px 42px 0 21px;font-family:bettervcr,monospace;font-size:20px;font-weight:500;line-height:1.6;animation:1.1s steps(23,end) forwards guide-type-welcome;position:absolute;overflow:hidden}.clover-guide-subtext{z-index:1;color:#fff;white-space:nowrap;text-align:left;width:0;max-width:360px;margin:52px 42px 0 21px;font-family:bettervcr,monospace;font-size:15px;font-weight:400;line-height:1.4;animation:1.35s steps(34,end) 1.15s forwards guide-type-subtext;position:absolute;overflow:hidden}.clover-guide-instruction,.clover-guide-invite{z-index:1;color:#fff;text-align:left;margin:20px 42px 0 21px;font-family:bettervcr,monospace;font-size:15px;font-weight:400;line-height:1.4;position:absolute}.guide-type-line{white-space:nowrap;width:0;max-width:600px;margin:0 0 12px;overflow:hidden}.guide-instruction-line-one{animation:1.15s steps(39,end) forwards guide-type-instruction-line-one}.guide-instruction-line-two{animation:.75s steps(17,end) 1.25s forwards guide-type-instruction-line-two}.guide-invite-line-one{animation:1.45s steps(51,end) forwards guide-type-invite-line-one}.guide-invite-line-two{animation:1.35s steps(46,end) 1.55s forwards guide-type-invite-line-two}.guide-underline{text-underline-offset:3px;text-decoration:underline}.clover-guide-next-button{z-index:2;cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0;animation:1.2s ease-in-out infinite guide-next-pulse;position:absolute;bottom:16px;right:80px}.clover-guide-next-button:disabled{cursor:default;opacity:0;pointer-events:none;animation:none}.clover-guide-next-button img{filter:drop-shadow(4px 4px #479d4966);width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block}.clover-guide-next-button:active{transform:scale(1.06)translateY(1px)}@keyframes guide-next-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes guide-type-welcome{0%{width:0}to{width:600px}}@keyframes guide-type-subtext{0%{width:0}to{width:600px}}@keyframes guide-type-instruction{0%{width:0}to{width:600px}}@keyframes guide-type-invite{0%{width:0}to{width:600px}}@keyframes guide-type-instruction-line-one{0%{width:0}to{width:600px}}@keyframes guide-type-instruction-line-two{0%{width:0}to{width:600px}}@keyframes guide-type-invite-line-one{0%{width:0}to{width:600px}}@keyframes guide-type-invite-line-two{0%{width:0}to{width:600px}}.navigatin{flex-direction:column;gap:14px;margin-top:50px;display:flex}.link-panel-button{color:#529ab0;cursor:pointer;letter-spacing:1px;text-align:center;background:#fffbea;border:3px solid #9dcfd7;border-radius:5px;justify-content:center;align-items:center;width:100%;min-height:42px;padding:0 10px;font-family:"Press Start 2P",monospace;font-size:17px;line-height:1;text-decoration:none;display:flex;top:800px;box-shadow:5px 5px #50a3b17e}.link-panel-button:active{transform:translate(2px,2px);box-shadow:3px 3px #588b9429}.link-panel-divider{opacity:.92;background:#fffbea;height:2px;margin:14px 4px 10px}.link-panel-info{text-align:left}.link-panel-info h2{color:#529ab0;margin:0 0 9px;font-size:12px;font-weight:400;line-height:1.2}.link-panel-info p{color:#fff;margin:0 0 9px;font-family:BetterVCR,"Press Start 2P",monospace;font-size:15px;line-height:1.35}.link-panel-info a{color:#fff;font-family:BetterVCR,"Press Start 2P",monospace;font-size:15px;line-height:1.35;text-decoration:none;display:inline-block}.link-panel-symbol{vertical-align:-.08em;font-size:1.45em;line-height:0}.link-panel-star{font-family:Arial,sans-serif;font-size:1.9em}.cat{z-index:2;cursor:pointer;transform-origin:bottom;background-color:#0000;background-image:url(/assets/cat%20blinking%20sprite.png);background-repeat:no-repeat;background-size:200% 100%;border:0;width:180px;height:146px;padding:0;position:absolute;bottom:26px;left:105px;overflow:visible;transform:scale(1)}.cat-down-blink{animation:2.8s step-end infinite cat-blink}.cat-down-blink.is-animating{animation:2.8s step-end infinite cat-blink,.22s ease-out forwards cat-hover-grow}.cat-down-blink.is-returning{animation:2.8s step-end infinite cat-blink,.18s ease-out forwards cat-hover-shrink}.cat-down-blink.is-hovered{transform:scale(1.01)}.sheet-music{pointer-events:none;background-image:url(/assets/sheet%20music.png);background-repeat:no-repeat;background-size:400% 100%;width:160px;height:120px;animation:.85s step-end infinite sheet-music-play;position:absolute;top:-88px;left:15px}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes clover-hover-grow{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes clover-hover-shrink{0%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes cat-hover-grow{0%{transform:scale(1)}to{transform:scale(1.01)}}@keyframes cat-hover-shrink{0%{transform:scale(1.01)}to{transform:scale(1)}}@media (width<=760px){.link-info-panel{width:116px;min-height:430px;top:130px;right:calc(100vw - 132px)}.link-panel-button{min-height:27px;font-size:9px}.link-panel-info h2{font-size:9px}.link-panel-info p{font-size:7px}}@keyframes sheet-music-play{0%{background-position:0 0}25%{background-position:33.333% 0}50%{background-position:66.666% 0}75%,to{background-position:100% 0}}@keyframes cat-blink{0%,86%,to{background-position:0 0}90%,94%{background-position:100% 0}}@font-face{font-family:Better VCR;src:url(/assets/BetterVCR%2025.09.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.signin-window{z-index:3;box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;width:525px;height:380px;transform:translate(calc(-50% + var(--signin-window-drag-x,0px)), calc(-50% + var(--signin-window-drag-y,0px)));transform-origin:100% 0;background:#a9daf3;border:3px solid #6bbce2;border-radius:14px;justify-content:center;align-items:flex-end;padding-bottom:10px;animation:.26s ease-out both signin-window-open;display:flex;position:absolute;top:50%;left:calc(50% - 120px);box-shadow:10px 10px #62b5dc73}.signin-window-blocks{z-index:2;pointer-events:none;position:absolute;top:12px;left:15px}.signin-window-drag-bar{z-index:1;cursor:grab;touch-action:none;height:42px;position:absolute;inset:0 0 auto}.signin-window-drag-bar:active{cursor:grabbing}.signin-window-heart{width:28px;height:32px;position:absolute}.heart-one{left:0}.heart-two{left:28px}.heart-three{left:56px}.heart-three .signin-window-block{background:#f5fbff}.signin-window-block{background:#58b5df;width:6px;height:14px;display:block;position:absolute}.block-one{top:0;left:0}.block-two{top:6px;left:5.8px}.block-three{top:0;left:11.6px}.signin-window-controls{z-index:2;gap:8px;display:flex;position:absolute;top:5px;right:12px}.signin-window-control{filter:drop-shadow(3px 3px #62b5dc47);cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0}.signin-window-control img{object-fit:contain;image-rendering:auto;pointer-events:none;width:100%;height:100%;display:block}.signin-window-control:active{filter:drop-shadow(1px 1px #62b5dc47);transform:translate(2px,2px)}.signin-window-title{z-index:2;color:#45aad8;pointer-events:none;margin:0;font-family:"04b_03",Pixel Operator,"Press Start 2P",monospace;font-size:19px;font-weight:700;line-height:1;position:absolute;top:16px;left:50%;transform:translate(-50%)}.signin-window-body{box-sizing:border-box;background:#e8f6fb;border:3px solid #6bbce2;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:500px;height:320px;padding:30px 40px 26px;display:flex}.signin-fields{flex-direction:column;gap:14px;width:100%;display:flex}.username{color:#6bbce2;flex-direction:column;gap:8px;font-family:"Press Start 2P",monospace;font-size:10px;font-weight:700;line-height:1;display:flex}.username input{box-sizing:border-box;color:#5aaed8;background:#f5fbff;border:3px solid #6bbce2;outline:0;width:100%;height:42px;padding:0 12px;font-family:Better VCR,"Press Start 2P",monospace;font-size:15px;font-weight:400;line-height:1}.username input::placeholder{color:#5bacd794}.username input:focus{background:#fff}.signup-image-button{color:#6bbce2;cursor:pointer;background:#f5fbff;border:3px solid #6bbce2;place-items:center;width:210px;height:52px;padding:0;display:grid;box-shadow:6px 6px #62b5dc47}.signup-image-button-text{color:#6bbce2;text-transform:uppercase;pointer-events:none;font-family:"Press Start 2P",monospace;font-size:15px;font-weight:700;line-height:1}.signup-image-button:active{transform:translate(2px,2px);box-shadow:4px 4px #62b5dc47}.avatar-window{z-index:3;box-sizing:border-box;color:#6faeaa;touch-action:none;-webkit-user-select:none;user-select:none;width:390px;height:570px;transform:translate(calc(-50% + var(--avatar-window-drag-x,0px)), calc(-50% + var(--avatar-window-drag-y,0px)));transform-origin:50% 100%;background:linear-gradient(#d9eef1 0 56px,#0000 56px),linear-gradient(#eef6d8 0 100%,#d8ebc1);border:3px solid #8ec7c7;border-radius:14px;flex-direction:column;align-items:center;padding:72px 24px 24px;font-family:"Press Start 2P",monospace;font-weight:700;animation:.26s ease-out both avatar-window-open;display:flex;position:absolute;top:48%;left:calc(50% + 470px);box-shadow:8px 8px #6f9fa047}.avatar-window:before{content:"";pointer-events:none;border:2px solid #8fc2c294;border-radius:10px;position:absolute;inset:4px}.avatar-window-drag-bar{z-index:1;cursor:grab;touch-action:none;height:56px;position:absolute;inset:0 0 auto}.avatar-window-drag-bar:active{cursor:grabbing}.avatar-window-hearts{z-index:2;pointer-events:none;position:absolute;top:24px;left:28px}.avatar-heart{width:24px;height:28px;position:absolute}.avatar-heart-one{left:0}.avatar-heart-two{left:34px}.avatar-heart-three{left:68px}.avatar-heart-block{background:#8ec7c7;width:6px;height:14px;display:block;position:absolute}.avatar-heart-three .avatar-heart-block{background:#fff}.avatar-heart-block-one{top:0;left:0}.avatar-heart-block-two{top:6px;left:5.8px}.avatar-heart-block-three{top:0;left:11.6px}.avatar-window-title{z-index:2;color:#6faeaa;letter-spacing:0;text-align:center;text-rendering:geometricprecision;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;margin:0 0 14px;font-family:"04b_03",Pixel Operator,"Press Start 2P",monospace;font-size:16px;font-weight:400;line-height:1.35;position:relative}.avatar-taken-window{z-index:4;box-sizing:border-box;color:#6faeaa;text-align:center;pointer-events:none;width:260px;transform:translate(calc(130px + var(--avatar-window-drag-x,0px)), calc(-300px + var(--avatar-window-drag-y,0px)));background:#eef6d8;border:3px solid #9ccfbb;border-radius:10px;padding:18px 20px;font-family:Better VCR,monospace;font-size:13px;font-weight:400;line-height:1.5;animation:2.8s ease-out both avatar-taken-warning-life;position:absolute;top:48%;left:48%;box-shadow:5px 5px #6f9fa038}.avatar-taken-window:before{content:"";pointer-events:none;border:2px solid #8fc2c294;border-radius:6px;position:absolute;inset:5px}.avatar-preview{z-index:2;box-sizing:border-box;background-color:#0000;background-image:url(/assets/avatar%20window%20bg.png);background-position:50%;background-repeat:no-repeat;background-size:100%;border:5px solid #9ccfbb;border-radius:18px;place-items:center;width:330px;height:360px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 2px #8ec7c747}.avatar-preview-character{object-fit:contain;image-rendering:auto;pointer-events:none;display:block}.avatar-slide-next{animation:.26s ease-out both avatar-slide-next}.avatar-slide-previous{animation:.26s ease-out both avatar-slide-previous}.avatar-preview-ada{max-width:83%;max-height:88%}.avatar-preview-avi{max-width:70%;max-height:88%}@keyframes avatar-slide-next{0%{opacity:0;transform:translate(42px)}to{opacity:1;transform:translate(0)}}@keyframes avatar-slide-previous{0%{opacity:0;transform:translate(-42px)}to{opacity:1;transform:translate(0)}}.avatar-circle-controls{z-index:2;justify-content:space-between;align-items:center;width:330px;margin-top:22px;display:flex;position:relative}.avatar-player-circle,.avatar-player-oval{z-index:2;box-sizing:border-box;cursor:pointer;background:#fff;border:3.5px solid #9ccfbb;place-items:center;height:58px;padding:0;display:grid;position:relative;box-shadow:5px 5px #6f9fa038}.avatar-player-circle{border-radius:50%;width:58px}.avatar-player-oval{color:#6faeaa;width:160px;font:inherit;text-transform:uppercase;border-radius:999px;font-size:11px;line-height:1}.avatar-player-circle img{object-fit:contain;image-rendering:auto;pointer-events:none;width:26px;height:auto;display:block}.avatar-player-circle:hover,.avatar-player-oval:hover{background:#f8fff8}.avatar-player-circle:active,.avatar-player-oval:active{transform:translate(2px,2px);box-shadow:3px 3px #6f9fa038}.timer-window{z-index:3;box-sizing:border-box;color:#668cc5;touch-action:none;-webkit-user-select:none;user-select:none;width:525px;height:620px;transform:translate(calc(-50% + var(--timer-window-drag-x,0px)), calc(-50% + var(--timer-window-drag-y,0px)));transform-origin:100% 0;background:#b7c8f3;border:3px solid #698ec7;border-radius:14px;justify-content:center;align-items:flex-end;padding-bottom:10px;font-family:"Press Start 2P",monospace;font-weight:700;animation:.26s ease-out both timer-window-open;display:flex;position:absolute;top:50%;left:50%;box-shadow:10px 10px #7783dc5a}.timer-window-drag-bar{z-index:1;cursor:grab;touch-action:none;height:42px;position:absolute;inset:0 0 auto}.timer-window-drag-bar:active{cursor:grabbing}.timer-window-circles{z-index:2;pointer-events:none;position:absolute;top:13px;left:18px}.timer-window-circle{background:#668cc5;border-radius:50%;width:15px;height:15px;display:block;position:absolute}.timer-circle-one{top:0;left:0}.timer-circle-two{top:0;left:24px}.timer-circle-three{background:#f8fbff;top:0;left:48px}.timer-window-controls{z-index:2;gap:8px;display:flex;position:absolute;top:5px;right:12px}.timer-window-control{filter:drop-shadow(3px 3px #7797ca3d);cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.timer-window-control:active{filter:drop-shadow(1px 1px #7797ca3d);transform:translate(2px,2px)}.timer-window-control img{object-fit:contain;image-rendering:auto;pointer-events:none;width:100%;height:100%;display:block}.timer-window-title,.pastel-break-title{z-index:2;color:#668cc5;text-align:center;margin:0 0 8px;font-size:20px;font-weight:400;line-height:1.3;position:relative}.timer-window-body{z-index:2;box-sizing:border-box;background:#edf3ff;border:3px solid #81a4d7;border-radius:3px;flex-direction:column;align-items:center;width:500px;height:560px;padding:30px 40px 26px;display:flex;position:relative}.timer-window-note{color:#668cc5;margin:0 0 18px;font-size:14px;font-weight:400;line-height:1.3}.timer-options{z-index:2;gap:14px;display:flex;position:relative}.pastel-break-title{margin:22px 0 14px}.break-options{z-index:2;gap:14px;display:flex;position:relative}.timer-options button,.break-options button{color:#668cc5;cursor:pointer;width:86px;height:48px;font:inherit;background:#f8fbff;border:3px solid #9fb9df;place-items:center;display:grid;box-shadow:5px 5px #7797ca2e}.timer-options button:active,.break-options button:active{transform:translate(2px,2px);box-shadow:3px 3px #7797ca2e}.timer-options button.is-selected,.break-options button.is-selected{color:#4f74ae;background:#d9e4fb;border-color:#668cc5;box-shadow:5px 5px #5070a638}.room-code-field{z-index:2;color:#668cc5;text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:22px;display:flex;position:relative}.room-code-title{font-size:18px;font-weight:400;line-height:1.35}.room-code-title span{margin-top:8px;font-size:11px;line-height:1.2;display:block}.room-code-field input{box-sizing:border-box;color:#668cc5;width:72%;height:40px;font:inherit;background:#f8fbff;border:3px solid #9fb9df;outline:0;padding:0 12px}.room-code-field input:focus{background:#fff}.private-room-toggle{z-index:2;color:#668cc5;align-items:center;gap:12px;margin-top:16px;font-size:11px;line-height:1.2;display:flex;position:relative}.private-room-toggle input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.private-room-checkbox{box-sizing:border-box;cursor:pointer;background:#f8fbff;border:3px solid #9fb9df;width:26px;height:26px;display:block;position:relative;box-shadow:4px 4px #7797ca2e}.private-room-toggle input:checked+.private-room-checkbox:before{content:"";image-rendering:auto;pointer-events:none;background-image:url(/assets/tick.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:-7px -11px -7px -3px}.private-room-toggle input:focus-visible+.private-room-checkbox{outline-offset:3px;outline:2px solid #668cc5}.select-avatar-button{color:#4f74ae;cursor:pointer;width:230px;height:48px;font:inherit;background:#d9e4fb;border:3px solid #668cc5;place-items:center;margin-top:20px;display:grid;box-shadow:5px 5px #5070a638}.select-avatar-button:active{transform:translate(2px,2px);box-shadow:3px 3px #5070a638}.username-reminder-window{z-index:5;box-sizing:border-box;color:#6faeaa;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;background:#eef6d8;border:3px solid #9ccfbb;border-radius:10px;place-items:center;width:260px;min-height:64px;padding:18px 20px;font-family:Better VCR,monospace;font-size:13px;font-weight:400;line-height:1.5;animation:2.8s ease-out both reminder-warning-life;display:grid;position:absolute;top:280px;right:340px;box-shadow:5px 5px #6f9fa038}.username-reminder-window:before{content:"";pointer-events:none;border:2px solid #8fc2c294;border-radius:6px;position:absolute;inset:5px}@keyframes reminder-warning-life{0%{opacity:0;transform:translateY(-8px)scale(.96)}10%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes signin-window-open{0%{opacity:0;transform:translate(calc(-50% + var(--signin-window-drag-x,0px) + 170px), calc(-50% + var(--signin-window-drag-y,0px) - 120px)) scale(.18)}75%{opacity:1;transform:translate(calc(-50% + var(--signin-window-drag-x,0px)), calc(-50% + var(--signin-window-drag-y,0px))) scale(1.03)}to{opacity:1;transform:translate(calc(-50% + var(--signin-window-drag-x,0px)), calc(-50% + var(--signin-window-drag-y,0px))) scale(1)}}@keyframes timer-window-open{0%{opacity:0;transform:translate(calc(-50% + var(--timer-window-drag-x,0px) + 170px), calc(-50% + var(--timer-window-drag-y,0px) - 80px)) scale(.18)}75%{opacity:1;transform:translate(calc(-50% + var(--timer-window-drag-x,0px)), calc(-50% + var(--timer-window-drag-y,0px))) scale(1.03)}to{opacity:1;transform:translate(calc(-50% + var(--timer-window-drag-x,0px)), calc(-50% + var(--timer-window-drag-y,0px))) scale(1)}}@keyframes avatar-window-open{0%{opacity:0;transform:translate(calc(-50% + var(--avatar-window-drag-x,0px)), calc(-50% + var(--avatar-window-drag-y,0px) + 220px)) scale(.18)}75%{opacity:1;transform:translate(calc(-50% + var(--avatar-window-drag-x,0px)), calc(-50% + var(--avatar-window-drag-y,0px))) scale(1.03)}to{opacity:1;transform:translate(calc(-50% + var(--avatar-window-drag-x,0px)), calc(-50% + var(--avatar-window-drag-y,0px))) scale(1)}}@keyframes avatar-taken-warning-life{0%{opacity:0;transform:translate(calc(130px + var(--avatar-window-drag-x,0px)), calc(-306px + var(--avatar-window-drag-y,0px))) scale(.96)}12%,78%{opacity:1;transform:translate(calc(130px + var(--avatar-window-drag-x,0px)), calc(-300px + var(--avatar-window-drag-y,0px))) scale(1)}to{opacity:0;transform:translate(calc(130px + var(--avatar-window-drag-x,0px)), calc(-304px + var(--avatar-window-drag-y,0px))) scale(.98)}}.loading-page{z-index:100;background:#fde4e4;place-items:center;min-height:100vh;display:grid;position:fixed;inset:0;overflow:hidden}.loading-page:after{content:"";z-index:2;height:calc(42vh + 54px);clip-path:path("M0,160 C180,80 300,240 480,160 C660,80 780,240 960,160 C1140,80 1260,240 1440,160 L1440,500 L0,500 Z");background-blend-mode:multiply, normal, normal;transform-origin:0 100%;pointer-events:none;background:repeating-linear-gradient(0deg,#f3686842 0 32px,#0000 32px 64px),repeating-linear-gradient(90deg,#f3686842 0 32px,#0000 32px 64px),#fffdf8;position:absolute;bottom:0;left:0;right:-80px;transform:scaleX(1.08)}.loading-cloth{z-index:3;place-items:center;display:grid;position:relative}.loading-card{box-sizing:border-box;background:linear-gradient(90deg, #f8b7b7 0 var(--loading-progress,0%), transparent var(--loading-progress,0%) 100%), #fde4e4;color:#c96969;border:4px solid #f27a7a;justify-content:center;align-items:center;min-width:520px;height:62px;font-family:Better VCR,"Press Start 2P",monospace;transition:background .26s ease-out;display:flex;position:relative;box-shadow:inset 0 0 0 5px #fde4e4}.loading-card p{z-index:1;margin:0;font-size:20px;line-height:1;position:relative}.loading-card span:after{z-index:1;content:".";width:30px;font-size:20px;animation:.9s steps(3,end) infinite loading-dots;display:inline-block;position:relative}@keyframes loading-dots{0%{content:"."}34%{content:".."}67%,to{content:"..."}}.picnic-page{--picnic-scene-width:max(100vw, 163.25vh);--picnic-scene-height:calc(var(--picnic-scene-width) * .6126);width:100vw;max-width:100vw;height:var(--picnic-scene-height);background-image:url(/assets/focus%20picnic%20bg.png);background-position:0 0;background-repeat:no-repeat;background-size:var(--picnic-scene-width) auto;min-height:100vh;position:relative;overflow:hidden}.picnic-scroll-space{--show-ada-forward-compare:1;--ada-walker-left:.71;--ada-walker-top:.1036;--ada-walker-width:.068;--ada-walk-x:0px;--ada-walk-y:.0829;--avi-walker-left:.715;--avi-walker-top:.1;--avi-walker-width:.074;--avi-walk-x:0px;--avi-walk-y:.0829;--ada-left-left:.7148;--ada-left-top:.1036;--ada-left-width:.072;--ada-left-start-x:0px;--ada-left-start-y:.0829;--ada-left-slide-x:-.1381;--ada-left-slide-y:0px;--avi-left-left:.7113;--avi-left-top:.0967;--avi-left-width:.078;--avi-left-start-x:0px;--avi-left-start-y:.0829;--avi-left-slide-x:-.1381;--avi-left-slide-y:0px;--ada-sitting-left:.418;--ada-sitting-top:.264;--ada-sitting-width:.11;--avi-sitting-left:.495;--avi-sitting-top:.258;--avi-sitting-width:.098;--picnic-sign-left:.654;--picnic-sign-top:.133;height:var(--picnic-scene-height);min-height:100vh;position:relative}.picnic-signboard-text{left:calc(var(--picnic-scene-width) * var(--picnic-sign-left));top:calc(var(--picnic-scene-width) * var(--picnic-sign-top));z-index:1;color:#6d5a4d;font-family:Better VCR,"Press Start 2P",monospace;font-size:calc(var(--picnic-scene-width) * .008);text-align:center;text-shadow:1px 1px #fff5dc8c;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;transform:translate(-50%,-50%)}.picnic-signboard-text span{display:block;position:absolute}.picnic-signboard-focus{transform:translate(calc(var(--picnic-scene-width) * -.04), calc(var(--picnic-scene-width) * -.009))}.picnic-signboard-picnic{transform:translate(calc(var(--picnic-scene-width) * .005), calc(var(--picnic-scene-width) * .003))}.picnic-room-code-badge{z-index:12;box-sizing:border-box;color:#4fa4ce;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#e4fffa99;border:3px solid #64d7b680;border-radius:10px;padding:8px 5px;font-family:Better VCR,monospace;font-size:15px;line-height:1;position:fixed;top:18px;left:18px;box-shadow:5px 5px #5fafd438}.picnic-joining-notice,.picnic-leaving-notice{z-index:12;box-sizing:border-box;color:#6faeaa;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;background:#eef6d8;border:3px solid #9ccfbb;border-radius:10px;width:260px;padding:18px 20px;font-family:Better VCR,monospace;font-size:13px;font-weight:400;line-height:1.5;animation:.26s ease-out both picnic-joining-notice-life;position:fixed;top:72px;left:18px;box-shadow:5px 5px #6f9fa038}.picnic-leaving-notice{animation:10s ease-out both picnic-leaving-notice-life;top:72px}.picnic-joining-notice:before,.picnic-leaving-notice:before{content:"";pointer-events:none;border:2px solid #8fc2c294;border-radius:6px;position:absolute;inset:5px}.picnic-chat-box{z-index:10;box-sizing:border-box;color:#6faeaa;-webkit-user-select:none;user-select:none;background:#c7e1df;border:3px solid #8ec7c7;border-radius:14px;justify-content:center;align-items:flex-end;width:350px;height:230px;padding-bottom:0;font-family:Better VCR,"Press Start 2P",monospace;transition:transform .3s;display:flex;position:fixed;bottom:-1px;left:28px;box-shadow:8px 8px #6f9fa047}.picnic-chat-box.is-minimized{transform:translateY(176px)}.picnic-chat-box-controls{z-index:2;position:absolute;top:5px;right:12px}.picnic-chat-box-control{filter:drop-shadow(3px 3px #6f9fa03d);cursor:pointer;background:0 0;border:0;width:28px;height:30px;padding:0}.picnic-chat-box-control img{object-fit:contain;image-rendering:auto;pointer-events:none;width:100%;height:100%;display:block}.picnic-chat-box-control:active{filter:drop-shadow(1px 1px #6f9fa03d);transform:translate(2px,2px)}.picnic-chat-box-banner{z-index:2;color:#6faeaa;cursor:default;background:0 0;border:0;margin:0;padding:0;font-family:"Press Start 2P",monospace;font-size:17px;font-weight:700;line-height:1;position:absolute;top:16px;left:50%;transform:translate(-50%)}.picnic-chat-box.is-minimized .picnic-chat-box-banner{cursor:pointer;place-items:center;width:100%;height:54px;display:grid;top:0;left:0;transform:none}.picnic-chat-box-body{box-sizing:border-box;background:#f8fff8;border:3px solid #9ccfbb;border-radius:3px;flex-direction:column;justify-content:flex-start;gap:8px;width:335px;height:170px;padding:16px 14px 12px;display:flex}.picnic-chat-messages{flex-direction:column;flex:1;gap:7px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.picnic-chat-box-body p{color:#6faeaa;overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:400;line-height:1.2}.picnic-chat-box-body span{color:#6faeaa;font-weight:700}.picnic-chat-box-body .is-own-message{color:#4f9694}.picnic-chat-empty{opacity:.75}.picnic-chat-form{gap:6px;display:flex}.picnic-chat-form input{box-sizing:border-box;color:#4f9694;background:#fff;border:2px solid #8ec7c7;border-radius:4px;outline:none;flex:1;min-width:0;height:28px;padding:0 8px;font-family:Better VCR,"Press Start 2P",monospace;font-size:14px}.picnic-chat-form input::placeholder{color:#6faeaab3}.picnic-chat-form button{color:#4f9694;cursor:pointer;background:#c7e1df;border:2px solid #8ec7c7;border-radius:4px;height:28px;padding:0 8px;font-family:Better VCR,"Press Start 2P",monospace;font-size:14px}.picnic-chat-form button:disabled{cursor:default;opacity:.55}.picnic-musicbox{z-index:10;isolation:isolate;box-sizing:border-box;background:#d9eef1;border:3px solid #8ec7c7;border-radius:14px;align-items:center;width:330px;height:100px;padding-left:18px;transition:transform .32s;display:flex;position:fixed;top:140px;right:0;overflow:hidden;box-shadow:8px 8px #6f9fa038}.picnic-musicbox.is-minimized{cursor:pointer;transform:translate(calc(100% - 54px))}.picnic-musicbox-cd-frame{z-index:2;box-sizing:border-box;background:#4b9494;border:3.3px solid #4b9494;border-radius:10px;place-items:center;width:80px;height:80px;display:grid;position:relative;right:6px;overflow:hidden}.picnic-musicbox-cd{object-fit:contain;image-rendering:auto;pointer-events:none;transform-origin:50%;place-self:center;width:120px;height:120px;animation:8s linear infinite paused musicbox-cd-spin;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.picnic-musicbox.is-playing .picnic-musicbox-cd{animation-play-state:running}.picnic-musicbox-controls{z-index:2;width:176px;height:48px;position:absolute;top:70%;right:24px;transform:translateY(-50%)}.picnic-musicbox-button{box-sizing:border-box;cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;top:0}.picnic-musicbox-previous{left:0}.picnic-musicbox-next{right:0}.picnic-musicbox-play-button{box-sizing:border-box;cursor:pointer;background:#f8fff8;border:3px solid #8ec7c7;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:2px 2px #6f9fa038}.picnic-musicbox-play-icon{border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:17px solid #6faeaa;width:0;height:0;margin-left:4px;display:block}.picnic-musicbox-play-button.is-playing .picnic-musicbox-play-icon{background:linear-gradient(90deg,#6faeaa 0 35%,#0000 35% 65%,#6faeaa 65% 100%);border:0;width:18px;height:22px;margin-left:0}.picnic-musicbox-button img{object-fit:contain;image-rendering:auto;filter:drop-shadow(3px 3px #6f9fa03d);pointer-events:none;width:25px;height:auto;display:block}.picnic-musicbox-play-button:hover{background:#fff}.picnic-musicbox-button:active,.picnic-musicbox-play-button:active{transform:translate(2px,2px);box-shadow:2px 2px #6f9fa038}.picnic-musicbox-play-button:active{transform:translate(-50%)translate(2px,2px)}.picnic-musicbox-button:active{box-shadow:none}.picnic-musicbox-progress{z-index:2;pointer-events:none;background:#6faeaa47;border-radius:999px;width:176px;height:5px;position:absolute;top:30px;right:24px;overflow:hidden}.picnic-musicbox-progress span{border-radius:inherit;background:#6faeaa;width:0;height:100%;transition:width .16s linear;display:block}@keyframes musicbox-cd-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes picnic-joining-notice-life{0%{opacity:0;transform:translate(-10px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes picnic-leaving-notice-life{0%{opacity:0;transform:translate(-10px)scale(.96)}12%,78%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-6px)scale(.98)}}.picnic-userbox{z-index:10;isolation:isolate;box-sizing:border-box;color:#6faeaa;-webkit-user-select:none;user-select:none;background:#c7e1df;border:3px solid #8ec7c7;border-radius:14px;justify-content:center;align-items:flex-end;width:330px;height:230px;padding-bottom:10px;font-family:"Press Start 2P",monospace;transition:transform .32s;display:flex;position:fixed;top:250px;right:0;overflow:hidden;box-shadow:8px 8px #6f9fa047}.picnic-userbox:after{content:"";z-index:0;pointer-events:none;background:#c7e1df;height:46px;position:absolute;inset:0 0 auto}.picnic-userbox.is-minimized{cursor:pointer;transform:translate(calc(100% - 54px))}.picnic-userbox.is-minimized .picnic-userbox-control{pointer-events:none}.picnic-userbox-controls{z-index:2;position:absolute;top:5px;right:12px}.picnic-userbox-control{filter:drop-shadow(3px 3px #6f9fa03d);cursor:pointer;background:0 0;border:0;width:27px;height:30px;padding:0}.picnic-userbox-control img{object-fit:contain;image-rendering:auto;pointer-events:none;width:100%;height:100%;display:block}.picnic-userbox-control:active{filter:drop-shadow(1px 1px #6f9fa03d);transform:translate(2px,2px)}.picnic-userbox-hearts{z-index:2;pointer-events:none;width:84px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.picnic-userbox-heart{width:28px;height:32px;display:block;position:absolute}.userbox-heart-one{left:0}.userbox-heart-two{left:28px}.userbox-heart-three{left:56px}.picnic-userbox-heart-block{background:#fff;width:6px;height:14px;display:block;position:absolute}.userbox-heart-two .picnic-userbox-heart-block{background:#8ec7c7}.userbox-heart-three .picnic-userbox-heart-block{background:#9ccfbb}.picnic-userbox-heart-block.block-one{top:0;left:0}.picnic-userbox-heart-block.block-two{top:6px;left:5.8px}.picnic-userbox-heart-block.block-three{top:0;left:11.6px}.picnic-userbox-body{z-index:2;box-sizing:border-box;background:#f8fff8;border:3px solid #9ccfbb;border-radius:3px;grid-template-rows:auto 1fr;place-items:center;gap:12px;width:335px;height:170px;padding:16px 18px 18px;display:grid;position:relative}.picnic-userbox-info-card{box-sizing:border-box;background:#fff;border:3px solid #9ccfbb;border-radius:6px;place-items:center;gap:6px;width:100%;height:100%;padding:14px;display:grid}.picnic-userbox-body p{margin:0;font-size:9px;line-height:1}.picnic-userbox-body .picnic-userbox-username{color:#6faeaa;font-family:Better VCR,monospace;font-size:20px;line-height:1}.picnic-userbox-body strong{color:#6faeaa;font-size:40px;line-height:1}.picnic-timer-mode{color:#6faeaa;font-family:Better VCR,monospace;font-size:18px;line-height:1}.picnic-exit-button{z-index:10;box-sizing:border-box;color:#6faeaa;cursor:pointer;background:#f8fff8;border:5px solid #8ec7c7;border-radius:8px;justify-content:flex-start;align-items:center;width:250px;height:50px;padding:0 50px 0 14px;font-family:"Press Start 2P",monospace;font-size:15px;line-height:1;transition:transform .32s,box-shadow .16s;display:flex;position:fixed;top:650px;right:22px;box-shadow:7px 7px #2a757564}.picnic-exit-label{display:block}.picnic-exit-arrow{color:#6faeaa;text-shadow:1px 0 #6faeaa,-1px 0 #6faeaa;pointer-events:none;font-family:Arial,sans-serif;font-size:34px;font-weight:900;line-height:1;position:absolute;top:30%;right:12px;transform:translateY(-50%)}.picnic-exit-button.is-minimized{transform:translate(calc(100% - 54px))}.picnic-exit-button:active{transform:translate(2px,2px);box-shadow:5px 5px #83baba8d}.picnic-exit-button.is-minimized:active{transform:translate(calc(100% - 54px))translate(2px,2px)}.picnic-ada-walker{left:calc(var(--picnic-scene-width) * var(--ada-walker-left));top:calc(var(--picnic-scene-width) * var(--ada-walker-top));z-index:2;width:calc(var(--picnic-scene-width) * var(--ada-walker-width));aspect-ratio:287/513;image-rendering:auto;pointer-events:none;background-image:url(/assets/ada%20walking%20forward%20sprite.png);background-position:0 0;background-repeat:no-repeat;background-size:300% 200%;animation:4s linear forwards ada-walk-path,.72s step-end infinite ada-walk-steps;display:block;position:absolute;transform:translate(-50%)}.picnic-ada-left-sprite:before{content:"";z-index:0;pointer-events:none;background:#1e522b6e;border-radius:50%;width:70%;height:15%;position:absolute;bottom:10%;left:15%;transform:rotate(-3deg)}.picnic-ada-walker.is-standing{opacity:var(--show-ada-forward-compare);transform:translate(calc(-50% + var(--ada-walk-x)), calc(var(--picnic-scene-width) * var(--ada-walk-y)));background-position:50% 0;animation:none}.picnic-avi-walker{left:calc(var(--picnic-scene-width) * var(--avi-walker-left));top:calc(var(--picnic-scene-width) * var(--avi-walker-top));z-index:2;width:calc(var(--picnic-scene-width) * var(--avi-walker-width));aspect-ratio:280/466;image-rendering:auto;pointer-events:none;animation:4s linear forwards avi-walk-path;display:block;position:absolute;transform:translate(-50%)}.picnic-avi-walker:before{content:"";z-index:0;pointer-events:none;background:#5b3f2657;border-radius:50%;width:70%;height:15%;position:absolute;bottom:-1%;left:15%;transform:rotate(-3deg)}.picnic-avi-walker:after{content:"";z-index:1;background-image:url(/assets/avi%20walking%20forward%20sprite.png);background-position:0 0;background-repeat:no-repeat;background-size:100% 400%;animation:.72s step-end infinite avi-walk-steps;position:absolute;inset:0}.picnic-avi-walker.is-standing{transform:translate(calc(-50% + var(--avi-walk-x)), calc(var(--picnic-scene-width) * var(--avi-walk-y)));animation:none}.picnic-avi-walker.is-standing:after{background-position:0 33.333%;animation:none}.picnic-ada-left-sprite{left:calc(var(--picnic-scene-width) * var(--ada-left-left));top:calc(var(--picnic-scene-width) * var(--ada-left-top));z-index:3;width:calc(var(--picnic-scene-width) * var(--ada-left-width));aspect-ratio:291/513;image-rendering:auto;pointer-events:none;opacity:1;transform:translate(calc(-50% + var(--ada-left-start-x)), calc(var(--picnic-scene-width) * var(--ada-left-start-y)));transition:opacity .52s;animation:2.6s linear forwards ada-left-slide;display:block;position:absolute}.picnic-ada-left-sprite:after{content:"";z-index:1;background-image:url(/assets/ada%20walking%20left%20sprite.png);background-position:0 33.333%;background-repeat:no-repeat;background-size:100% 400%;animation:.72s step-end infinite ada-left-steps;position:absolute;inset:0}.picnic-ada-left-sprite.is-standing{aspect-ratio:286/513;transform:translate(calc(-50% + var(--ada-left-start-x) + (var(--picnic-scene-width) * var(--ada-left-slide-x))), calc((var(--picnic-scene-width) * var(--ada-left-start-y)) + var(--ada-left-slide-y)));animation:none}.picnic-ada-left-sprite.is-standing:after{background-image:url(/assets/ada%20standing.png);background-position:50%;background-size:contain;animation:none}.picnic-ada-left-sprite.is-fading-out{opacity:0}.picnic-ada-sitting{left:calc(var(--picnic-scene-width) * var(--ada-sitting-left));top:calc(var(--picnic-scene-width) * var(--ada-sitting-top));z-index:4;width:calc(var(--picnic-scene-width) * var(--ada-sitting-width));aspect-ratio:395/491;image-rendering:auto;opacity:0;pointer-events:none;background-image:url(/assets/ada%20sitting%20head%20down%20blinking.png);background-position:50%;background-repeat:no-repeat;background-size:100% 200%;transition:opacity .52s;animation:2.8s step-end infinite ada-sitting-head-down-blink;display:block;position:absolute;transform:translate(-50%,-50%)}.picnic-ada-sitting.is-visible{opacity:1}.picnic-avi-sitting{left:calc(var(--picnic-scene-width) * var(--avi-sitting-left));top:calc(var(--picnic-scene-width) * var(--avi-sitting-top));z-index:4;width:calc(var(--picnic-scene-width) * var(--avi-sitting-width));aspect-ratio:351/354;image-rendering:auto;opacity:0;pointer-events:none;background-image:url(/assets/avi%20sitting-sheet.png);background-position:0 0;background-repeat:no-repeat;background-size:100% 200%;transition:opacity .52s;animation:3.2s step-end infinite avi-sitting-blink;display:block;position:absolute;transform:translate(-50%,-50%)}.picnic-avi-sitting.is-visible{opacity:1}.picnic-avi-left-sprite{left:calc(var(--picnic-scene-width) * var(--avi-left-left));top:calc(var(--picnic-scene-width) * var(--avi-left-top));z-index:3;width:calc(var(--picnic-scene-width) * var(--avi-left-width));aspect-ratio:281/487;image-rendering:auto;opacity:1;pointer-events:none;transform:translate(calc(-50% + var(--avi-left-start-x)), calc(var(--picnic-scene-width) * var(--avi-left-start-y)));transition:opacity .52s;animation:2.6s linear forwards avi-left-slide;display:block;position:absolute}.picnic-avi-left-sprite:before{content:"";z-index:0;pointer-events:none;background:#1e522b6e;border-radius:50%;width:70%;height:15%;position:absolute;bottom:8%;left:20%;transform:rotate(-3deg)}.picnic-avi-left-sprite:after{content:"";z-index:1;background-image:url(/assets/avi%20walking%20left.png);background-position:0 0;background-repeat:no-repeat;background-size:400% 100%;animation:.72s step-end infinite avi-left-steps;position:absolute;inset:0}.picnic-avi-left-sprite.is-standing{transform:translate(calc(-50% + var(--avi-left-start-x) + (var(--picnic-scene-width) * var(--avi-left-slide-x))), calc((var(--picnic-scene-width) * var(--avi-left-start-y)) + var(--avi-left-slide-y)));animation:none}.picnic-avi-left-sprite.is-standing:after{background-position:66.666% 0;animation:none}.picnic-avi-left-sprite.is-fading-out{opacity:0}@keyframes ada-walk-path{0%{transform:translate(-50%)}to{transform:translate(calc(-50% + var(--ada-walk-x)), calc(var(--picnic-scene-width) * var(--ada-walk-y)))}}@keyframes ada-walk-steps{0%,to{background-position:0 0}25%{background-position:50% 0}50%{background-position:100% 0}75%{background-position:50% 0}}@keyframes avi-walk-path{0%{transform:translate(-50%)}to{transform:translate(calc(-50% + var(--avi-walk-x)), calc(var(--picnic-scene-width) * var(--avi-walk-y)))}}@keyframes avi-walk-steps{0%,to{background-position:0 0}25%{background-position:0 33.333%}50%{background-position:0 66.666%}75%{background-position:0 100%}}@keyframes ada-left-slide{0%{transform:translate(calc(-50% + var(--ada-left-start-x)), calc(var(--picnic-scene-width) * var(--ada-left-start-y)))}to{transform:translate(calc(-50% + var(--ada-left-start-x) + (var(--picnic-scene-width) * var(--ada-left-slide-x))), calc((var(--picnic-scene-width) * var(--ada-left-start-y)) + var(--ada-left-slide-y)))}}@keyframes avi-left-slide{0%{transform:translate(calc(-50% + var(--avi-left-start-x)), calc(var(--picnic-scene-width) * var(--avi-left-start-y)))}to{transform:translate(calc(-50% + var(--avi-left-start-x) + (var(--picnic-scene-width) * var(--avi-left-slide-x))), calc((var(--picnic-scene-width) * var(--avi-left-start-y)) + var(--avi-left-slide-y)))}}@keyframes ada-left-steps{0%,to{background-position:0 0}25%{background-position:0 33.333%}50%{background-position:0 66.666%}75%{background-position:0 100%}}@keyframes avi-left-steps{0%,to{background-position:0 0}25%{background-position:33.333% 0}50%{background-position:66.666% 0}75%{background-position:100% 0}}@keyframes ada-sitting-head-down-blink{0%,86%,to{background-position:0 0}90%,94%{background-position:0 100%}}@keyframes avi-sitting-blink{0%,84%,to{background-position:0 0}88%,94%{background-position:0 100%}}html,body{width:100%;min-width:100%;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}