.reference-dashboard{background:#080a0c;padding-top:9px;border-radius:14px 14px 0 0}.reference-dashboard .premium{border-color:#2c414f;border-radius:13px 13px 0 0;min-height:240px;background:#101f2a;padding:43px 38px}.dashboard-hero-image{position:absolute;inset:0 auto 0 0;width:50%;height:100%;object-fit:cover;opacity:.55;mask-image:linear-gradient(to right,black 25%,transparent 100%)}.reference-dashboard .premium:before{z-index:1;background:repeating-linear-gradient(45deg,transparent 0 80px,#80ceff08 81px 83px,transparent 84px 125px)}.reference-dashboard .premium-copy{z-index:2;max-width:760px}.reference-dashboard .premium h1{font-size:27px;line-height:1.7;margin-bottom:14px}.reference-dashboard .content{max-width:1300px;margin:31px auto;padding:0 30px}.reference-dashboard .play-panel{border:1px solid #2b3034;border-radius:15px;background:#121416;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.reference-dashboard .play-area{padding:24px}.reference-dashboard .social{border-color:#262c31;background:#090c0e;padding:24px}.reference-dashboard .skill{border-radius:7px;font-size:9px;padding:10px 12px}.reference-dashboard .skill b{font-size:12px}.dashboard-launch{display:grid;grid-template-columns:minmax(170px,245px) minmax(0,1fr);gap:25px;align-items:center;margin-top:35px}.dashboard-launch .mode{width:100%;max-width:none;margin:0;border:0;border-radius:5px;background:#202224}.dashboard-launch .mode-art{height:235px;background:linear-gradient(#12171c 0,#173b54 45%,#80ceff 100%)}.dashboard-launch .mode-label{padding:26px 8px;font-size:12px}.launch-description{padding:5px 0}.launch-description>small{font:500 8px Arial;letter-spacing:1.5px;color:#668ba6}.launch-description h2{font-size:24px;line-height:1.8;margin:15px 0;color:#d4e5f2;font-weight:800}.launch-description p{font-size:11px;line-height:2;color:#7d9ab1}.launch-chips{display:flex;gap:7px;margin:18px 0}.launch-chips span{font-size:9px;color:#92b4cd;border:1px solid #324959;border-radius:4px;padding:5px 8px}.launch-description>a{font-size:10px;color:#80ceff}.reference-dashboard .party-box,.reference-dashboard .club-box{background:#131619;border-radius:7px;padding:8px}.reference-dashboard .party-top{min-height:47px}.reference-dashboard .avatars span{width:30px!important;height:30px!important;flex:0 0 30px}.reference-dashboard .club{padding:9px 8px;border:0;background:#202326;margin-bottom:7px;border-radius:4px}.reference-dashboard .club b{font:600 11px Vazirmatn,Tahoma;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.reference-dashboard .club-icon{font-size:8px;flex-shrink:0}.reference-dashboard .club small{font-size:9px}.dashboard-empty{font-size:10px;line-height:2;color:#607f96;padding:8px}.reference-dashboard .club-title{margin-top:35px!important}.dashboard-feed-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;margin-top:35px;align-items:start}.dashboard-feed-grid .section-heading{margin-bottom:15px}.dashboard-feed-grid h2{font-size:13px}.dashboard-feed-grid .tile{border:0;border-radius:5px;background:#141719;min-height:0}.dashboard-feed-grid .post{padding:14px}.dashboard-feed-grid .post p{font-size:11px;line-height:2;margin:18px 0}.dashboard-post-art{background:repeating-linear-gradient(130deg,transparent 0 50px,#80ceff09 51px 80px),#173044;min-height:180px;display:flex;flex-direction:column;justify-content:center;padding:24px;margin-bottom:18px;direction:ltr}.dashboard-post-art>span{font:900 37px Arial;line-height:1.05;color:#bce7ff}.dashboard-post-art small{font:8px Arial;letter-spacing:2px;margin-top:15px;color:#6babcF}.dashboard-feed-grid .post>a{font-size:10px}.dashboard-middle-column{display:grid;gap:30px}.dashboard-feed-grid .stream{height:180px;position:relative;overflow:hidden;background:#111c25}.stream img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}.stream>span{position:relative;font-size:43px;color:#bce6ff}.stream>small{position:absolute;bottom:16px;left:10px;right:10px;font-size:9px;color:#a7c2d4}.dashboard-feed-grid .tile-caption{font-size:10px;line-height:1.9;padding:14px}.dashboard-feed-grid .shop-art{height:165px;font-size:44px}.dashboard-news>img{width:100%;height:180px;object-fit:cover;display:block;opacity:.7}.dashboard-news>div{padding:17px}.dashboard-news small{font-size:9px;color:#80ceff}.dashboard-news h3{font-size:13px;line-height:1.9;margin:10px 0}.dashboard-news p{font-size:10px;line-height:2;color:#728da1}.dashboard-news a{font-size:10px;color:#80ceff}.dashboard-community-note{border:1px solid #293a47;padding:20px;margin-top:25px;border-radius:5px}.dashboard-community-note b{font-size:12px}.dashboard-community-note p{font-size:10px;line-height:2;color:#7894a9}.dashboard-community-note a{font-size:10px;color:#80ceff}.reference-dashboard .footnote{font-size:9px;margin-top:30px;line-height:2}@media(max-width:1250px){.reference-dashboard .play-panel{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}.dashboard-launch{grid-template-columns:minmax(130px,1fr);margin-top:25px;gap:15px}.dashboard-launch .mode{max-width:none}.dashboard-launch .mode-art{height:200px}.launch-description{display:none}.reference-dashboard .social{padding:21px 18px;display:block;border-top:0;border-right:1px solid #262c31}.dashboard-feed-grid{gap:18px}.dashboard-feed-grid .stream,.dashboard-news>img{height:150px}.dashboard-post-art>span{font-size:29px}}@media(max-width:950px){.reference-dashboard .content{padding:0 22px}.reference-dashboard .premium{padding:32px 27px;min-height:220px}.reference-dashboard .premium h1{font-size:22px}.dashboard-feed-grid{grid-template-columns:1fr 1fr}.dashboard-news-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-news-column>.section-heading{grid-column:1/-1;margin:0}.dashboard-community-note{margin-top:0}.reference-dashboard .play-panel{grid-template-columns:minmax(0,1fr) minmax(225px,1fr)}.reference-dashboard .play-area{padding:20px}.dashboard-launch .mode-art{height:205px}}@media(max-width:720px){.reference-dashboard .premium{border-radius:0;padding:27px 22px;min-height:220px}.reference-dashboard .premium h1{font-size:22px}.reference-dashboard .content{padding:0 15px;margin-top:20px}.reference-dashboard .play-panel{grid-template-columns:1fr}.reference-dashboard .social{display:grid;grid-template-columns:1fr;border-right:0;border-top:1px solid #2a343c;gap:23px;padding:20px}.reference-dashboard .club-title{margin-top:0!important}.dashboard-launch{grid-template-columns:1fr 1fr;gap:20px}.launch-description{display:block}.launch-description h2{font-size:20px}.launch-description p{font-size:10px}.dashboard-launch .mode-art{height:190px}.dashboard-feed-grid{grid-template-columns:1fr;gap:28px}.dashboard-news-column{grid-column:auto;display:block}.dashboard-news-column>.section-heading{margin-bottom:15px}.dashboard-community-note{margin-top:23px}.dashboard-feed-grid .stream,.dashboard-news>img{height:200px}.dashboard-post-art{min-height:200px}.dashboard-post-art>span{font-size:40px}}@media(max-width:440px){.dashboard-launch{grid-template-columns:1fr}.launch-description{display:none}.dashboard-launch .mode-art{height:200px}}
/* Keep the heading and skill together, with one centered matchmaking card. */
.reference-dashboard .launch-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.reference-dashboard .launch-header .launch-description{display:block;padding:0}
.reference-dashboard .launch-header h2{font-size:20px;line-height:1.7;margin:7px 0 0}
.reference-dashboard .launch-header .skill{margin:0;flex-shrink:0;align-self:center}
.reference-dashboard .dashboard-launch{display:flex;justify-content:center;margin-top:24px}
.reference-dashboard .dashboard-launch .mode{width:100%;max-width:330px}
.reference-dashboard .dashboard-launch .mode-art{height:190px}
.reference-dashboard .dashboard-launch .mode-label{padding:18px 12px}
@media(max-width:950px){.reference-dashboard .launch-header{gap:12px}.reference-dashboard .launch-header h2{font-size:18px}.reference-dashboard .launch-header .skill{font-size:8px}.reference-dashboard .launch-header .skill b{font-size:10px}}
/* Dashboard hero: clearer image, balanced copy, quieter feature chips. */
.reference-dashboard .premium{min-height:260px;padding:34px 36px;display:flex;align-items:center;isolation:isolate;background:#111b22;border:1px solid #30404b}
.reference-dashboard .premium .dashboard-hero-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center;opacity:.85;mask-image:none;filter:saturate(.8)}
.reference-dashboard .premium:before{background:linear-gradient(90deg,#0c151c10 0%,#0c151c30 31%,#101b22ed 58%,#101b22 100%)}
.reference-dashboard .premium-copy{position:relative;width:54%;max-width:600px;z-index:2;margin:0}
.dashboard-hero-eyebrow{display:block;font:800 9px/1.5 Arial,sans-serif;letter-spacing:2px;color:#8cabbf;margin-bottom:12px}
.reference-dashboard .premium h1{font-size:27px;line-height:1.8;margin:0 0 20px;color:#edf3f7;text-shadow:0 2px 12px #0005}
.reference-dashboard .premium h1 em{color:#80ceff;font-style:normal}
.reference-dashboard .premium .perks{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.reference-dashboard .premium .perks>span{border:1px solid #526a7b55;border-radius:5px;background:#1c2b36b3;color:#c0d2df;padding:6px 9px;font-size:9px;line-height:1.6;white-space:nowrap}
@media(max-width:950px){.reference-dashboard .premium{min-height:250px;padding:27px 25px}.reference-dashboard .premium-copy{width:57%}.reference-dashboard .premium h1{font-size:23px}.reference-dashboard .premium .perks{gap:6px}.reference-dashboard .premium .perks>span{font-size:8px;padding:5px 7px}}
@media(max-width:600px){.reference-dashboard .premium{min-height:340px;padding:170px 22px 25px;align-items:flex-end}.reference-dashboard .premium-copy{width:100%}.reference-dashboard .premium .dashboard-hero-image{object-position:25% center}.reference-dashboard .premium:before{background:linear-gradient(0deg,#101b22 0%,#101b22f0 35%,#101b2230 75%,#101b2210)}.reference-dashboard .premium h1{font-size:23px;margin-bottom:14px}.dashboard-hero-eyebrow{font-size:8px;margin-bottom:8px}.reference-dashboard .premium .perks>span{font-size:9px}}
/* Preserve the layout while tidying the banner and dashboard rhythm. */
.reference-dashboard .premium{border-radius:12px 12px 0 0}
.reference-dashboard .premium>.dashboard-hero-eyebrow{position:absolute;top:18px;left:22px;right:auto;z-index:3;margin:0;padding:6px 9px;border:1px solid #b4d7ed26;border-radius:4px;background:#101b2299;color:#bed8e9;backdrop-filter:blur(6px);font-size:9px;letter-spacing:1.8px;line-height:1.4}
.reference-dashboard .content{margin-top:28px}
.reference-dashboard .dashboard-feed-grid{gap:24px;margin-top:32px}
.reference-dashboard .dashboard-feed-grid .section-heading{min-height:20px;margin-bottom:14px}
.reference-dashboard .dashboard-middle-column{gap:26px}
.reference-dashboard .dashboard-community-note{margin-top:24px}
.reference-dashboard .footnote{margin-top:28px;padding-top:6px}
@media(max-width:720px){.reference-dashboard .premium{border-radius:10px 10px 0 0}.reference-dashboard .premium>.dashboard-hero-eyebrow{top:14px;left:16px;font-size:8px;letter-spacing:1.3px}.reference-dashboard .content{margin-top:22px}.reference-dashboard .dashboard-feed-grid{gap:25px;margin-top:27px}}
/* Keep the desktop banner at the reference's 240px height on wide screens. */
.reference-dashboard .premium{height:240px;min-height:240px;max-height:240px;margin-inline:10px;width:calc(100% - 20px);padding:30px 38px;border-radius:14px 14px 0 0}
.reference-dashboard .premium .dashboard-hero-image{object-position:left center;object-fit:cover}
.reference-dashboard .premium-copy{width:54%;max-width:620px;margin-inline-start:0}
.reference-dashboard .premium h1{font-size:clamp(22px,1.65vw,28px);line-height:1.7;margin-bottom:18px}
.reference-dashboard .premium>.dashboard-hero-eyebrow{top:17px;left:20px}
@media(min-width:1500px){.reference-dashboard .premium .dashboard-hero-image{width:100%;object-position:center 48%}.reference-dashboard .premium:before{background:linear-gradient(90deg,#0c151c10 0%,#0c151c30 35%,#101b22e6 65%,#101b22 100%)}}
@media(max-width:950px){.reference-dashboard .premium{height:240px;min-height:240px;max-height:240px;padding:28px 25px}.reference-dashboard .premium-copy{width:57%}}
@media(max-width:600px){.reference-dashboard .premium{height:auto;min-height:320px;max-height:none;width:calc(100% - 16px);margin-inline:8px;padding:155px 20px 24px;border-radius:10px 10px 0 0}.reference-dashboard .premium-copy{width:100%;max-width:none}.reference-dashboard .premium .dashboard-hero-image{object-position:25% center}.reference-dashboard .premium h1{font-size:22px}}

.reference-dashboard .premium{border-radius:16px 16px 0 0;overflow:hidden}@media(max-width:600px){.reference-dashboard .premium{border-radius:12px 12px 0 0}}

.reference-dashboard .premium{margin-inline:0;width:100%}@media(max-width:600px){.reference-dashboard .premium{margin-inline:0;width:100%}}

.reference-dashboard .premium{height:290px;min-height:290px;max-height:290px}@media(max-width:950px){.reference-dashboard .premium{height:280px;min-height:280px;max-height:280px}}@media(max-width:600px){.reference-dashboard .premium{height:auto;min-height:350px;max-height:none}}
/* Flush banner with a little more vertical space. */
.main.reference-dashboard{padding-top:0}
.reference-dashboard .premium{height:320px;min-height:320px;max-height:320px;margin-top:0}
@media(max-width:950px){.reference-dashboard .premium{height:310px;min-height:310px;max-height:310px}}
@media(max-width:600px){.reference-dashboard .premium{height:auto;min-height:370px;max-height:none}}
/* Align the hero with the workspace edges, keeping its rounded top corners. */
body>main.main.reference-dashboard{padding-inline:0;padding-top:0;scrollbar-gutter:auto;border-radius:16px 16px 0 0}
.reference-dashboard>.premium{margin:0;width:100%;box-sizing:border-box;border-top:0;border-inline:0;border-top-left-radius:16px;border-top-right-radius:16px}
@media(max-width:720px){body>main.main.reference-dashboard{border-radius:12px 12px 0 0}.reference-dashboard>.premium{border-top-left-radius:12px;border-top-right-radius:12px}}

.dashboard-hero-image{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}