html,body{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{flex-direction:column;align-items:center;height:100%;display:flex}@font-face{font-family:custom;src:url(/Shag-Lounge.woff)}*,:before,:after{box-sizing:border-box}*{letter-spacing:.08em;font-family:custom}.bg-img{z-index:-1;background:url(/bg.webp) 50%/cover no-repeat;width:100%;height:100%;position:fixed;top:0;left:0}div#app{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#dcdcff94;border-left:1px solid #aac5ff;border-right:1px solid #aac5ff;grid-template-rows:auto 1fr;width:min(65rem,100%);height:100dvh;display:grid;overflow:hidden}div#app>header{color:#fff;padding:0 var(--spacer-md);align-items:center;gap:var(--spacer-md);background-color:#000;display:flex;box-shadow:0 0 10px #00000081}h2#onlineCount{color:#0f0}main{grid-template-rows:1fr auto auto;height:100%;display:grid;overflow:hidden}aside{background-color:var(--bg-secondary)}div#chatWindow{height:100%;padding:var(--spacer-sm);gap:var(--spacer-sm);scrollbar-color:#0000003d #0000;flex-direction:column-reverse;display:flex;overflow-y:scroll}div#chatBox{min-height:4rem;max-height:10rem;padding:var(--spacer-sm);gap:var(--spacer-sm);background:#000;border-top-left-radius:1rem;border-top-right-radius:1rem;grid-template-columns:1fr auto;display:grid;overflow:hidden}textarea#chatInput{field-sizing:content;resize:none;width:100%;padding:var(--spacer-xs);border-radius:.5rem;overflow:auto}div#chatBox button{color:green;cursor:pointer;background-color:#d7ffd4;border:1px solid green;border-radius:.5rem}div#chatBox button:hover{filter:brightness(.95)}div#chatBox button:active{color:maroon;background-color:#ffbdbd;border:1px solid maroon}div.message{will-change:auto;border:1px solid #00000031;border-radius:1rem;flex-shrink:0;min-height:5rem;transition:all .2s;overflow:hidden}@starting-style{div.message{opacity:0;transform:scale(.5)}}div.message>header{color:#fff;padding:var(--spacer-xs);padding-right:var(--spacer-md);padding-left:var(--spacer-md);background-color:#000;justify-content:space-between;align-items:center;display:flex}div.message>div.messageContent{padding:var(--spacer-sm)}.mint{background-color:#e2f0cb}.lavender{background-color:#e1ceff}.apricot{background-color:#ffd8be}.sky{background-color:#d4f1f9}.rose{background-color:#ffc8dd}.lemon{background-color:#ffffd1}.sage{background-color:#d1e8e2}.lilac{background-color:#f3d1f4}@media (orientation:portrait){div#chatWindow{gap:var(--spacer-xs)}div.message{font-size:.87rem}}button#sendMsgBtn{transition:all .1s}:root{--font-default:"Segoe UI", Tahoma, Helvetica, Arial, sans-serif;--btn-height:24px;--bg-primary:#f7f7f7;--bg-secondary:#edf0f5;--bg-accent:#3b5998;--border-primary:#d3d6db;--border-secondary:#bdc1c9;--border-accent:#adb2bb;--text-primary:#1c1e21;--text-secondary:#606770;--text-accent:#3b5998;--spacer-xs:4px;--spacer-sm:8px;--spacer-md:12px;--spacer-lg:20px;--spacer-xl:40px;--btn-primary-bg:#4267b2;--btn-primary-text:#fff;--btn-primary-hover:#365899;--btn-secondary-bg:#f5f6f7;--btn-secondary-text:#4b4f56;--btn-secondary-hover:#ebedf0;--btn-accent-bg:#42b72a;--btn-accent-text:#fff;--btn-accent-hover:#36a420;--btn-padding:0 12px;--btn-radius:2px;--btn-transition:none;--input-bg:#fff;--input-border:#bdc1c9;--input-text:#1c1e21;--input-placeholder:#8d949e;--input-focus-border:#3b5998;--input-focus-shadow:none;--input-disabled-bg:#f5f6f7}