@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#242333;--muted:#777285;--paper:#fffef8;--lime:#c7fa6c;--mono:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#ede3d8;color:var(--ink);font:13px 'DM Sans',sans-serif}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}a{text-decoration:none;color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible{outline:3px solid #9581cb;outline-offset:4px}.hidden{display:none!important}header{position:fixed;top:28px;left:32px;right:32px;display:flex;align-items:center;gap:25px;pointer-events:none;z-index:5}header>*{pointer-events:auto}.world-brand{display:flex;align-items:center;gap:10px;font:700 19px var(--mono);letter-spacing:-.6px}.world-brand .soft{font-weight:400}.world-brand small{display:block;font-size:7px;letter-spacing:2.8px;color:var(--muted);margin-top:5px}.dot-logo,.hover-dot,.panel-avatar,.loading-dot{background:#0a0a0b;border-radius:50%;position:relative}.dot-logo{width:33px;height:33px}.dot-logo:before,.dot-logo:after,.hover-dot:before,.hover-dot:after,.panel-avatar:before,.panel-avatar:after,.loading-dot:before,.loading-dot:after{content:'';position:absolute;width:9%;height:20%;background:#fff;border-radius:9px;transform:rotate(-23deg);left:58%;top:22%}.dot-logo:after,.hover-dot:after,.panel-avatar:after,.loading-dot:after{width:6%;left:78%;top:17%}.live-pill{display:flex;align-items:center;gap:7px;background:#fffdf5bd;border:1px solid #ffffff9c;border-radius:30px;padding:9px 13px;font-size:10px;backdrop-filter:none}.live-pill i{width:5px;height:5px;border-radius:50%;background:#9994a2}.live-pill.connected i{background:#5c936d}.header-actions{display:flex;gap:10px;margin-left:auto}.header-actions a{padding:11px 15px;border-radius:5px;background:#fffef9ce;backdrop-filter:none;font-size:10px;box-shadow:0 3px 15px #47425308}.header-actions .launch-link{background:var(--ink);color:white}.welcome{position:fixed;top:145px;left:38px;z-index:3;max-width:280px;pointer-events:none}.welcome button{pointer-events:auto}.eyebrow{font:9px var(--mono);letter-spacing:1.6px;color:#797083}h1{font:500 37px/1.1 var(--mono);letter-spacing:-1.8px;margin:14px 0}.welcome p{font-size:12px;color:#7a7181;line-height:1.8}.keys{display:flex;gap:5px;align-items:center;margin:21px 0}.keys span{margin-left:8px;font-size:10px;color:var(--muted)}kbd{font:9px var(--mono);background:#fffcf3bc;border:1px solid #dad1c8;border-radius:3px;padding:4px 6px;box-shadow:0 2px 0 #d5c9bf66}.welcome button{font-size:10px;border:1px solid #aaa09e;padding:10px 15px;border-radius:4px;background:#fffdf46e}#hover-card{position:fixed;z-index:6;pointer-events:none;display:flex;align-items:center;gap:9px;background:#fffef8f5;padding:12px 14px;border-radius:9px;box-shadow:0 8px 25px #3d334524;border:1px solid white;transform:translate(-50%,-100%);min-width:185px}.hover-dot{width:24px;height:24px;flex-shrink:0}#hover-card b{font:600 11px var(--mono);letter-spacing:.5px}#hover-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}#hover-card em{font-style:normal;font-size:8px;margin-left:10px;color:var(--muted)}#dot-panel{position:fixed;right:28px;top:100px;width:310px;max-height:calc(100% - 190px);overflow:auto;background:#fffef8f5;border:1px solid white;border-radius:13px;box-shadow:0 14px 60px #4c3b5125;padding:26px;z-index:8;backdrop-filter:none}#close-panel{position:absolute;top:10px;right:12px;font-size:22px;color:var(--muted)}.panel-avatar{width:54px;height:54px;margin-bottom:21px}#dot-panel h2{font:500 28px var(--mono);margin:10px 0 15px;letter-spacing:-.9px}#dot-panel p{font-size:11px;line-height:1.8;color:#797080}.panel-section{border-top:1px solid #e5dfd6;padding-top:16px;margin-top:20px}.panel-section>span{font:8px var(--mono);letter-spacing:1.3px;color:#8b8291}#pump-profile{display:block;padding:12px;background:var(--ink);color:white;border-radius:4px;font-size:11px;text-align:center;margin-top:14px}#panel-foot{display:block;color:var(--muted);font-size:9px;line-height:1.6;margin-top:15px}.desk-link{display:block;font-size:10px;margin-top:21px;color:#8066ad}.map-card{position:fixed;left:28px;bottom:78px;background:#fffef8c9;border:1px solid white;border-radius:10px;padding:12px;backdrop-filter:none;width:170px;box-shadow:0 6px 30px #51435b08;z-index:4}.map-card>div{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1px}.map-card button{font-size:8px;color:var(--muted)}#map{width:144px;height:120px;display:block;margin-top:6px}.map-card p{font-size:8px;text-align:center;color:var(--muted);margin:0}.drive-hint{position:fixed;bottom:91px;left:50%;transform:translateX(-50%);text-align:center;z-index:5;background:#fffef6c9;border:1px solid white;backdrop-filter:none;border-radius:6px;padding:11px 20px;pointer-events:none;min-width:220px}.drive-hint>span{display:block;font:500 12px var(--mono)}.drive-hint small{display:block;margin-top:8px;font-size:9px;color:var(--muted)}.drive-hint kbd{padding:2px 4px;font-size:7px}footer{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);display:flex;align-items:center;gap:19px;padding:13px 19px;border-radius:7px;white-space:nowrap;background:#fffef8bc;backdrop-filter:none;border:1px solid white;z-index:4}footer>span{font-size:9px;color:#797080}footer kbd{font-size:8px;padding:3px 5px}.zoom-controls{display:flex;gap:4px}.zoom-controls button{width:21px;height:21px;border:1px solid #d7ccc7;border-radius:4px;font-size:13px}.touch-controls{display:none}#loading,#world-error{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ede3d8;z-index:20;text-align:center;padding:30px}#loading h1{font-size:38px}#loading p{color:var(--muted);font-size:11px}.loading-dot{width:66px;height:66px;animation:float 2s ease-in-out infinite;margin-bottom:10px}#loading a,#world-error a{margin-top:23px;font-size:12px;text-decoration:underline}#world-error p{max-width:300px;color:var(--muted);line-height:1.7}@keyframes float{50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}}
@media(max-width:760px){header{left:16px;right:16px;top:18px;gap:10px}.world-brand{font-size:15px}.dot-logo{width:27px;height:27px}.live-pill{display:none}.header-actions{gap:6px}.header-actions a{font-size:8px;padding:9px}.welcome{top:98px;left:22px;max-width:240px}.welcome h1{font-size:27px}.welcome p{font-size:10px}.keys{display:none}.welcome button{margin-top:4px}.map-card{width:120px;padding:10px;bottom:137px;left:16px}#map{width:98px;height:82px}.map-card p{font-size:7px}.map-card>div{font-size:6px}.drive-hint{bottom:139px;left:auto;right:16px;transform:none;min-width:170px;padding:9px 13px}.drive-hint>span{font-size:10px}.drive-hint small{font-size:8px}footer{bottom:17px;padding:8px;gap:6px}footer>span{display:none}footer .zoom-controls{display:flex}.touch-controls{display:flex;position:fixed;bottom:24px;left:20px;right:20px;justify-content:space-between;z-index:6;pointer-events:none}.touch-controls>div{display:flex;gap:7px}.touch-controls button{pointer-events:auto;width:44px;height:46px;border:1px solid white;background:#fffef8d9;border-radius:9px;backdrop-filter:none;font-size:19px;touch-action:none;user-select:none}.touch-controls button:active{background:var(--lime)}#dot-panel{left:16px;right:16px;width:auto;top:90px;max-height:calc(100% - 220px);padding:23px}.drive-hint small kbd{display:none}}

#hover-card{pointer-events:auto;max-width:calc(100vw - 32px)}#hover-card>div{max-width:160px}#hover-profile{font-size:9px;border-left:1px solid #e5ddd5;padding-left:10px;white-space:nowrap;color:#786397}#hover-profile:hover{text-decoration:underline}@media(max-width:760px){#hover-card em{display:none}}

.multiplayer-bar{position:fixed;right:32px;bottom:90px;z-index:5;display:flex;align-items:center;gap:14px;padding:10px 12px;background:#fffef8d9;border:1px solid white;border-radius:9px;backdrop-filter:none;font-size:10px}.multiplayer-bar button{padding:10px 14px;background:#242333;color:white;border-radius:6px;font-weight:700;letter-spacing:1px}.multiplayer-bar button:disabled{opacity:.45;cursor:default}@media(max-width:760px){.multiplayer-bar{top:73px;bottom:auto;right:16px;padding:6px 8px;gap:9px;font-size:8px}.multiplayer-bar button{padding:8px 10px;font-size:9px}}

#quality{font-size:9px;color:#625d6a;white-space:nowrap}.world-brand .soft{color:#54735e}.multiplayer-bar small{color:#866544;font-size:9px}@media(max-width:760px){#quality{font-size:8px}.multiplayer-bar small{display:none}}

.world-credit{font-size:8px;color:#625d6a;max-width:145px;text-align:right} .map-card canvas{border-radius:12px;background:#19283b}@media(max-width:760px){.world-credit{display:none}}

@media(max-width:760px){.world-credit{display:block;position:fixed;right:16px;bottom:148px;font-size:7px;max-width:none;background:#fffef8d9;border-radius:4px;padding:4px 6px}}

/* Opaque overlays avoid repeatedly blurring the animated WebGL framebuffer. */
.live-pill,.header-actions a,#dot-panel,.map-card,.drive-hint,footer,.multiplayer-bar{background:#fffef8f2}.header-actions .launch-link{background:var(--ink)}
@media(max-width:760px){#performance-status{display:inline}}

/* Lightweight conversation overlay, no framebuffer blur. */
#dot-conversation{position:fixed;right:28px;top:100px;width:320px;max-height:calc(100vh - 195px);z-index:6;background:#fffef8f5;border:1px solid white;border-radius:13px;padding:18px;box-shadow:0 10px 35px #4c3b5118}.stream-heading{display:flex;align-items:center;justify-content:space-between}.stream-heading h2{font:500 19px var(--mono);margin:6px 0}.stream-heading button{font-size:24px}.stream-status{font-size:10px;color:var(--muted);margin:5px 0 14px}.stream-filters{display:flex;gap:5px;margin-bottom:10px}.stream-filters button{font-size:10px;border-radius:15px;padding:6px 9px;background:#ece9e0}.stream-filters .selected{background:var(--ink);color:white}.stream-feed{overflow:auto;max-height:calc(100vh - 360px);min-height:95px;overscroll-behavior:contain}.stream-feed article{border-bottom:1px solid #e5dfd6;padding:12px 0}.stream-feed article header{position:static;display:flex;gap:8px;pointer-events:auto;font:600 11px var(--mono)}.stream-orb{width:18px;height:18px;border-radius:50%;flex-shrink:0}.stream-feed article small{display:block;font:8px var(--mono);color:#8066ad;margin-top:7px}.stream-feed p{font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.stream-feed time,.stream-note{font-size:9px;color:var(--muted)}.stream-note{display:block;padding-top:12px}.stream-risk{color:#94604f}.stream-empty{color:var(--muted)}#dot-conversation.collapsed .stream-body{display:none}#dot-conversation.collapsed .stream-status{margin-bottom:0}@media(max-width:760px){#dot-conversation{top:auto;bottom:145px;right:12px;width:260px;max-height:40vh;padding:12px}.stream-feed{max-height:22vh}.stream-heading h2{font-size:15px}.stream-heading .eyebrow{font-size:7px}}

/* Live dot terminal */
#dot-conversation{background:#0c141bf2;border:1px solid #3b555e;border-radius:8px;color:#d4eee2;box-shadow:0 12px 40px #0005;font-family:var(--mono)}.stream-heading h2{font-size:16px;color:#9cf8c7}.stream-heading .eyebrow{color:#789d91}.stream-heading button{color:#a6ddc3;background:transparent}.stream-status,.stream-note,.stream-feed time{color:#8ca89e}.stream-filters button{background:#1c2c31;color:#98b5a9;border:1px solid #30474b}.stream-filters .selected{background:#a1efc1;color:#10281a}.stream-feed article{border-color:#2b3f42}.stream-feed article header{color:#c4f4d6}.stream-feed article small{color:#94bce8}.stream-feed p{font-family:var(--mono);font-size:11px}.stream-feed a{color:#a1efc1}.stream-risk{color:#e9bb92}.stream-empty{color:#97b8aa}.stream-orb{width:12px;height:12px;box-shadow:0 0 8px #b1f7d422}.stream-note{border-top:1px solid #293e40;margin-top:9px}