.dd-hub{--dd-accent:#f48b70;position:relative;overflow:hidden;border-bottom:1px solid #ffffff29;background:radial-gradient(circle at 82% 20%,#3c2b37 0,#151820 36%,#101216 75%);color:#f6f6f7}.dd-hub-kinetic-souls{--dd-accent:#c6adff;background:radial-gradient(circle at 82% 20%,#312947 0,#171722 36%,#101216 75%)}.dd-hub-topline{display:flex;justify-content:space-between;gap:15px;padding:12px 28px;border-bottom:1px solid #ffffff26;color:#d7d7dd;font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.14em}.dd-hub-inner{max-width:1280px;margin:auto;padding:54px 28px 70px}.dd-hub-kicker{color:var(--dd-accent);font:700 12px ui-monospace,monospace;letter-spacing:.18em}.dd-hub h2{max-width:950px;margin:10px 0;font-family:var(--font-display),Impact,sans-serif;font-size:clamp(45px,6.8vw,100px);line-height:.88;text-transform:uppercase}.dd-hub-intro{max-width:720px;color:#c7c8d1;font-size:17px;line-height:1.55}.dd-hub-nav{display:flex;flex-wrap:wrap;width:-moz-max-content;width:max-content;max-width:100%;gap:5px;margin:30px 0;padding:6px;border:1px solid #ffffff51;border-radius:999px;background:linear-gradient(125deg,#565861,#33353e);box-shadow:0 15px 40px #0008}.dd-hub-nav a,.dd-hub-nav button{border:0;border-radius:999px;padding:10px 17px;background:transparent;color:#fff;font:700 13px ui-monospace,monospace;text-decoration:none;cursor:pointer;transition:background .18s,transform .18s}.dd-hub-nav a:hover,.dd-hub-nav button.active,.dd-hub-nav button:hover{background:#ffffff2c;transform:translateY(-2px)}.dd-hub-nav button.active{box-shadow:inset 0 -2px 0 var(--dd-accent)}.dd-hub-settings{max-width:680px;margin:-15px 0 24px;padding:17px 20px;border:1px solid #ffffff35;background:#20232d;color:#eee}.dd-hub-settings label{display:flex;align-items:center;gap:10px;font-weight:700}.dd-hub-settings-games{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px}.dd-hub-settings-games span{margin-right:5px;font:700 11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.dd-hub-settings-games button{border:1px solid #ffffff55;border-radius:999px;background:#ffffff17;color:#fff;padding:7px 11px;cursor:pointer}.dd-hub-settings input{accent-color:var(--dd-accent)}.dd-hub-preview-note,.dd-hub-settings p{margin:10px 0 0;color:#b8bac6;font-size:13px}.dd-hub-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dd-hub-card{min-width:0;overflow:hidden;border:1px solid #ffffff39;background:#1c1f29}.dd-hub-scene{position:relative;height:210px;overflow:hidden;background:linear-gradient(#27283a,#111722)}.dd-hub-card-kinetic-souls .dd-hub-scene{background:radial-gradient(circle at center,#332548,#111320 75%)}.dd-hub-ground{position:absolute;inset:auto 0 0;height:47px;background:repeating-linear-gradient(90deg,#494459 0 30px,#333345 30px 60px)}.dd-hub-character{position:absolute;bottom:45px;left:20%;width:25px;height:52px;border:4px solid #ffad8c;border-radius:10px 10px 4px 4px;background:#5d3344;box-shadow:0 0 24px #f78a70;animation:dd-run 3s ease-in-out infinite alternate}.dd-hub-card-kinetic-souls .dd-hub-character{border-color:#d7c4ff;background:#513d82;box-shadow:0 0 25px #a98fff;animation:dd-dash 2.8s ease-in-out infinite alternate}.dd-hub-enemy{position:absolute;bottom:48px;width:21px;height:29px;border:3px solid var(--dd-accent);border-radius:50% 50% 7px 7px;box-shadow:0 0 18px var(--dd-accent);animation:dd-enemy 3s ease-in-out infinite alternate}.dd-hub-enemy-one{right:23%}.dd-hub-enemy-two{right:12%;animation-delay:1s}.dd-hub-signal{position:absolute;left:0;top:30%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--dd-accent),transparent);opacity:.45;animation:dd-pulse 3s linear infinite}.dd-hub-card-body{padding:25px}.dd-hub-card-index{color:var(--dd-accent);font:700 11px ui-monospace,monospace;letter-spacing:.14em}.dd-hub-card h3{margin:8px 0;color:#fff;font-family:var(--font-display),Impact,sans-serif;font-size:clamp(34px,4vw,51px);line-height:1;text-transform:uppercase}.dd-hub-card p{min-height:40px;color:#c1c3ce;font-size:14px}.dd-hub-card-actions,.dd-hub-next,.dd-hub-player-bar,.dd-hub-player-bar>div{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.dd-hub-card-actions button{padding:12px 18px;border:0;background:var(--dd-accent);color:#16141e;font-weight:800;cursor:pointer}.dd-hub-card-actions a,.dd-hub-next a,.dd-hub-player-bar a,.dd-hub-player-bar button{color:#fff;font:700 12px ui-monospace,monospace;text-decoration:underline;text-underline-offset:4px}.dd-hub-player{margin-top:28px;border:1px solid #ffffff48;background:#080a11}.dd-hub-player-bar{justify-content:space-between;padding:13px 15px;color:#fff;font:700 12px ui-monospace,monospace}.dd-hub-player-bar button{border:0;background:none;cursor:pointer}.dd-hub-player iframe{display:block;width:100%;height:min(75vh,780px);min-height:430px;border:0}.dd-hub-next{justify-content:space-between;margin-top:22px}.dd-hub-next button{border:0;background:transparent;color:#fff;font:700 12px ui-monospace,monospace;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.dd-hub-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:20px;padding:22px;border:1px solid #ffffff37;background:#ffffff0b}.dd-hub-progress span{color:var(--dd-accent);font:700 11px ui-monospace,monospace;letter-spacing:.12em}.dd-hub-progress h3{margin:7px 0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:22px;font-weight:800;line-height:1.3;letter-spacing:0;text-transform:none}.dd-hub-progress p{margin:0;color:#bec1ca;font-size:13px}.dd-hub-badges{display:flex;flex-wrap:wrap;align-content:center;gap:8px}.dd-hub-badges span{padding:8px 10px;border:1px solid #ffffff30;color:#969ba8}.dd-hub-badges span.earned{border-color:var(--dd-accent);color:var(--dd-accent)}.dd-hub[data-preview-motion=false] .dd-hub-scene *{animation:none!important}@keyframes dd-run{0%{transform:translateX(0)}to{transform:translateX(150px)}}@keyframes dd-dash{0%{transform:translate(0) skew(0)}to{transform:translate(220px,-18px) skew(-11deg)}}@keyframes dd-enemy{0%{transform:translateX(0)}to{transform:translateX(-55px)}}@keyframes dd-pulse{0%{transform:translateY(-30px)}to{transform:translateY(115px)}}@media(max-width:760px){.dd-hub-inner{padding:35px 18px 45px}.dd-hub-topline{padding:10px 18px}.dd-hub-cards{grid-template-columns:1fr}.dd-hub-nav{border-radius:20px}.dd-hub-nav a,.dd-hub-nav button{padding:9px 12px;font-size:11px}.dd-hub-player iframe{min-height:360px}}@media(min-width:1100px){.dd-hub-inner{padding-left:clamp(300px,26vw,350px)}}@media(prefers-reduced-motion:reduce){.dd-hub-scene *{animation:none!important}.dd-hub-nav a,.dd-hub-nav button{transition:none}}