:root{--hub-bg:#07111d;--hub-surface:#101e2e;--hub-edge:#243b53;--hub-blue:#a4deff;--hub-text:#eef6ff;--hub-muted:#9badc2}body.hub-home,body.hub-library{background:var(--hub-bg);color:var(--hub-text);font:500 15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hub-home .rail,.hub-library .rail{background:#0a1523;border-right:1px solid var(--hub-edge);width:74px;padding:20px 10px}.hub-home .rail nav,.hub-library .rail nav{gap:16px}.hub-home .rail-button,.hub-library .rail-button{border:1px solid var(--hub-edge);box-shadow:none;background:#101f30;border-radius:12px;font:700 24px system-ui}.hub-home .rail-button.selected,.hub-library .rail-button.selected{color:#07111d;background:var(--hub-blue)}.hub-home .brand,.hub-library .brand{margin-bottom:28px}.hub-top{position:relative;margin:0 0 0 74px;height:78px;padding:18px 4vw;display:flex;justify-content:space-between;align-items:center;background:transparent;border-bottom:1px solid var(--hub-edge);z-index:2}.hub-top .wordmark{font:900 16px/1 system-ui;letter-spacing:.08em;color:var(--hub-blue)}main.hub-main{min-height:unset;margin:0 0 0 74px;display:block;padding:32px 4vw 24px;position:relative;max-width:none;width:auto;overflow:visible}.hub-main h1,.hub-main h2,.hub-main h3{font-family:system-ui;letter-spacing:-.035em;color:var(--hub-text);margin:0;text-shadow:none}.hub-main h1{font-size:clamp(40px,5.6vw,84px);line-height:1.02;font-weight:900}.hub-main h2{font-size:clamp(23px,2.5vw,32px);line-height:1.15;font-weight:800}.hub-main p{margin:8px 0 18px}.hub-eyebrow{font:800 11px/1.5 system-ui!important;letter-spacing:.16em!important;color:var(--hub-blue)!important;margin:0 0 16px!important}.hub-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr);gap:40px;align-items:center;min-height:390px;padding:20px 0 36px}.hub-hero h1 span{color:var(--hub-blue)}.hub-intro{font-size:19px;color:var(--hub-muted);margin:22px 0!important}.hub-hero-art{height:310px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#20415c70,transparent 65%)}.hub-hero-art img{width:160px;height:185px;object-fit:contain;position:relative;z-index:1;image-rendering:auto;filter:drop-shadow(0 20px 20px #0006);animation:hub-float 5s ease-in-out infinite}.hub-orbit{position:absolute;width:260px;height:260px;border:1px solid #9bdcff28;border-radius:50%;transform:rotate(-30deg) scaleY(.6)}.orbit-two{transform:rotate(45deg) scaleY(.7);width:310px;height:310px}.hub-art-label{position:absolute;bottom:15px;font:700 10px monospace;letter-spacing:.15em;color:var(--hub-muted)}.hub-search{display:flex;align-items:center;background:#0e1d2d;border:1px solid #38536f;border-radius:14px;padding:7px;gap:8px;max-width:660px}.hub-search input{width:100%;min-width:0;background:transparent;color:var(--hub-text);border:0;outline:none;font:500 16px system-ui;padding:12px}.hub-search:focus-within{border-color:var(--hub-blue);box-shadow:0 0 0 3px #9bdcff12}.hub-search input::placeholder{color:#8299b1}.hub-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.hub-hero .hub-links{margin-top:18px}.hub-primary,.hub-secondary,.hub-filter{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border:1px solid transparent;border-radius:10px;font:750 13px/1.3 system-ui;padding:12px 16px;cursor:pointer;transition:transform .18s,background .18s,border-color .18s;white-space:nowrap;box-shadow:none}.hub-primary{background:var(--hub-blue);color:#071322}.hub-secondary,.hub-filter{background:#14253a;color:#d4e7fb;border-color:#2a415b}.hub-primary:hover,.hub-secondary:hover,.hub-filter:hover{transform:translateY(-2px);border-color:var(--hub-blue)}button:disabled{opacity:.55;cursor:default;transform:none}.hub-section{margin:32px 0 52px}.hub-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.hub-section-heading .hub-eyebrow{margin-bottom:8px!important}.hub-section-heading p{color:var(--hub-muted);margin-bottom:0}.hub-text-link{color:var(--hub-blue);font-size:13px;white-space:nowrap}.hub-grid,.hub-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hub-card{overflow:hidden;border:1px solid var(--hub-edge);border-radius:18px;background:#101e2e;min-width:0;transition:transform .2s,border-color .2s}.hub-card:hover{transform:translateY(-5px);border-color:#638caa}.hub-cover{height:152px;display:grid;place-items:center;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--tone) 45%,#18253a),#102034);overflow:hidden;font-size:58px}.hub-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 70%,#101e2e90);z-index:-1}.hub-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}.hub-card:hover .hub-cover img{transform:scale(1.05)}.hub-cover-label{position:absolute;top:12px;left:12px;font:900 10px system-ui;letter-spacing:.08em;padding:6px 9px;background:#07111dde;border:1px solid #82ceff44;border-radius:6px;color:#a4deff}.hub-card-body{padding:16px}.hub-card-heading{display:flex;justify-content:space-between;align-items:start;gap:8px}.hub-card h3{font-size:17px;line-height:1.3;letter-spacing:-.015em}.hub-favorite{border:0;background:transparent;font-size:22px;color:#8ca5bc;cursor:pointer;padding:0 0 4px 8px}.hub-favorite[aria-pressed=true]{color:#a4deff}.hub-chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.hub-chip{background:#1b3046;color:#a8c7e4;border-radius:6px;padding:3px 7px;font:650 10px system-ui}.hub-card-body>p{font-size:13px;color:var(--hub-muted);min-height:40px;margin:10px 0 16px}.hub-card-actions{display:flex;gap:8px}.hub-card-actions>*{flex:1;padding:9px 8px}.hub-compact .hub-cover{height:140px}.hub-compact .hub-card-body>p{display:none}.hub-compact .hub-card-actions{margin-top:14px}.originals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.originals-grid .hub-cover{height:175px}.hub-original-section{border-top:1px solid var(--hub-edge);border-bottom:1px solid var(--hub-edge);padding:30px 0}.hub-hint{color:var(--hub-muted);font-size:13px}.hub-community{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:45px}.hub-panel{background:#101e2e;border:1px solid var(--hub-edge);border-radius:18px;padding:24px}.hub-community .hub-search{margin-top:22px}.hub-community .jukebox{display:flex;gap:15px;align-items:center;margin-top:18px}.hub-community .updates-poll{width:auto;max-width:none;border:0;background:none;padding:0;margin:0;box-shadow:none;text-align:left}.hub-community .updates-poll h2{font:800 27px system-ui;letter-spacing:-.04em;color:var(--hub-text)}.hub-community .poll-options button{border-radius:10px;background:#152b41;font:700 15px system-ui}.hub-footer{display:flex;gap:22px;flex-wrap:wrap;padding:35px 0 10px;color:var(--hub-muted);font:600 12px system-ui}.hub-footer button{border:0;background:none;color:inherit;font:inherit;padding:0}.hub-library-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:20px 0 25px}.hub-library-heading h1{font-size:clamp(38px,5vw,64px)}.hub-library-heading p{color:var(--hub-muted)}.hub-search-row{display:flex;gap:20px;justify-content:space-between;align-items:center}.hub-search-row .hub-search{flex:1;max-width:none}.hub-sort{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--hub-muted)}.hub-sort select{background:#132338;color:var(--hub-text);border:1px solid var(--hub-edge);padding:12px;border-radius:10px}.hub-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.hub-filter{padding:9px 13px;font-size:12px}.hub-filter.active{background:var(--hub-blue);color:#071322;border-color:var(--hub-blue)}.hub-result-count{color:var(--hub-muted);font-size:12px;margin-bottom:18px!important}.hub-dialog,dialog#modal{background:#101e2e;color:var(--hub-text);border:1px solid #43617c;box-shadow:0 24px 100px #000b;border-radius:18px;padding:24px;width:min(680px,94vw);max-height:92vh;font:500 15px/1.5 system-ui}.hub-dialog::backdrop,dialog#modal::backdrop{background:#020914df;backdrop-filter:blur(7px)}.hub-dialog h2{font-size:30px;letter-spacing:-.03em;margin:12px 0}.hub-dialog h3{font-size:15px}.hub-dialog label{display:block;margin:20px 0}.hub-dialog input[type=file]{max-width:100%}.hub-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.hub-dialog-head .hub-eyebrow{margin:0!important}#preview-zone:not(:empty){margin-top:24px;height:320px;background:#000;border-radius:12px;overflow:hidden}#preview-zone iframe{border:0;width:100%;height:100%}dialog#modal{width:min(1200px,96vw);padding:0;overflow:hidden}#gameplayer{display:flex;flex-direction:column;max-height:94vh;background:#08121e;color:var(--hub-text)}.hub-player-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;flex-shrink:0;border-bottom:1px solid var(--hub-edge)}.hub-player-head h2{font:800 22px system-ui;margin:0}.hub-player-head p{font-size:12px;color:var(--hub-muted);margin:6px 0 0}.hub-player-head .hub-secondary{padding:9px 12px;font-size:12px}#stage{position:relative;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;height:min(65vh,680px);min-height:200px;flex:1;overflow:hidden}#stage .hub-game-frame{width:100%;height:100%;border:0;display:block;flex:1;min-height:200px}#stage canvas{max-width:100%;max-height:calc(100% - 45px);object-fit:contain}#status{font-size:12px;color:var(--hub-muted);margin:0;padding:8px 20px;min-height:34px;flex-shrink:0}.hub-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#0a1725;text-align:center;padding:20px;pointer-events:none}.hub-loading p{color:var(--hub-muted);font-size:13px;margin:0}.hub-spinner{width:38px;height:38px;border:3px solid #315571;border-top-color:var(--hub-blue);border-radius:50%;animation:hub-spin 1s linear infinite}.hub-touch{display:flex;gap:10px;padding:6px}.hub-touch button{font-size:18px;padding:6px 20px}#gameplayer:fullscreen,#gameplayer.expanded{width:100vw;height:100vh;max-height:100vh}#modal.expanded{position:fixed;inset:0;margin:0;width:100vw;height:100vh;max-width:none;max-height:none;border:0;border-radius:0}#gameplayer:fullscreen #stage,#gameplayer.expanded #stage{height:auto;flex:1} .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hub-card{animation:hub-in .35s both}.calm .hub-card,.calm .hub-hero-art img{animation:none}@keyframes hub-spin{to{transform:rotate(360deg)}}@keyframes hub-float{50%{transform:translateY(-12px)}}@keyframes hub-in{from{opacity:0;transform:translateY(8px)}}@media(min-width:1600px){.hub-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.originals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.hub-grid,.hub-row{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-hero{gap:12px}.hub-hero-art{transform:scale(.85)}.hub-library-heading{align-items:start;flex-direction:column;gap:0}.hub-player-head{align-items:start;flex-direction:column;gap:12px}.hub-community{grid-template-columns:1fr}}@media(max-width:700px){.hub-home .rail,.hub-library .rail{width:55px;padding:16px 7px}.hub-home .rail-button,.hub-library .rail-button{width:35px;height:35px;font-size:21px}.hub-home .rail nav,.hub-library .rail nav{gap:12px}.hub-home .brand img,.hub-library .brand img{width:32px;height:32px}.hub-top{margin-left:55px;padding:18px;height:70px}.hub-top .wordmark{font-size:12px}main.hub-main{margin-left:55px;padding:24px 16px}.hub-hero{grid-template-columns:1fr;min-height:unset}.hub-hero-art{display:none}.hub-hero h1{font-size:44px}.hub-grid,.hub-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.originals-grid{grid-template-columns:1fr}.hub-cover,.hub-compact .hub-cover{height:120px}.hub-card-body{padding:12px}.hub-card h3{font-size:15px}.hub-card-actions{flex-wrap:wrap}.hub-card-body>p{display:none}.hub-search{flex-wrap:wrap}.hub-search input{flex:1}.hub-search .hub-primary{padding:12px}.hub-search-row{flex-direction:column;align-items:stretch;gap:10px}.hub-sort{justify-content:space-between}.hub-sort select{flex:1}.hub-section-heading{align-items:start}.hub-section-heading h2{font-size:24px}.hub-panel{padding:18px}.hub-footer{gap:16px}.hub-dialog{padding:18px}#stage{height:60vh}.hub-player-head{padding:12px}.hub-player-head .hub-links{gap:6px}.hub-player-head .hub-secondary{padding:8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.hub-card,.hub-hero-art img{animation:none}.hub-primary,.hub-secondary,.hub-filter,.hub-card,.hub-cover img{transition:none}}
.hub-cover:has(.hub-cover-label)>span{font-size:clamp(18px,2.3vw,30px);font-weight:900;letter-spacing:-.04em;text-align:center;padding:25px;line-height:1.1;text-shadow:0 4px 30px #b3e1ff55}.hub-cover:has(.hub-cover-label){background-image:linear-gradient(135deg,#071323aa,#1c3e59aa),repeating-linear-gradient(45deg,transparent 0 24px,#95dfff33 25px 26px);background-color:#142d45}.hub-cover:has(.hub-cover-label)::after{background:radial-gradient(ellipse at 50% 50%,#8dcfff25,transparent 60%);z-index:0;pointer-events:none}.hub-cover>span,.hub-cover-label{z-index:1}.hub-original-section .hub-card:nth-child(2) .hub-cover{background-color:#1b294f}.hub-original-section .hub-card:nth-child(3) .hub-cover{background-color:#123f42}.hub-dialog>.hub-primary{margin-right:10px}.hub-home .hub-hero-art img{animation:hub-float 5s ease-in-out infinite}.hub-home.calm .hub-hero-art img{animation:none}@media(prefers-reduced-motion:reduce){.hub-home .hub-hero-art img{animation:none}}

.hub-community-single{grid-template-columns:1fr}.hub-home-poll .updates-poll{width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-items:center}.hub-home-poll .updates-poll h2{grid-column:1;grid-row:1 / 4;font:800 32px system-ui;color:var(--hub-text);letter-spacing:-.035em;margin:0}.hub-home-poll .poll-options,.hub-home-poll .poll-meter,.hub-home-poll #poll-status{grid-column:2}.hub-home-poll .poll-options button{padding:14px;font-size:15px}@media(max-width:700px){.hub-home-poll .updates-poll{display:block}.hub-home-poll .updates-poll h2{margin-bottom:18px;font-size:27px}}
/* Scale fallback thumbnail titles to the card width, including long single words. */
.hub-cover{container-type:inline-size;font-size:24px}.hub-cover>span,.hub-cover:has(.hub-cover-label)>span{box-sizing:border-box;min-width:0;max-width:100%;padding:18px;display:block;font:900 24px/1.12 system-ui;font-size:clamp(14px,10cqw,28px);letter-spacing:-.025em;text-align:center;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.hub-cover:has(.hub-cover-label)>span{padding-top:40px}