body{scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}::-webkit-scrollbar{display:none}.links{cursor:pointer;color:#8896af;align-items:center;height:100%;font-family:monospace;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.links:hover{color:#ff5555d8}.nav-desktop-menu{color:#667082;align-items:center;gap:clamp(10px,3vw,2rem);display:flex}.nav-mobile-btn{color:#8896af;cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.nav-mobile-menu{background-color:#191b20;border-top:1px solid #333;flex-direction:column;gap:1rem;width:100%;padding:1rem 0;display:none}@media (width<=768px){.nav-desktop-menu{display:none!important}.nav-mobile-btn{display:block}.nav-mobile-menu.open{display:flex}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{color:#fff;background:#191b20;border:1px solid #444;border-radius:14px;width:min(550px,90vw);min-height:180px;padding:24px;position:relative;box-shadow:0 20px 60px #00000080}.close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:15px;right:15px}.close-btn:hover{color:#fff}.modal{animation:.2s ease-out modalOpen}@keyframes modalOpen{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.create-room-btn{all:unset;cursor:pointer;text-align:center;background-color:#ff5555f1;border-radius:4px;width:clamp(140px,10vw,180px);height:clamp(40px,3vw,50px);font-family:monospace;font-size:clamp(13px,1vw,15px);transition:background-color .2s,transform .2s}.create-room-btn:hover{background-color:#ff5555db;transform:translateY(-1px)}.join-room-btn{all:unset;cursor:pointer;text-align:center;border-radius:4px;width:clamp(140px,10vw,180px);height:clamp(40px,3vw,50px);font-family:monospace;font-size:clamp(13px,1vw,15px);transition:background-color .2s,transform .2s;box-shadow:inset 0 0 0 1px #c5c6c7}.hero-image{max-width:100%;height:auto}@media (width<=768px){.create-room-btn,.join-room-btn{width:110px!important;height:36px!important;font-size:12px!important}.hero-image{width:100%;max-width:100%}}.hero::-webkit-scrollbar{display:none}*{box-sizing:border-box;margin:0;padding:0}.about-page-container{background:radial-gradient(circle at 100%,#0f1013,#191b20 50% 75%,#14151955 75%)}.about-page{color:#c5c6c7;flex:1;margin:0 5vw;padding-top:5vh;font-family:monospace;font-weight:lighter}.about-title-container{align-items:center;margin:1vh 0 5vh;padding-left:5vw;line-height:2.5rem;display:flex}.about-title{color:#807a7af1;font-size:clamp(1.2rem,2vw,2.2rem);font-weight:lighter}.about-desc-container{text-align:center;z-index:1;justify-content:center;align-items:center;width:50%;margin-top:5vh;margin-left:50%;padding:2vh;line-height:1.5rem;display:flex;position:relative}.about-decorative-circle{filter:blur(120px);z-index:-1;background-color:#ff5555ab;border-radius:50%;width:25vh;height:25vh;position:absolute;top:70%;right:13%;transform:translateY(-50%);box-shadow:0 0 20px 5px #f8c3c3}.about-decorative-circle:after{content:"";background:0 0;position:absolute;inset:-150px}.about-desc{color:#807a7af1;text-wrap:balance;font-size:clamp(.9rem,1.2vw,1.2rem);font-weight:lighter}.desktop-only{display:block}@media (width<=768px){.about-title-container{text-align:center;justify-content:center;padding-left:0;line-height:2rem}.about-desc-container{width:100%;margin-left:0;padding:2vh 5vw}.desktop-only{display:none}.footer-link svg{width:16px!important;height:16px!important}}.footer-link{color:inherit;transition:color .2s}.footer-link:hover{color:#ff5555d8}.room-nav{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#1a1a1a;border-bottom:1px solid #2d2d2d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;display:flex}.room-nav-left{align-items:center;min-width:180px;display:flex}.room-nav-right{justify-content:flex-end;align-items:center;min-width:180px;display:flex}.room-nav-center{background-color:#1e1e1e;border:1px solid #333;align-items:center;gap:6px;padding:4px;display:flex}.room-nav-lang-select{appearance:none;color:#e6e6e6;cursor:pointer;background-color:#1f1f1f;border:1px solid #444;border-radius:4px;outline:none;height:30px;padding:4px 28px 4px 10px;font-size:13px;font-weight:500}.room-nav-lang-select option{color:#c40000;background-color:#222;font-size:14px}.room-nav-lang-select:hover{background-color:#3a3a3a}.room-nav-run-btn{color:#fff;cursor:pointer;text-transform:uppercase;background-color:green;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 12px;font-family:monospace;font-size:13px;font-weight:600;transition:background-color .15s;display:inline-flex}.room-nav-run-btn:hover{background-color:#00a000}.room-users-list{align-items:center;gap:6px;margin-right:12px;display:flex}@media (width<=768px){.room-nav{flex-direction:row;justify-content:space-between;gap:8px;padding:8px 12px}.room-nav-left{order:1;min-width:auto}.room-nav-right{order:2;justify-content:flex-end;min-width:auto;margin-top:0}.room-nav-center{background-color:#0000;border:none;order:3;justify-content:center;width:100%;padding:0}.room-users-list{margin-right:8px}}.copy-img{color:#e6e6e6;cursor:pointer;background-color:#262626;height:10px;transition:height .2s}.copy-img:hover{height:12px}.copy-btn{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#0474c4;border:none;border-radius:2px;outline:none;justify-content:center;align-items:center;width:80px;height:30px;padding:0;font-family:monospace;font-size:13px;transition:border-radius .2s;display:flex}.copy-btn:hover{background-color:#0a6ed1d7;border-radius:6px;transition:background-color .2s,border-radius .2s}.copy-btn:active{background-color:#084786b4;border:1px solid #b4dbf746;border-radius:6px}.custom-dropdown-menu{z-index:100;background-color:#262626;border:1px solid #444;border-radius:4px;flex-direction:column;width:100%;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 12px #00000080}.room-nav-lang-select-option{color:#fff;cursor:pointer;background-color:#222;justify-content:space-between;align-items:center;padding:6px 10px;font-size:14px;display:flex}.room-nav-lang-select-option:hover{background-color:#3a3a3a}.dashButton{all:unset;cursor:pointer;color:#fff;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;font-family:monospace;font-size:16px;display:flex}.dashButton:hover{color:#f86c7c}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.dash-title{word-break:break-word;margin:0;font-family:monospace;font-size:clamp(1.25rem,4vw,2rem)}.dash-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashButton{white-space:nowrap;cursor:pointer;padding:8px 14px;font-size:.9rem}.iconButton{background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:5px;height:5px;padding:20px;transition:transform .3s,background-color .3s;display:inline-flex}.iconButton:hover{border-radius:50%}.iconButton:active{background-color:#fff3;transform:rotate(90deg)}.iconButton img{width:18px;height:18px;display:block}@media (width<=600px){.dash-header{flex-direction:column;align-items:stretch}.dash-actions{justify-content:space-between;width:100%}.dash-actions .dashButton{text-align:center;flex:auto}.dash-actions .iconButton{flex:none}}.warn{color:#f7f7f74c;background-color:#191b20;align-items:center;padding:10px;display:flex}.warn p{margin:0;padding:0}