/* v6: room zones, live bot pill, TV/badge cards, loading, Connect-an-AI guide */
.r3d-zones{position:absolute;left:0;right:0;bottom:68px;z-index:3;display:flex;gap:8px;padding:0 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.r3d-zones::-webkit-scrollbar{display:none}
.r3d-zones button{flex:none;display:flex;align-items:center;gap:6px;min-height:40px;padding:0 13px 0 9px;border:0;border-radius:99px;background:rgba(255,255,255,.9);color:var(--ink,#2a1450);font:800 13px Archivo,system-ui;box-shadow:0 4px 0 rgba(90,30,140,.35),0 8px 14px rgba(60,0,90,.25)}
.r3d-zones button i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#fff3a8,#ffb21e);font-size:14px}
.r3d-zones button.on{background:linear-gradient(180deg,#ff7ac6,#ff3d9e);color:#fff}
.r3d-zones button:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(90,30,140,.35)}
.xp .r3d-zones{bottom:calc(env(safe-area-inset-bottom) + 84px)}
.r3d-live{position:absolute;right:12px;top:52px;z-index:3;display:flex;align-items:center;gap:6px;padding:6px 11px 6px 8px;border-radius:99px;background:rgba(42,20,80,.55);color:#fff;font:800 11.5px Inter,system-ui;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}
.r3d-live i{width:10px;height:10px;border-radius:50%;background:#8b8fa3;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.r3d-live b{letter-spacing:.08em}.r3d-live span{opacity:.85;font-weight:700}
.r3d-live.on{background:rgba(10,120,70,.8)}.r3d-live.on i{background:#44ff9a;box-shadow:0 0 10px #44ff9a;animation:livePulse 1.4s ease-in-out infinite}
@keyframes livePulse{50%{transform:scale(1.35);opacity:.7}}
.xp .r3d-live{top:calc(env(safe-area-inset-top) + 62px)}
.r3d-tv{display:flex;gap:8px}.r3d-tv .vbtn{flex:1}
.r3d-cacts{display:flex;gap:8px;flex-wrap:wrap}.r3d-cacts>*{flex:1}
.r3d-now{color:#a0187a!important;font-weight:800!important}
.r3d-card.locked{box-shadow:0 0 0 3px #b9b3c9,0 14px 30px rgba(60,0,90,.35)}
.r3d-flash{position:fixed;inset:0;z-index:9999;pointer-events:none;background:radial-gradient(circle,#fff 0,#7cf7ff 40%,rgba(123,60,255,0) 75%);animation:flash6 .7s ease-out forwards}
@keyframes flash6{from{opacity:1}to{opacity:0}}
.xp-load small{font:700 13px Inter,system-ui;opacity:.85}
.ld-ring{position:relative;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#ffd8f0 30%,#ff7ac6 70%);box-shadow:0 0 0 5px rgba(255,255,255,.5),0 10px 30px rgba(60,0,90,.4);animation:bob6 1.4s ease-in-out infinite}
.ld-ring i{width:54px!important;height:54px!important}
@keyframes bob6{50%{transform:translateY(-8px)}}
/* Connect an AI */
.ag{display:flex;flex-direction:column;gap:14px;padding-bottom:20px}
.ag-hero{padding:18px;border-radius:24px;background:linear-gradient(160deg,#7b3cff,#ff4fb0);color:#fff;box-shadow:0 0 0 4px #fff,0 14px 30px rgba(60,0,90,.3)}
.ag-hero b{display:block;font:900 22px Archivo,system-ui;margin:8px 0 6px}.ag-hero p{margin:0;font:600 15px/1.45 Inter,system-ui}.ag-hero em{font-style:normal;font-weight:900;color:#5fffb0}
.ag-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:#44ff9a;box-shadow:0 0 12px #44ff9a;animation:livePulse 1.4s ease-in-out infinite}
.ag-card{padding:14px 16px;border-radius:20px;background:#fff;color:var(--ink,#2a1450);box-shadow:0 0 0 3px #ffd6ef}
.ag-card h4{margin:6px 0 4px;font:900 15px Archivo,system-ui}.ag-card p{margin:0 0 6px;font:600 14px/1.45 Inter,system-ui;color:#5b4a7a}
.ag-steps{margin:0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:12px;color:#fff;font:600 14.5px/1.45 Inter,system-ui}
.ag-steps b{font-weight:900}
.ag-steps pre{margin:8px 0 0;padding:10px 12px;border-radius:14px;background:#1c0f3a;color:#9fffd0;font:600 12px/1.5 ui-monospace,Menlo,monospace;white-space:pre-wrap;word-break:break-word}
.ag code{padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.2);font:700 12.5px ui-monospace,Menlo,monospace}
.ag .w-note a{color:#ffe36b}
/* v6 crew quarters */
.q6{--pc:#9b8cff;--pc2:#6a4cff;display:flex;flex-direction:column;gap:14px;padding-bottom:18px}
.q6-hero{position:relative;overflow:hidden;padding:64px 16px 18px;border-radius:28px;box-shadow:0 0 0 4px #fff,0 16px 34px rgba(60,0,90,.35);color:#fff}
.q6-planet{position:absolute;right:-60px;top:-40px;width:210px;height:210px;border-radius:50%;opacity:.95;background:radial-gradient(circle at 35% 30%,#fff 0,rgba(255,255,255,.4) 12%,transparent 30%),radial-gradient(circle at 60% 60%,var(--pc2),var(--pc) 60%,#fff 100%);box-shadow:0 0 60px rgba(255,255,255,.6)}
.q6[data-theme=earth] .q6-planet{background:radial-gradient(circle at 35% 30%,#fff 0,rgba(255,255,255,.35) 12%,transparent 30%),radial-gradient(circle at 30% 55%,#4fe08a 0 14%,transparent 15%),radial-gradient(circle at 65% 40%,#5ff0a0 0 12%,transparent 13%),radial-gradient(circle at 55% 75%,#3fd07a 0 10%,transparent 11%),radial-gradient(circle,#2d9bff,#1f6bff)}
.q6[data-theme=moon] .q6-planet{background:radial-gradient(circle at 35% 30%,#fff 0,rgba(255,255,255,.4) 12%,transparent 30%),radial-gradient(circle at 40% 60%,#c9c2e8 0 9%,transparent 10%),radial-gradient(circle at 68% 35%,#cfc8ee 0 7%,transparent 8%),radial-gradient(circle at 62% 72%,#d8d2f2 0 6%,transparent 7%),radial-gradient(circle,#f4f1ff,#bdb4e6)}
.q6[data-theme=mars] .q6-planet{background:radial-gradient(circle at 35% 30%,#fff 0,rgba(255,255,255,.35) 12%,transparent 30%),radial-gradient(circle at 45% 62%,#c8401f 0 10%,transparent 11%),radial-gradient(circle at 70% 38%,#d24a26 0 7%,transparent 8%),radial-gradient(circle,#ff8a4d,#e0502a)}
.q6-stars{position:absolute;inset:0;background:radial-gradient(circle,#fff 1px,transparent 1.5px) 10px 12px/46px 38px,radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1.5px) 30px 24px/62px 54px;opacity:.6;pointer-events:none}
.q6-back{position:absolute!important;left:12px;top:12px}
.q6-tag{position:absolute;left:64px;top:22px;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.92);color:#2a1450;font:900 11px Archivo,system-ui;letter-spacing:.12em}
.q6-id{position:relative;display:flex;align-items:center;gap:14px}
.q6-pfp{flex:none;width:92px;height:92px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 5px #fff,0 0 0 9px var(--pc),0 10px 24px rgba(0,0,0,.3)}
.q6-pfp img{width:100%;height:100%;object-fit:cover}.q6-pfp .pfp{width:100%!important;height:100%!important}
.q6-nm{min-width:0;display:flex;flex-direction:column;gap:3px}
.q6-nm b{font:900 28px/1.05 Archivo,system-ui;text-shadow:0 2px 0 rgba(0,0,0,.18),0 0 18px rgba(255,255,255,.5);overflow-wrap:anywhere}
.q6-nm small{font:800 14px Inter,system-ui;opacity:.92}
.q6-tier{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:6px 12px 6px 8px;border-radius:99px;background:#fff;color:#2a1450;font:900 12.5px Archivo,system-ui;letter-spacing:.06em;box-shadow:0 3px 0 rgba(0,0,0,.18)}
.q6-tier i{font-style:normal}
.q6-bio{position:relative;margin:12px 0 0;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.88);color:#2a1450;font:600 13.5px/1.4 Inter,system-ui}
.q6-acts{display:flex;gap:10px}
.q6-go{flex:1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;min-height:72px;padding:12px 14px;border:0;border-radius:22px;background:linear-gradient(180deg,#ff7ac6,#ff3d9e);color:#fff;box-shadow:0 6px 0 #c01f74,0 12px 20px rgba(160,0,90,.35)}
.q6-go.b{background:linear-gradient(180deg,#5fe6ff,#2bb0ff);box-shadow:0 6px 0 #1a7fc0,0 12px 20px rgba(0,90,160,.35)}
.q6-go i{grid-row:1/3;font-style:normal;font-size:28px}.q6-go b{font:900 18px Archivo,system-ui}.q6-go small{font:700 12px Inter,system-ui;opacity:.9}
.q6-go:active{transform:translateY(5px);box-shadow:0 1px 0 #c01f74}
.q6-go[hidden]{display:none}
.q6-bot{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 6px;border-radius:24px;background:#fff;box-shadow:0 0 0 3px var(--pc),0 10px 22px rgba(60,0,90,.18)}
.q6-bot[hidden]{display:none}
.q6-bot img{width:120px;height:120px;flex:none;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(60,0,90,.25))}
.q6-say{min-width:0}.q6-say small{font:900 10px Archivo,system-ui;letter-spacing:.14em;color:var(--pc2)}
.q6-say p{position:relative;margin:4px 0 6px;padding:9px 11px;border-radius:14px;background:#f4efff;color:#2a1450;font:700 14px/1.35 Inter,system-ui}
.q6-say span{font:700 11px Inter,system-ui;color:#7a6a99}
.q6-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.q6-stats span{padding:10px 8px;border-radius:16px;background:#fff;text-align:center;box-shadow:0 4px 0 rgba(90,30,140,.15)}
.q6-stats small{display:block;font:800 9.5px Inter,system-ui;letter-spacing:.1em;color:#8a7aa8}.q6-stats b{font:900 17px Archivo,system-ui;color:#2a1450}
.q6-sec{padding:12px;border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 10px 22px rgba(60,0,90,.15)}
.q6-sec[hidden]{display:none}
.q6-sec h4{margin:0 0 10px;font:900 16px Archivo,system-ui;color:#2a1450}.q6-sec h4 small{font:800 12px Inter,system-ui;color:#8a7aa8}
.q6-coins{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.q6-coin{display:grid;grid-template-columns:40px 1fr;column-gap:8px;align-items:center;padding:8px;border-radius:16px;background:linear-gradient(180deg,#2a1450,#1a0b36);color:#fff;text-decoration:none;box-shadow:0 0 0 2px var(--pc),0 0 14px rgba(155,140,255,.3)}
.q6-coin.cc{grid-column:1/-1;box-shadow:0 0 0 3px #ffd36b,0 0 18px rgba(255,210,100,.45)}
.q6-coin img{grid-row:1/4;width:40px;height:40px;border-radius:50%;object-fit:cover;background:#3a2468}
.q6-coin b{font:900 14px Archivo,system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q6-coin span{font:700 12.5px Inter,system-ui}.q6-coin sub{font-size:.7em}
.q6-coin em{font-style:normal;font-weight:900}.q6-coin em.up{color:#5fffa8}.q6-coin em.dn{color:#ff7a8a}
.q6-coin small{font:800 9.5px Inter,system-ui;letter-spacing:.08em;color:#c9b8ff}
.q6-art{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.q6-pic{position:relative;flex:none;width:128px;text-decoration:none;color:#2a1450}
.q6-pic img{display:block;width:128px;height:128px;border-radius:14px;object-fit:cover;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--pc),0 8px 14px rgba(60,0,90,.25)}
.q6-pic i{position:absolute;left:8px;top:8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff;font-style:normal;font-size:11px}
.q6-pic span{display:block;margin-top:9px;font:800 12px Inter,system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q6-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.q6-bdg{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border:0;border-radius:16px;background:linear-gradient(180deg,#fff,#f3eeff);box-shadow:0 0 0 2px var(--bc),0 4px 0 rgba(90,30,140,.15)}
.q6-bdg i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:20px;background:radial-gradient(circle at 35% 30%,#fff,var(--bc));box-shadow:0 3px 0 rgba(0,0,0,.15)}
.q6-bdg small{font:900 9px Archivo,system-ui;letter-spacing:.06em;color:#2a1450}
.q6-bdg.off{filter:grayscale(1);opacity:.55;box-shadow:0 0 0 2px #d6d0e2}
.q6-bdg.sel{transform:translateY(-3px);box-shadow:0 0 0 3px #ff3d9e,0 6px 0 rgba(90,30,140,.2);opacity:1}
.q6-how{margin:10px 0 0;padding:10px 12px;border-radius:14px;background:#f4efff;color:#2a1450;font:600 13px/1.4 Inter,system-ui}
.q6-links{display:flex;flex-wrap:wrap;gap:8px}
.q6-link{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px 0 8px;border-radius:99px;background:#2a1450;color:#fff;text-decoration:none;font:800 13px Inter,system-ui}
.q6-link i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--pc);font-style:normal;font-size:13px}
.q6-link.k-suno i{background:#ff6b9d}.q6-link.k-x i{background:#000}.q6-link.k-farcaster i{background:#8a63d2}.q6-link.k-zora i{background:linear-gradient(135deg,#5b8cff,#ff7ac6)}
.q6-games{display:flex;gap:8px}
.q6-game{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border:0;border-radius:18px;background:linear-gradient(160deg,#2a1450,#4a1f8a);color:#fff;text-align:left;box-shadow:0 0 0 2px var(--gc,#4fe6ff),0 0 16px rgba(79,230,255,.3)}
.q6-game i{font-style:normal;font-size:22px}.q6-game b{font:900 14px Archivo,system-ui}.q6-game small{font:700 11px Inter,system-ui;opacity:.85}
.q6-game.soon{background:repeating-linear-gradient(135deg,#efe9fa 0 10px,#e4dcf5 10px 20px);color:#7a6a99;box-shadow:none}
.q6-more{display:flex;gap:8px}.q6-more .vbtn{flex:1}
.q6-more [hidden]{display:none}
/* v6: My quarters gets the same bright candy room as the 3D rooms */
.room{filter:saturate(1.12) brightness(1.03)}
.room .wall{background:radial-gradient(circle,rgba(255,255,255,.75) 0 2px,transparent 2.5px) 0 0/88px 88px,radial-gradient(circle,rgba(255,120,190,.35) 0 2px,transparent 2.5px) 44px 44px/88px 88px,linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 40%,rgba(120,40,120,.10)),repeating-linear-gradient(90deg,#ffd9ee 0 26px,#ffc6e5 26px 52px)!important;background-blend-mode:normal!important}
.room .wall-ao{background:linear-gradient(180deg,rgba(150,40,120,.28),transparent 14%,transparent 82%,rgba(150,40,110,.3)),linear-gradient(90deg,rgba(150,40,120,.18),transparent 12%,transparent 88%,rgba(150,40,120,.18))!important}
.room .floor{background:linear-gradient(180deg,rgba(120,40,0,.25),transparent 30%),repeating-linear-gradient(90deg,#f4b072 0 58px,#e8a060 58px 60px),linear-gradient(180deg,#f7b97c,#e39654)!important;box-shadow:inset 0 10px 18px rgba(120,40,0,.25)!important}
.room .baseboard{background:linear-gradient(180deg,#fff,#f1dcf0)!important;box-shadow:0 3px 6px rgba(150,40,110,.3)!important}
.room .ceiling{background:linear-gradient(180deg,#f7e9ff,#ffd6f0)!important;box-shadow:0 2px 0 #ff9ad5,0 8px 18px rgba(150,40,120,.25)!important}
.room .ceiling .duct{background:repeating-linear-gradient(90deg,rgba(150,60,140,.25) 0 2px,transparent 2px 6px),linear-gradient(180deg,#fff,#e8d6f5)!important}
.room .wall-lights i{background:radial-gradient(ellipse at top,rgba(255,255,255,.75),transparent 70%)!important}
.room .spill{mix-blend-mode:normal;opacity:.55}
body.in-quarters{background:linear-gradient(180deg,#ffd6f0,#ffb8e0)}
.room .n1{color:#fff!important;text-shadow:0 0 2px #fff,0 0 8px #ff2d95,0 0 18px #ff2d95,0 3px 0 #c0157a!important}
.room .n2{color:#fff!important;text-shadow:0 0 2px #fff,0 0 8px #00b8ff,0 0 18px #00b8ff,0 3px 0 #0a6fc0!important}
.q6-stats span:last-child:nth-child(3n+2){grid-column:span 2}
.q6-stats span:last-child:nth-child(3n+1){grid-column:span 3}