/* Reference hubs: source artwork is cropped with CSS, controls stay native. */
.reference-hub .ref-page{font-family:Arial,sans-serif;color:#1718d4}.reference-hub .ref-head{margin:0;font-size:14px;display:flex;align-items:center;gap:8px}.reference-hub .ref-head>a{margin-left:auto;color:inherit;font:12px Arial,sans-serif;text-decoration:none;white-space:nowrap}.reference-hub .ref-head>a:hover{text-decoration:underline}.reference-hub .ref-body{padding:10px}.reference-hub .ref-panel{min-width:0}.reference-hub .ref-ribbon{position:absolute;z-index:1;top:-1px;left:-1px;margin:0;padding:10px 25px 10px 17px;color:#9b4300;font-size:18px;background:linear-gradient(#ffed89,#ffda28);border-radius:8px 0 17px 0;clip-path:polygon(0 0,100% 0,96% 100%,0 100%);line-height:1.2}.reference-hub .ref-hub-hero-copy{position:relative;z-index:1;max-width:58%;padding:45px 16px 14px;color:white;text-shadow:0 1px 2px #0b064e}.reference-hub .ref-hub-hero-copy h2{font-size:27px;line-height:1.08;margin:5px 0 16px;color:#fff;text-shadow:0 0 8px #a329ff,1px 2px 2px #4a0986}.reference-hub .ref-hub-hero-copy p{font-size:14px;line-height:1.4;margin:0 0 10px}.reference-hub .btn{min-height:30px;padding:6px 12px;font-size:13px;border-radius:6px}.reference-hub .ref-orange{background:linear-gradient(#ffa733,#ff6515);color:#fff}.reference-hub .btn--violet{color:#fff;background:linear-gradient(#b358ff,#842fff);border-color:#b55aff}
.reference-hub .ref-community-top{display:grid;grid-template-columns:775fr 305fr 350fr;gap:10px;height:253px}.reference-hub .ref-community-hero{position:relative;min-height:253px;background-image:url('/img/reference/community.png');background-size:215.742% auto;background-position:12.821% 46.512%;overflow:hidden}.reference-hub .ref-community-hero::before{content:"";position:absolute;inset:40px 37% 0 0;background:linear-gradient(90deg,#151164 5%,#191267 80%,transparent)}.reference-hub .ref-community-hero .ref-hub-hero-copy{max-width:65%;padding-top:49px}.reference-hub .ref-community-hero .ref-hub-hero-copy h2{font-size:26px;margin-bottom:15px}.reference-hub .ref-community-hero .btn{padding:8px 12px;font-size:15px;margin-top:1px}.reference-hub .ref-community-spaces .ref-body{padding:4px 9px}.reference-hub .ref-space{display:flex;align-items:center;gap:11px;padding:7px 0;border-bottom:1px solid #d8e5ff;color:#2011d8;text-decoration:none;font-size:13px}.reference-hub .ref-space:last-child{border-bottom:0}.reference-hub .ref-space>span{display:grid;place-items:center;width:67px;height:60px;flex-shrink:0;border-radius:8px;color:#fff;font-size:37px;box-shadow:inset 0 1px 3px #ffffff87}.reference-hub .ref-space p{margin:3px 0 0;font-size:12px;line-height:1.25}.reference-hub .ref-space>b{margin-left:auto;font-size:20px}.reference-hub .ref-community-aside{display:grid;gap:8px;align-content:start}.reference-hub .ref-community-stats{padding:7px 13px}.reference-hub .ref-community-stats>div,.reference-hub .ref-community-stats>a{display:grid;grid-template-columns:29px 1fr 1.25fr 8px;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid #dce5ff;font-size:13px;text-decoration:none;color:#2113d5;min-height:32px}.reference-hub .ref-community-stats>div:last-child,.reference-hub .ref-community-stats>a:last-child{border:0}.reference-hub .ref-community-stats span{font-size:20px;color:#7287d5;line-height:1}.reference-hub .ref-community-stats small{font-size:12px;white-space:nowrap}.reference-hub .ref-community-stats i{width:8px;height:8px;background:#30b639;border-radius:50%}.reference-hub .ref-community-leaders{padding:7px 12px;min-height:158px;color:#2012da;font-size:13px}.reference-hub .ref-community-leaders>a{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:28px;color:#1f16d8;text-decoration:none;border-bottom:1px solid #e1e7ff}.reference-hub .ref-community-leaders>a:last-child{border:0}.reference-hub .ref-community-leaders b{color:#ac711a;text-align:center}.reference-hub .ref-community-leaders small{font-size:12px}.reference-hub .ref-community-leaders strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-hub .ref-community-bottom{display:grid;grid-template-columns:615fr 465fr 350fr;grid-template-rows:minmax(154px,auto) minmax(114px,auto);gap:8px 10px;margin-top:10px}.reference-hub .ref-community-gallery{grid-column:1;grid-row:1}.reference-hub .ref-community-topics{grid-column:2;grid-row:1}.reference-hub .ref-community-artclub{grid-column:3;grid-row:2}.reference-hub .ref-community-meet{grid-column:1/3;grid-row:2}.reference-hub .ref-community-art{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:113px;align-items:start}.reference-hub .ref-community-art>p{grid-column:1/-1;font-size:13px;margin:10px 0}.reference-hub .ref-community-art>a{display:block;text-decoration:none;color:#2814d5;min-width:0}.reference-hub .ref-community-art img{width:100%;height:75px;border:1px solid #c3bcfc;border-radius:7px;object-fit:cover}.reference-hub .ref-community-art strong{display:block;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-hub .ref-community-art small{font-size:10px}.reference-hub .ref-community-topic-list{padding:7px 13px;font-size:12px;min-height:112px}.reference-hub .ref-community-topic-list a{display:flex;gap:8px;align-items:center;min-height:24px;border-bottom:1px solid #dce5ff;color:#2614da;text-decoration:none}.reference-hub .ref-community-topic-list a:last-child{border-bottom:0}.reference-hub .ref-community-topic-list a::before{content:"";width:9px;height:9px;border-radius:50%;background:#fb54a2;flex-shrink:0}.reference-hub .ref-community-topic-list a:nth-child(2)::before{background:#9fce31}.reference-hub .ref-community-topic-list a:nth-child(3)::before{background:#9d2eff}.reference-hub .ref-community-topic-list a:nth-child(4)::before{background:#ffca12}.reference-hub .ref-community-topic-list strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.reference-hub .ref-community-topic-list small{margin-left:auto;color:#7c88ba;white-space:nowrap}.reference-hub .ref-community-artclub .ref-body{padding:6px 10px;text-align:center}.reference-hub .ref-community-art-strip{height:64px;background-image:url('/img/reference/community.png');background-size:510% auto;background-position:90.3% 88.4%;border-radius:6px}.reference-hub .ref-community-artclub .ref-body>a{font-size:12px;display:block;margin-top:4px;text-decoration:none;color:#2712db}.reference-hub .ref-community-meet .ref-body{display:flex;gap:14px;align-items:center;min-height:70px}.reference-hub .ref-community-meet p{font-size:13px;line-height:1.5;margin:0;flex:1}.reference-hub .ref-community-meet .btn{white-space:nowrap;font-size:12px}
.reference-hub .ref-play-top{display:grid;grid-template-columns:935fr 507fr;gap:10px}.reference-hub .ref-play-hero{position:relative;min-height:305px;background-image:url('/img/reference/play.png');background-size:180% auto;background-position:15.1% 51.6%;overflow:hidden}.reference-hub .ref-play-hero::before{position:absolute;content:"";inset:35px 34% 85px 0;background:linear-gradient(90deg,#110959 5%,#160e69 67%,transparent)}.reference-hub .ref-play-hero .ref-hub-hero-copy{padding:48px 20px 0;max-width:68%}.reference-hub .ref-play-hero h2{font-size:32px;margin:0 0 12px}.reference-hub .ref-play-hero h2 em{color:#ffed80;font-style:normal}.reference-hub .ref-play-hero p{font-size:14px;line-height:1.4}.reference-hub .ref-play-buttons{position:absolute;bottom:16px;left:20px;right:30%;display:grid;grid-template-columns:1.08fr 1fr;gap:12px;z-index:2}.reference-hub .ref-play-buttons .btn{display:flex;align-items:center;gap:14px;padding:10px 14px;min-height:73px;box-shadow:0 0 14px #8f99ff;font-size:19px;text-align:left}.reference-hub .ref-play-buttons .btn>span{font-size:31px;line-height:1}.reference-hub .ref-play-buttons strong{font-size:18px;white-space:nowrap}.reference-hub .ref-play-buttons small{font-size:12px;display:block;font-weight:400;margin-top:5px;white-space:nowrap}.reference-hub .ref-play-aside{display:grid;gap:8px;align-content:start}.reference-hub .ref-play-health{display:flex;gap:12px;align-items:center;color:#149514;background:#e7f4f0;border-radius:10px;padding:10px;margin:0 0 7px}.reference-hub .ref-play-health>i{width:21px;height:21px;flex-shrink:0;background:#99a3c5;border-radius:50%;border:1px solid #a5bdc2}.reference-hub .ref-play-health.is-ready>i{background:linear-gradient(#71ea4d,#19af19);border-color:#2caf18}.reference-hub .ref-play-health.is-unavailable>i{background:#e58c22}.reference-hub .ref-play-health.is-unavailable{background:#fff6df;color:#a95808}.reference-hub .ref-play-health strong{font-size:14px}.reference-hub .ref-play-health p{font-size:12px;margin:3px 0 0;color:#2c20ca}.reference-hub .ref-play-status-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:center;gap:8px;min-height:29px;border-bottom:1px solid #dce6ff;font-size:12px}.reference-hub .ref-play-status-row:last-child{border:0}.reference-hub .ref-play-status-row small{font-size:12px}.reference-hub .ref-play-status-row a{color:#2820c8;text-decoration:none}.reference-hub .ref-play-status-row [data-play-game-status],.reference-hub .ref-play-status-row [data-play-site-status]{color:#278e32}.reference-hub .ref-play-new .ref-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px}.reference-hub .ref-play-new a{display:flex;align-items:center;gap:7px;text-decoration:none;color:#2317d9}.reference-hub .ref-play-new b{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:linear-gradient(#a13fff,#592fe8);color:#fff}.reference-hub .ref-play-new strong{font-size:11px;display:block}.reference-hub .ref-play-new small{font-size:10px;display:block;margin-top:2px}
.reference-hub .ref-play-bottom{display:grid;grid-template-columns:1000fr 440fr;gap:10px;margin-top:9px}.reference-hub .ref-play-worlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reference-hub .ref-play-worlds article{display:flex;flex-direction:column;min-width:0;border-radius:7px;padding:0 2px 2px}.reference-hub .ref-play-worlds h3{margin:7px 0 3px;font-size:14px;color:#2516ca}.reference-hub .ref-play-worlds p{font-size:12px;line-height:1.25;margin:0 0 5px;color:#3020cc;flex:1}.reference-hub .ref-play-worlds .btn{font-size:11px;min-height:27px;padding:5px 7px;width:100%;margin-top:auto}.reference-hub .ref-world-art{aspect-ratio:235/81;width:100%;border:1px solid #d0c7ff;border-radius:6px;background-image:url('/img/reference/play.png');background-size:711.489% auto}.reference-hub .ref-world-one{background-position:8.42% 78.5%}.reference-hub .ref-world-two{background-position:25.8% 78.5%}.reference-hub .ref-world-three{background-position:43.23% 78.5%}.reference-hub .ref-world-four{background-position:60.65% 78.5%}.reference-hub .ref-play-adventures{padding:6px 10px}.reference-hub .ref-play-adventures>a{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dce6ff;padding:5px 0;color:#271acb;text-decoration:none;min-height:57px}.reference-hub .ref-play-adventures>a:last-child{border:0}.reference-hub .ref-play-adventures strong{font-size:12px}.reference-hub .ref-play-adventures p{font-size:11px;margin:3px 0 0;line-height:1.25}.reference-hub .ref-play-adventures b{margin-left:auto;font-size:22px;color:#ee0a92}.reference-hub .ref-adventure-art{display:block;width:84px;height:51px;flex-shrink:0;background-image:url('/img/reference/play.png');background-size:1990.48% auto;border-radius:6px}.reference-hub .ref-adventure-one{background-position:71.55% 75.05%}.reference-hub .ref-adventure-two{background-position:71.55% 82.67%}.reference-hub .ref-adventure-three{background-position:71.55% 90.2%}
.reference-hub .ref-help-top{display:grid;grid-template-columns:665fr 775fr;gap:10px}.reference-hub .ref-help-hero{position:relative;min-height:212px;overflow:hidden;background-image:url('/img/reference/help.png');background-size:251.43% auto;background-position:11.2% 44.44%}.reference-hub .ref-help-hero::before{content:"";position:absolute;inset:42px 35% 0 0;background:linear-gradient(90deg,#140b6a 1%,#130967 73%,transparent)}.reference-hub .ref-help-hero .ref-hub-hero-copy{max-width:69%;padding:46px 18px 10px}.reference-hub .ref-help-hero .ref-hub-hero-copy h2{font-size:27px;margin:0 0 11px}.reference-hub .ref-help-hero .ref-hub-hero-copy p{font-size:14px;line-height:1.4;margin-bottom:0}.reference-hub .ref-help-search .ref-head{min-height:47px;font-size:20px}.reference-hub .ref-help-search .ref-body{padding:18px}.reference-hub .ref-help-search form{display:flex;height:47px;border:1px solid #afa9ff;border-radius:7px;overflow:hidden;background:#fff}.reference-hub .ref-help-search input{min-width:0;flex:1;padding:0 16px;border:0;color:#3b31cd;background:transparent;font-size:13px;outline:none}.reference-hub .ref-help-search input:focus{box-shadow:inset 0 0 0 2px #9848f4}.reference-hub .ref-help-search button{width:59px;flex-shrink:0;border:0;background:linear-gradient(#ff15b0,#d70073);color:#fff;font-size:37px;cursor:pointer}.reference-hub .ref-help-search p{font-size:11px;margin:15px 0 0}.reference-hub .ref-help-search [data-help-result]{font-size:12px;color:#7740bc}
.reference-hub .ref-help-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:9px 0}.reference-hub .ref-help-shortcuts>a{display:flex;gap:20px;align-items:center;min-height:84px;padding:10px 19px;color:#fff;border:1px solid #c5edff;border-radius:10px;box-shadow:0 1px 4px #30a0ce55,inset 0 1px 2px #ffffff98;text-decoration:none}.reference-hub .ref-help-shortcuts>a:hover{filter:brightness(1.06)}.reference-hub .ref-help-shortcuts span{font-size:38px;line-height:1}.reference-hub .ref-help-shortcuts strong{display:block;font-size:20px;white-space:nowrap}.reference-hub .ref-help-shortcuts small{display:block;font-size:13px;line-height:1.4;margin-top:3px}.reference-hub .ref-help-shortcuts b{font-size:26px;margin-left:auto}.reference-hub .ref-help-bottom{display:grid;grid-template-columns:545fr 456fr 438fr;gap:10px}.reference-hub .ref-help-guides{padding:4px 12px}.reference-hub .ref-help-guides>a{display:flex;align-items:center;gap:21px;padding:5px 0;border-bottom:1px solid #dbe6ff;text-decoration:none;color:#281ad6;min-height:51px}.reference-hub .ref-help-guides>a:last-child{border:0}.reference-hub .ref-help-guides strong{font-size:13px}.reference-hub .ref-help-guides p{font-size:12px;line-height:1.2;margin:3px 0 0}.reference-hub .ref-help-guides b{margin-left:auto;font-size:22px}.reference-hub .ref-guide-art{display:block;flex-shrink:0;width:112px;height:42px;border-radius:6px;background-image:url('/img/reference/help.png');background-size:1492.857% auto}.reference-hub .ref-guide-one{background-position:7.95% 75.08%}.reference-hub .ref-guide-two{background-position:7.95% 80.44%}.reference-hub .ref-guide-three{background-position:7.95% 85.9%}.reference-hub .ref-guide-four{background-position:7.95% 91.25%}.reference-hub .ref-help-faq{padding:5px 12px}.reference-hub .ref-help-faq details{border-bottom:1px solid #d8e7ff;font-size:12px}.reference-hub .ref-help-faq details:last-child{border:0}.reference-hub .ref-help-faq summary{position:relative;padding:4px 13px 4px 20px;cursor:pointer;list-style:none;line-height:1.2;color:#2615d9}.reference-hub .ref-help-faq summary::-webkit-details-marker{display:none}.reference-hub .ref-help-faq summary::before{content:"?";position:absolute;left:0;top:3px;width:13px;height:13px;border-radius:50%;font-size:10px;display:grid;place-items:center;background:#2620e1;color:#fff;font-weight:700}.reference-hub .ref-help-faq summary::after{content:"›";position:absolute;right:0;font-size:20px;top:0}.reference-hub .ref-help-faq details[open] summary{font-weight:700}.reference-hub .ref-help-faq details[open] summary::after{transform:rotate(90deg)}.reference-hub .ref-help-faq p{margin:4px 0 8px 20px;font-size:12px;line-height:1.5;color:#455b8e}.reference-hub .ref-help-faq a{color:#a30c9d}.reference-hub .ref-help-faq [hidden]{display:none}.reference-hub .ref-help-no-results{font-size:13px;margin:12px}.reference-hub .ref-help-immediate .ref-body{padding:5px 13px}.reference-hub .ref-help-immediate .ref-body>a{display:flex;gap:18px;align-items:center;padding:6px 0;border-bottom:1px solid #dce5ff;text-decoration:none;color:#2517d5}.reference-hub .ref-help-immediate .ref-body>a>span{font-size:35px;line-height:1;color:#14ac1f;width:50px;text-align:center;flex-shrink:0}.reference-hub .ref-help-immediate .ref-body>a:nth-child(2)>span{color:#076bff}.reference-hub .ref-help-immediate .ref-body>a:nth-child(3)>span{color:#ff005d}.reference-hub .ref-help-immediate strong{font-size:13px}.reference-hub .ref-help-immediate p{font-size:11px;line-height:1.25;margin:3px 0}.reference-hub .ref-help-immediate b{margin-left:auto;color:#f00089;font-size:22px}.reference-hub .ref-help-immediate .ref-help-together{padding:7px 4px;margin:0;border-radius:5px;background:#ffe4ff;text-align:center;color:#9a0fea;font-weight:700;font-style:italic;font-size:15px;line-height:1.2}
@media(max-width:1200px){.reference-hub .ref-hub-hero-copy h2{font-size:23px}.reference-hub .ref-hub-hero-copy p{font-size:12px}.reference-hub .ref-community-top{grid-template-columns:1.6fr 1fr;height:auto}.reference-hub .ref-community-aside{grid-column:1/-1;grid-template-columns:1fr 1fr}.reference-hub .ref-community-bottom{grid-template-columns:1fr 1fr;grid-template-rows:auto}.reference-hub .ref-community-artclub{grid-column:2;grid-row:2}.reference-hub .ref-community-meet{grid-column:1;grid-row:2}.reference-hub .ref-community-meet .ref-body{flex-wrap:wrap}.reference-hub .ref-community-meet p{flex-basis:100%}.reference-hub .ref-play-buttons{right:10px;gap:8px;left:10px}.reference-hub .ref-play-buttons strong{font-size:15px}.reference-hub .ref-play-buttons small{font-size:10px}.reference-hub .ref-play-hero h2{font-size:29px}.reference-hub .ref-play-bottom{grid-template-columns:1fr}.reference-hub .ref-play-adventures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-hub .ref-play-adventures>a{border-bottom:0}.reference-hub .ref-help-shortcuts>a{gap:10px;padding:10px}.reference-hub .ref-help-shortcuts strong{font-size:16px}.reference-hub .ref-help-shortcuts small{font-size:11px}.reference-hub .ref-help-shortcuts span{font-size:29px}.reference-hub .ref-help-bottom{grid-template-columns:1fr 1fr}.reference-hub .ref-help-immediate{grid-column:1/-1}.reference-hub .ref-help-immediate .ref-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reference-hub .ref-help-immediate .ref-help-together{grid-column:1/-1}.reference-hub .ref-help-hero .ref-hub-hero-copy h2{font-size:23px}.reference-hub .ref-help-hero .ref-hub-hero-copy p{font-size:12px}.reference-hub .ref-help-guides>a{gap:10px}}
@media(max-width:760px){.reference-hub .ref-community-top,.reference-hub .ref-community-bottom,.reference-hub .ref-play-top,.reference-hub .ref-help-top,.reference-hub .ref-help-bottom{grid-template-columns:1fr}.reference-hub .ref-community-hero{min-height:245px}.reference-hub .ref-community-top>*{grid-column:auto}.reference-hub .ref-community-aside{grid-template-columns:1fr}.reference-hub .ref-community-bottom>*{grid-column:auto;grid-row:auto}.reference-hub .ref-community-artclub{display:none}.reference-hub .ref-community-hero .ref-hub-hero-copy{max-width:78%}.reference-hub .ref-community-hero .ref-hub-hero-copy h2{font-size:23px}.reference-hub .ref-community-hero .ref-hub-hero-copy p{font-size:12px}.reference-hub .ref-play-hero{min-height:290px}.reference-hub .ref-play-hero .ref-hub-hero-copy{max-width:84%}.reference-hub .ref-play-buttons .btn{padding:8px;gap:7px;min-height:59px}.reference-hub .ref-play-buttons .btn>span{font-size:21px}.reference-hub .ref-play-buttons strong{font-size:12px;white-space:normal}.reference-hub .ref-play-buttons small{font-size:9px;white-space:normal}.reference-hub .ref-play-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-hub .ref-play-adventures{grid-template-columns:1fr}.reference-hub .ref-help-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-hub .ref-help-shortcuts>a{min-height:83px;gap:8px}.reference-hub .ref-help-shortcuts strong{font-size:14px}.reference-hub .ref-help-shortcuts span{font-size:24px}.reference-hub .ref-help-immediate .ref-body{display:block}.reference-hub .ref-help-hero .ref-hub-hero-copy{max-width:77%}.reference-hub .ref-play-new .ref-body{gap:4px}.reference-hub .ref-play-new strong{font-size:10px}.reference-hub .ref-play-new small{font-size:9px}.reference-hub .ref-play-new b{width:20px;height:20px}}

/* Isolated artwork layers prevent the shared panel surface from replacing it. */
.reference-hub .ref-panel.ref-community-hero,.reference-hub .ref-panel.ref-play-hero{isolation:isolate;background:radial-gradient(circle at 25% 18%,#935ee6 0 1px,transparent 2px),radial-gradient(circle at 38% 62%,#ceadff 0 1px,transparent 2px),linear-gradient(120deg,#160962,#10094a)}
.reference-hub .ref-community-hero::after{content:"";position:absolute;z-index:-1;inset:0 0 0 53%;background-image:url('/img/reference/community.png');background-size:499% auto;background-position:41.2% 45.65%}
.reference-hub .ref-community-hero::before{z-index:0;inset:0 26% 0 0;background:linear-gradient(90deg,#160e66 70%,transparent)}
.reference-hub .ref-play-hero::after{content:"";position:absolute;z-index:-1;inset:15% 0 0 61%;background-image:url('/img/reference/play.png');background-size:523% auto;background-position:53.7% 56.96%}
.reference-hub .ref-play-hero::before{z-index:0;inset:0 27% 0 0;background:linear-gradient(90deg,#160d67 77%,transparent)}
.reference-hub .ref-panel.ref-help-hero{background-image:url('/img/reference/help.png');background-size:251.43% auto;background-position:11.2% 44.44%}
.reference-hub .ref-help-hero::before{inset:40px 30% 0 0;background:linear-gradient(90deg,#140b6a 80%,transparent)}
.reference-hub .ref-community-spaces{height:253px}.reference-hub .ref-community-spaces .ref-body{padding:3px 9px}.reference-hub .ref-community-spaces .ref-space{min-height:69px;padding:5px 0}.reference-hub .ref-community-spaces .ref-space>span{height:55px;width:61px}
.reference-hub .ref-community-meet .ref-body{min-height:61px}.reference-hub .ref-community-bottom{grid-template-rows:154px 106px}
.reference-hub .ref-help-guides>a{min-height:46px;padding:3px 0;gap:18px}.reference-hub .ref-help-guides strong{font-size:13px}.reference-hub .ref-help-faq summary{padding-top:3px;padding-bottom:3px}.reference-hub .ref-help-immediate .ref-body>a{padding:4px 0}.reference-hub .ref-help-immediate .ref-help-together{padding:5px 4px;font-size:14px}
@media(max-width:1200px){.reference-hub .ref-community-top{height:auto}.reference-hub .ref-community-bottom{grid-template-rows:auto}.reference-hub .ref-community-spaces{height:auto}}
@media(max-width:760px){.reference-hub .ref-help-shortcuts>a{min-width:0;gap:6px;padding:9px 8px}.reference-hub .ref-help-shortcuts strong{white-space:normal;font-size:13px}.reference-hub .ref-help-shortcuts small{font-size:10px}.reference-hub .ref-help-shortcuts span{font-size:22px;flex-shrink:0}.reference-hub .ref-help-shortcuts b{font-size:18px}.reference-hub .ref-help-guides>a{gap:10px}.reference-hub .ref-help-hero .ref-hub-hero-copy{max-width:88%}.reference-hub .ref-help-hero .ref-hub-hero-copy h2{font-size:22px}.reference-hub .ref-help-hero::before{right:18%}.reference-hub .ref-community-hero::after{left:52%;background-size:auto 1060px;background-position:43% 45%}.reference-hub .ref-play-hero::after{left:57%;background-size:auto 950px;background-position:60% 57%}}

.reference-hub .ref-community-top{grid-template-rows:253px}.reference-hub .ref-community-hero{height:253px;min-height:0}.reference-hub .ref-play-hero::after{background-position:53.7% 58.3%;mask-image:linear-gradient(90deg,transparent,#000 15%)}
@media(max-width:1200px){.reference-hub .ref-community-top{grid-template-rows:auto}.reference-hub .ref-community-hero{height:auto;min-height:253px}}

.reference-hub .ref-community-aside{align-self:start;height:auto;grid-auto-rows:max-content}.reference-hub .ref-community-aside>.ref-panel{min-height:0}
