@font-face{font-family:PixelFont;src:url(/assets/pixelfont-p07T-4_o.ttf)}body{font-family:PixelFont;background-color:#e7e7e7;color:#474747;margin:0;min-height:100vh}.content-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;margin:0;padding:0}.content{display:flex;flex-direction:row;justify-content:center;align-items:center;height:75%;width:90%;position:relative;z-index:10;flex-shrink:1;min-width:800px}.sidebar-stack{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10;padding:0;margin:0;min-width:200px}.screen-stack{flex:3.73;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10;padding:0;margin:0;min-width:600px}@media (max-width: 576px){.content{display:grid;grid-template-columns:1fr;place-items:center}}.pixel-blast-container{width:100%;height:100%;position:relative;overflow:hidden}.sidebar-container{position:relative;flex:4;display:flex;flex-direction:column;justify-content:center;align-items:center}.sidebar-container .sidebar-window{position:relative;align-items:flex-start;flex:1}.sidebar-container .sidebar-list{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;width:65%;height:65%;padding-top:13%;gap:3%}.avatar-container{position:relative;flex:3;display:flex;flex-direction:column}.avatar-container .avatar-base{position:absolute;flex:1;align-items:flex-end}.avatar-container .avatar-window{position:relative;align-items:flex-end;flex:1}.chat-screen-container{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;align-items:center;justify-content:center}.chat-message-user{display:flex;justify-content:flex-end;align-items:center;position:relative}.chat-message-nines{display:flex;justify-content:flex-start;align-items:center;position:relative}.chat-message-text{word-wrap:break-word;padding:2%;max-width:60%;font-size:2vw}.chat-message-profile{width:8%;position:relative}.chat-message-profile-background{position:absolute;top:0;left:0;width:100%;height:100%}.chat-messages-container{overflow:scroll;scrollbar-width:none;height:100%;width:100%;padding-left:5%;padding-right:5%;margin-top:8%;margin-bottom:12%;box-sizing:border-box;z-index:20}.chat-input-container{display:flex;position:absolute;width:100%;height:100%;flex-direction:column;justify-content:flex-end;align-items:flex-end;box-sizing:border-box}.chat-input-box{display:flex;box-sizing:border-box;justify-content:center;height:100%;width:100%;align-items:center;padding-top:53%}.input-wrapper-box{flex:4;height:100%;width:100%;box-sizing:border-box;z-index:20}.input-wrapper{height:100%;width:100%;box-sizing:border-box;z-index:20;padding-left:6%;padding-right:1%}.send-button-box{flex:1;height:100%;width:100%;box-sizing:border-box;z-index:20}.send-button{height:100%;width:100%;box-sizing:border-box;padding-left:5%;padding-right:22%}.chat-input-background{width:100%;height:100%;position:absolute;z-index:5}.profile-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.profile-text-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20}.profile-text1{width:100%;height:100%;flex:2.8;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:0;max-height:100%}.profile-text1-1{width:100%;height:100%;flex:2.5}.profile-text1-1-box{width:100%;height:100%;box-sizing:border-box;padding:22.5% 4.5% 4.3% 16%}.profile-text1-2{width:100%;height:100%;flex:1.25}.profile-text1-2-box{width:100%;height:100%;box-sizing:border-box;padding:45.5% 7.2% 9% 9.5%}.profile-text1-3{width:100%;height:100%;flex:1}.profile-text1-3-box{width:100%;height:100%;box-sizing:border-box;padding:65% 45% 20% 8%;display:block;position:relative;overflow:hidden}.profile-text2{width:100%;height:100%;flex:1;display:flex;flex-direction:row;box-sizing:border-box;padding-left:6.3%;padding-right:6.3%;align-items:center;justify-content:center;position:relative;overflow:hidden}.profile_button{width:100%;height:100%;flex:1}.profile-text3{width:100%;height:100%;flex:3.75;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}.profile-text3-1{width:100%;height:100%;flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;max-height:100%}.profile-text3-1-1{width:100%;height:100%;flex:1.3}.profile-text3-1-1-box{width:100%;height:100%;box-sizing:border-box;padding:10.5% 7% 7.3% 16%}.profile-text3-1-2{width:100%;height:100%;flex:1.5}.profile-text3-1-2-box{width:100%;height:100%;box-sizing:border-box;padding:6.5% 7% 16% 16%}.profile-text3-2{width:100%;height:100%;flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-text3-2-1{width:100%;height:100%;flex:1.3}.profile-text3-2-1-box{width:100%;height:100%;box-sizing:border-box;padding:10.5% 16.3% 7.3% 6.6%}.profile-text3-2-2{width:100%;height:100%;flex:1.5}.profile-text3-2-2-box{width:100%;height:100%;box-sizing:border-box;padding:6.5% 16.3% 16% 6.6%}.profile-window{position:absolute;width:100%;height:100%;z-index:5}.painting-screen-container{width:100%;height:100vh;position:relative;overflow:scroll;scrollbar-width:none;margin-top:8%;margin-bottom:4%;padding-left:5%;padding-right:5%;box-sizing:border-box}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.modal-content{background:transparent;max-width:95vw;max-height:95vh;width:auto;height:auto;position:relative;border:none;box-shadow:none}.modal-image-container{position:relative;display:flex;justify-content:center;align-items:center;max-width:95vw;max-height:95vh}.modal-image{max-width:100%;max-height:95vh;object-fit:contain;display:block}.image-caption{position:absolute;bottom:0;left:0;right:0;background:#0000004d;padding:20px;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.caption-title{margin:0 0 8px;font-size:1.2em;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.caption-description{margin:0;font-size:.95em;line-height:1.4;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.modal-content,.modal-image-container{max-width:98vw;max-height:98vh}.image-caption{padding:15px}.caption-title{font-size:1.1em;margin-bottom:6px}.caption-description{font-size:.9em}}@media (max-width: 480px){.image-caption{padding:12px}.caption-title{font-size:1em}.caption-description{font-size:.85em}}.modal-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-caption{animation:slideUp .3s ease-out .1s both}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.list{position:relative;width:100%;height:100%}.item-wrapper{position:absolute;will-change:transform,width,height,opacity;cursor:pointer;top:0;left:0}.item-wrapper>.item-img{position:relative;background-size:cover;background-position:center center;width:100%;height:100%}.screen-container{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.screen-container .screen-window{position:relative;align-items:center;flex:1;z-index:10}.screen-container .screen-content{position:absolute;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}