.v671-hub{max-width:1250px;margin:0 auto;padding:28px;color:#f6fbff;font-family:Arial,Helvetica,sans-serif}
body{background:#06111f}
.v671-hub-hero{padding:34px;border:1px solid #1aa5ff;border-radius:24px;background:linear-gradient(135deg,#081b31,#0a4771);margin-bottom:18px}
.v671-hub-hero h1{font-size:40px;margin:7px 0}.v671-hub-hero p{max-width:900px;line-height:1.55}
.v671-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v671-portal-grid a{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #237fb7;border-radius:17px;background:#0a2036}
.v671-portal-grid a:hover{outline:2px solid #25b8ff}.v671-portal-grid b{font-size:20px}.v671-portal-grid span{color:#b6cede;line-height:1.4}
.rb-preview-body{margin:0;background:#061321;color:white;font-family:Arial,Helvetica,sans-serif}
.rb-preview-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.rb-preview-side{background:#071c31;border-right:1px solid #1e75ad;padding:16px}
.rb-preview-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.rb-logo{width:48px;height:48px;background:#169cff;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:20px}.rb-preview-brand small{display:block;color:#8bd4ff}
.rb-demo-profile{border:1px solid #2477ad;border-radius:15px;padding:13px;margin-bottom:14px;display:grid;gap:4px}.rb-demo-avatar{font-size:38px}.rb-demo-profile span{color:#bad0df;font-size:13px}
.rb-preview-side nav button{display:block;width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:11px;border-radius:10px;font-weight:700}.rb-preview-side nav button:hover,.rb-preview-side nav button.on{background:#113d61}
.rb-preview-main header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #1f557e;background:#071828}.rb-preview-main header small{display:block;color:#abc5d7}.rb-preview-main header a{background:#159cff;padding:10px 13px;border-radius:10px;text-decoration:none;color:white;font-weight:800}
#rbPreviewPane{max-width:1180px;margin:auto;padding:22px}
.rb-hero{min-height:215px;border:1px solid #2a9be6;border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 75% 15%,#472780,#073960 50%,#071624);margin-bottom:16px}
.rb-hero small{color:#ffd54c;font-weight:900;letter-spacing:1.2px}.rb-hero h1{font-size:39px;margin:7px 0}.rb-hero p{max-width:820px;line-height:1.5}
.rb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.rb-card{background:#0a2036;border:1px solid #2875a7;border-radius:16px;padding:17px;min-height:185px}.rb-card span{color:#ffd54c;font-size:11px;font-weight:900}.rb-card h3{font-size:20px;margin:9px 0}.rb-card p{color:#c1d4e1;line-height:1.4}.rb-card button{border:1px solid #249de4;background:#0d5681;color:#fff;border-radius:9px;padding:8px 11px}
.rb-message-demo{display:grid;grid-template-columns:280px 1fr;border:1px solid #2875a7;border-radius:18px;overflow:hidden;background:#081b2e}.rb-message-demo aside{padding:16px;border-right:1px solid #2875a7}.rb-message-demo aside div{padding:13px 5px;border-bottom:1px solid #1f425b}.rb-message-demo article{padding:20px}.bubble{max-width:65%;background:#193951;padding:12px;border-radius:14px;margin:10px 0}.bubble.me{margin-left:auto;background:#0a88db}.rb-input{margin-top:35px;border:1px solid #2875a7;border-radius:12px;padding:14px;color:#9fbdd2}
.rb-profile-cover{min-height:260px;border:1px solid #2a9be6;border-radius:24px;background:linear-gradient(135deg,#093c67,#361c66);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:16px}.rb-profile-avatar{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:#0b79bd;font-size:65px;border:4px solid #fff}
.v671-parent-access{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.v671-parent-access a{padding:14px;border:1px solid #249ade;border-radius:12px;background:#0a2d49;color:#fff;text-decoration:none;font-weight:800;text-align:center}
.v671-sponsor-note{border:1px solid #8d6c17;background:#2b220c;border-radius:13px;padding:12px;margin:12px 0}
.v671-map-controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.v671-city-stage{perspective:1200px;min-height:600px;border:1px solid #248dd2;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#0c5787,#06111f 70%);position:relative}
.v671-city-world{width:900px;max-width:95%;margin:90px auto 0;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;transform-style:preserve-3d;transition:transform .25s ease}
.v671-lot{aspect-ratio:1;background:linear-gradient(135deg,#0a3b5b,#071726);border:1px solid #1fb4ff;position:relative;box-shadow:inset 0 0 12px #0aa4ff22;cursor:pointer}
.v671-road{background:linear-gradient(90deg,#17222b,#29343d,#17222b)}
.v671-building{position:absolute;left:27%;bottom:18%;width:46%;height:var(--h);background:linear-gradient(90deg,#0a4269,#42bfff,#0b3553);transform:translateZ(var(--z));box-shadow:10px 10px 0 #040b12;border:1px solid #60d3ff}
.v671-icon{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;transform:translateZ(48px)}
.v671-player{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:34px;filter:drop-shadow(0 0 8px #fff);pointer-events:none}
@media(max-width:900px){.v671-portal-grid,.rb-grid{grid-template-columns:repeat(2,1fr)}.rb-preview-shell{grid-template-columns:1fr}.rb-preview-side{position:static}.rb-message-demo{grid-template-columns:1fr}.v671-parent-access{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.v671-portal-grid,.rb-grid,.v671-parent-access{grid-template-columns:1fr}.rb-preview-main header{height:auto;gap:10px;padding:12px;flex-direction:column;align-items:flex-start}}