/* A continuous patterned desktop, with compact framed collections. */
body{background-color:#252078;background-image:url('assets/electric-stars.svg'),linear-gradient(125deg,#252887 0%,#5935a2 28%,#194a91 52%,#372377 77%,#5e2f96 100%);background-size:360px 360px,180% 180%;background-attachment:fixed;animation:wat-desktop 32s linear infinite!important}
@keyframes wat-desktop{0%{background-position:0 0,0% 30%}50%{background-position:180px 180px,100% 70%}100%{background-position:360px 360px,0% 30%}}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 15% 25%,#74b8ff35,transparent 42%),radial-gradient(ellipse at 85% 70%,#d49cff30,transparent 45%);animation:sky-glow 9s ease-in-out infinite alternate}
@keyframes sky-glow{to{opacity:.35}}
.desktop{grid-template-columns:174px minmax(0,710px) 174px;gap:12px;max-width:1082px;margin:14px auto;align-items:start;padding:0 4px}.desktop>main{min-width:0}.sidebar{gap:10px;min-width:0}.topline{background:#171344e8;border-bottom:2px ridge #c5c4ef}.window,.collage-window,.gif-cabinet{border:2px outset #e1e2ef;box-shadow:2px 2px 0 #14133d,0 0 0 1px #191637;background:#c0c0c8}.window{margin-bottom:10px}.titlebar,.cabinet-chrome{background:linear-gradient(90deg,#17116f,#314a9a 72%,#8b7cc2);font-family:Tahoma,Arial,sans-serif}.cabinet-chrome{display:flex;justify-content:space-between;color:#fff;font-size:10px;line-height:17px;height:19px;padding:0 4px;border-bottom:2px solid #b9b9c9;letter-spacing:1px}.cabinet-chrome span{letter-spacing:3px;color:#f0edff}.cabinet-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;align-items:center;justify-items:center;padding:7px;background:radial-gradient(ellipse at top,#484176,#181830 85%);min-height:195px}.cabinet-content>.found-gif{width:100%;height:67px;margin:0!important}.cabinet-content>.found-gif:first-child{grid-column:1/-1;height:120px;border-bottom:1px dotted #9891c6;padding-bottom:6px}.cabinet-content>.found-gif img{max-height:64px;max-width:100%;width:auto}.cabinet-content>.found-gif:first-child img{max-height:112px;max-width:100%;width:auto}.gif-cabinet:nth-of-type(3n+2) .cabinet-content{background:repeating-linear-gradient(0deg,#202448 0 2px,#25294d 2px 4px)}.gif-cabinet:nth-of-type(3n) .cabinet-content{background:radial-gradient(ellipse at bottom,#24546d,#182039)}
.dance-floor{padding:2px;margin:10px 0}.dance-floor>.gif-pile,.interlude{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;justify-items:center;gap:5px;padding:10px;background:linear-gradient(145deg,#24224c,#343861 50%,#201c40)}.dance-floor .found-gif,.interlude .found-gif{width:100%;height:87px}.dance-floor .found-gif img,.interlude .found-gif img{max-width:100%;max-height:82px;width:auto}.interlude{margin:12px 0;border-top:5px ridge #bcbce0}.interlude .found-gif:nth-child(7n+1){background:#777dc01a;outline:1px dotted #a9a4c25e}.stars{font-size:17px;line-height:18px;margin:8px 0;text-align:center;color:#c7f3ff;letter-spacing:6px}.ticker{margin:10px 0;background:#d0d7f6;border:2px ridge #dedfff;color:#272063}.welcome .window-content{padding:12px}.welcome-grid{grid-template-columns:125px 1fr;gap:15px}.hero-face{width:118px;height:151px;margin:7px 0;transform:rotate(-3deg)}.welcome h1{font-size:60px;margin-bottom:10px}.welcome .statusline{margin-top:10px;padding-top:6px}.welcome .contract{font-size:11px}.welcome p{margin-bottom:10px}.fact{padding:10px 16px}.fact .found-gif{flex-shrink:0}.stamp-pile{background:#222445;border:3px ridge #b5b8d8;margin:12px 0;padding:9px 4px;gap:5px}.pixel-pile{background:#c0c0c8;border:2px outset #eee;padding:10px;gap:8px}.badge-marquee{background:#161636;margin-top:12px}.badge-track{padding:2px 0}.video-archive{padding:7px}.video-tape{min-height:100px}.video-tape>span{font-size:25px}main>footer{background:#171730dc;border:1px solid #8d89b4;padding:12px;font-size:11px;line-height:1.7;margin-top:10px}.paused,.paused::before{animation-play-state:paused!important}
@media(min-width:801px) and (max-width:1100px){.desktop{grid-template-columns:145px minmax(0,1fr) 145px;margin:12px 8px;gap:9px}.cabinet-content{padding:5px}.dance-floor>.gif-pile,.interlude{grid-template-columns:repeat(5,minmax(0,1fr))}.welcome-grid{grid-template-columns:110px 1fr}.hero-face{width:105px;height:140px}}
@media(max-width:800px){.desktop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px;max-width:none}.desktop>main{grid-column:1/-1;grid-row:1}.desktop>.sidebar{display:flex;order:initial;gap:10px}.desktop>.left{grid-column:1;grid-row:2}.desktop>.right{grid-column:2;grid-row:2}.dance-floor>.gif-pile,.interlude{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px}.dance-floor .found-gif,.interlude .found-gif{height:75px}.dance-floor .found-gif img,.interlude .found-gif img{max-height:72px}.cabinet-content>.found-gif:first-child img{max-width:110px}.welcome-grid{grid-template-columns:95px 1fr;gap:10px}.hero-face{width:90px;height:125px}.welcome h1{font-size:49px}.welcome .window-content{padding:10px}.welcome .loud-link{font-size:14px}.welcome .contract{font-size:10px}.cabinet-content{padding:5px}.cabinet-content>.found-gif{height:60px}.cabinet-content>.found-gif img{max-height:55px}.stamp-pile img{max-width:86px}.topline{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){body,body::before{animation:none!important}body.effects-enabled{animation:wat-desktop 32s linear infinite!important}}

body.effects-enabled{animation:wat-desktop 32s linear infinite!important}body.paused{animation-play-state:paused!important}