@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{font-family:Inter,sans-serif;color:#f5f7ff;background:#090d1b;color-scheme:dark;--mint: #55e6c1;--violet: #8b7cff}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%}body{margin:0;overflow-x:hidden;overscroll-behavior:none;min-height:100vh;background:radial-gradient(circle at 15% 10%,#272559 0,transparent 35%),radial-gradient(circle at 85% 70%,#123c45 0,transparent 35%),#090d1b}button,input,select{font:inherit}button{cursor:pointer}.center{height:100vh;display:grid;place-items:center}.logo,.hero h1,header strong{font:700 2rem Space Grotesk;letter-spacing:.14em;color:var(--mint)}.logo,.hero h1,.game header strong{user-select:none;-webkit-user-select:none}.menu-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.menu-card{width:min(520px,100%);padding:clamp(28px,6vw,52px);text-align:center;background:#10182ef2;border:1px solid #ffffff18;border-radius:30px;box-shadow:0 30px 90px #0009}.menu-card h1{margin:12px 0 6px;color:var(--mint);font:700 clamp(2.7rem,10vw,5rem) "Space Grotesk";letter-spacing:.12em;-webkit-user-select:none;user-select:none}.menu-card>p{color:#aeb8dc}.menu-card>nav{display:grid;gap:12px;margin-top:32px}.menu-card>nav button,.room-card{padding:15px;color:#071322;font-weight:800;background:linear-gradient(120deg,var(--mint),#42bede);border:0;border-radius:13px}.menu-card>nav button.secondary{color:#d6dcf2;background:#1b2542;border:1px solid #ffffff18}.room-selector{width:min(760px,100%)}.room-selector h1,.settings-screen h1{color:#fff;font-size:clamp(2rem,7vw,3.2rem);letter-spacing:-.03em}.settings-overlay{position:fixed;inset:0;z-index:100;display:grid;padding:20px;place-items:center;background:#050914b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-screen{position:relative}.settings-close{position:absolute;top:14px;right:16px;width:38px;height:38px;padding:0;color:#dce2f6;font-size:1.7rem;line-height:1;background:#ffffff0c;border:1px solid #ffffff18;border-radius:50%}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:28px 0}.room-card{display:grid;gap:8px;min-height:150px;padding:22px;color:#fff;text-align:left;background:linear-gradient(145deg,#263c68,#172643);border:1px solid #ffffff1c}.room-card b{color:var(--mint);font-size:1.2rem}.room-card span,.room-card small{color:#b9c2df;font-weight:400}.text-button{padding:10px;color:#aeb8dc;background:none;border:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;padding:18px;text-align:left;background:#17213b;border:1px solid #ffffff14;border-radius:14px}.setting-row span{display:grid;gap:5px}.setting-row small{color:#aeb8dc}.setting-row input{width:24px;height:24px;accent-color:var(--mint)}.auth,.creator{min-height:100vh;display:grid;grid-template-columns:1.2fr minmax(340px,.8fr);align-items:center;gap:8vw;padding:8vw}.hero h1{font-size:clamp(3.6rem,9vw,8rem);margin:.2em 0;text-shadow:0 0 55px #55e6c166}.hero p{max-width:580px;color:#b9c1df;font-size:1.2rem;line-height:1.7}.eyebrow{letter-spacing:.28em;color:#9ba5cd}.panel{background:#121a31dd;border:1px solid #ffffff17;border-radius:28px;padding:36px;box-shadow:0 30px 80px #0008;display:grid;gap:16px}.panel input,.panel select,.chat input,header select{background:#090f24;border:1px solid #ffffff1f;border-radius:12px;padding:14px;color:#fff;outline:none}.panel input:focus,.chat input:focus{border-color:var(--mint)}.panel>button,.chat button{background:linear-gradient(120deg,var(--mint),#42bede);border:0;color:#071322;border-radius:12px;padding:14px;font-weight:800}.panel nav{display:flex;justify-content:space-between}.panel nav button,header button{border:0;background:none;color:#aeb8dc}.notice{color:#ffb9c0}.creator .avatar-preview{text-align:center}.avatar{position:relative;margin:auto;width:150px;height:240px;background:#d89a72;border-radius:70px 70px 45px 45px}.avatar:after{content:"";position:absolute;width:190px;height:110px;left:-20px;bottom:0;border-radius:60px 60px 25px 25px;background:var(--violet)}.avatar .hair{position:absolute;inset:-10px 15px auto;height:85px;background:#141728;border-radius:60% 60% 35% 35%;z-index:2}.hair-violet{background:#7b4dce!important}.hair-copper{background:#a64f2e!important}.hair-platinum{background:#d7d8da!important}.skin-porcelain{background:#f2c6a4}.skin-sand{background:#e1ac7a}.skin-umber{background:#945d3b}.skin-ebony{background:#593622}.game{height:100dvh;display:grid;grid-template:64px 1fr 220px/1fr 340px;overflow:hidden}.game.chat-closed{grid-template-columns:1fr 0}.game header{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:0 24px;background:#0b1123e8;border-bottom:1px solid #ffffff18;z-index:2}.game header strong{font-size:1.1rem}.world-name{color:#f3f6ff;font-weight:700}.presence{display:flex;gap:14px}.presence i{color:var(--mint);font-size:.84rem;font-style:normal}.presence i+i{color:#a99cff}.menu-toggle{margin-left:auto;padding:7px 10px!important;color:#fff!important;font-size:1.35rem!important}.world-menu{position:absolute;top:56px;right:14px;z-index:20;display:grid;min-width:190px;overflow:hidden;background:#10182efa;border:1px solid #ffffff20;border-radius:14px;box-shadow:0 18px 50px #0009}.world-menu b{padding:14px;color:var(--mint);border-bottom:1px solid #ffffff18}.world-menu button{padding:13px 14px;color:#e7ebfa;text-align:left;background:transparent;border:0}.world-menu button:hover{background:#ffffff0d}.world{min-width:0;overflow:hidden;touch-action:none}.world canvas{width:100%;height:100%;display:block}.chat{grid-row:2/4;grid-column:2;background:#0c1225e8;border-left:1px solid #ffffff18;display:grid;grid-template-rows:1fr auto;min-height:0}.chat>div{overflow:auto;padding:18px}.chat p{margin:0 0 12px;color:#cbd2ea;font-size:.9rem}.chat p b{color:#fff;margin-right:6px}.chat p.private{color:#e0b3ff}.chat p.system{color:#7cdcc4}.chat form{display:flex;gap:8px;padding:14px;border-top:1px solid #ffffff16}.chat input{min-width:0;flex:1}.chat-closed .chat{display:none}.chat-toggle{position:fixed;top:50%;right:340px;z-index:8;display:grid;width:30px;height:58px;padding:0;color:#fff;font-size:1.6rem;line-height:1;place-items:center;background:#10182ef2;border:1px solid #ffffff20;border-right:0;border-radius:12px 0 0 12px;transform:translateY(-50%)}.chat-closed .chat-toggle{right:0}.joystick{display:none}.admin{position:fixed;top:78px;left:16px;background:#10182ef5;padding:14px;border:1px solid #ffffff18;border-radius:14px;width:270px;max-height:calc(100dvh - 94px);overflow:auto;z-index:10}.admin p{display:flex;justify-content:space-between}.admin span{color:#aeb8dc}.staff-settings{display:grid;gap:9px;padding-top:12px;border-top:1px solid #ffffff18}.staff-settings label{display:grid;gap:5px;color:#aeb8dc;font-size:.78rem}.staff-settings input,.staff-settings textarea{width:100%;padding:8px;color:#fff;background:#090f24;border:1px solid #ffffff1f;border-radius:8px;resize:vertical}.staff-settings button{padding:9px;color:#071322;font-weight:700;background:var(--mint);border:0;border-radius:8px}@media(max-width:960px),(hover:none)and (pointer:coarse){.auth,.creator{grid-template-columns:1fr;padding:24px}.hero{padding-top:40px}.hero h1{font-size:3.4rem}.hero p{font-size:1rem}.game{grid-template:52px minmax(0,1fr) 126px/1fr}.game.chat-closed{grid-template:52px minmax(0,1fr) 0/1fr}.game header{padding:0 9px;gap:7px}.game header strong{font-size:.68rem}.game header>button{padding:4px}.world-name{max-width:88px;overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.game header select{max-width:104px;padding:7px;font-size:.72rem}.game header>button{padding:4px;font-size:.7rem}.presence{gap:6px}.presence i{font-size:.62rem}.menu-toggle{margin-left:auto}.world-menu{top:47px;right:7px}.chat{grid-row:3;grid-column:1;border-left:0;border-top:1px solid #ffffff18}.chat>div{padding:7px 10px}.chat form{gap:5px;padding:6px}.chat p{margin-bottom:4px;font-size:.72rem}.chat input{padding:9px;font-size:16px}.chat button{padding:8px 11px}.chat-toggle{top:auto;right:8px;bottom:126px;width:46px;height:28px;font-size:1.25rem;border-right:1px solid #ffffff20;border-bottom:0;border-radius:10px 10px 0 0;transform:rotate(90deg)}.chat-closed .chat-toggle{right:8px;bottom:0}.joystick{display:grid;grid-template-columns:repeat(3,52px);position:fixed;left:max(14px,env(safe-area-inset-left));bottom:calc(139px + env(safe-area-inset-bottom));gap:4px;z-index:5}.joystick button{width:52px;height:52px;border:1px solid #ffffff38;background:#101a36e8;border-radius:16px;color:#fff;font-size:1.1rem;touch-action:none;user-select:none;-webkit-user-select:none}.joystick button:first-child{grid-column:2}.joystick button:nth-child(2){grid-row:2;grid-column:1}.joystick button:nth-child(3){grid-row:2;grid-column:3}.joystick button:last-child{grid-row:2;grid-column:2}.chat-closed .joystick{bottom:calc(13px + env(safe-area-inset-bottom))}.admin{top:59px;left:8px;width:min(270px,calc(100vw - 16px));max-height:calc(100dvh - 193px)}}@media(max-width:800px)and (orientation:landscape){.game{grid-template:48px minmax(0,1fr) / 1fr 260px}.game header{grid-column:1/-1}.game.chat-closed{grid-template:48px minmax(0,1fr) / 1fr 0}.chat{grid-row:2;grid-column:2}.joystick,.chat-closed .joystick{bottom:18px}.chat-toggle{top:50%;right:260px;bottom:auto;width:30px;height:58px;border-right:0;border-bottom:1px solid #ffffff20;border-radius:12px 0 0 12px;transform:translateY(-50%)}.chat-closed .chat-toggle{right:0}.admin{top:55px;max-height:calc(100dvh - 62px)}}@media(max-width:960px),(hover:none)and (pointer:coarse){.game{width:100vw;max-width:100vw;grid-template:68px minmax(0,1fr) 142px/1fr}.game.chat-closed{grid-template:68px minmax(0,1fr) 0/1fr}.game header{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:32px 25px;gap:0 10px;padding:max(5px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))}.game header strong{grid-row:1;grid-column:1/3;align-self:center;font-size:.78rem}.world-name{grid-row:2;grid-column:1/2;align-self:center;max-width:150px;font-size:.72rem}.presence{grid-row:2;grid-column:2/4;align-self:center;justify-self:end;gap:10px}.presence i{font-size:.68rem}.menu-toggle{grid-row:1;grid-column:3;align-self:center;justify-self:end}.world-menu{top:62px;right:max(8px,env(safe-area-inset-right))}.world{width:100%;min-width:0}.chat{grid-row:3;grid-column:1;width:100%;border-top:1px solid #ffffff18;border-left:0;box-shadow:0 -12px 35px #03071380}.chat>div{padding:8px 12px;scroll-behavior:smooth}.chat form{padding:7px max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.chat-toggle{bottom:142px}.joystick{position:fixed;z-index:5;left:max(14px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(3,52px);gap:4px;bottom:calc(155px + env(safe-area-inset-bottom))}.joystick button{width:52px;height:52px;color:#fff;font-size:1.1rem;background:#101a36e8;border:1px solid #ffffff38;border-radius:16px;touch-action:none;user-select:none;-webkit-user-select:none}.joystick button:first-child{grid-column:2}.joystick button:nth-child(2){grid-row:2;grid-column:1}.joystick button:nth-child(3){grid-row:2;grid-column:3}.joystick button:last-child{grid-row:2;grid-column:2}.chat-closed .joystick{bottom:calc(13px + env(safe-area-inset-bottom))}.admin{top:calc(75px + env(safe-area-inset-top));max-height:calc(100dvh - 230px)}}@media(max-width:960px)and (orientation:landscape),(hover:none)and (pointer:coarse)and (orientation:landscape){.game{grid-template:58px minmax(0,1fr) / 1fr 280px}.game.chat-closed{grid-template:58px minmax(0,1fr) / 1fr 0}.chat{grid-row:2;grid-column:2}.chat-toggle{top:50%;right:280px;bottom:auto}.chat-closed .chat-toggle{right:0}.joystick,.chat-closed .joystick{bottom:calc(18px + env(safe-area-inset-bottom))}.admin{top:calc(64px + env(safe-area-inset-top));max-height:calc(100dvh - 72px)}}