:root{--bg:#071628;--panel:rgba(7,22,40,.86);--panel2:rgba(12,36,62,.92);--line:#1f5a80;--cyan:#22dcff;--gold:#ffcf3a;--pink:#ff5fa2;--text:#f2fbff;--muted:#9cc7dd;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,Inter,system-ui,Arial,sans-serif;overscroll-behavior:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}canvas.world{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;border:1px solid rgba(255,255,255,.18);background:#0a2038e6;border-radius:14px;padding:10px 14px;touch-action:manipulation}button:active{transform:scale(.96)}button.primary{background:linear-gradient(#ffdf58,#ff9a00);color:#1a1f2e;border-color:#ffe28a;font-weight:900;box-shadow:0 3px #a35200}button.ghost{background:#ffffff0f}.x{background:transparent;border:none;font-size:18px;padding:6px 10px;color:var(--muted)}input{font:inherit;color:var(--text);background:#00000059;border:1px solid var(--line);border-radius:12px;padding:11px 13px;outline:none;width:100%;user-select:text;-webkit-user-select:text}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22dcff26}#loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:radial-gradient(ellipse at 50% 30%,#123d63,#06111f 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;letter-spacing:3px;transition:opacity .5s}#loading small{letter-spacing:0;color:var(--muted)}.loader{width:52px;height:52px;border-radius:50%;border:4px solid #124b68;border-top-color:var(--cyan);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:flex-start;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));pointer-events:none;background:linear-gradient(90deg,#040e1cbf,#040e1c00 60%)}.startPanel{pointer-events:auto;width:min(420px,100%);max-height:100%;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px 18px 14px;box-shadow:0 20px 60px #00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo{display:flex;align-items:center;gap:8px;font-weight:1000;font-style:italic;font-size:30px;line-height:1}.logo em{color:var(--cyan);margin-left:6px}.crown{color:var(--gold);font-style:normal}.tag{margin:6px 0 14px;color:var(--muted);font-size:13px}.field{display:block;margin-bottom:12px}.field span,.pick>span{display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--muted);margin-bottom:6px;text-transform:uppercase}.pick{margin-bottom:10px}.swatches,.styles{display:flex;flex-wrap:wrap;gap:7px}.swatches button{width:30px;height:30px;border-radius:50%;padding:0;border:2px solid rgba(255,255,255,.25)}.swatches button.on{border-color:#fff;box-shadow:0 0 0 3px var(--cyan)}.styles button{padding:7px 11px;font-size:12px;border-radius:12px}.styles button.on{background:var(--cyan);color:#06111f;font-weight:900;border-color:#fff}.startBtns{display:flex;gap:10px;margin-top:14px}.startBtns .primary{flex:1;font-size:16px;padding:13px}.note{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.5}#hud{position:absolute;z-index:10;top:0;left:0;right:0;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}#hud>*{pointer-events:auto}.chip{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:40px;padding:6px 16px 6px 6px;max-width:55vw}.chip i{width:36px;height:36px;border-radius:50%;border:3px solid #fff;flex:none}.chip b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip small{display:block;font-size:11px;color:var(--cyan);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hudRight{display:flex;gap:8px;align-items:center}.pill{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:30px;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}.pill i{width:9px;height:9px;border-radius:50%;background:#5cff78;box-shadow:0 0 10px #5cff78}.pill.off i{background:#8aa;box-shadow:none}.round{width:44px;height:44px;border-radius:50%;padding:0;font-size:19px;position:relative;background:var(--panel);border-color:var(--line)}.badge{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;border-radius:10px;background:var(--pink);color:#fff;font-size:11px;font-style:normal;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 5px}#minimap{position:absolute;top:calc(64px + var(--safe-t));right:calc(12px + var(--safe-r));width:120px;height:120px;border-radius:50%;border:2px solid var(--line);background:#071628b3;box-shadow:0 6px 20px #00000059}#toast{position:absolute;z-index:12;top:calc(78px + var(--safe-t));left:50%;transform:translate(-50%,-10px);background:var(--panel2);border:1px solid var(--cyan);border-radius:30px;padding:10px 20px;font-weight:800;font-size:14px;opacity:0;transition:.35s;pointer-events:none;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}#toast.show{opacity:1;transform:translate(-50%)}#hint{position:absolute;z-index:9;left:50%;transform:translate(-50%);bottom:12px;font-size:12px;color:#e5f6ff;background:#07162899;padding:7px 14px;border-radius:20px;white-space:nowrap;pointer-events:none}#ticker{position:absolute;z-index:8;left:calc(12px + var(--safe-l));bottom:calc(190px + var(--safe-b));width:min(360px,70vw);display:flex;flex-direction:column;gap:4px;pointer-events:none}#ticker div{background:#0716289e;border-radius:12px;padding:5px 10px;font-size:12.5px;line-height:1.35;animation:tick 9s forwards;overflow-wrap:anywhere}#ticker b{color:var(--cyan)}@keyframes tick{0%{opacity:0;transform:translateY(6px)}5%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}body.desktop #ticker{bottom:50px}#joyZone{position:absolute;z-index:9;left:0;bottom:0;width:45%;height:45%;touch-action:none}#joyBase{position:absolute;left:calc(28px + var(--safe-l));bottom:calc(28px + var(--safe-b));width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#ffffff14,#ffffff29);border:2px solid rgba(255,255,255,.35);box-shadow:inset 0 0 20px #00000040}#joyKnob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bff4ff,#22dcff 60%,#0f8bb0);box-shadow:0 4px 14px #0006}#actions{position:absolute;z-index:9;right:calc(20px + var(--safe-r));bottom:calc(26px + var(--safe-b));display:flex;align-items:flex-end;gap:12px}.act{width:62px;height:62px;border-radius:50%;padding:0;font-size:22px;background:#071628bf;border:2px solid rgba(255,255,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.act small{font-size:9px;font-weight:900;margin-top:3px}.act.big{width:78px;height:78px;font-size:26px}.act.on{background:var(--cyan);color:#06111f;border-color:#fff}.pop{position:absolute;z-index:20;background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 16px 40px #00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#emotes{top:calc(64px + var(--safe-t));right:calc(70px + var(--safe-r));display:flex;gap:8px}#emotes button{width:62px;height:62px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px}#emotes small{font-size:10px;font-weight:800}#menu{top:calc(64px + var(--safe-t));right:calc(12px + var(--safe-r));display:flex;flex-direction:column;gap:8px;min-width:220px}#menu button{text-align:left}#menu small{color:var(--muted);font-size:11px;text-align:center}#card{left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,92vw)}#card .x{position:absolute;right:6px;top:6px}.cardHead{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cardHead i{width:48px;height:48px;border-radius:50%;border:3px solid #fff;flex:none}.cardHead b{font-size:18px;display:block}.cardHead small{color:var(--cyan);font-size:12px}.cardBtns{display:grid;gap:8px}#chat{position:absolute;z-index:15;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 40px #0006}.chatHead{display:flex;align-items:center;gap:6px;padding:8px 8px 6px;border-bottom:1px solid rgba(255,255,255,.08)}#tabs{display:flex;gap:6px;overflow-x:auto;flex:1;scrollbar-width:none}#tabs::-webkit-scrollbar{display:none}#tabs button{padding:7px 12px;border-radius:20px;font-size:12px;font-weight:800;white-space:nowrap;position:relative;flex:none}#tabs button.on{background:var(--cyan);color:#06111f;border-color:#fff}#tabs .badge{top:-6px;right:-6px}#chatList{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px;user-select:text;-webkit-user-select:text;touch-action:pan-y}.msg{max-width:88%;padding:7px 11px;border-radius:14px;background:#ffffff14;font-size:14px;line-height:1.4;overflow-wrap:anywhere;align-self:flex-start}.msg b{display:block;font-size:11px;color:var(--cyan);margin-bottom:2px;cursor:pointer}.msg.me{align-self:flex-end;background:#22dcff33}.msg.me b{color:var(--gold)}.msg.sys{align-self:center;background:none;color:var(--muted);font-size:12px;padding:2px}.msg time{font-size:10px;color:var(--muted);margin-left:6px}#chatForm{display:flex;gap:8px;padding:8px;border-top:1px solid rgba(255,255,255,.08)}#chatForm button{padding:0 16px;font-size:18px}@media (orientation:landscape),(min-width:900px){#chat{right:calc(12px + var(--safe-r));top:calc(64px + var(--safe-t));bottom:calc(12px + var(--safe-b));width:min(360px,40vw);border-radius:18px}body.chatOpen #minimap{display:none}body.chatOpen #actions{right:calc(min(360px,40vw) + 30px + var(--safe-r))}}@media (orientation:portrait) and (max-width:899px){#chat{left:0;right:0;bottom:0;height:min(48vh,440px);border-radius:20px 20px 0 0;padding-bottom:var(--safe-b)}body.chatOpen #joyZone,body.chatOpen #actions,body.chatOpen #ticker{display:none!important}#ticker{bottom:calc(200px + var(--safe-b))}.chip{max-width:48vw}#start{align-items:flex-end;justify-content:center;background:linear-gradient(0deg,#040e1ccc,#040e1c00 70%)}.startPanel{max-height:62%}}@media (max-height:520px){.round{width:38px;height:38px;font-size:16px}.pill{padding:7px 10px;font-size:11px}.chip i{width:28px;height:28px}#minimap{top:calc(54px + var(--safe-t));width:92px;height:92px}#joyBase{width:110px;height:110px;left:calc(20px + var(--safe-l));bottom:calc(16px + var(--safe-b))}#joyKnob{width:50px;height:50px;margin:-25px 0 0 -25px}.act{width:54px;height:54px}.act.big{width:66px;height:66px}#actions{bottom:calc(16px + var(--safe-b))}#ticker{bottom:calc(140px + var(--safe-b))}#emotes,#menu{top:calc(54px + var(--safe-t))}.startPanel{padding:12px}.tag{display:none}.pick{margin-bottom:6px}.swatches button{width:26px;height:26px}}@media (max-width:420px){.pill span{display:none}.hudRight{gap:6px}}.view{display:block}.wide{display:block;width:100%;margin:8px 0;padding:13px;font-size:15px;font-weight:800;border-radius:14px}.google{background:#fff;color:#1f2937;border-color:#fff}.google b{color:#4285f4;font-size:18px;margin-right:6px}.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:10px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:#ffffff26}.err{display:block;margin-top:10px;color:#ff8a9a;font-size:13px;font-weight:700;line-height:1.4}.note.dev{color:var(--gold);font-weight:800}.row{display:flex;gap:8px;margin-top:8px}.row input{flex:1}.row .ghost{flex:1;font-size:12px}.btnlike{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid rgba(255,255,255,.18);background:#0a2038e6;border-radius:14px;padding:10px 14px;color:inherit;text-decoration:none;font-size:14px}.otp{display:flex;gap:8px;justify-content:center;margin:10px 0}.otp input{width:46px;height:56px;text-align:center;font-size:26px;font-weight:900;padding:0;border-radius:12px;border:2px solid var(--line)}.otp input:focus{border-color:var(--cyan)}.avatarRow{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatarRow i{width:58px;height:58px;border-radius:50%;border:3px solid #fff;background:#123 center/cover no-repeat;flex:none}.hudLeft{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.chip.small{padding:6px 12px;gap:6px;font-size:12px;font-weight:800;border-radius:20px;cursor:pointer;max-width:55vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip i{background-size:cover;background-position:center}#conn{position:absolute;z-index:14;top:calc(110px + var(--safe-t));left:50%;transform:translate(-50%);background:#5a1a24;border:1px solid #ff6b81;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:800;white-space:nowrap}#announce{position:absolute;z-index:16;top:calc(118px + var(--safe-t));left:50%;transform:translate(-50%);max-width:min(560px,92vw);background:linear-gradient(90deg,#3b2a00,#5a3b00);border:1px solid var(--gold);border-radius:16px;padding:10px 16px;font-size:14px;line-height:1.4;box-shadow:0 10px 30px #0006}#announce b{color:var(--gold);margin-right:8px}#mosquePanel{position:absolute;z-index:11;left:calc(12px + var(--safe-l));top:calc(118px + var(--safe-t));width:min(250px,60vw);background:#0a281ee0;border:1px solid #2fb5a3;border-radius:16px;padding:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#mosquePanel.min #mpList,#mosquePanel.min #mpNow{display:none}.mpHead{display:flex;justify-content:space-between;align-items:center}.mpHead b{color:#f1cf6b}.mpNow{font-size:12px;color:#bdf2e6;margin:6px 0 8px;line-height:1.35}#mpList{display:flex;flex-direction:column;gap:6px;max-height:34vh;overflow:auto}#mpList button{text-align:left;font-size:13px;padding:9px 12px;background:#ffffff12;border-color:#f1cf6b59}#mpList button.on{background:#2fb5a359;border-color:#2fb5a3}#mpList .empty{font-size:12px;color:var(--muted)}#locDlg{left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,94vw);max-height:86vh;overflow:auto}#locDlg .x{position:absolute;right:6px;top:6px}.locNow{background:#ffffff0f;border-radius:12px;padding:10px;margin:8px 0;font-size:13px;line-height:1.5}#locResults{display:flex;flex-direction:column;gap:6px;margin-top:8px}#locResults button{text-align:left;font-size:13px}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#030a14d1;display:flex;align-items:center;justify-content:center;padding:20px}.ovBox{background:var(--panel2);border:1px solid var(--line);border-radius:22px;padding:24px;max-width:420px;text-align:center}.ovIcon{font-size:42px}.ovBox p{color:var(--muted);line-height:1.5}#quick{display:flex;gap:6px;overflow-x:auto;padding:6px 8px 0;scrollbar-width:none}#quick::-webkit-scrollbar{display:none}#quick button{flex:none;padding:6px 11px;font-size:12px;border-radius:16px;background:#ffffff12}#reportBox{display:flex;gap:8px;margin-top:10px}#reportBox select{flex:1;background:#00000059;color:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}#menu a.btnlike{justify-content:flex-start}.msg.fail{opacity:.6;border:1px dashed #ff8a9a}.msg .av{display:inline-block;width:16px;height:16px;border-radius:50%;background:#123 center/cover;vertical-align:-3px;margin-right:4px}@media (orientation:portrait) and (max-width:899px){#mosquePanel{top:auto;bottom:calc(200px + var(--safe-b));width:min(230px,58vw)}body.chatOpen #mosquePanel{display:none!important}}@media (max-height:520px){#mosquePanel{top:calc(96px + var(--safe-t));max-height:50vh}}