.hub-experience{--hub-section-gap:28px;--hub-content-padding:28px}.hub-experience .hub-content{gap:var(--hub-section-gap);flex-direction:column;display:flex}.hub-experience .hub-content>*{min-width:0;margin-block:0}.hub-experience .hub-content>.panel{padding:var(--hub-content-padding)}.hub-experience .hub-content>section>.eyebrow:first-child{margin:0 0 14px}.hub-experience .hub-content .hub-block{padding:var(--hub-content-padding)}.hub-experience .hub-content .hub-block>:first-child{margin-top:0}.hub-experience .hub-content .hub-block>:last-child{margin-bottom:0}.hub-experience .hub-content .hub-block h2{margin:0 0 18px;line-height:1.3}.hub-experience .hub-content .hub-block>.eyebrow{margin-bottom:12px}.hub-experience .hub-content .community-description{margin-block:0;line-height:1.8}.hub-experience .hub-content .hub-block .community-description+*{margin-top:20px}.hub-experience .hub-content .hub-block .hub-block-image{margin-block:20px}.hub-experience .hub-content>section>h2:first-child{margin-top:0}.hub-experience .hub-content .discovery-grid{gap:24px}.hub-experience .hub-content .discovery-grid>*{margin-block:0}.hub-studio-content>fieldset{flex-direction:column;gap:24px;display:flex}.hub-studio-content>fieldset>.hub-preview{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0 auto}.hub-studio-content>fieldset>.hub-preview-mobile{width:390px;max-width:100%}.hub-studio-content .hub-preview>.hub-experience{width:100%;min-width:0}.hub-studio-content>fieldset>.panel{margin-block:0}.hub-studio-content>fieldset>.panel>.account-head{flex-wrap:wrap;margin-bottom:20px}.hub-studio-content>fieldset>.panel>:last-child{margin-bottom:0}.hub-directory-page{max-width:1320px}.hub-directory-hero{background:radial-gradient(at 95% 20%,#1c6a8344,#0000 55%),linear-gradient(125deg,#132d48,#0c172b 70%);border:1px solid #285470;border-radius:24px;justify-content:space-between;align-items:center;gap:32px;padding:clamp(24px,4vw,56px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.hub-directory-hero h1{letter-spacing:-.035em;margin:18px 0;font-size:clamp(28px,3.6vw,46px);line-height:1.12}.hub-directory-hero h1 span{color:#34c7f4}.hub-directory-hero p:last-child{color:#b1c8d9;max-width:500px;line-height:1.7}.hub-directory-count{color:#9bbacf;border-left:1px solid #3b6981;gap:8px;min-width:145px;padding-left:32px;font-size:12px;display:grid}.hub-directory-count strong{color:#effaff;font-variant-numeric:tabular-nums;font-size:64px;line-height:1}.hub-directory-page .challenge-directory-tabs{background:#091a2a;border:1px solid #24475d;border-radius:14px;gap:6px;width:fit-content;padding:6px}.hub-directory-page .challenge-directory-tabs .button{min-height:48px;box-shadow:none;color:#a3bdcf;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;display:inline-flex}.hub-directory-page .challenge-directory-tabs [aria-pressed=true]{color:#fff;background:#17435b;box-shadow:inset 0 0 0 1px #2d6d8a}.hub-directory-page .nav-icon,.hub-studio .nav-icon,.hub-highlights .nav-icon{flex-shrink:0;width:20px;height:20px}.hub-directory-toolbar{justify-content:space-between;align-items:end;gap:20px;margin:30px 0 12px;display:flex}.hub-directory-toolbar label{color:#a3bdd1;width:min(100%,460px);margin:0;font-size:12px}.hub-directory-toolbar input{border-radius:12px;min-height:48px;margin:8px 0 0}.hub-directory-toolbar .button{align-items:center;gap:10px;min-height:48px;display:flex}.hub-results{color:#91afc3;margin:18px 0;font-size:12px}.hub-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.hub-discovery-card{color:#e9f6ff;background:linear-gradient(150deg,#102a40,#091a2c);border:1px solid #28465f;border-radius:20px;flex-direction:column;min-width:0;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.hub-discovery-card:hover{border-color:#41bce9;transform:translateY(-4px);box-shadow:0 18px 45px #0004}.hub-discovery-card:focus-visible{outline-offset:4px;outline:2px solid #63dcff}.hub-discovery-art{background:radial-gradient(at 80% 0,#5050a950,#0000),#081625;align-items:center;min-height:120px;padding:18px 0 38px;display:flex;position:relative}.hub-discovery-art .hub-cover{aspect-ratio:4;border:0;border-radius:0;width:100%;margin:0}.hub-discovery-mark{letter-spacing:.16em;color:#98c4de;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:10px;left:20px}.hub-discovery-mark .nav-icon{width:14px;height:14px}.hub-discovery-body{flex-direction:column;flex:1;padding:22px;display:flex}.hub-discovery-body h2{letter-spacing:-.02em;color:#ecf9ff;overflow-wrap:anywhere;margin:8px 0 14px;font-size:23px}.hub-discovery-description{color:#adc3d4;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 24px;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.hub-discovery-link{color:#45d2ff;border-top:1px solid #284458;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:12px;font-weight:700;display:flex}.hub-discovery-link>span{font-size:20px}.hub-empty{text-align:center;padding:40px}.global-ranking{background:radial-gradient(at 100% 0,#22355988,#0000 65%),#0a1c2d;border-radius:22px;padding:clamp(18px,3vw,36px)}.global-ranking h2{max-width:750px;font-size:clamp(24px,3vw,32px)}.global-ranking>p{max-width:780px;line-height:1.7}.global-ranking .challenge-note{background:#ffffff03;border-left:2px solid #4589a6;padding:14px 18px}.global-ranking .challenge-game-filter{max-width:420px}.ranking-leaders{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0;display:grid}.ranking-leader{background:linear-gradient(130deg,#17384e,#102135);border:1px solid #365875;border-radius:16px;flex-direction:column;gap:10px;padding:22px;text-decoration:none;display:flex;position:relative}.ranking-leader strong{color:#eefaff;overflow-wrap:anywhere;font-size:20px}.ranking-leader>span:last-child{color:#a4c2d8;font-size:12px}.ranking-leader .ranking-place{color:#b7d3e6;font-weight:800;position:absolute;top:18px;right:18px}.ranking-leader.rank-1{background:linear-gradient(130deg,#3a3424,#102135 85%);border-color:#a98d4c}.ranking-leader.rank-1 .nav-icon{color:#f2d183}.ranking-caption{text-align:left;color:#9ab7ca;padding:16px 0;font-size:12px}.global-ranking .challenge-table{border:1px solid #28475e;border-radius:12px;padding:0 12px}.global-ranking .challenge-table td:nth-child(2){overflow-wrap:anywhere}.global-ranking .challenge-table tbody tr:hover{background:#35bff708}.hub-studio{max-width:1440px;margin:auto}.hub-studio-header{background:linear-gradient(115deg,#112d42,#101d34);border-radius:20px;padding:clamp(22px,3vw,36px)}.hub-studio-header h1{font-size:clamp(25px,3vw,34px)}.hub-studio-header .row-actions{align-items:center;gap:12px}.hub-studio-header .row-actions>a{margin-right:10px;font-size:12px}.hub-studio-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:24px;margin-top:24px;display:grid}.hub-studio-sidebar{background:linear-gradient(160deg,#102637,#081725);border:1px solid #294c61;border-radius:18px;padding:20px 12px;position:sticky;top:94px}.hub-studio-sidebar>.eyebrow{padding:0 10px}.hub-studio-sidebar nav{gap:8px;margin-top:20px;display:grid}.hub-studio .hub-tool{text-align:left;color:#a7c2d5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;min-height:60px;padding:14px 12px;display:flex}.hub-tool>span{font-size:13px;font-weight:700}.hub-tool small{color:#8dafc4;margin-top:6px;font-size:10px;font-weight:400;line-height:1.5;display:block}.hub-studio .hub-tool[aria-pressed=true]{color:#fff;background:#153950;border-color:#30718e}.hub-studio .hub-tool:hover{background:#153950}.hub-studio-help{color:#86a9be;border-top:1px solid #26465a;margin:24px 10px 0;padding-top:18px;font-size:11px;line-height:1.7}.hub-studio-content{min-width:0}.hub-studio .hub-tool-trigger{display:none}.hub-breadcrumb{color:#a2c1d4;margin:0 0 18px;font-size:11px}.hub-breadcrumb span{color:#31c9fc;padding:0 12px}.hub-studio-content>fieldset>.panel{background:linear-gradient(125deg,#10263990,#091c2c);border-radius:18px;padding:clamp(18px,3vw,30px)}.hub-studio-content input:not([type=checkbox]),.hub-studio-content select,.hub-studio-content textarea{border-radius:10px;min-height:46px}.hub-studio-content .hub-identity-fields>section{background:#07172670;border:1px solid #2a4c62;border-radius:14px;margin:24px 0;padding:20px}.hub-studio-content .hub-identity-fields>p{color:#9ab6ca;margin-bottom:26px}.hub-studio-content .hub-theme-options{flex-wrap:wrap;gap:14px;display:flex}.hub-studio-content .hub-theme-options button{border-radius:14px;min-width:150px;min-height:100px}.hub-studio-content .hub-theme-options [aria-pressed=true]{outline-offset:3px;outline:2px solid #b4ecff}.hub-experience .hub-identity{border-color:color-mix(in srgb,var(--accent) 40%,#142637);border-radius:24px;box-shadow:0 20px 55px #0003}.hub-experience .hub-identity-row h1{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(28px,4vw,56px)}.hub-experience .hub-identity-row{align-items:center}.hub-experience .hub-identity .button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;min-height:44px}.hub-highlights{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-wrap:wrap;align-items:center;gap:24px;margin:0 0 24px;padding:18px 22px;display:flex}.hub-highlights>span{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.hub-highlights strong,.hub-highlights .nav-icon{color:var(--accent)}.hub-experience .hub-content>.panel{border-radius:18px;padding:28px}.hub-experience .hub-sidebar{background:linear-gradient(150deg,var(--surface-raised),var(--surface));border-radius:18px}@media (max-width:1050px){.hub-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.hub-directory-hero{border-radius:18px;padding:24px;display:block}.hub-directory-count{border-top:1px solid #33536b;border-left:0;align-items:center;gap:12px;margin-top:20px;padding:18px 0 0;display:flex}.hub-directory-count strong{font-size:32px}.hub-directory-page .challenge-directory-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.hub-directory-page .challenge-directory-tabs .button{gap:7px;width:auto;padding:12px 8px;font-size:12px}.hub-directory-toolbar{flex-direction:column;align-items:stretch}.hub-directory-toolbar label{width:100%}.hub-directory-toolbar .button{justify-content:center}.hub-directory-grid{grid-template-columns:minmax(0,1fr)}.hub-directory-toolbar input,.hub-studio-content input:not([type=checkbox]),.hub-studio-content select,.hub-studio-content textarea,.global-ranking select{font-size:16px}.hub-studio-layout{grid-template-columns:minmax(0,1fr);gap:18px}.hub-studio-sidebar{padding:14px;position:static}.hub-studio .hub-tool-trigger{align-items:center;gap:10px;width:100%;min-height:48px;display:flex}.hub-tool-trigger>span{margin-left:auto}.hub-studio-sidebar nav{display:none}.hub-studio-sidebar nav.is-open{display:grid}.hub-studio-sidebar>.eyebrow,.hub-studio-help{display:none}.hub-studio-header .row-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hub-studio-header .row-actions .button{padding:12px 8px;font-size:12px}.hub-studio-content .hub-identity-fields>section{padding:14px}.ranking-leaders{grid-template-columns:minmax(0,1fr)}.ranking-leader{gap:6px;padding:16px 52px 16px 48px}.ranking-leader>.nav-icon{position:absolute;top:20px;left:16px}.ranking-leader strong{font-size:18px}.global-ranking .challenge-table{padding:0}.global-ranking .challenge-table td,.global-ranking .challenge-table th{padding:12px 5px;font-size:11px}.global-ranking .challenge-table table{table-layout:fixed}.global-ranking .challenge-table th:first-child{width:9%}.global-ranking .challenge-table th:nth-child(2){width:37%}}@container (max-width:800px){.hub-experience .hub-content{--hub-section-gap:20px;--hub-content-padding:20px}.hub-experience .hub-content .discovery-grid{gap:20px}.hub-experience .hub-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-experience .hub-tabs .button{flex-direction:column;gap:6px;padding:12px 5px;font-size:10px}.hub-experience .hub-tabs .hub-tab-label{display:block}.hub-experience .hub-content>.panel{padding:20px}.hub-highlights{gap:12px;padding:16px}.hub-highlights>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.hub-discovery-card{transition:none}.hub-discovery-card:hover{transform:none}}@media (max-width:760px){.hub-studio-content>fieldset{gap:20px}.hub-experience .hub-content .hub-block h2{margin-bottom:16px}}.hub-studio .hub-studio-header{background:linear-gradient(115deg,var(--surface-raised),var(--surface));border-color:color-mix(in srgb,var(--accent) 32%,#193244)}.hub-studio .hub-studio-sidebar{background:linear-gradient(160deg,var(--surface-raised),var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,#193244)}.hub-studio .hub-studio-content>fieldset>.panel{background:linear-gradient(125deg,color-mix(in srgb,var(--surface-raised) 65%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,#193244)}.hub-studio .hub-tool[aria-pressed=true],.hub-studio .hub-tool:hover{background:var(--surface-raised);border-color:color-mix(in srgb,var(--accent) 55%,#193244)}.hub-studio .hub-breadcrumb span{color:var(--accent)}.hub-studio-content .hub-theme-options [aria-pressed=true]{outline-color:var(--accent)}.hub-studio-header,.hub-studio-sidebar,.hub-studio-content>fieldset>.panel{transition:background .2s,border-color .2s}@media (prefers-reduced-motion:reduce){.hub-studio-header,.hub-studio-sidebar,.hub-studio-content>fieldset>.panel{transition:none}}.hub-theme-family{margin-top:26px}.hub-theme-family>h3{margin-bottom:14px;font-size:16px}.hub-studio-content .hub-theme-options .button{white-space:normal;max-width:210px;line-height:1.5}@media (max-width:600px){.hub-studio-content .hub-theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hub-studio-content .hub-theme-options .button{width:100%;min-width:0;max-width:none;padding:16px 10px;font-size:12px}}:is(.hub-studio,.hub-experience)[class*=-metal] :is(.panel,.hub-studio-sidebar,.hub-sidebar,.hub-tool[aria-pressed=true],.hub-tabs .button,.button:not([class*=hub-theme-]),.ranked-table,.ranked-match),.hub-studio-content .hub-theme-options .button[class*=-metal]{isolation:isolate}:is(.hub-studio,.hub-experience)[class*=-metal] :is(.panel,.hub-tool[aria-pressed=true],.hub-tabs .button,.button:not([class*=hub-theme-]),.ranked-table,.ranked-match),.hub-studio-content .hub-theme-options .button[class*=-metal]{position:relative}:is(.hub-studio,.hub-experience)[class*=-metal] :is(.panel,.hub-studio-sidebar,.hub-sidebar,.hub-tool[aria-pressed=true],.hub-tabs .button,.button:not([class*=hub-theme-]),.ranked-table,.ranked-match):before,.hub-studio-content .hub-theme-options .button[class*=-metal]:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 48%,#07111e) 0%,var(--accent) 19%,color-mix(in srgb,var(--accent) 35%,white) 28%,var(--accent) 36%,color-mix(in srgb,var(--accent) 42%,#07111e) 54%,var(--accent) 72%,color-mix(in srgb,var(--accent) 25%,white) 82%,var(--accent) 100%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}