*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#070405}body{font-family:Tahoma,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f2e6d8;-webkit-font-smoothing:antialiased}canvas{display:block;outline:none}kbd{display:inline-block;min-width:1.7em;padding:2px 6px;margin:0 2px;border-radius:5px;border:1px solid rgba(255,214,190,.2);background:#00000059;font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.veil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(90% 80% at 50% 42%,#260e128c,#070405f2 72%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.panel{width:min(500px,88vw);padding:30px 32px 26px;border-radius:18px;border:1px solid rgba(255,214,190,.14);background:linear-gradient(160deg,#260e12db,#0e0709eb);box-shadow:0 30px 80px #0009,inset 0 1px #ffe6d214;text-align:center;animation:card-in .38s cubic-bezier(.2,.8,.2,1) both}@keyframes card-in{0%{opacity:0;transform:scale(.96) translateY(8px)}}.panel h1{margin:0 0 6px;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:30px;font-weight:400;color:#fff1e4;letter-spacing:1px}.panel .sub{margin:0 0 20px;font-size:13px;color:#c9bba8}.keys{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0 0 22px;padding:0;list-style:none;font-size:12.5px;color:#dccfc2;text-align:left}.who{width:100%;margin:4px 0 20px;padding:11px 14px;border-radius:11px;border:1px solid rgba(255,214,190,.18);background:#00000052;color:#f2e6d8;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:16px;text-align:center;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}.who:focus{border-color:#e0a35e99;background:#0000006b}.who::placeholder{color:#9a8a78}.name-tag-stack{display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content;pointer-events:none;-webkit-user-select:none;user-select:none}.name-tag{padding:3px 9px 4px;border-radius:999px;background:#080406a8;color:#fff1e4;font-family:Tahoma,PingFang SC,sans-serif;font-size:12px;line-height:1.3;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 10px #00000073;white-space:nowrap}.say-bubble{position:relative;color:#241a18;text-align:center;background:#fff4e8f0;border-radius:12px;width:max-content;max-width:320px;padding:7px 11px 8px;font-family:Tahoma,PingFang SC,sans-serif;font-size:12px;line-height:1.35;overflow-wrap:anywhere;box-shadow:0 4px 16px #00000073;animation:bubble-in .22s cubic-bezier(.2,.8,.2,1) both}.say-bubble:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;left:50%;transform:rotate(45deg)}.say-bubble.say-out{animation:bubble-out .4s ease-in both}@keyframes bubble-in{0%{opacity:0;transform:scale(.75) translateY(6px)}}@keyframes bubble-out{to{opacity:0;transform:scale(.9) translateY(-4px)}}.house{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:0;font-size:12px;letter-spacing:.04em;color:#f2e6d8c7;z-index:10;pointer-events:none;font-family:Tahoma,PingFang SC,sans-serif}.house-room{margin-left:8px}.house-dot{width:6px;height:6px;border-radius:50%;background:#3dd68c;box-shadow:0 0 6px #3dd68c}.house.down .house-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.house.full .house-dot{background:#e0a35e;box-shadow:0 0 6px #e0a35e}.house-full{color:#e0a35e;margin-left:8px}.fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:32}.fx .vignette,.fx .grain{position:absolute;top:0;right:0;bottom:0;left:0}.vignette{background:radial-gradient(78% 70% at 50% 48%,transparent 55%,rgba(0,0,0,.42) 100%)}.grain{opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px}.look-pad{position:absolute;top:0;right:0;width:50%;height:100%;z-index:6;touch-action:none}.joystick{position:absolute;left:34px;bottom:40px;width:116px;height:116px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);background:#ffffff0d;z-index:7;touch-action:none}.joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffffff3d;border:1px solid rgba(255,255,255,.28);will-change:transform}.chat{position:absolute;right:18px;bottom:64px;width:300px;z-index:10;pointer-events:none}.chat-log{display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow:hidden;margin-bottom:8px}.chat-line{align-self:flex-start;max-width:100%;font-family:Tahoma,PingFang SC,sans-serif;font-size:13px;line-height:1.35;color:#f2e6d8;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);animation:chat-in .15s ease-out;overflow-wrap:break-word}@keyframes chat-in{0%{opacity:0;transform:translateY(4px)}}.chat-who{color:#e8c39a;font-weight:500;margin-right:6px}.chat-input{width:100%;padding:9px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0e070ae0;color:#f2e6d8;font-size:13px;outline:none;pointer-events:auto;box-sizing:border-box}.chat-input:focus{border-color:#e0a35e99}.chat-input::placeholder{color:#9a8a78}.crosshair{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border:1px solid rgba(255,230,210,.75);border-radius:50%;box-shadow:0 0 8px #0009;z-index:35;pointer-events:none}.crosshair.hidden{display:none}.cta{width:100%;padding:13px;border:0;border-radius:11px;background:linear-gradient(#e0a35e,#b8792f);color:#1c0d06;font-size:15px;font-weight:700;letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 1px #ffffff47,0 8px 22px #e0a35e33;transition:filter .12s,transform .12s}.cta:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.cta:disabled{opacity:.6;cursor:default}.note{margin:14px 0 0;font-size:11px;color:#9a8a78}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-keys{position:absolute;bottom:22px;left:22px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:11.5px;letter-spacing:.04em;color:#f2e6d8a8;font-weight:600}.prompt{position:absolute;bottom:74px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#0a0406b8;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:14px;letter-spacing:.03em;color:#f2e6d8;box-shadow:0 4px 18px #00000059;z-index:11;pointer-events:none}.prompt.dim{opacity:.45}.sound{position:absolute;top:18px;right:22px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,214,190,.18);background:#0806089e;color:#f2e6d8;font-size:12px;font-weight:600;cursor:pointer;z-index:12}.picker-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#070405b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.picker{width:min(720px,92vw);max-height:84vh;overflow:auto;padding:24px 26px 20px;border-radius:18px;border:1px solid rgba(255,214,190,.14);background:linear-gradient(160deg,#260e12e6,#0e0709f2);box-shadow:0 30px 80px #0009,inset 0 1px #ffe6d214;color:#f2e6d8;animation:card-in .38s cubic-bezier(.2,.8,.2,1) both}.picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.picker-head h2{margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:22px;font-weight:400;color:#fff1e4}.x{width:32px;height:32px;border:0;border-radius:50%;background:#0000004d;border:1px solid rgba(255,214,190,.16);color:#f2e6d8cc;font-size:18px;cursor:pointer;line-height:1}.x:hover{background:#00000080}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}.card{position:relative;padding:12px;border-radius:13px;border:1px solid rgba(255,214,190,.14);background:#ffffff08;color:#f2e6d8;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.card:hover{border-color:#e0a35e66;background:#e0a35e0f}.card.on{border-color:#e0a35e;background:#e0a35e1a}.card.locked{opacity:.55;cursor:not-allowed}.swatch{display:flex;gap:4px;height:44px;margin-bottom:10px;border-radius:8px;padding:6px;align-items:flex-end;background:#0003}.swatch span{flex:1;height:60%;border-radius:4px;border:1px solid rgba(0,0,0,.25)}.swatch span:nth-child(2){height:90%}.card-name{font-family:Georgia,Times New Roman,Songti SC,serif;font-size:15px;font-weight:400;color:#fff1e4;margin-bottom:4px}.card-blurb{font-size:11px;line-height:1.5;color:#b8a794}.tag{position:absolute;top:10px;right:10px;padding:2px 8px;border-radius:999px;background:#0000008c;font-size:10px;letter-spacing:.04em}.tag.on{background:linear-gradient(#e0a35e,#b8792f);color:#1c0d06;font-weight:600}.picker-note{margin:16px 0 0;font-size:11px;line-height:1.6;color:#9a8a78}.buy-box{margin-top:18px;padding:18px 20px;border-radius:14px;border:1px solid rgba(255,214,190,.16);background:#00000047;text-align:center}.buy-title{font-family:Georgia,Times New Roman,Songti SC,serif;font-size:18px;color:#fff1e4;margin-bottom:6px}.buy-price{font-size:12.5px;color:#e8c39a;margin-bottom:14px}.buy-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:center}.buy-actions .cta{width:auto;padding:10px 18px;font-size:13px}.cta.ghost{background:#ffd6be14;color:#f2e6d8;border:1px solid rgba(255,214,190,.24);box-shadow:none}.cta.ghost:hover:not(:disabled){background:#ffd6be26;transform:none}.cta.small{padding:7px 14px;font-size:12px}.buy-note{font-size:12.5px;color:#dccfc2;margin:10px 0 4px}.buy-note.dim{color:#9a8a78;font-size:11px}.buy-error{font-size:12.5px;color:#ff9a9a;display:flex;flex-direction:column;gap:10px;align-items:center}.buy-box.qr .buy-qr-img{width:200px;height:200px;border-radius:10px;display:block;margin:8px auto;background:#fff4e8;padding:4px}