.pixel-world{margin:30px 0 40px;border:1px solid #374344;border-radius:18px;overflow:hidden;background:#141c1d;box-shadow:0 20px 70px #0003}.pw-heading{padding:24px 26px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.pw-heading h2{margin:5px 0;font-size:26px}.pw-intro{padding:0 26px;color:#a6b7b7;margin:8px 0 22px}.pw-stage{position:relative;background:#ece3d0}.pw-stage canvas{display:block;width:100%;height:auto;image-rendering:pixelated;cursor:pointer}.pw-badge{position:absolute;top:18px;left:22px;font:700 12px monospace;color:#24463b;background:#fff9;padding:10px 14px;border:1px solid #24463b33;border-radius:5px}.pw-badge span{margin-left:18px;font-size:10px;letter-spacing:2px}.pw-toolbar{padding:18px 26px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid #374344}.pw-status{color:#b8d6c4;font:12px monospace}.pw-links{display:flex;gap:20px;font-size:13px}.pw-detail{padding:18px 26px 10px;color:#d4e0db;min-height:50px}.pw-residents{display:flex;gap:8px;flex-wrap:wrap;padding:0 26px 16px;max-height:160px;overflow:auto}.pw-residents button{font:12px monospace;color:#d1ded9;border:1px solid #435957;background:#223330;padding:8px 12px;border-radius:6px;cursor:pointer}.pw-residents button:hover,.pw-residents button:focus-visible{background:#37564b;outline:2px solid #d0ad65}.pw-note{padding:0 26px 20px;color:#819b96;font-size:11px;margin:0}.pixel-world:not([data-mint=""]) .pw-note{display:block}.pixel-world[data-mint=""] .pw-note{display:none}@media(max-width:600px){.pw-heading{padding:18px 16px 0}.pw-heading h2{font-size:21px}.pw-intro,.pw-detail{padding-left:16px;padding-right:16px}.pw-badge{top:8px;left:8px;font-size:9px;padding:6px}.pw-badge span{display:none}.pw-links{gap:14px}.pw-toolbar{padding:14px 16px}}
.pw-preview-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:0 26px 20px}.pw-preview-controls label{display:flex;align-items:center;gap:10px;font-size:12px;color:#a6b7b7}.pw-preview-controls input{width:150px;padding:8px 10px}.pw-preview-controls>span{font:11px monospace;color:#a6b7b7}.pixel-world[data-preview="1"] .pw-residents{max-height:95px}@media(max-width:600px){.pw-preview-controls{padding:0 16px 16px;gap:10px}.pw-preview-controls>span{width:100%}}
.pw-active{padding:8px 26px 22px;border-bottom:1px solid #374344}.pw-active-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.pw-active-heading h3{margin:8px 0;font-size:18px}.pw-active-heading a{font-size:12px}.pw-active-status{font-size:12px;color:#a6b7b7}.pw-agent-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;max-height:280px;overflow:auto}.pw-agent-card{display:flex;align-items:center;gap:16px;text-align:left;padding:16px;background:#20312d;border:1px solid #435957;border-radius:9px;color:#e0ebe6;cursor:pointer}.pw-agent-card:hover,.pw-agent-card:focus-visible{outline:2px solid #53d4b4}.pw-agent-card strong,.pw-agent-meta,.pw-agent-running{display:block}.pw-agent-card strong{overflow-wrap:anywhere}.pw-agent-meta{font:11px monospace;margin:6px 0;color:#acbeb7}.pw-agent-running{font:10px monospace;color:#69dba5}.pw-agent-avatar{display:block;position:relative;width:24px;height:24px;flex-shrink:0;background:#e5b68d;box-shadow:0 -8px #4d3626,-4px -4px #4d3626,0 24px var(--suit),-8px 24px var(--suit),8px 24px var(--suit),-4px 40px #243a35,8px 40px #243a35;margin:12px 8px 35px}.pw-agent-avatar:after{content:"";position:absolute;left:4px;top:8px;width:4px;height:4px;background:#22342e;box-shadow:12px 0 #22342e}@media(max-width:600px){.pw-active{padding:8px 16px 16px}.pw-agent-cards{grid-template-columns:1fr}}
.pw-camera-controls{display:flex;flex-wrap:wrap;gap:8px;padding:16px 26px 8px;border-top:1px solid #374344}.pw-camera-help{font-size:12px;color:#a6b7b7;padding:0 26px;margin:4px 0 16px;line-height:1.7}.pw-stage canvas{touch-action:none;cursor:grab;aspect-ratio:25/16}.pw-stage canvas:active{cursor:grabbing}.pw-stage canvas:focus-visible{outline:3px solid #53d4b4;outline-offset:-3px}.pw-badge{pointer-events:none}.pw-stage:fullscreen{display:flex;align-items:center;justify-content:center;background:#141c1d}.pw-stage:fullscreen canvas{max-width:100vw;max-height:100vh;width:auto;height:auto}.pw-stage:fullscreen:after{content:"Esc to exit fullscreen";position:absolute;bottom:14px;right:18px;font:12px monospace;color:#fff;background:#141c1d;padding:8px}@media(max-width:600px){.pw-camera-controls{padding:12px 16px 8px;gap:6px}.pw-camera-controls .btn{font-size:11px;padding:8px}.pw-camera-help{padding:0 16px}.pw-stage canvas{min-height:270px;aspect-ratio:auto}}
.pw-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pw-chat-bubble{position:absolute;transform:translate(-50%,-100%);width:190px;max-width:50%;padding:10px 12px;background:#fff9e9;color:#273b35;border:2px solid #38544a;border-radius:10px;box-shadow:0 4px 0 #263b3530;font:11px/1.45 monospace}.pw-chat-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;width:12px;height:12px;background:#fff9e9;border-right:2px solid #38544a;border-bottom:2px solid #38544a;transform:rotate(45deg)}.pw-chat-bubble strong,.pw-chat-bubble span{display:block}.pw-chat-bubble strong{margin-bottom:4px;color:#367b62;font-size:11px}.pw-chat-bubble[hidden]{display:none}.pw-interactions{padding:0 26px 16px}.pw-interaction-buttons{display:flex;gap:8px;flex-wrap:wrap}.pw-interaction-log{font-size:13px;line-height:1.6;color:#d0e1d8;margin:12px 0 0}.pw-dialogue-note{font-size:11px;color:#819b96;padding:0 26px;margin:0 0 18px;line-height:1.6}@media(max-width:600px){.pw-chat-bubble{width:145px;padding:7px 8px;font-size:9px}.pw-interactions,.pw-dialogue-note{padding-left:16px;padding-right:16px}}