/* CAM Arcade home. Game scenes are decorative; every Play link opens its game. */
.hub-page{--hub-bg:#101113;--hub-panel:#191b20;--hub-ink:#f6f3eb;--hub-muted:#aeadb9;--hub-line:#ffffff1c;--hub-gold:#ecd9ad;--hub-cyan:#a6e7df;--hub-lavender:#c9b9ef;min-width:280px;margin:0;background:var(--hub-bg);color:var(--hub-ink);font:16px/1.6 Inter,Arial,sans-serif;color-scheme:dark;-webkit-font-smoothing:antialiased}.hub-page *{box-sizing:border-box}.hub-page [hidden]{display:none!important}.hub-page a{color:inherit}.hub-page button,.hub-page select{font:inherit}.hub-page :is(a,button,input,select){-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hub-page :is(a,button,input,select):focus-visible{outline:2px solid var(--hub-cyan);outline-offset:5px}.hub-page :is(button,select){cursor:pointer}.hub-page button:disabled,.hub-page select:disabled{cursor:default;opacity:.6}.hub-page svg{display:block;flex:none}.hub-page kbd{font:500 11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.hub-skip{position:fixed;top:-100px;left:16px;z-index:30;padding:12px 18px;background:var(--hub-gold);color:#252015!important;border-radius:9px}.hub-skip:focus{top:14px}
.hub-header{border-bottom:1px solid var(--hub-line);background:#101113f5}.hub-header-inner{display:flex;align-items:center;gap:56px;max-width:1336px;min-height:82px;margin:auto;padding:15px 28px}.hub-brand{display:flex;align-items:center;gap:18px;text-decoration:none;font-size:30px;font-weight:850;letter-spacing:-1.8px;white-space:nowrap}.hub-brand span{border-left:1px solid #ffffff27;padding-left:18px;color:var(--hub-gold);font-size:11px;font-weight:550;letter-spacing:.16em}.hub-header nav{display:flex;gap:30px;align-items:center}.hub-header nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--hub-muted);font-size:13px;text-decoration:none}.hub-header nav a[aria-current]{color:var(--hub-ink)}.hub-header nav a[aria-current]::after{content:'';width:4px;height:4px;margin:1px 0 0 7px;background:var(--hub-gold);border-radius:50%}.hub-header nav a:hover{color:var(--hub-gold)}.hub-header-note{display:flex;align-items:center;gap:9px;margin-left:auto;color:#a3a19e;font-size:9px;letter-spacing:.12em;white-space:nowrap}.hub-header-note i{width:5px;height:5px;background:var(--hub-cyan);border-radius:50%;box-shadow:0 0 10px #a6e7df44}
.hub-main{max-width:1336px;margin:auto;padding:54px 28px 0}.hub-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding-bottom:42px}.hub-eyebrow{margin:0 0 16px;color:var(--hub-gold);font-size:10px;font-weight:650;letter-spacing:.14em;line-height:1.5}.hub-hero-copy .hub-eyebrow{display:flex;align-items:center;gap:9px;color:var(--hub-cyan);font-size:10px}.hub-spark{font-size:17px;line-height:1}.hub-hero h1{margin:0;font-size:clamp(48px,5.7vw,78px);font-weight:550;line-height:1.035;letter-spacing:-.06em;white-space:nowrap}.hub-hero h1 span{color:var(--hub-lavender)}.hub-hero-intro{max-width:445px;margin:24px 0 27px;color:#b9b7c2;font-size:16px;line-height:1.75}.hub-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hub-primary{display:inline-flex;gap:24px;align-items:center;justify-content:center;min-height:54px;padding:13px 21px;border:1px solid var(--hub-gold);border-radius:11px;background:var(--hub-gold);color:#292317!important;font-size:14px;font-weight:750;text-decoration:none;box-shadow:0 5px 20px #ecd9ad07}.hub-primary svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none}.hub-primary:hover{background:#f6e6c4}.hub-text-link{display:inline-flex;gap:13px;align-items:center;min-height:44px;font-size:13px;font-weight:600;text-decoration:none}.hub-text-link:hover{text-decoration:underline;text-underline-offset:4px}.hub-text-link>span{font-size:18px;color:var(--hub-gold)}.hub-hero-note{display:flex;align-items:center;gap:10px;margin:23px 0 0;color:#92919d;font-size:11px;line-height:1.7}.hub-hero-note svg{width:20px;height:20px;fill:none;stroke:#bbb4c5;stroke-width:1.4}
.hub-feature{position:relative;min-width:0;margin:0;background:#191a23;border:1px solid #ffffff29;border-radius:23px;overflow:hidden;box-shadow:0 20px 60px #00000020}.hub-feature-scene{position:relative;height:370px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 55% 45%,#39485377 0,transparent 46%),linear-gradient(145deg,#1a2033,#132629 64%,#263739)}.hub-feature-label{position:absolute;inset:20px 23px auto;display:flex;justify-content:space-between;gap:12px;z-index:5;color:#c3d8d7;font:600 9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.hub-feature-label>span:first-child{padding:5px 8px;background:#c0e8de0b;border:1px solid #b1e7df36;border-radius:5px}.hub-feature-label>span:last-child{padding-top:5px;color:#9cadbb}.hub-feature-stars{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(circle at 16% 24%,#c9cfed 0 1px,transparent 1.6px),radial-gradient(circle at 44% 20%,#c9cfed 0 1px,transparent 1.5px),radial-gradient(circle at 79% 17%,#c9cfed 0 1px,transparent 1.6px),radial-gradient(circle at 87% 44%,#c9cfed 0 1px,transparent 1.6px),radial-gradient(circle at 38% 64%,#c9cfed 0 1px,transparent 1.6px),radial-gradient(circle at 23% 78%,#c9cfed 0 1px,transparent 1.6px),radial-gradient(circle at 64% 72%,#c9cfed 0 1px,transparent 1.6px)}.hub-feature-moon{position:absolute;left:43%;top:20%;width:205px;height:205px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#c2d1d520,#a6e7df07 68%);border:1px solid #b0dfdd18;box-shadow:0 0 70px #a6e7df0b}.hub-feature-orbit{position:absolute;left:53%;top:48%;width:350px;height:350px;border:1px solid #a6e7df15;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg) scaleY(.53)}.hub-feature-orbit-two{width:440px;height:440px;border-color:#e0cdf11c;transform:translate(-50%,-50%) rotate(28deg) scaleY(.62)}.hub-feature-gate{position:absolute;top:0;bottom:0;width:47px;z-index:1;filter:drop-shadow(0 0 12px #abe7de14)}.hub-feature-gate-one{left:9%;--gate:#c6b5e7;--top:86px;--bottom:87px;opacity:.58}.hub-feature-gate-two{right:12%;--gate:#9cddd2;--top:111px;--bottom:64px}.hub-feature-gate i,.hub-feature-gate b{position:absolute;left:0;right:0;display:block;border:1px solid var(--gate);background:linear-gradient(90deg,#c6d6d514,transparent 50%,#c6d6d51c)}.hub-feature-gate i{top:-2px;height:var(--top);border-radius:0 0 6px 6px}.hub-feature-gate b{bottom:-2px;height:var(--bottom);border-radius:6px 6px 0 0}.hub-feature-gate i::after,.hub-feature-gate b::after{content:'';position:absolute;left:-5px;right:-5px;height:8px;background:#34494b;border:1px solid var(--gate);border-radius:3px}.hub-feature-gate i::after{bottom:-1px}.hub-feature-gate b::after{top:-1px}.hub-flight-character{position:absolute;z-index:3;top:55px;left:22%;width:270px;height:270px;background:url('/assets/charlie-flight.webp') left center/200% 100% no-repeat;filter:drop-shadow(0 10px 14px #040c1655);animation:hub-arrive 1.2s ease-out both}.hub-feature-trail{position:absolute;z-index:2;top:52%;left:13%;width:160px;height:63px;transform:rotate(-17deg);background:linear-gradient(90deg,transparent,#d9c7e244);clip-path:polygon(0 35%,100% 0,100% 90%);filter:blur(6px)}.hub-feature-star{position:absolute;z-index:2;font-family:Arial,sans-serif;color:var(--hub-gold);text-shadow:0 0 17px #ecd9ad22}.hub-feature-star-one{left:70%;top:38%;font-size:33px}.hub-feature-star-two{left:37%;top:19%;font-size:19px;color:#c6b7ef}.hub-feature-floor{position:absolute;bottom:-60px;left:-10%;right:-10%;height:125px;border:1px solid #b5ddd718;border-radius:50%;background:linear-gradient(#162d3190,#112228)}.hub-feature-cue{position:absolute;bottom:24px;left:23px;z-index:4;color:#c6d7d5;font-size:9px;letter-spacing:.2em}.hub-feature figcaption{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:20px 23px;background:#1b1e25;border-top:1px solid #ffffff12}.hub-feature-caption-label{display:block;color:#b5a9c1;font-size:8px;font-weight:600;letter-spacing:.14em}.hub-feature figcaption strong{display:block;margin-top:5px;font-size:25px;font-weight:550;line-height:1.2;letter-spacing:-.035em}.hub-key-hint{display:flex;gap:9px;align-items:center;font-size:11px;color:#a4a4b0}.hub-key-hint kbd{padding:5px 7px;color:#d9d4e5;background:#ffffff05;border:1px solid #ffffff27;border-bottom-width:2px;border-radius:5px}
.hub-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px 0;border-block:1px solid var(--hub-line)}.hub-perks>span,.hub-perks>a{display:flex;gap:11px;align-items:center;justify-content:center;color:#beb9c5;font-size:12px;text-decoration:none}.hub-perks>a:hover{color:var(--hub-gold)}.hub-perks i{font-style:normal;font-size:21px;color:#a6d5d0;line-height:1.2}.hub-perks>span+span,.hub-perks>a{border-left:1px solid var(--hub-line)}
.hub-games{padding-top:49px;scroll-margin-top:24px;outline:none}.hub-section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.hub-section-heading .hub-eyebrow{margin-bottom:8px}.hub-section-heading h2{margin:0;font-size:35px;font-weight:550;line-height:1.2;letter-spacing:-.045em}.hub-filters{display:flex;gap:5px;flex-wrap:wrap;padding:4px;background:#191b20;border:1px solid #ffffff16;border-radius:10px}.hub-filters button{min-height:38px;margin:0;padding:8px 15px;border:1px solid transparent;border-radius:7px;background:transparent;color:#b2acbd;font-size:12px;font-weight:550}.hub-filters button[aria-pressed=true]{background:#e0d3b9;color:#28241c}.hub-filters button[aria-pressed=false]:hover{background:#ffffff09;color:#e6dfec}.hub-filter-status{min-height:18px;margin:10px 0 24px;color:#97939f;font-size:11px}.hub-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hub-card{display:flex;min-width:0;flex-direction:column;border:1px solid #ffffff22;border-radius:17px;background:var(--hub-panel);overflow:hidden;transition:border-color .16s,transform .16s}.hub-card:hover{border-color:#c5b6d158;transform:translateY(-3px)}.hub-card:focus-within{border-color:#a6e7df77}.hub-art{position:relative;height:211px;overflow:hidden;isolation:isolate;background:#20242d;border-bottom:1px solid #ffffff15}.hub-art-index{position:absolute;top:16px;left:18px;z-index:6;color:#d1c9da;font:500 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.hub-art-word{position:absolute;bottom:15px;left:18px;right:18px;z-index:6;color:#c1c3d1;font-size:8px;line-height:1.5;letter-spacing:.17em;text-shadow:0 1px 7px #0008}.hub-art-svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hub-art-flight{background:radial-gradient(ellipse at 65% 50%,#3f5b6055,transparent 65%),linear-gradient(135deg,#242839,#153335)}.hub-art-flight-ring{position:absolute;top:13px;left:32%;width:175px;height:175px;border:1px solid #b2e4d730;border-radius:50%;box-shadow:0 0 0 24px #b2e4d706,0 0 0 49px #b2e4d705}.hub-art-flight-character{position:absolute;top:11px;left:25%;width:185px;height:185px;background:url('/assets/charlie-flight.webp') left center/200% 100% no-repeat;filter:drop-shadow(0 8px 10px #0003)}.hub-art-flight-gate{position:absolute;right:15%;top:-3px;width:27px;height:65px;border:1px solid #abdccba0;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#abdccb15,#abdccb04)}.hub-art-flight-gate::after{content:'';position:absolute;top:149px;right:-1px;width:27px;height:65px;border:1px solid #abdccba0;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#abdccb15,#abdccb04)}.hub-art-keys{background:radial-gradient(ellipse at 50% 115%,#ae86c825,transparent 64%),linear-gradient(120deg,#231b2a,#2b2137)}.hub-art-run{background:radial-gradient(ellipse at 50% 100%,#83d8df22,transparent 72%),linear-gradient(130deg,#1b2530,#13282c)}.hub-art-orbit{background:radial-gradient(ellipse at 50% 50%,#a285c52e,transparent 52%),linear-gradient(135deg,#251e31,#271c2c)}.hub-orbit-ring{position:absolute;left:52%;top:46%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}.hub-orbit-ring-one{width:188px;border:1px solid #c6afd73b}.hub-orbit-ring-two{width:137px;border:1px solid #bfb4e9a1;box-shadow:0 0 12px #c5a9ea10}.hub-orbit-ring-three{width:84px;border:2px solid #f0b0d2;box-shadow:0 0 26px #eab0d329,inset 0 0 16px #eab0d312}.hub-orbit-core{position:absolute;left:52%;top:46%;width:50px;height:50px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#edb6d709;border:1px solid #edb6d72d;color:#eeb9d7;font-size:23px}.hub-orbit-dot{position:absolute;left:calc(52% + 58px);top:calc(46% - 33px);width:10px;height:10px;background:#c3b7f1;border-radius:50%;box-shadow:0 0 19px #c3b7f170}.hub-art-knights{background:radial-gradient(ellipse at 37% 50%,#b9a47529,transparent 42%),linear-gradient(130deg,#1b2530,#24212a)}.hub-knights-grid{position:absolute;left:0;right:0;bottom:-75px;height:180px;background:linear-gradient(90deg,transparent 49.5%,#9cafca11 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#9cafca11 50%,transparent 50.5%);background-size:40px 40px;transform:perspective(90px) rotateX(30deg)}.hub-knights-halo{position:absolute;left:25%;top:43px;width:107px;height:107px;border:1px solid #d3c38e27;border-radius:50%;box-shadow:0 0 45px #d3c38e11}.hub-knights-character{position:absolute;left:13%;bottom:-4px;width:205px;height:205px;background:url('/assets/knights-game-atlas.webp') left center/400% 100% no-repeat;z-index:2;filter:drop-shadow(0 6px 12px #0005)}.hub-knights-titan{position:absolute;right:5%;top:29px;width:145px;height:145px;background:url('/assets/knights-game-atlas.webp') right center/400% 100% no-repeat;opacity:.8;filter:drop-shadow(0 0 18px #d25f6820)}.hub-art-light{background:radial-gradient(ellipse at 50% 70%,#80dcf02b,transparent 54%),linear-gradient(145deg,#17242c,#1d2e36)}.hub-light-character{position:absolute;left:50%;bottom:-31px;width:232px;height:232px;max-width:none;transform:translateX(-50%);object-fit:contain;z-index:2;filter:drop-shadow(0 0 13px #b6eaff1a)}.hub-light-halo{position:absolute;left:50%;top:14px;width:200px;height:200px;transform:translateX(-50%);border:1px solid #9adeef1f;border-radius:50%;box-shadow:0 0 0 18px #9adeef04}.hub-light-beams{position:absolute;inset:0;display:flex;gap:14px;justify-content:center;opacity:.6}.hub-light-beams i{width:1px;height:100%;background:linear-gradient(transparent 10%,#aee9ee44 60%,transparent)}.hub-light-beams i:nth-child(2){margin-right:172px}
.hub-card-body{display:flex;flex:1;flex-direction:column;padding:21px 21px 19px}.hub-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px;color:#9d98a8;font-size:9px;line-height:1.5}.hub-card-meta>span:first-child{color:#c4b3dc;font-size:8px;letter-spacing:.11em;font-weight:600}.hub-card[data-category=action] .hub-card-meta>span:first-child{color:#afd5ce}.hub-card h3{margin:0;font-size:25px;font-weight:550;line-height:1.2;letter-spacing:-.035em}.hub-card-description{margin:12px 0 17px;color:#aaa7b3;font-size:13px;line-height:1.65;min-height:43px}.hub-card-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:auto 0 16px;color:#bcb7c7;font-size:10px;line-height:1.6}.hub-card-controls>span{color:#817e8c;font-size:8px;font-weight:650;letter-spacing:.08em;margin-right:3px}.hub-card-controls kbd{font-size:10px;color:#d4cadd}.hub-card-actions{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff13;padding-top:13px}.hub-card-play{display:flex;flex:1;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 0;color:var(--hub-gold)!important;text-decoration:none;font-size:12px;font-weight:650}.hub-card-play>span{font-size:19px;line-height:1}.hub-card-play:hover{text-decoration:underline;text-underline-offset:4px}.hub-card-actions button{flex:none;min-height:40px;min-width:52px;padding:8px 10px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff03;color:#bcb6c9;font-size:10px}.hub-card-actions button:hover{background:#ffffff0a;border-color:#c9b9ef70;color:#e5daf8}.hub-games-note{margin:22px 0 0;color:#9894a0;font-size:11px;line-height:1.75;max-width:760px}
.hub-high-scores{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1fr);gap:80px;align-items:center;margin:60px 0 0;padding:47px 45px;background:linear-gradient(135deg,#201e28,#182225);border:1px solid #ffffff1f;border-radius:21px;outline:none;scroll-margin-top:24px}.hub-scores-copy .hub-eyebrow{color:var(--hub-cyan);margin-bottom:13px}.hub-scores-copy h2{margin:0;font-size:49px;font-weight:500;line-height:1.04;letter-spacing:-.05em}.hub-scores-copy>p:not(.hub-eyebrow){max-width:365px;margin:21px 0 14px;color:#b1abbc;font-size:14px;line-height:1.8}.hub-scores-copy>.hub-text-link{color:var(--hub-gold);font-size:12px}.hub-score-how{display:flex;gap:14px;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid #ffffff13}.hub-score-how>span{flex:none;color:#d0bddf;font:500 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}.hub-score-how>p{max-width:200px;margin:0;color:#9894a7;font-size:10px;line-height:1.65}.hub-score-box{min-width:0;padding:22px;background:#12171bbf;border:1px solid #ffffff1c;border-radius:15px}.hub-score-select{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:20px}.hub-score-select label{flex:none;color:#b6b1bd;font-size:11px;font-weight:600}.hub-score-select select{min-width:0;width:100%;max-width:236px;min-height:44px;padding:9px 32px 9px 12px;border:1px solid #ffffff2f;border-radius:8px;background:#21242a;color:#e7e2ea;font-size:13px}.hub-score-box .cam-leaderboard{margin:0;padding:0;background:transparent;border:0;border-radius:0;--lb-accent:var(--hub-gold)}.hub-score-box .cam-leaderboard__rows{gap:7px}.hub-score-box .cam-leaderboard__row{min-height:63px}.hub-score-box .cam-leaderboard__footer{padding-top:11px}.hub-score-box .cam-leaderboard__all-link{display:none}.hub-score-box .cam-leaderboard__meta{font-size:10px}.hub-score-box .cam-leaderboard__subtitle{font-size:12px}.hub-score-play{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:45px;margin-top:14px;padding:10px 14px;border:1px solid #a6e7df43;border-radius:9px;color:var(--hub-cyan)!important;background:#a6e7df08;text-decoration:none;font-size:12px;font-weight:600}.hub-score-play:hover{background:#a6e7df13}.hub-score-loading,.hub-noscript{margin:0;padding:20px 0;color:#a5b9ba;font-size:12px}.hub-music-note{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:38px 0;padding:25px 0;border-block:1px solid var(--hub-line)}.hub-music-note>div{display:flex;gap:20px;align-items:center}.hub-music-note>div>span{font-size:30px;line-height:1;color:var(--hub-lavender)}.hub-music-note p{margin:0;color:#9c98a5;font-size:12px;line-height:1.7}.hub-music-note strong{color:#d6d0dd;font-weight:500;font-size:14px}.hub-music-note>a{display:inline-flex;min-height:44px;gap:25px;align-items:center;text-decoration:none;color:var(--hub-gold);font-size:12px;font-weight:600}.hub-music-note>a:hover{text-decoration:underline;text-underline-offset:4px}.hub-music-note>a>span{font-size:19px}
.hub-footer{display:flex;gap:25px;align-items:center;max-width:1336px;margin:auto;padding:0 28px 28px;color:#93909b}.hub-footer-brand{display:inline-flex;min-height:44px;align-items:center;text-decoration:none;font-size:26px;font-weight:800;letter-spacing:-1.5px;color:#e9e3d9!important}.hub-footer>span{font-size:8px;letter-spacing:.16em}.hub-footer nav{display:flex;gap:28px;margin-left:auto}.hub-footer nav a{display:inline-flex;min-height:44px;align-items:center;font-size:11px;text-decoration:none}.hub-footer nav a:hover{color:var(--hub-gold)}.hub-footer .aicreation-production-credit{font-size:10px;margin:0;color:#8d8995}
@keyframes hub-arrive{from{opacity:0;transform:translate(-15px,8px) rotate(-5deg)}to{opacity:1;transform:translate(0,0) rotate(-2deg)}}
@media(min-width:1400px){.hub-hero{gap:64px}.hub-feature-scene{height:386px}.hub-flight-character{left:23%;top:60px;width:287px;height:287px}}
@media(max-width:1100px){.hub-header-inner{gap:36px}.hub-header-note{display:none}.hub-header nav{margin-left:auto}.hub-hero{gap:30px}.hub-hero h1{font-size:clamp(43px,5.9vw,62px)}.hub-hero-intro{font-size:14px;margin:20px 0 23px}.hub-hero-actions{gap:15px}.hub-primary{font-size:13px;padding-inline:17px;gap:18px;min-height:50px}.hub-hero-actions .hub-text-link{font-size:12px}.hub-feature-scene{height:320px}.hub-flight-character{left:16%;top:52px;width:246px;height:246px}.hub-feature-moon{left:34%;top:19%;width:190px;height:190px}.hub-feature-gate-one{left:8%;width:35px;--top:69px;--bottom:60px}.hub-feature-gate-two{right:8%;width:35px;--top:92px;--bottom:52px}.hub-feature-cue{font-size:8px}.hub-feature figcaption{padding:16px 19px}.hub-feature figcaption strong{font-size:23px}.hub-feature-caption-label{font-size:7px}.hub-key-hint{gap:6px;font-size:10px}.hub-feature-label{inset-inline:19px}.hub-game-grid{gap:18px}.hub-art{height:190px}.hub-card-body{padding:18px 17px 15px}.hub-card-meta{align-items:start;flex-direction:column;gap:3px}.hub-card h3{font-size:23px}.hub-card-description{font-size:12px}.hub-card-actions{gap:8px}.hub-card-play{font-size:11px}.hub-card-actions button{min-width:47px;padding-inline:8px}.hub-art-flight-character{left:19%;width:175px;height:175px}.hub-art-flight-ring{left:24%;width:158px;height:158px}.hub-knights-character{left:8%;width:185px;height:185px}.hub-knights-titan{right:1%;width:129px;height:129px}.hub-light-character{width:217px;height:217px}.hub-high-scores{gap:42px;padding:35px 31px}.hub-scores-copy h2{font-size:44px}.hub-score-box{padding:19px}.hub-score-select{gap:11px;align-items:start;flex-direction:column}.hub-score-select select{max-width:none;width:100%}.hub-score-how{flex-direction:column;align-items:start;gap:8px}.hub-score-how>p{max-width:260px}.hub-footer{gap:20px;flex-wrap:wrap}.hub-footer .aicreation-production-credit{width:100%}}
@media(max-width:820px){.hub-header-inner{padding-inline:22px;min-height:75px}.hub-main{padding:36px 22px 0}.hub-hero{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:23px}.hub-hero h1{font-size:clamp(39px,5.8vw,47px)}.hub-hero-copy .hub-eyebrow{font-size:8px;letter-spacing:.1em}.hub-hero-intro{font-size:13px}.hub-hero-actions{gap:8px;align-items:start;flex-direction:column}.hub-hero-note{font-size:9px;margin-top:13px;align-items:start;gap:6px}.hub-hero-note svg{width:16px;height:16px}.hub-feature-scene{height:301px}.hub-flight-character{left:7%;top:60px;width:231px;height:231px}.hub-feature-orbit{width:300px;height:300px}.hub-feature-orbit-two{width:340px;height:340px}.hub-feature-moon{left:28%;width:175px;height:175px}.hub-feature-gate-one{left:6%;width:28px;--top:73px;--bottom:60px}.hub-feature-gate-two{right:8%;width:28px;--top:108px;--bottom:42px}.hub-feature figcaption{padding:17px}.hub-feature-caption-label{letter-spacing:.1em}.hub-key-hint{flex-direction:column;gap:3px}.hub-feature-star-one{left:75%;top:47%;font-size:23px}.hub-feature-star-two{left:27%;top:23%;font-size:16px}.hub-perks{gap:10px;padding:17px 0}.hub-perks>span,.hub-perks>a{gap:8px;font-size:10px}.hub-perks i{font-size:17px}.hub-games{padding-top:37px}.hub-section-heading h2{font-size:30px}.hub-section-heading{gap:20px;flex-direction:column;align-items:start}.hub-filters button{min-height:40px;padding-inline:18px}.hub-filter-status{margin-top:10px;margin-bottom:19px}.hub-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.hub-art{height:208px}.hub-card-body{padding:21px}.hub-card-meta{flex-direction:row;align-items:center}.hub-card h3{font-size:25px}.hub-card-description{font-size:13px}.hub-card-play{font-size:12px}.hub-card-actions button{min-width:52px;min-height:42px}.hub-art-flight-character{width:188px;height:188px;left:23%}.hub-art-flight-ring{width:178px;height:178px;left:27%}.hub-knights-character{left:11%;width:205px;height:205px}.hub-knights-titan{right:1%;width:145px;height:145px}.hub-high-scores{margin-top:43px;padding:30px 26px;gap:30px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.hub-scores-copy h2{font-size:37px}.hub-scores-copy>p:not(.hub-eyebrow){font-size:12px;line-height:1.75}.hub-score-box{padding:16px}.hub-score-box .cam-leaderboard__row{grid-template-columns:21px minmax(0,1fr) auto;gap:7px;padding:11px 8px}.hub-score-box .cam-leaderboard__player{font-size:12px}.hub-score-box .cam-leaderboard__score strong{font-size:14px}.hub-score-box .cam-leaderboard__rank{font-size:14px}.hub-score-box .cam-leaderboard__title{font-size:10px;letter-spacing:.1em}.hub-score-box .cam-leaderboard__refresh{font-size:10px;padding:8px;min-height:40px}.hub-score-box .cam-leaderboard__subtitle{font-size:11px}.hub-score-box .cam-leaderboard__header{gap:8px}.hub-score-select select{font-size:16px}.hub-footer{padding-inline:22px}.hub-footer nav{gap:22px}}
@media(max-width:620px){.hub-header-inner{min-height:68px;padding:10px 18px;gap:15px}.hub-brand{font-size:27px;gap:12px}.hub-brand span{padding-left:12px;font-size:9px;letter-spacing:.12em}.hub-header nav{gap:16px}.hub-header nav a{font-size:11px}.hub-header nav a[aria-current]::after{display:none}.hub-main{padding:34px 18px 0}.hub-hero{grid-template-columns:1fr;gap:28px;padding-bottom:30px}.hub-hero-copy .hub-eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:17px}.hub-hero h1{font-size:clamp(44px,10.5vw,64px)}.hub-hero-intro{max-width:470px;font-size:14px;margin:20px 0 23px}.hub-hero-actions{flex-direction:row;align-items:center;gap:20px}.hub-primary{min-height:51px;font-size:13px;gap:20px;padding-inline:18px}.hub-hero-actions .hub-text-link{font-size:11px;gap:8px}.hub-hero-note{font-size:10px;margin-top:17px;gap:8px}.hub-hero-note svg{width:18px;height:18px}.hub-feature{border-radius:18px}.hub-feature-scene{height:300px}.hub-flight-character{left:25%;top:37px;width:265px;height:265px}.hub-feature-moon{left:43%;top:14%;width:197px;height:197px}.hub-feature-gate-one{left:12%;width:37px;--top:66px;--bottom:58px}.hub-feature-gate-two{right:12%;width:37px;--top:101px;--bottom:43px}.hub-feature-label{inset:17px 20px auto;font-size:8px}.hub-feature-cue{bottom:22px;left:20px;font-size:8px}.hub-feature-trail{left:15%;top:54%}.hub-feature-star-one{left:73%;top:43%;font-size:27px}.hub-feature-star-two{left:38%;top:19%;font-size:17px}.hub-feature figcaption{padding:16px 20px}.hub-feature-caption-label{font-size:7px;letter-spacing:.13em}.hub-key-hint{flex-direction:row;gap:9px}.hub-key-hint kbd{font-size:10px}.hub-key-hint>span{font-size:10px}.hub-perks{gap:0;padding:15px 0}.hub-perks>span,.hub-perks>a{flex-direction:column;gap:7px;font-size:9px;line-height:1.4;text-align:center;padding-inline:8px}.hub-perks i{font-size:20px}.hub-section-heading h2{font-size:31px}.hub-games{padding-top:34px}.hub-section-heading{gap:20px}.hub-section-heading .hub-eyebrow{font-size:9px}.hub-filters{width:100%;justify-content:stretch;gap:4px}.hub-filters button{flex:1;padding-inline:9px;min-height:42px;font-size:12px}.hub-game-grid{grid-template-columns:1fr;gap:19px}.hub-art{height:222px}.hub-card-body{padding:22px 21px 18px}.hub-card-meta{font-size:10px;margin-bottom:11px}.hub-card-meta>span:first-child{font-size:8px}.hub-card h3{font-size:28px}.hub-card-description{font-size:14px;line-height:1.65;min-height:0;margin:12px 0 17px}.hub-card-controls{font-size:11px;margin-bottom:17px}.hub-card-controls kbd{font-size:11px}.hub-card-controls>span{font-size:8px}.hub-card-play{font-size:13px}.hub-card-actions button{min-width:57px;min-height:44px;font-size:11px}.hub-art-flight-character{left:29%;top:8px;width:203px;height:203px}.hub-art-flight-ring{left:34%;top:13px;width:187px;height:187px}.hub-art-flight-gate{right:18%;width:31px;height:68px}.hub-art-flight-gate::after{top:158px;width:31px;height:67px}.hub-art-word{bottom:16px;font-size:8px}.hub-art-index{top:17px}.hub-art-svg{transform:scale(1.06)}.hub-knights-character{left:18%;width:220px;height:220px;bottom:-6px}.hub-knights-titan{right:10%;top:29px;width:156px;height:156px}.hub-light-character{width:249px;height:249px;bottom:-37px}.hub-light-halo{width:208px;height:208px}.hub-orbit-ring-one{width:207px}.hub-orbit-ring-two{width:151px}.hub-orbit-ring-three{width:92px}.hub-orbit-core{width:57px;height:57px}.hub-orbit-dot{left:calc(52% + 65px);top:calc(46% - 35px)}.hub-games-note{font-size:11px;margin-top:19px}.hub-high-scores{grid-template-columns:1fr;gap:25px;margin-top:35px;padding:29px 21px 21px;border-radius:18px}.hub-scores-copy .hub-eyebrow{font-size:9px}.hub-scores-copy h2{font-size:43px}.hub-scores-copy>p:not(.hub-eyebrow){max-width:420px;font-size:13px;margin-top:17px}.hub-scores-copy>.hub-text-link{font-size:12px}.hub-score-how{flex-direction:row;align-items:center;margin-top:12px;padding-top:16px;gap:19px}.hub-score-how>p{font-size:10px}.hub-score-box{padding:18px}.hub-score-select{gap:8px;margin-bottom:18px}.hub-score-select label{font-size:11px}.hub-score-box .cam-leaderboard__player{font-size:13px}.hub-score-box .cam-leaderboard__score strong{font-size:15px}.hub-score-box .cam-leaderboard__rank{font-size:15px}.hub-score-box .cam-leaderboard__title{font-size:11px}.hub-score-box .cam-leaderboard__refresh{min-height:44px;font-size:11px}.hub-score-box .cam-leaderboard__row{min-height:66px;gap:9px;padding-inline:10px}.hub-score-play{font-size:13px;min-height:46px}.hub-music-note{align-items:start;flex-direction:column;gap:12px;margin:29px 0 18px;padding:22px 0}.hub-music-note>div{gap:16px}.hub-music-note>a{margin-left:37px;font-size:12px}.hub-music-note p{font-size:11px}.hub-music-note strong{font-size:13px}.hub-music-note>div>span{font-size:26px}.hub-footer{padding:0 18px 22px;gap:9px 18px}.hub-footer>span{font-size:8px}.hub-footer nav{flex-basis:100%;margin:0;justify-content:space-between;gap:16px}.hub-footer nav a{font-size:11px}}
@media(max-width:380px){.hub-header-inner{padding-inline:14px}.hub-brand{font-size:25px;gap:9px}.hub-brand span{padding-left:9px;font-size:8px}.hub-header nav{gap:12px}.hub-header nav a{font-size:10px}.hub-main{padding-inline:14px}.hub-hero h1{font-size:clamp(35px,10.8vw,41px)}.hub-hero-actions{gap:10px}.hub-primary{padding-inline:13px;gap:11px;font-size:12px}.hub-hero-actions .hub-text-link{font-size:10px;gap:5px}.hub-feature-scene{height:270px}.hub-flight-character{left:18%;top:32px;width:238px;height:238px}.hub-feature-moon{left:35%;width:177px;height:177px}.hub-feature-gate-one{left:10%;width:30px;--top:63px;--bottom:51px}.hub-feature-gate-two{right:9%;width:30px;--top:88px;--bottom:33px}.hub-feature-label{inset-inline:16px}.hub-feature-cue{left:16px;bottom:19px;font-size:7px}.hub-feature figcaption{padding-inline:16px}.hub-feature-caption-label{font-size:6px}.hub-feature figcaption strong{font-size:22px}.hub-key-hint{gap:6px}.hub-key-hint kbd{font-size:9px}.hub-key-hint>span{font-size:9px}.hub-section-heading h2{font-size:28px}.hub-card-body{padding-inline:18px}.hub-card h3{font-size:26px}.hub-card-description{font-size:13px}.hub-card-meta{font-size:9px}.hub-art-flight-character{left:20%}.hub-art-flight-ring{left:27%}.hub-knights-character{left:8%}.hub-knights-titan{right:4%}.hub-high-scores{padding-inline:17px}.hub-score-box{padding:14px}.hub-score-how{gap:12px}.hub-score-how>span{font-size:9px}.hub-footer{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.hub-page *,.hub-page *::before,.hub-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hub-card:hover{transform:none}}
@media(forced-colors:active){.hub-feature,.hub-card,.hub-high-scores,.hub-score-box,.hub-filters,.hub-primary{border:1px solid CanvasText}.hub-filters button[aria-pressed=true]{outline:1px solid Highlight}.hub-hero h1 span,.hub-eyebrow{color:CanvasText}.hub-feature-scene,.hub-art{border-bottom:1px solid CanvasText}.hub-page :is(a,button,input,select):focus-visible{outline-color:Highlight}}

.hub-page :is(.hub-games,.hub-high-scores):focus-visible{outline:2px solid var(--hub-cyan);outline-offset:6px}
.hub-page .hub-card-meta{font-size:11px}.hub-page .hub-card-meta>span:first-child{font-size:10px}.hub-page .hub-card-controls,.hub-page .hub-card-controls kbd{font-size:12px}.hub-page .hub-card-controls>span{font-size:10px}.hub-page .hub-eyebrow,.hub-page .hub-feature-caption-label,.hub-page .hub-feature-label,.hub-page .hub-feature-cue,.hub-page .hub-art-word{font-size:10px}

/* A song is the starting point. Controls stay comfortable at phone widths. */
.hub-page { --hub-pink: #f2accb; }
.hub-main { padding-top: 38px; }
.hub-hero { gap: 64px; padding-bottom: 34px; }
.hub-hero h1 { font-size: clamp(42px, 5.5vw, 74px); }
.hub-hero h1 span { color: var(--hub-pink); }
.hub-hero-intro { max-width: 415px; margin: 22px 0 16px; }
.hub-hero-actions { gap: 2px 22px; }
.hub-hero-note { margin-top: 12px; font-size: 12px; }
.hub-hero-wave { display: flex; gap: 7px; align-items: center; height: 76px; margin-top: 26px; }
.hub-hero-wave i { width: 5px; height: 16px; border-radius: 5px; background: linear-gradient(var(--hub-pink), #a6e7df77); }
.hub-hero-wave i:nth-child(3n) { height: 48px; }
.hub-hero-wave i:nth-child(4n) { height: 67px; }
.hub-hero-wave i:nth-child(5n) { height: 32px; }
.hub-mix { min-width: 0; padding: 25px; border: 1px solid #f2accb38; border-radius: 22px; background: radial-gradient(ellipse at 100% 0, #f2accb12, transparent 65%), #1b1c22; box-shadow: 0 20px 80px #0003; }
.hub-mix-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; }
.hub-mix-heading h2 { margin: 0; font-size: 17px; font-weight: 650; letter-spacing: -.02em; }
.hub-mix-heading > span { color: var(--hub-cyan); font: 10px/1.4 ui-monospace, monospace; letter-spacing: .08em; }
.hub-now-playing { display: flex; gap: 16px; align-items: center; margin-bottom: 19px; }
.hub-now-playing img { width: 72px; height: 72px; flex: none; object-fit: cover; border: 1px solid #ffffff28; border-radius: 11px; }
.hub-now-playing > div { min-width: 0; }
.hub-now-playing p { margin: 0 0 3px; color: var(--hub-pink); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.hub-now-playing strong { display: block; font-size: 20px; font-weight: 550; line-height: 1.25; letter-spacing: -.025em; overflow-wrap: anywhere; }
.hub-now-playing a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-bottom: -10px; color: #b5b2bf; font-size: 12px; text-decoration: none; }
.hub-now-playing a:hover { color: var(--hub-gold); text-decoration: underline; }
.hub-field-label, .hub-mix-options label { display: block; color: #bbb6c4; font-size: 12px; }
.hub-mix select { display: block; width: 100%; min-width: 0; min-height: 48px; margin-top: 6px; padding: 10px 30px 10px 12px; border: 1px solid #ffffff33; border-radius: 9px; background: #121318; color: var(--hub-ink); font-size: 16px; }
.hub-listen-row { display: flex; align-items: center; flex-wrap: wrap; gap: 0 14px; margin: 6px 0 11px; }
.hub-listen-row button { display: inline-flex; gap: 9px; align-items: center; min-height: 44px; padding: 7px 0; border: 0; background: transparent; color: var(--hub-cyan); font-size: 13px; font-weight: 650; }
.hub-listen-row button[aria-pressed=true] { color: var(--hub-pink); }
#hub-preview-icon { width: 14px; text-align: center; font-size: 11px; }
.hub-listen-row > span { color: #aaa5b3; font-size: 11px; }
.hub-listen-row progress { display: block; width: 100%; height: 3px; margin: 3px 0 8px; border: 0; border-radius: 9px; accent-color: var(--hub-pink); }
.hub-listen-row progress::-webkit-progress-bar { border-radius: 9px; background: #ffffff14; }
.hub-listen-row progress::-webkit-progress-value { border-radius: 9px; background: var(--hub-pink); }
.hub-mix-options { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); gap: 12px; }
.hub-round-info { display: grid; align-content: start; gap: 4px; color: #bbb6c4; font-size: 12px; }
.hub-round-info strong { color: #b0f1e2; font-size: 15px; margin-top: 6px; }
.hub-round-info small { font-size: 11px; }
.hub-mix-play { display: flex; justify-content: space-between; margin-top: 18px; background: var(--hub-pink); border-color: var(--hub-pink); }
.hub-mix-play:hover { background: #fac4da; }
.hub-mix-play > span { font-size: 23px; font-weight: 400; }
.hub-mix-note { margin: 11px 0 0; color: #c1bac9; text-align: center; font-size: 11px; line-height: 1.6; }
.hub-mix-status { margin: 9px 0 0; color: var(--hub-cyan); font-size: 12px; line-height: 1.6; }
.hub-mix-status:empty { display: none; }
.hub-retry { min-height: 44px; margin-top: 10px; padding: 8px 12px; border: 1px solid #a6e7df70; border-radius: 8px; background: #a6e7df0a; color: var(--hub-cyan); font-size: 13px; }
.hub-knights { padding: 25px 0 29px; scroll-margin-top: 20px; border-top: 1px solid var(--hub-line); }
.hub-knights-heading { display: flex; align-items: end; justify-content: space-between; gap: 14px; }
.hub-knights-heading .hub-eyebrow { margin-bottom: 5px; color: var(--hub-pink); }
.hub-knights-heading h2 { margin: 0; font-size: 25px; font-weight: 550; letter-spacing: -.035em; line-height: 1.2; }
.hub-knights-heading .hub-text-link { color: var(--hub-gold); font-size: 12px; }
.hub-knights-copy { margin: 9px 0 18px; color: #b3adbc; font-size: 12px; }
.hub-track-shelf { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(190px, 1fr); gap: 11px; overflow-x: auto; padding: 3px 3px 13px; margin-inline: -3px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #f2accb5c transparent; }
.hub-track { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 90px; padding: 12px; border: 1px solid #ffffff22; border-radius: 12px; background: #191b20; color: var(--hub-ink); text-align: left; scroll-snap-align: start; }
.hub-track:hover { border-color: #f2accb80; }
.hub-track[aria-pressed=true] { border-color: var(--hub-pink); background: #f2accb0c; }
.hub-track img { width: 44px; height: 54px; flex: none; object-fit: cover; border-radius: 6px; }
.hub-track > span { display: flex; flex-direction: column; min-width: 0; gap: 7px; }
.hub-track strong { font-size: 12px; line-height: 1.35; font-weight: 550; overflow-wrap: anywhere; }
.hub-track small { color: var(--hub-cyan); font-size: 10px; }
.hub-track-fallback { display: flex; align-items: center; justify-content: space-between; min-height: 56px; gap: 20px; padding: 14px; border: 1px solid #ffffff28; border-radius: 10px; font-size: 13px; }
.hub-perks { padding-block: 15px; }
.hub-games { padding-top: 33px; }
.hub-card-actions button, .hub-filters button { min-height: 44px; }
.hub-card-play { min-height: 48px; }
.hub-card-description { font-size: 14px; }
@media (min-width: 1000px) { .hub-track-shelf { grid-auto-columns: minmax(175px, 1fr); } }
@media (max-width: 820px) {
  .hub-hero { gap: 24px; }
  .hub-hero h1 { font-size: clamp(35px, 5.4vw, 48px); }
  .hub-mix { padding: 20px; }
  .hub-mix-heading > span { font-size: 9px; }
  .hub-now-playing strong { font-size: 18px; }
  .hub-now-playing { gap: 12px; }
  .hub-now-playing img { width: 60px; height: 60px; }
  .hub-mix-options { gap: 8px; }
}
@media (max-width: 620px) {
  .hub-header-inner { justify-content: space-between; padding-inline: 16px; min-height: 64px; }
  .hub-brand { gap: 9px; font-size: 26px; }
  .hub-brand span { padding-left: 9px; font-size: 9px; }
  .hub-header nav { gap: 14px; }
  .hub-header nav a { font-size: 11px; }
  .hub-main { padding: 22px 16px 0; }
  .hub-hero { gap: 20px; padding-bottom: 26px; }
  .hub-hero-copy .hub-eyebrow { margin-bottom: 10px; font-size: 9px; }
  .hub-hero h1 { font-size: clamp(35px, 9.7vw, 53px); line-height: 1.06; }
  .hub-hero-intro { margin: 12px 0 0; font-size: 14px; line-height: 1.6; }
  .hub-hero-actions { margin-top: 7px; gap: 3px 18px; }
  .hub-hero-actions .hub-text-link { font-size: 11px; min-height: 44px; }
  .hub-hero-note { display: none; }
  .hub-hero-wave { display: none; }
  .hub-mix { padding: 18px; border-radius: 17px; }
  .hub-mix-heading { margin-bottom: 14px; }
  .hub-mix-heading h2 { font-size: 16px; }
  .hub-now-playing { margin-bottom: 14px; }
  .hub-now-playing strong { font-size: 18px; }
  .hub-mix-play { margin-top: 15px; min-height: 52px; font-size: 14px; }
  .hub-knights { padding-block: 23px; }
  .hub-knights-heading { align-items: start; gap: 10px; }
  .hub-knights-heading h2 { font-size: 23px; }
  .hub-knights-heading .hub-text-link { font-size: 10px; gap: 6px; }
  .hub-knights-copy { margin: 10px 0 12px; line-height: 1.65; }
  .hub-track-shelf { grid-auto-columns: 205px; }
  .hub-perks > span, .hub-perks > a { font-size: 10px; }
  .hub-games { padding-top: 28px; }
  .hub-section-heading { gap: 16px; }
  .hub-section-heading h2 { font-size: 29px; max-width: 330px; }
  .hub-filter-status { margin-bottom: 15px; font-size: 12px; }
  .hub-game-grid { gap: 14px; }
  .hub-card { display: grid; grid-template-columns: 96px minmax(0,1fr); overflow: hidden; }
  .hub-art { height: auto; min-height: 100%; border-right: 1px solid #ffffff15; border-bottom: 0; }
  .hub-art-word { display: none; }
  .hub-art-index { left: 12px; top: 13px; }
  .hub-art-flight-character { width: 154px; height: 154px; top: 45px; left: -40px; }
  .hub-art-flight-ring { width: 155px; height: 155px; left: -36px; top: 51px; }
  .hub-art-flight-gate { right: 8%; opacity: .4; }
  .hub-art-svg { width: 310px; max-width: none; left: 50%; transform: translateX(-50%); }
  .hub-orbit-ring-one { width: 166px; }
  .hub-orbit-ring-two { width: 123px; }
  .hub-orbit-ring-three { width: 75px; }
  .hub-orbit-core { width: 45px; height: 45px; }
  .hub-orbit-dot { left: calc(52% + 42px); }
  .hub-knights-character { width: 185px; height: 185px; left: -47px; bottom: 24px; }
  .hub-knights-titan { width: 93px; height: 93px; right: -9px; top: 26px; opacity: .4; }
  .hub-light-character { width: 193px; height: 193px; bottom: 17px; }
  .hub-light-halo { width: 153px; height: 153px; top: 29px; }
  .hub-card-body { padding: 15px 15px 11px; }
  .hub-page .hub-card-meta { margin-bottom: 5px; font-size: 10px; }
  .hub-page .hub-card-meta > span:first-child { font-size: 9px; }
  .hub-card-meta > span:last-child { display: none; }
  .hub-card h3 { font-size: 22px; line-height: 1.16; }
  .hub-card-description { font-size: 12px; line-height: 1.6; margin: 8px 0 10px; }
  .hub-page .hub-card-controls { font-size: 11px; gap: 4px; margin-bottom: 9px; }
  .hub-card-controls > span, .hub-card-controls kbd { display: none; }
  .hub-card-actions { gap: 7px; padding-top: 5px; }
  .hub-card-play { font-size: 11px; gap: 4px; }
  .hub-card-actions button { min-width: 44px; padding-inline: 7px; font-size: 10px; }
  .hub-games-note { font-size: 12px; }
}
@media (max-width: 360px) {
  .hub-header-inner { padding-inline: 12px; gap: 9px; }
  .hub-brand span { display: none; }
  .hub-header nav { gap: 15px; }
  .hub-main { padding-inline: 12px; }
  .hub-mix { padding: 15px; }
  .hub-mix-options { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); }
  .hub-mix select { padding-left: 9px; font-size: 16px; }
  .hub-card { grid-template-columns: 73px minmax(0,1fr); }
  .hub-card-body { padding-inline: 12px; }
  .hub-card h3 { font-size: 20px; }
  .hub-knights-heading { flex-direction: column; gap: 2px; }
  .hub-knights-heading .hub-text-link { font-size: 12px; }
}
@media (forced-colors: active) {
  .hub-mix, .hub-track { border-color: CanvasText; }
  .hub-track[aria-pressed=true] { border-color: Highlight; outline: 1px solid Highlight; }
  .hub-mix-play { color: ButtonText !important; background: ButtonFace; border-color: ButtonText; }
}

.hub-page .hub-card-controls > .hub-control-copy { color: inherit; font: inherit; letter-spacing: normal; margin-right: 0; }
.hub-page .hub-card-controls > .hub-touch-copy { display: none; }
@media (max-width: 620px) {
  .hub-page .hub-card-controls > .hub-desktop-copy { display: none; }
  .hub-page .hub-card-controls > .hub-touch-copy { display: inline; }
}