#badges{position:relative;padding-block-start:.75rem}#badges:hover #here{transform:none;opacity:1}@media only screen and (max-width: 1074px){#badges:hover #here{transform:rotate(-90deg)}}#badges:has(#badges-expand:checked){float:none;margin-inline-start:0;width:100%;overflow:visible}#badges:has(#badges-expand:checked) .marquee-wrapper{-webkit-mask-image:none;content-visibility:visible;mask-image:none;margin:0;padding:0;overflow:visible}#badges:has(#badges-expand:checked) .marquee{position:static}#badges:has(#badges-expand:checked) .marquee ul{flex-shrink:1;flex-wrap:wrap;justify-content:center;animation:none;transition:none;margin-inline-end:0;height:fit-content}#badges:has(#badges-expand:checked) .marquee ul:nth-of-type(2){display:none}#badges:has(#badges-expand:checked) .marquee img,#badges:has(#badges-expand:checked) .marquee #increment{position:relative;z-index:0}#badges:has(#badges-expand:checked) .marquee img:hover:not(a:active img),#badges:has(#badges-expand:checked) .marquee #increment:hover:not(a:active img){transform:scale(2);z-index:1}#badges:has(#badges-expand:checked) #badges-expand+label .icon{-webkit-mask-image:var(--icon-minimize);mask-image:var(--icon-minimize)}#badges:has(#badges-expand:checked) #badges-neocities{display:block}#badges:has(#badges-expand:checked) #badges-neocities hr{margin-block-start:2rem}#badges:has(#badges-expand:checked) #here{transform:scale(.5);opacity:0}@media only screen and (max-width: 1074px){#badges:has(#badges-expand:checked) #here{transform:scale(.5) rotate(-90deg)}}#badges:has(#badges-popup[open]) #here{transform:scale(.5);opacity:0}@media only screen and (max-width: 1074px){#badges:has(#badges-popup[open]) #here{transform:scale(.5) rotate(-90deg)}}#badges>p{margin:.5rem 0 1rem}#badges:not(:has(#badges-expand:checked)):has(.marquee img:hover,.marquee #increment:hover) .marquee ul{animation-play-state:paused}#badges:not(:has(#badges-expand:checked)):has(.marquee img:hover,.marquee #increment:hover) .marquee ul img:not(:hover),#badges:not(:has(#badges-expand:checked)):has(.marquee img:hover,.marquee #increment:hover) .marquee ul #increment:not(:hover){opacity:var(--dim-opacity);filter:blur(.25rem)}#badges .marquee-wrapper{--mask: linear-gradient( 			to right, 			transparent, 			black 1rem, 			black calc(100% - 1rem), 			transparent 		);-webkit-mask-image:var(--mask);content-visibility:auto;mask-image:var(--mask);margin:-1rem -1rem -2.125rem;padding:1rem 0 2.125rem;overflow:hidden}#badges .marquee{display:flex}#badges .marquee ul{display:flex;flex-shrink:0;gap:.25rem;animation:marquee-scroll var(--duration) linear infinite;transition:var(--transition);margin:0;margin-inline-end:.25rem;padding:0;list-style:none}@keyframes marquee-scroll{from{transform:translateX(0%)}to{transform:translateX(-100%)}}#badges .marquee li{display:flex;padding:0;height:fit-content;line-height:0}#badges .marquee a:active img,#badges .marquee a:active #increment{transform:var(--active)}#badges .marquee img,#badges .marquee #increment{transition:all var(--transition),transform var(--transition-bezier);margin:0}#badges .marquee img:hover,#badges .marquee #increment:hover{filter:blur(0) var(--drop-shadow)}#badges .marquee img{width:fit-content;height:fit-content}#badges .marquee #increment{box-shadow:none;border:none;border-radius:0;width:5.5rem;height:1.9375rem}#badges #badges-neocities{display:none}#badges .buttons{margin-block-start:0}#badges #badges-expand:focus-visible+label{animation:focus-in var(--transition);outline:.125rem solid var(--accent-color);outline-offset:.125rem}@supports not selector(:focus-visible){#badges #badges-expand:focus+label{animation:focus-in var(--transition);outline:.125rem solid var(--accent-color);outline-offset:.125rem}}#badges #badges-expand+label{position:absolute;transition:all var(--transition);cursor:pointer;inset-block-start:.5rem;inset-inline-end:2.75rem;border-radius:var(--rounded-corner-small);padding:.5rem;color:var(--accent-color);line-height:0}#badges #badges-expand+label:hover{box-shadow:var(--edge-highlight);background-color:var(--bg-muted-1)}#badges #badges-expand+label:active{transform:var(--active)}#badges #badges-expand+label .icon{-webkit-mask-image:var(--icon-expand);vertical-align:-.125em;mask-image:var(--icon-expand);transition:var(--transition)}#badges #badges-popup{box-shadow:none;border-radius:0;background-color:rgba(0,0,0,0);padding:0}#badges #badges-popup summary{position:absolute;transition:var(--transition);inset-block-start:.5rem;inset-inline-end:.5rem;box-shadow:none;border-radius:var(--rounded-corner-small);background-color:rgba(0,0,0,0);padding:.5rem;color:var(--accent-color);line-height:0}#badges #badges-popup summary:hover{box-shadow:var(--edge-highlight);background-color:var(--bg-muted-1)}#badges #badges-popup summary:active{transform:var(--active)}#badges #badges-popup summary::before{display:none}#badges #badges-popup summary .icon{-webkit-mask-image:var(--icon-plus);vertical-align:-.125em;mask-image:var(--icon-plus);transition:var(--transition-bezier);width:1rem;height:1rem}#badges #badges-popup>div{-webkit-backdrop-filter:var(--blur);display:flex;position:absolute;flex-direction:column;z-index:1;backdrop-filter:var(--blur);inset-block-start:.5rem;inset-inline-end:3rem;box-shadow:var(--edge-highlight),var(--shadow-glass);border-radius:var(--rounded-corner);background-color:var(--glass-bg-1);aspect-ratio:1/1;width:min(var(--container-width)/3,90vw - 3rem)}#badges #badges-popup>div div{--mask: linear-gradient( 					to bottom, 					transparent, 					black 1rem, 					black calc(100% - 1rem), 					transparent 				);-webkit-mask-image:var(--mask);flex:1;mask-image:var(--mask);padding:1rem;padding-block-start:.75rem;overflow:auto}#badges #badges-popup>div div p:first-of-type{margin-block-start:0}#badges #badges-popup>div div p:has(img){display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.25rem}#badges #badges-popup>div div img{display:inline-block;margin:0}#badges #badges-popup[open] summary .icon{transform:rotate(45deg)}#badges #badges-popup[open]>div{transform-origin:top right;animation:expand-top-right var(--transition-bezier)}#badges #here{--mask: url("here.gif");-webkit-mask-image:var(--mask);position:absolute;transform:scale(.5);transform-origin:.25rem 1.75rem;opacity:0;mask-image:var(--mask);mask-size:cover;transition:var(--transition-bezier);inset-block-start:.5rem;inset-inline-start:12.5rem;background-color:var(--accent-color);width:12.125rem;height:4.75rem;pointer-events:none}@media (prefers-reduced-motion){#badges #here{--mask: url("here-static.gif")}}@media only screen and (max-width: 1074px){#badges #here{transform:scale(.5) rotate(-90deg);inset-block-start:-1rem}}@media only screen and (max-width: 784px){#badges #here{display:none}}details:first-of-type li:nth-of-type(3) li:not(:first-of-type){position:relative}details:first-of-type li:nth-of-type(3) li:not(:first-of-type):hover{list-style-type:none}details:first-of-type li:nth-of-type(3) li:not(:first-of-type):hover::before{transform:scale(1);opacity:1}details:first-of-type li:nth-of-type(3) li:not(:first-of-type)::before{display:block;position:absolute;transform:scale(.5);opacity:0;transition:var(--transition-bezier);inset-block-start:.25rem;inset-inline-start:-1.1875rem;image-rendering:pixelated;width:1rem;height:1rem;content:""}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container{display:inline-block;position:relative;transition:var(--transition-bezier)}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-blue::before,details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-blue::after,details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-orange::before,details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-orange::after{display:inline-block;position:absolute;transform:scale(.5);opacity:0;transition:var(--transition-bezier);inset-block-start:-.1875rem;image-rendering:pixelated;content:""}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-blue::before,details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-orange::before{width:1rem;height:2rem}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-blue::after,details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-orange::after{width:.5rem;height:2rem}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-blue::before,details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-blue::after{inset-inline-start:-.25rem}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-blue::before{z-index:-1;filter:drop-shadow(0 .0625rem .1875rem #008eda) drop-shadow(0 .0625rem .375rem #008eda);background:url("sprites.gif") 0 0}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-blue::after{z-index:1;background:url("sprites.gif") 0 0}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-orange::before,details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-orange::after{inset-inline-end:-.25rem}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-orange::before{z-index:-1;filter:drop-shadow(0 .0625rem .1875rem #e09e36) drop-shadow(0 .0625rem .375rem #e09e36);background:url("sprites.gif") 0 -32px}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-orange::after{z-index:1;background:url("sprites.gif") -8px -32px}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-marquee{display:inline-flex;position:relative;transition:var(--transition);width:2.6875rem;overflow:hidden}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-marquee span{display:inline-flex;flex-shrink:0;justify-content:space-around;min-width:100%}details:first-of-type li:nth-of-type(3) li:first-of-type #portal-container #portal-marquee span:last-child{display:none;position:absolute;inset-block-start:0;inset-inline-start:0}details:first-of-type li:nth-of-type(3) li:first-of-type:hover #portal-container{margin:0 .25rem}details:first-of-type li:nth-of-type(3) li:first-of-type:hover #portal-container #portal-blue::before,details:first-of-type li:nth-of-type(3) li:first-of-type:hover #portal-container #portal-blue::after,details:first-of-type li:nth-of-type(3) li:first-of-type:hover #portal-container #portal-orange::before,details:first-of-type li:nth-of-type(3) li:first-of-type:hover #portal-container #portal-orange::after{transform:scale(1);opacity:1}details:first-of-type li:nth-of-type(3) li:first-of-type:hover #portal-container #portal-marquee{--mask: linear-gradient( 						to right, 						transparent, 						black 0.5rem, 						black calc(100% - 0.5rem), 						transparent 					);-webkit-mask-image:var(--mask);mask-image:var(--mask);width:3.6875rem}details:first-of-type li:nth-of-type(3) li:first-of-type:hover #portal-container #portal-marquee span{animation:portal-scroll 2s linear infinite}@keyframes portal-scroll{to{transform:translateX(-100%)}}details:first-of-type li:nth-of-type(3) li:first-of-type:hover #portal-container #portal-marquee span:last-child{display:inline-flex;animation-name:portal-scroll-2}@keyframes portal-scroll-2{from{transform:translateX(100%)}}details:first-of-type li:nth-of-type(3) li:nth-of-type(3) span,details:first-of-type li:nth-of-type(3) li:nth-of-type(5) span,details:first-of-type li:nth-of-type(3) li:nth-of-type(6) span{transition:var(--transition)}details:first-of-type li:nth-of-type(3) li:nth-of-type(2) span,details:first-of-type li:nth-of-type(3) li:nth-of-type(3) span,details:first-of-type li:nth-of-type(3) li:nth-of-type(4) span{display:inline-block}details:first-of-type li:nth-of-type(3) li:nth-of-type(2) span,details:first-of-type li:nth-of-type(3) li:nth-of-type(4) span{transition:var(--transition-longer)}details:first-of-type li:nth-of-type(3) li:nth-of-type(2)::before{background:url("sprites.gif") 0 -64px}details:first-of-type li:nth-of-type(3) li:nth-of-type(2):hover span{transform:perspective(1rem) rotateX(10deg);color:#62c2e0;font-weight:var(--font-weight-black);text-shadow:0 -.125rem #fff,0 .125rem #675c83}details:first-of-type li:nth-of-type(3) li:nth-of-type(3)::before{background:url("sprites.gif") 0 -80px}@media (prefers-color-scheme: dark){details:first-of-type li:nth-of-type(3) li:nth-of-type(3)::before{filter:invert(1)}}details:first-of-type li:nth-of-type(3) li:nth-of-type(3) span{transform-origin:top left}details:first-of-type li:nth-of-type(3) li:nth-of-type(3):hover span{animation:hinge 2s}@keyframes hinge{from{animation-timing-function:ease-in-out}20%, 60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%, 80%{transform:rotate(60deg);opacity:1;animation-timing-function:ease-in-out}to{transform:translateY(45rem);opacity:0}}details:first-of-type li:nth-of-type(3) li:nth-of-type(4)::before{background:url("sprites.gif") 0 -96px}details:first-of-type li:nth-of-type(3) li:nth-of-type(4):hover span:nth-of-type(1){transform:perspective(4rem) rotateY(-45deg)}details:first-of-type li:nth-of-type(3) li:nth-of-type(4):hover span:nth-of-type(2){transform:perspective(4rem) rotateY(35deg)}details:first-of-type li:nth-of-type(3) li:nth-of-type(5)::before{background:url("sprites.gif") 0 -112px}details:first-of-type li:nth-of-type(3) li:nth-of-type(5):hover span{color:#e0a100;font-weight:var(--font-weight-semi-bold);text-shadow:0 .0625rem 0 #413014}details:first-of-type li:nth-of-type(3) li:nth-of-type(6)::before{background:url("sprites.gif") 0 -128px}details:first-of-type li:nth-of-type(3) li:nth-of-type(6):hover span{font-weight:var(--font-weight-semi-bold)}details:first-of-type li:nth-of-type(3) li:nth-of-type(7)::before{background:url("sprites.gif") 0 -144px}details:first-of-type li:nth-of-type(3) li:nth-of-type(7) span span{display:none}details:first-of-type li:nth-of-type(3) li:nth-of-type(7):hover span{text-decoration:underline;text-decoration-color:#ffd600;text-decoration-thickness:.25rem;text-transform:uppercase}details:first-of-type li:nth-of-type(3) li:nth-of-type(7):hover span span{display:inline}#header-container{--shift: 0.1875rem;display:block;transition:var(--transition-bezier);margin:2rem 0 1rem;width:min(31.0625rem,100%)}#header-container:hover{transform:translate(calc(var(--shift)*3), calc(var(--shift)*-1*3));filter:drop-shadow(calc(var(--shift)*-1) var(--shift) 0 #1b98d1) drop-shadow(calc(var(--shift)*-1) var(--shift) 0 #fde85f) drop-shadow(calc(var(--shift)*-1) var(--shift) 0 #ec4141)}#header-container:hover #header{background-color:#9bdbf5}#header-container:active{transform:translate(calc(var(--shift)*-1*3), calc(var(--shift)*-1*3));filter:drop-shadow(var(--shift) var(--shift) 0 #1b98d1) drop-shadow(var(--shift) var(--shift) 0 #fde85f) drop-shadow(var(--shift) var(--shift) 0 #ec4141)}#header-container:active #header{background-color:#9bdbf5}#header-container #header{--mask: url("header.gif");-webkit-user-select:none;-webkit-mask-image:var(--mask);mask-image:var(--mask);mask-size:contain;transition:var(--transition-bezier);margin:0;background-color:var(--accent-color);aspect-ratio:4.4/1;width:100%;overflow:hidden;color:rgba(0,0,0,0);user-select:none}@media (prefers-reduced-motion){#header-container #header{--mask: url("header-static.gif")}}@media only screen and (max-width: 756px){#header-container{margin:2rem auto 1rem}}#polaroid{display:block;position:relative;float:inline-end;transform:perspective(var(--container-width)) rotate(5deg) rotateX(5deg);transform-origin:50% 1rem;transition:var(--transition-bezier);margin-inline-start:1.5rem;margin-block-start:2rem;box-shadow:var(--shadow-glass);border-radius:var(--rounded-corner-small);background-color:#fff;padding:.5rem;width:10rem;overflow:hidden}@media only screen and (max-width: 756px){#polaroid{float:none;margin:2rem auto 0}}#polaroid::after{display:block;position:absolute;transform:perspective(var(--container-width)) rotate(-5deg) rotateX(-5deg);z-index:1;transition:var(--transition);inset-block-start:.25rem;inset-inline-start:calc(50% - .7813rem);background-image:url("thumbtack.png");background-size:cover;width:1.5625rem;height:1.1875rem;pointer-events:none;content:""}#polaroid:hover{transform:none;box-shadow:var(--shadow)}#polaroid:hover::after{transform:none}#polaroid:hover #polaroid-shine{transform:rotate(35deg);inset-block-start:-5rem;background-color:rgba(0,0,0,0)}#polaroid:hover #polaroid-photo img:last-child{opacity:1}#polaroid:hover #statuscafe-content,#polaroid:hover #statuscafe-face{filter:none}#polaroid #polaroid-shine{position:absolute;transform:rotate(30deg);z-index:1;mix-blend-mode:screen;filter:blur(.25rem);transition:var(--transition-bezier);inset-block-start:-2rem;inset-inline-start:0;background-color:rgba(255,255,255,.3);width:14rem;height:8rem;pointer-events:none}#polaroid #polaroid-photo{display:block;position:relative}#polaroid #polaroid-photo::after{position:absolute;inset-block-end:-.25rem;inset-inline-end:0;background-image:linear-gradient(to right, #ff6188, #fc9867, #ffd866, #a9dc76, #78dce8, #ab9df2);width:3rem;height:.5rem;content:""}#polaroid #polaroid-photo img{margin:0}#polaroid #polaroid-photo img:last-child{position:absolute;opacity:0;inset-block-start:0;inset-inline-start:0}#polaroid #polaroid-title,#polaroid #statuscafe-content,#polaroid #statuscafe-link{display:block;color:rgba(0,0,0,.8);line-height:1;font-family:var(--font-monospace),var(--font-ui-monospace)}#polaroid #polaroid-title{margin-block-start:.5rem;font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-xx-small);text-transform:uppercase}#polaroid #statuscafe-content{filter:var(--printed);transition:var(--transition);margin-block-start:.25rem;font-size:var(--font-size-xx-small)}#polaroid #statuscafe-link{margin-block-start:.5rem;font-weight:var(--font-weight-normal);font-size:var(--font-size-xx-small);text-decoration:none}#polaroid #statuscafe-link::after{content:" →"}#polaroid #statuscafe-link:hover{text-decoration:underline;text-decoration-style:solid}#polaroid #statuscafe-face{float:inline-end;filter:var(--printed);transition:var(--transition);color:#000;font-size:var(--font-size-medium);line-height:0}#window{display:block;position:relative;float:inline-start;margin-inline-end:1rem;border:4rem solid;border-image:url("border.gif") 32 repeat;image-rendering:pixelated;width:min(18.75rem,100%);height:10.6875rem}#window #window-contents{position:absolute;inset:-2rem -3.625rem -3.375rem -3.625rem;background-color:#faf4f2;padding:1rem;overflow:auto}@media (prefers-color-scheme: dark){#window #window-contents{background-color:#2d2a2e}}#window #window-contents #rainbow-text span{display:block;animation:rainbow 1.2s steps(1, end) infinite;font-weight:var(--font-weight-semi-bold);line-height:.75rem;letter-spacing:-.05em}#window #window-contents #rainbow-text span:nth-child(1){color:var(--red-fg)}#window #window-contents #rainbow-text span:nth-child(2){animation-delay:.2s;color:var(--orange-fg)}#window #window-contents #rainbow-text span:nth-child(3){animation-delay:.4s;color:var(--yellow-fg)}#window #window-contents #rainbow-text span:nth-child(4){animation-delay:.6s;color:var(--green-fg)}#window #window-contents #rainbow-text span:nth-child(5){animation-delay:.8s;color:var(--blue-fg)}#window #window-contents #rainbow-text span:nth-child(6){animation-delay:1s;color:var(--purple-fg)}@keyframes rainbow{from{color:var(--red-fg)}16.66%{color:var(--orange-fg)}33.33%{color:var(--yellow-fg)}50%{color:var(--green-fg)}66.66%{color:var(--blue-fg)}83.33%{color:var(--purple-fg)}}#window #window-contents small{color:var(--fg-color)}#window #window-contents small a{color:var(--yellow-fg);line-height:1}@media only screen and (max-width: 720px){#window{float:none;margin:1rem auto 0}}#noscript{text-align:center}#noscript img{margin-block-start:0;width:4rem;height:4rem}#abyss{filter:blur(.25rem)}