:root{line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f3ffe3;--dark-bg: #e6ffc5;--primary-1: #c1ff72;--primary-2: #9ee34a;--primary-3: #7cd628;--text: #262626;--text-muted: #171717;--blue-1: #72d4ff;--blue-2: #4ab9e3;--purple-1: #d272ff;--purple-2: #b94ae3;--red-1: #ff5252;--red-2: #ff3838;--danger: var(--red-1);--graph-fill: rgba(74, 185, 227, .12);--graph-grid-stroke: rgba(0, 0, 0, .1);--border-radius: 5px;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-monospace: "Fira Code", monospace}html[data-theme=dark]{--bg: #1a1a1a;--dark-bg: #121212;--primary-1: #3e008d;--primary-2: #611cb5;--primary-3: #8329d7;--text: #fdfdfd;--text-muted: #f0f0f0;--blue-1: #00718d;--blue-2: #008fb3;--purple-1: #67008d;--purple-2: #8a00bd;--red-1: #ad1700;--red-2: #d61c00;--danger: var(--red-2);--graph-grid-stroke: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0;color:var(--text)}.mono{font-family:var(--font-family-monospace)}a{font-weight:500;color:var(--text);text-decoration:inherit}a:hover{color:var(--text-muted)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg);overflow-x:hidden;font-family:var(--font-family)}h1{font-size:3.2em;line-height:1.1}@media(max-width:768px){h1{font-size:2em}h2{font-size:1.5em}}@media(max-width:480px){h1{font-size:1.5em}h2{font-size:1.2em}}#root{width:100%;min-height:100vh;padding:0;margin:0}img.emoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em}.landing-header{padding:20px;display:flex;flex-direction:row;gap:10px;align-items:center;border-bottom:2px dashed var(--primary-3);position:relative;z-index:1;background-color:var(--bg);height:auto;min-height:100px;flex-wrap:wrap;margin-bottom:50px}.landing-header .spacer{flex-grow:1}.landing-logo{height:65px}html[data-theme=light] .landing-logo-dark,html[data-theme=dark] .landing-logo-light{display:none}.landing-title{font-size:2rem;font-weight:700;margin-right:30px;-webkit-user-select:none;user-select:none}.landing-main{display:flex;flex-direction:column;gap:50px}.landing-section{display:flex;flex-direction:column;gap:10px;width:fit-content;margin:0 auto;padding:35px;text-align:center}.hero{border:2px dashed var(--primary-1);border-radius:var(--border-radius);background-color:var(--dark-bg)}.hero-title{color:var(--text-muted);display:flex;flex-direction:row;gap:20px}.hero-title-word{display:flex;flex-direction:row;gap:5px}.hero-title-word>*{margin:auto 0}.hero-title-word svg{width:40px;height:auto}.hero-cta{margin-top:15px}.testimonials-container{display:flex;flex-direction:row;gap:20px}.testimonial{display:flex;flex-direction:column;border:2px dashed var(--primary-2);border-radius:var(--border-radius);background-color:var(--primary-1)}.testimonial-header{padding-top:10px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}.testimonial-body{padding:15px;font-style:italic;text-align:center}.testimonial-img{width:30px;height:30px;margin:0;object-fit:cover;align-self:center}.testimonial-username{font-weight:600}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;-webkit-user-select:none;user-select:none}.landing-title{display:flex;flex-direction:row;align-items:center;gap:15px;justify-content:center;margin-bottom:20px}.landing-title img{width:100px;height:100px}.landing-title h1{font-size:3rem;font-weight:800;-webkit-user-select:none;user-select:none}@media(max-width:1024px){.landing-header{padding:16px;gap:8px;min-height:80px}.landing-title{font-size:1.6rem;margin-right:10px}.title h1{font-size:2.4rem}.title img{width:80px;height:80px}.landing-section{padding:24px;gap:16px}.testimonials-container{flex-direction:column;gap:12px;width:100%}.testimonial{width:100%}.hero-title{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.landing-header{padding:12px;gap:6px;min-height:70px}.landing-title{font-size:1.2rem;margin-right:0}.landing-title h1{font-size:1.8rem}.landing-title img{width:60px;height:60px}.landing-section{width:100%;padding:16px;margin:0 12px}.hero-title svg{width:30px}.hero-title{gap:10px}.testimonial{padding:12px}.landing-logo{height:50px}}.btn{border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:6px 12px;font-size:.875rem;color:var(--text);min-height:44px;white-space:nowrap}.btn.primary:not(.btn-secondary){border:2px solid var(--primary-2);background-color:var(--primary-1)}.btn-secondary.primary{border:2px dashed var(--primary-2)}.btn-secondary.primary:hover:not(:disabled),.btn-secondary.primary:focus:not(:disabled),.btn-secondary.primary:active:not(:disabled){background-color:var(--primary-1)}.btn.blue:not(.btn-secondary){border:2px solid var(--blue-2);background-color:var(--blue-1)}.btn-secondary.blue{border:2px dashed var(--blue-2)}.btn-secondary.blue:hover:not(:disabled),.btn-secondary.blue:focus:not(:disabled),.btn-secondary.blue:active:not(:disabled){background-color:var(--blue-1)}.btn.red:not(.btn-secondary){border:2px solid var(--red-2);background-color:var(--red-1)}.btn-secondary.red{border:2px dashed var(--red-2)}.btn-secondary.red:hover:not(:disabled),.btn-secondary.red:focus:not(:disabled),.btn-secondary.red:active:not(:disabled){background-color:var(--red-1)}.btn.purple:not(.btn-secondary){border:2px solid var(--purple-2);background-color:var(--purple-1)}.btn-secondary.purple{border:2px dashed var(--purple-2)}.btn-secondary.purple:hover:not(:disabled),.btn-secondary.purple:focus:not(:disabled),.btn-secondary.purple:active:not(:disabled){background-color:var(--purple-1)}.btn:hover:not(:disabled),.btn:focus:not(:disabled),.btn:active:not(:disabled),.btn-secondary{background-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-cost{font-size:.55rem;color:var(--text-secondary);margin-top:-10px}@media(max-width:768px){.btn{padding:12px 16px;font-size:1rem;min-height:48px}}@media(max-width:480px){.btn{padding:10px 14px;font-size:.95rem}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}html[data-theme=dark] .spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.resource-list{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:12px;align-items:stretch;width:100%}.no-resources{grid-column:1 / -1;text-align:center;color:var(--text);font-size:1.2em;padding:20px}@media(max-width:768px){.resource-list{grid-template-columns:1fr}}.resource{margin-bottom:8px;font-size:1rem;border-radius:var(--border-radius);padding:6px 10px;background-color:var(--bg);border:2px solid var(--primary-2);width:100%;min-width:0;min-height:80px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;transition:background-color .3s ease;cursor:pointer}.resource-info{display:flex;flex-direction:row;align-items:center;gap:8px}.resource img{height:auto;flex-shrink:0}.resource:hover{background-color:var(--dark-bg)}.resource>*{vertical-align:middle}.resource-icon{font-size:2rem}.resource-name{font-weight:600;font-size:1.2rem}.resource-quantity{font-weight:500;font-size:1.1rem;margin-right:4px}.resource-value{display:flex;flex-direction:column;align-items:center;font-weight:500}@media(max-width:768px){.resource{padding:10px 12px;gap:10px}.resource img{width:44px}.resource-name{font-size:1.05rem}.resource-amount,.resource-value{font-size:.95rem}}@media(max-width:480px){.resource-value{align-items:flex-start}}.graph{display:block}.graph .graph-grad-stop0{stop-color:var(--blue-2);stop-opacity:.18}.graph .graph-grad-stop1{stop-color:var(--blue-2);stop-opacity:.02}.graph .graph-grid-h,.graph .graph-grid-v{stroke:var(--graph-grid-stroke);stroke-width:1}.graph .graph-axis{stroke:var(--graph-grid-stroke);stroke-width:1.5}.graph .graph-area{fill:var(--graph-fill)}.graph .graph-line{fill:none;stroke:var(--blue-2);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.graph .graph-point{fill:var(--bg);stroke:var(--blue-2);stroke-width:1.5}.graph-container{margin-top:20px;width:fit-content;min-width:650px;height:300px;border:2px solid var(--primary-2);border-radius:var(--border-radius);padding:16px;box-sizing:border-box;background-color:var(--dark-bg);display:flex;flex-direction:column}.graph-loading{flex-grow:1;display:flex;justify-content:center;align-items:center;color:var(--text-secondary);font-size:1.2rem}.graph-under{display:flex;flex-direction:row;margin-left:20px;gap:10px;color:var(--text-primary);font-size:.9rem}.graph-under .spacer{flex-grow:1}.graph-under .graph-button{margin-right:13px;height:28px;align-self:center}.graph-info-lines{display:flex;flex-direction:column;gap:6px;flex-grow:1}.graph-info-lines>span{display:block;width:fit-content;border:2px solid var(--primary-2);padding:4px 8px;border-radius:var(--border-radius);background-color:var(--bg)}@media(max-width:600px){.graph-container{width:100%;height:auto}}.checkbox{display:flex;align-items:center;flex-direction:row}.checkbox-inner{background-color:transparent;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;padding:6px;min-height:30px;min-width:30px;box-sizing:border-box;position:relative}.checkbox-inner.primary{border:2px solid var(--primary-2)}.checkbox-inner.primary.checked{background-color:var(--primary-1)}.checkbox-inner.blue{border:2px solid var(--blue-2)}.checkbox-inner.blue.checked{background-color:var(--blue-1)}.checkbox-inner.red{border:2px solid var(--red-2)}.checkbox-inner.red.checked{background-color:var(--red-1)}.checkbox-inner.purple{border:2px solid var(--purple-2)}.checkbox-inner.purple.checked{background-color:var(--purple-1)}.checkbox-label{margin-left:8px;-webkit-user-select:none;user-select:none}.checkbox-inner[disabled],.checkbox-inner.disabled{opacity:.6;cursor:not-allowed}.input{display:flex;flex-direction:column;gap:5px}.input-label{font-size:.8em;-webkit-user-select:none;user-select:none}.input-label>*{vertical-align:middle}.input-label .icon{margin-right:5px}.input-inner{padding:7px;border-radius:var(--border-radius);background-color:transparent;border:2px solid transparent;color:var(--text-muted);transition:background-color .2s}.input-inner.primary{border-color:var(--primary-2)}.input-inner.primary:focus:not(:disabled),.input-inner.primary:active:not(:disabled){background-color:var(--primary-1)}.input-inner.blue{border-color:var(--blue-2)}.input-inner.blue:focus:not(:disabled),.input-inner.blue:active:not(:disabled){background-color:var(--blue-1)}.input-inner.red{border-color:var(--red-2)}.input-inner.red:focus:not(:disabled),.input-inner.red:active:not(:disabled){background-color:var(--red-1)}.input-inner.purple{border-color:var(--purple-2)}.input-inner.purple:focus:not(:disabled),.input-inner.purple:active:not(:disabled){background-color:var(--purple-1)}.animated-background{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0;pointer-events:none}.animated-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(var(--primary-2) 1px,transparent 1px),linear-gradient(90deg,var(--primary-2) 1px,transparent 1px);background-size:40px 40px;animation:moveGrid 1s linear infinite;transform:rotate(-15deg)}html[data-setting-motionreduction=true] .animated-background:before{animation:none}@keyframes moveGrid{0%{transform:rotate(-15deg) translateY(0)}to{transform:rotate(-15deg) translateY(40px)}}.app-footer{margin-top:20px;padding:15px;border-top:2px dashed var(--primary-3);text-align:center;background-color:var(--bg);color:var(--text-muted);font-size:.9rem;position:relative;z-index:1}.app-footer.fixed{position:fixed;bottom:0;left:0;right:0}@media(max-width:480px){.app-footer{position:relative}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{position:relative;background:var(--bg, #fff);color:var(--text, #000);border-radius:8px;max-width:90%;max-height:90%;width:440px;box-shadow:0 8px 24px #0003;overflow:auto;padding:1rem 1rem 1.25rem}.modal-close{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:1.25rem;line-height:1;cursor:pointer;color:inherit}.modal-body{margin-top:1.25rem}.market-title{font-size:2rem;font-weight:600;margin-bottom:12px;text-align:center}.market-title>*{vertical-align:middle}.market-switches{display:flex;justify-content:center;margin-bottom:16px}.market-switches .switch{padding:8px 16px;border-radius:var(--border-radius);background-color:var(--dark-bg);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.market-switches .switch:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.market-switches .switch:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.market-switches .switch.active,.market-switches .switch:hover{background-color:var(--primary-1)}.market-resource-info{margin-bottom:12px;display:flex;flex-direction:flex;gap:8px;justify-content:space-between}.market-resource-name{font-size:1rem;font-weight:500}.market-resource-value{font-size:1rem;color:var(--text-muted)}.market-input{width:100%;margin-bottom:12px}.market-total-cost{font-size:1rem;text-align:center;margin-bottom:10px}.market-buttons{display:flex;gap:10px;justify-content:center}.market-button{flex-grow:1}.market-no-quantity{text-align:center;color:var(--text-muted);font-size:1rem}.pets-list{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:20px;gap:16px}.pets-list-buttons{display:flex;gap:10px;margin-bottom:10px}.pets-list.no-pets{justify-content:center}.info-text{font-size:14px;color:var(--text-muted);margin-top:10px}.no-pets{font-size:16px;color:var(--text-muted);text-align:center;margin:20px}.pet{border:2px solid var(--primary-2);border-radius:var(--border-radius);padding:16px;background-color:var(--dark-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:250px;height:250px;transition:background-color .2s}.pet:hover{cursor:pointer;background-color:var(--bg)}.pet-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.pet-icon{width:64px;height:64px;background-color:var(--primary-1);border-radius:50%;display:flex;align-items:center;justify-content:center}.pet-icon span{font-size:32px;-webkit-user-select:none;user-select:none}.pet-info{display:flex;flex-direction:column;align-items:center}.pet-name{font-size:1.25rem;font-weight:600}.pet-type{font-size:.9rem;color:var(--text-muted)}.pet-exp{width:80%;display:flex;flex-direction:column}.pet-exp-info{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:4px}.pet-exp-info span{color:var(--text-muted);font-size:.65rem}.pet-exp-bar{width:100%;height:10px;background-color:var(--bg);border:2px solid var(--primary-2);border-radius:var(--border-radius);overflow:hidden}.pet-exp-fill{height:100%;background-color:var(--primary-1);transition:width .3s;border-radius:var(--border-radius)}.pet-stats{display:flex;flex-direction:column;width:80%;gap:4px}.pet-sleeping{font-size:.9rem;color:var(--text-muted);text-align:center}.pet-stat{display:flex;flex-direction:row;justify-content:space-between;width:100%}.pet-stat-label{font-size:.9rem;color:var(--text-muted)}.pet-stat-value{font-size:.9rem;font-weight:500}.pet-dead-message{margin-top:8px;font-size:.9rem;color:var(--error);text-align:center}.pet-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.pet-modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.pet-modal-icon{width:64px;height:64px;background-color:var(--primary-1);border-radius:50%;display:flex;align-items:center;justify-content:center}.pet-modal-icon span{font-size:32px;-webkit-user-select:none;user-select:none}.pet-modal-info{display:flex;flex-direction:column;align-items:center}.pet-modal-name{font-size:1.25rem;font-weight:600}.pet-modal-type{font-size:.9rem;color:var(--text-muted)}.pet-modal-exp{width:80%;display:flex;flex-direction:column}.pet-modal-exp-info{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:4px}.pet-modal-exp-info span{color:var(--text-muted);font-size:.65rem}.pet-modal-exp-bar{width:100%;height:10px;background-color:var(--bg);border:2px solid var(--primary-2);border-radius:var(--border-radius);overflow:hidden}.pet-modal-exp-fill{height:100%;background-color:var(--primary-1);transition:width .3s;border-radius:var(--border-radius)}.pet-modal-stats{display:flex;flex-direction:column;width:80%;gap:4px}.pet-modal-sleeping{font-size:1rem;color:var(--text-muted);text-align:center}.pet-modal-stat{display:flex;flex-direction:row;justify-content:space-between;width:100%}.pet-modal-stat-label{font-size:.9rem;color:var(--text-muted)}.pet-modal-stat-value{font-size:.9rem;font-weight:500}.pet-modal-input{width:80%;margin-top:12px}.pet-modal-actions{display:flex;flex-direction:row;gap:12px;margin-top:12px}.pet-shop-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.pet-shop-modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.pet-shop-modal-header h2{margin:0;font-size:1.5rem}.pet-shop-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.pet-shop-modal-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;max-height:400px;overflow-y:auto;width:100%;justify-items:center}.pet-shop-modal-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;width:100%;box-sizing:border-box}.pet-shop-modal-item-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin-bottom:8px}.pet-shop-modal-item-info h3{margin:0;font-size:1.2rem}.select{border:2px solid var(--primary-2);background-color:var(--primary-1);border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:6px 12px;font-size:.875rem;color:var(--text);min-height:44px;white-space:nowrap}.select:hover:not(:disabled){background-color:transparent}.select:disabled{opacity:.6;cursor:not-allowed}.settings-container{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.settings-title{font-size:2rem;font-weight:700;margin:20px 30px 10px}.settings-header{font-size:1.25rem;font-weight:700;margin:10px 30px;border-bottom:2px dashed var(--primary-2);padding-bottom:5px}.settings-confirm-modal{display:flex;flex-direction:column;gap:20px;padding:20px}.settings-qr-code{width:200px;height:200px;margin:auto;padding:10px;background-color:#fff}.settings-danger-section{border:2px dashed var(--danger);border-radius:var(--border-radius);transition:all .2s}.settings-option{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center;padding:10px 30px;border-radius:var(--border-radius);transition:background-color .2s}.settings-option-left{display:flex;flex-direction:row;align-items:center;gap:15px}.settings-icon-container{display:flex;align-items:center}.settings-icon{margin-right:10px}.settings-icon svg{width:24px;height:24px}.settings-info-container{display:flex;flex-direction:column}.settings-label{font-size:16px;font-weight:700;margin:0}.settings-description{font-size:12px;color:var(--text-muted);margin:0}.settings-control-container{display:flex;align-items:center}.leaderboard-container{padding:20px;display:flex;flex-direction:column;gap:20px}.podium{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;margin:0 auto;gap:20px;width:70%;height:300px}.podium-position{display:flex;flex-direction:column;gap:10px;padding:10px;width:100%;align-items:center;justify-content:flex-end}.podium-position.third{border-bottom:3px solid #cd7f32;background:linear-gradient(#cd7f320d,#cd7f3233);height:80%}.podium-position.second{border-bottom:3px solid #c0c0c0;background:linear-gradient(#c0c0c00d,#c0c0c033);height:90%}.podium-position.first{border-bottom:3px solid #ffd700;background:linear-gradient(#ffd7000d,#ffd70033);height:100%}.podium-rank{font-size:2.2em;font-weight:700}.podium-user{font-size:1.2em;font-weight:600}.podium-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.podium-avatar-placeholder{width:50px;height:50px;border-radius:50%;padding:5px}.podium-money{font-size:1em;color:var(--text-muted);font-style:italic}.leaderboard-list{display:grid;grid-template-columns:1fr;gap:10px;width:50%;margin:0 auto;align-items:center}.leaderboard-entry{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:10px 15px;border-radius:var(--border-radius);background-color:var(--dark-bg);border:2px solid var(--primary-2)}.leaderboard-rank{font-size:1.5em;font-weight:700}.leaderboard-user{font-size:1.2em;font-weight:600}.leaderboard-money{font-size:1em;color:var(--text-muted);font-style:italic}.leaderboard-user-info{display:flex;flex-direction:row;gap:5px}.leaderboard-spinner{justify-self:center;align-self:center}.gem-card{border-radius:var(--border-radius);width:320px;display:flex;flex-direction:column;background-color:var(--dark-bg);transition:transform .2s ease-in-out}.gem-card:hover{transform:translateY(-5px)}.gem-card-header img{width:100%;height:100px;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);object-fit:cover}.gem-card-body{padding:15px;display:flex;flex-direction:column;gap:10px}.gem-amount{font-size:1.5em;margin:0}.gem-price{font-size:1.2em;color:var(--text-muted);margin:5px 0 0}.social-root{position:fixed;top:140px;left:0;right:0;height:calc(100vh - 140px);overflow:hidden;flex:1;min-height:0;width:100%}.social-sidebar{position:fixed;top:140px;left:0;height:calc(100vh - 140px);width:300px;display:flex;flex-direction:column;gap:10px;padding:10px;box-sizing:border-box;background-color:var(--bg);border-right:2px dashed var(--primary-3);z-index:0}.social-sidebar-inner{flex:1;overflow-y:auto;margin-left:15px}.social-sidebar-rooms{display:flex;flex-direction:column;gap:10px}.social-room-item{padding:10px;border-radius:var(--border-radius);border:2px dashed var(--primary-2);cursor:pointer;transition:background-color .3s;width:fit-content;min-width:200px}.social-room-item:hover,.social-room-item.active{background-color:var(--primary-1)}.social-main{margin-left:300px;padding:20px;box-sizing:border-box;height:calc(100vh - 140px);display:flex;flex-direction:column;gap:10px}.social-main-bottom{margin-top:auto;display:flex;gap:10px;width:100%;padding-bottom:15px}.social-message-input{flex:1}.social-message-send{background:none;border:none;cursor:pointer}.message-container{display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1;min-height:0}.message-item{padding:10px;border-radius:var(--border-radius);background-color:var(--dark-bg);border:2px solid var(--primary-2);width:70%;word-wrap:break-word}.message-item.self{align-self:flex-end;background-color:var(--primary-1)}.message-header{display:flex;justify-content:space-between;margin-bottom:5px}.message-sender{font-weight:600;display:flex;align-items:center;gap:5px}.message-badge{background-color:var(--primary-1);color:var(--text);padding:1px 3px;border-radius:var(--border-radius);border:2px solid var(--primary-2);font-size:.6rem;font-weight:600}.message-badge.social-mod{background-color:var(--primary-1);border:2px solid var(--primary-2)}.message-badge.game-mod{background-color:var(--blue-1);border:2px solid var(--blue-2)}.message-badge.admin{background-color:var(--purple-1);border:2px solid var(--purple-2)}.message-badge.owner{background-color:var(--red-1);border:2px solid var(--red-2)}.message-content{white-space:pre-wrap}.context-menu{z-index:9999;background:var(--bg);border:2px solid var(--primary-2);box-shadow:0 4px 12px #0003;border-radius:var(--border-radius);min-width:160px}.context-menu-item{padding:8px 12px;cursor:pointer;color:var(--text);font-weight:600;transition:.2s background}.context-menu-item svg{width:22px;height:22px;margin-right:8px}.context-menu-item>*{vertical-align:middle}.context-menu-item:hover{background:var(--primary-1)}.social-modal-content{display:flex;flex-direction:column;gap:15px;padding:20px}.social-modal-actions{display:flex;gap:10px}.auth-container{width:100%;height:100vh;overflow-x:hidden;display:flex;justify-content:center;align-items:center}.auth-island{position:relative;z-index:1;background-color:var(--bg);border:2px solid var(--primary-2);border-radius:var(--border-radius);padding:25px;width:100%;max-width:480px}.island-header{padding-bottom:10px;border-bottom:2px dotted var(--primary-2)}.island-header h1{text-align:center}.logo-container{display:flex;justify-content:center}.logo-container img{width:150px}.island-main{margin-top:15px}.island-main.signed-in{display:flex;flex-direction:column;align-items:center;gap:15px}.island-subtitle{margin-bottom:15px;color:var(--text-secondary);font-size:.8rem}.island-form{display:flex;flex-direction:column;gap:15px}@media(max-width:768px){.auth-container{align-items:flex-start;padding:20px 0;min-height:100vh;overflow-y:auto}.auth-island{width:calc(100% - 40px);max-width:420px;margin:20px;padding:20px}.logo-container img{width:120px}.island-header h1{font-size:1.4rem}}@media(max-width:480px){.auth-island{width:calc(100% - 24px);margin:12px;padding:16px}.logo-container img{width:100px}.island-subtitle{font-size:.75rem}.island-form{gap:12px}}.auth-note{margin-top:15px;font-size:14px;text-align:center}.app-header{padding:20px;display:flex;flex-direction:row;gap:10px;align-items:center;border-bottom:2px dashed var(--primary-3);position:relative;z-index:1;background-color:var(--bg);height:auto;min-height:100px;flex-wrap:wrap}.app-header .spacer{flex-grow:1}.app-logo{height:65px}html[data-theme=light] .app-logo-dark,html[data-theme=dark] .app-logo-light{display:none}.app-title{font-size:2rem;font-weight:700;margin-right:30px;-webkit-user-select:none;user-select:none}.nav-tabs{margin-top:10px;display:flex;flex-direction:column;gap:8px}.nav-row{display:flex;gap:15px;align-items:center;white-space:nowrap}.nav-tabs .tab{cursor:pointer;padding:8px 12px;border-radius:10px 10px 0 0;border-top:2px solid var(--primary-2);border-left:2px solid var(--primary-2);border-right:2px solid var(--primary-2);border-bottom:0px dotted var(--primary-2);text-decoration:none;transition:all .3s ease;font-size:.95rem;-webkit-user-select:none;user-select:none}.nav-tabs span.active{background-color:var(--dark-bg);font-weight:600;border-bottom:2px dotted var(--primary-2)}.nav-tabs span:hover{background-color:var(--dark-bg)}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.username-info{display:flex;flex-direction:row;align-items:center;gap:5px}.username-info svg{vertical-align:middle}.user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;vertical-align:middle}.username-info .username{font-weight:600;font-size:1rem}.username-info .username.clickable{cursor:pointer}.username-info .username.clickable:hover{text-decoration:underline}.username-info .badge{background-color:var(--primary-1);color:var(--text);padding:1px 3px;border-radius:var(--border-radius);border:2px solid var(--primary-2);font-size:.6rem;font-weight:600}.badge.social-mod{background-color:var(--primary-1);border:2px solid var(--primary-2)}.badge.game-mod{background-color:var(--blue-1);border:2px solid var(--blue-2)}.badge.admin{background-color:var(--purple-1);border:2px solid var(--purple-2)}.badge.owner{background-color:var(--red-1);border:2px solid var(--red-2)}.user-money{display:flex;flex-direction:row;gap:10px}.user-money div{font-size:1rem;font-weight:500;display:flex;flex-direction:row;align-items:center;-webkit-user-select:none;user-select:none;gap:5px}.app-main{padding:20px;max-width:100%;overflow-x:hidden}.money-tab-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 140px)}.money-tab-content h1{font-size:8em;color:var(--text-muted);-webkit-user-select:none;user-select:none}.money-tab-content h1>*{vertical-align:middle}.money-info{margin-top:20px;display:grid;grid-template-columns:repeat(2,250px);gap:15px}.money-info-line{display:flex;flex-direction:row;gap:8px;font-size:1.1rem;align-items:center;justify-content:center;background-color:var(--dark-bg);padding:10px 15px;border:2px solid var(--primary-1);border-radius:var(--border-radius)}.gem-card-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.tab-content h2{font-size:1.5rem;margin-bottom:15px;-webkit-user-select:none;user-select:none}@media(max-width:768px){.app-header{padding:15px;gap:10px;justify-content:center}.app-header h1{font-size:1.5rem;width:100%;text-align:center;order:1}.app-logo{height:45px;order:0}.nav-tabs{width:100%;order:3;justify-content:center;gap:8px;margin-top:5px}.nav-tabs span{padding:6px 10px;font-size:.85rem}.user-info{order:2}.app-header .spacer{display:none}.app-main{padding:15px}.money-tab-content{min-height:calc(100vh - 180px)}.money-tab-content h1{font-size:3em;text-align:center}.money-tab-content h1 img{width:60px!important;height:auto}.money-info{width:100%;flex-direction:column;padding:0 20px}.money-info-line{width:100%}.tab-content{text-align:center}}@media(max-width:480px){.app-header h1{font-size:1.2rem}.app-logo{height:35px}.nav-tabs{gap:5px}.nav-tabs span{padding:5px 8px;font-size:.75rem}.money-tab-content h1{font-size:2em}.money-tab-content h1 img{width:40px!important}.app-main{padding:10px}}@media(min-width:769px)and (max-width:1024px){.app-header{padding:18px}.nav-tabs span{font-size:.9rem;padding:7px 11px}.money-tab-content h1{font-size:6em}.money-tab-content h1 img{width:90px!important}}@media(min-width:1025px){.app-header{align-items:center;gap:20px}.nav-tabs{flex:1 1 auto;margin-top:8px;gap:6px}.nav-row{justify-content:flex-start}.nav-row .tab{display:inline-flex;flex:0 0 auto}.user-info{align-self:center}.app-header .spacer{flex-grow:1}}.payment-container{width:100%;height:100vh;overflow-x:hidden;display:flex;justify-content:center;align-items:center}.payment-island{position:relative;z-index:1;background-color:var(--bg);border:2px solid var(--primary-2);border-radius:var(--border-radius);padding:25px;width:100%;max-width:480px}.payment-island-header{padding-bottom:10px;border-bottom:2px dotted var(--primary-2)}.payment-island-header h1{text-align:center}.payment-logo-container{display:flex;justify-content:center}.payment-logo-container img{width:150px}.payment-island-main{margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:15px}.payment-island-subtitle{margin-bottom:15px;color:var(--text-secondary);font-size:.8rem}