*{box-sizing:border-box}html,body,#root{background:#1a0f0a;height:100%;margin:0;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}canvas{display:block}.overlay{position:fixed;inset:0}.topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#280e089e;border-radius:999px;align-items:center;gap:14px;padding:8px 16px;font-size:14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.topbar .title{color:#ffd27a;letter-spacing:.3px;font-weight:700}.topbar .count{opacity:.85}.toast{color:#ffe7b0;background:#781c0ed9;border-radius:10px;padding:10px 18px;font-size:15px;animation:.3s fade;position:absolute;top:64px;left:50%;transform:translate(-50%)}@keyframes fade{0%{opacity:0;transform:translate(-50%,-6px)}}.action{color:#fff3d6;cursor:pointer;background:linear-gradient(#b3261e,#7d150f);border:2px solid #ffd27a;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:17px;font-weight:700;animation:1.8s infinite pulse;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0006}.action kbd{font:inherit;background:#ffffff2e;border-radius:5px;padding:2px 7px;font-size:12px}@keyframes pulse{50%{box-shadow:0 6px 30px #ffbe5a8c}}.joystick{touch-action:none;background:#ffffff1f;border:2px solid #ffffff4d;border-radius:50%;place-items:center;width:130px;height:130px;display:grid;position:absolute;bottom:36px;left:28px}.knob{pointer-events:none;background:#ffdca0bf;border-radius:50%;width:56px;height:56px}.nametag{color:#fff;white-space:nowrap;pointer-events:none;background:#0000008c;border-radius:6px;padding:2px 8px;font-size:13px}.intro{background:radial-gradient(#1e0a0559,#140603bf);place-items:center;display:grid;position:fixed;inset:0}.card{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#321009d1;border:1px solid #ffd27a59;border-radius:18px;width:min(92vw,400px);padding:28px}.card h1{color:#ffd27a;margin:0 0 6px;font-size:30px}.card .sub{opacity:.85;margin:0 0 20px;font-size:14px}.card input{color:#fff;-webkit-user-select:text;user-select:text;background:#00000059;border:1px solid #ffffff40;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:16px}.card .enter{color:#fff3d6;cursor:pointer;background:linear-gradient(#c9302c,#8e1a14);border:0;border-radius:10px;width:100%;margin-top:12px;padding:12px;font-size:17px;font-weight:700}.card .enter:disabled{opacity:.5;cursor:default}.card .hint{opacity:.65;margin:16px 0 0;font-size:12px;line-height:1.5}.topbar .dot{background:#999;border-radius:50%;width:8px;height:8px}.topbar .dot.on{background:#5fd36b;box-shadow:0 0 6px #5fd36b}.topbar .sep{opacity:.5}.mute{color:#fff;cursor:pointer;background:#280e089e;border:0;border-radius:999px;padding:7px 12px;font-size:13px;position:absolute;top:12px;right:12px}.tagwrap{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex}.bubble{color:#3a1a10;white-space:normal;word-break:break-word;text-align:center;background:#fff8e8f2;border-radius:12px;width:max-content;max-width:220px;padding:6px 10px;font-size:14px;line-height:1.3;position:relative;box-shadow:0 2px 8px #0000004d}.bubble:after{content:"";border:6px solid #0000;border-top-color:#fff8e8f2;border-bottom:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.chatbox{flex-direction:column;gap:6px;width:min(340px,60vw);display:flex;position:absolute;bottom:16px;left:14px}.chatbox .lines{flex-direction:column;gap:3px;display:flex}.chatbox .line{word-break:break-word;background:#0000006b;border-radius:6px;width:fit-content;max-width:100%;padding:3px 8px;font-size:13px;line-height:1.35;animation:.3s fade}.chatbox .line b{color:#ffd27a;font-weight:600}.chatbox .line.sys{color:#d9c7a8;font-style:italic}.chatbox input{color:#fff;-webkit-user-select:text;user-select:text;background:#00000073;border:1px solid #ffffff40;border-radius:10px;outline:none;padding:9px 12px;font-size:14px}.chatbox input:focus{border-color:#ffd27a}.chatbtn{color:#fff;background:#280e08b3;border:0;border-radius:999px;width:fit-content;padding:8px 14px;font-size:14px}@media (pointer:coarse){.chatbox{align-items:flex-end;width:min(260px,55vw);bottom:140px;left:auto;right:12px}.chatbox .line{font-size:12px}.topbar{gap:8px;font-size:12px;top:8px}.mute{font-size:12px;top:auto;bottom:186px;right:12px}.action{bottom:40px;left:auto;right:16px;transform:none}}.outfits{justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.outfits span{opacity:.8;margin-right:4px;font-size:13px}.card .swatch{cursor:pointer;border:2px solid #ffffff4d;border-radius:50%;width:28px;height:28px;margin:0;padding:0}.card .swatch.on{border-color:#ffd27a;box-shadow:0 0 0 3px #ffd27a59}
