:root{--pink: #ff4fa3;--pink-soft: #ffd6ea;--black: #0b0b0d}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--black);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.where{position:fixed;top:16px;left:16px;padding:8px 14px;background:#0b0b0dd1;border:1px solid var(--pink);border-radius:999px;color:var(--pink-soft);font-size:14px;display:flex;align-items:center;gap:8px;pointer-events:none}.where .dot{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink)}.crosshair{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--pink);pointer-events:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0b0b0d99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;z-index:10}.card{max-width:440px;margin:16px;padding:32px;background:var(--black);border:2px solid var(--pink);border-radius:18px;color:#fff;box-shadow:0 0 40px #ff4fa366}.kicker{color:var(--pink);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.card h1{margin:6px 0 8px;font-size:48px;font-family:Georgia,serif}.sub{color:#d9d9de;line-height:1.45;margin:0 0 20px}.go{width:100%;padding:14px;border:0;border-radius:12px;background:var(--pink);color:var(--black);font-weight:700;font-size:16px;cursor:pointer}.go.alt{margin-top:10px;background:transparent;color:var(--pink);border:1px solid var(--pink)}.keys{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px;color:#bdbdc4;font-size:13px}.keys b{color:var(--pink-soft)}.touchlayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;touch-action:none;user-select:none;-webkit-user-select:none}.stick{position:absolute;left:24px;bottom:32px;width:130px;height:130px;border-radius:50%;border:2px solid var(--pink);background:#0b0b0d73;display:grid;place-items:center;touch-action:none}.knob{width:56px;height:56px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px #ff4fa3b3;pointer-events:none}.jump,.pause{position:absolute;background:#0b0b0dbf;color:var(--pink);border:1px solid var(--pink);border-radius:999px;font-size:14px;touch-action:none}.jump{right:24px;bottom:40px;width:76px;height:76px;font-weight:700}.pause{left:50%;top:16px;transform:translate(-50%);padding:6px 16px}.touchhint{position:absolute;left:0;right:0;bottom:8px;text-align:center;color:var(--pink-soft);font-size:12px;opacity:.7;pointer-events:none}@media (pointer: coarse),(max-width: 700px){.where{top:56px;font-size:12px}.card h1{font-size:38px}}.hint{position:fixed;left:50%;bottom:28px;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#0b0b0dbf;border:1px solid var(--pink, #ff4fa3);color:#fff;font-size:14px;pointer-events:none;animation:hintfade 6s ease forwards}@keyframes hintfade{0%,70%{opacity:1}to{opacity:.35}}.talkhint{position:fixed;z-index:6;left:50%;top:calc(50% + 28px);transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#0b0b0dcc;border:1px solid var(--pink);color:#fff;font-size:13px;pointer-events:none}.talkhint button{pointer-events:auto;background:none;border:0;color:#fff;font-size:14px;cursor:pointer}.guide{position:fixed;right:16px;top:16px;bottom:16px;width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;background:#0b0b0df0;border:2px solid var(--pink);border-radius:18px;box-shadow:0 0 40px #ff4fa359;color:#f2f2f5;z-index:20;overflow:hidden}.guide header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #2a2a31}.guide-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:var(--black);font-weight:800;flex:none}.guide-title{flex:1;font-weight:700;font-size:16px}.guide-title span{display:block;font-weight:400;font-size:12px;color:var(--pink-soft)}.guide-close{width:32px;height:32px;border-radius:50%;border:1px solid #2a2a31;background:none;color:#fff;font-size:20px;line-height:1;cursor:pointer}.guide-close:hover{border-color:var(--pink);color:var(--pink)}.guide-log{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.guide-msg{max-width:88%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5}.guide-msg p,.guide-msg ul{margin:0 0 6px}.guide-msg p:last-child,.guide-msg ul:last-child{margin-bottom:0}.guide-msg ul{padding-left:18px}.guide-msg code{background:#ffffff1a;padding:1px 5px;border-radius:4px;font-size:12.5px;overflow-wrap:anywhere}.guide-msg a{color:var(--pink);overflow-wrap:anywhere}.guide-msg.tauhid{align-self:flex-start;background:#1c1c22;border-bottom-left-radius:4px}.guide-msg.you{align-self:flex-end;background:var(--pink);color:var(--black);font-weight:600;border-bottom-right-radius:4px}.guide-msg.typing{color:var(--pink-soft);letter-spacing:2px}.guide-asks{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px;border-top:1px solid #2a2a31}.guide-asks button{border:1px solid var(--pink);background:none;color:var(--pink-soft);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.guide-asks button:hover:not(:disabled){background:var(--pink);color:var(--black)}.guide-asks button.asked{border-color:#3a3a44;color:#8f8f9a}.guide-foot{padding:0 16px 10px;font-size:11px;color:#8f8f9a}.world-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.world-card{padding:10px 12px;border:1px solid #2a2a31;border-radius:12px;background:#16161b}.world-head{display:flex;align-items:center;gap:8px}.world-head b{flex:1;font-size:15px}.world-dot{width:9px;height:9px;border-radius:50%;background:#5fe39b;box-shadow:0 0 8px #5fe39b;flex:none}.world-head button{border:1px solid var(--pink);background:var(--pink);color:var(--black);font-weight:700;border-radius:999px;padding:4px 12px;font-size:13px;cursor:pointer}.world-host{display:block;margin-top:4px;font-size:12px;color:#8f8f9a}.world-none{font-size:13px;color:#cfcfd6;margin:0 0 4px}.freelook canvas{cursor:none}.hud{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:5}.hud-times{display:flex;padding:3px;background:#0b0b0dc7;border:1px solid var(--pink);border-radius:999px}.hud-times button,.hud-ask{border:0;background:none;color:var(--pink-soft);padding:6px 12px;border-radius:999px;font-size:13px;cursor:pointer}.hud-times button.on{background:var(--pink);color:var(--black);font-weight:700}.hud-ask{background:#0b0b0dc7;border:1px solid var(--pink);color:#fff}.hud-times kbd{align-self:center;margin:0 8px 0 4px;padding:0 5px;border:1px solid #555;border-radius:4px;font-size:11px;color:#bbb}.hud-ask kbd{margin-left:6px;padding:0 5px;border:1px solid #555;border-radius:4px;font-size:11px;color:#bbb}.board-card{position:fixed;left:16px;bottom:16px;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;background:#0b0b0dd1;border:1px solid var(--pink);border-radius:14px;color:#fff;font-size:14px;line-height:1.45;pointer-events:none}.board-card p{margin:0 0 6px}.board-card span{color:#a9a9b2;font-size:12px}.loading{margin:-6px 0 16px;color:#bdbdc4;font-size:13px}.loading-bar{height:6px;margin-bottom:6px;border-radius:999px;background:#26262c;overflow:hidden}.loading-bar span{display:block;height:100%;background:var(--pink);transition:width .3s}.guide-src{margin-top:6px;font-size:11px;color:#9a9aa3}.guide-related,.guide-places{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.guide-related button,.guide-places button{border:1px solid #3a3a44;background:none;color:var(--pink-soft);border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.guide-related button:hover,.guide-places button:hover{border-color:var(--pink)}.guide-places{margin:0 0 10px}.guide-input{display:flex;gap:8px;padding:0 16px 12px}.guide-input input{flex:1;min-width:0;padding:10px 14px;border-radius:999px;border:1px solid #3a3a44;background:#16161b;color:#fff;font-size:14px;outline:none}.guide-input input:focus{border-color:var(--pink)}.guide-input button{padding:0 16px;border:0;border-radius:999px;background:var(--pink);color:var(--black);font-weight:700;cursor:pointer}.guide-input button:disabled{opacity:.45;cursor:default}.hud-row{display:flex;gap:8px}.mapwrap{position:fixed;right:16px;bottom:16px;border:2px solid var(--pink);border-radius:10px;overflow:hidden;box-shadow:0 0 24px #ff4fa359;pointer-events:none;z-index:3}.mapwrap.hidden{display:none}.minimap{display:block;height:auto}.mapwrap.touch{top:110px;bottom:auto}.mapwrap.touch .minimap{width:min(190px,calc((100vh - 126px) * var(--map-aspect)))!important}@media (pointer: coarse),(max-width: 700px){.mapwrap{top:110px;bottom:auto}.minimap{width:min(190px,calc((100vh - 126px) * var(--map-aspect)))!important}}.hud-cycle{display:none}@media (pointer: coarse){.hud kbd{display:none}}.board-card.touch{bottom:184px}@media (pointer: coarse) and (max-height: 500px){.mapwrap,.mapwrap.touch{top:96px;right:112px}.minimap,.mapwrap.touch .minimap{width:min(190px,calc((100vh - 108px) * var(--map-aspect)))!important}}@media (max-width: 640px){.where{top:10px;left:10px;max-width:calc(100vw - 112px);padding:7px 12px}.where-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.where-world{display:none}.pause{left:auto;right:10px;top:10px;transform:none;padding:7px 16px}.hud{top:52px;left:10px;right:10px;pointer-events:none}.hud>*{pointer-events:auto}.hud-times{display:none}.hud-cycle{display:inline-block}.hud-row{flex-wrap:wrap;justify-content:flex-end}.hud-ask{padding:7px 12px}.mapwrap,.mapwrap.touch{top:96px;right:10px}.minimap,.mapwrap.touch .minimap{width:min(200px,50vw,calc((100vh - 290px) * var(--map-aspect)))!important}.board-card{left:10px;right:10px;max-width:none}.guide{top:10px;right:10px;bottom:10px;width:calc(100vw - 20px)}}.by{margin:-10px 0 18px;color:var(--pink-soft);font-size:13px}