*{box-sizing:border-box}html{background:#fff;color:#111;overflow-x:clip}body{margin:0;font-family:Arial,Helvetica,sans-serif;min-height:100svh;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #d31a32;outline-offset:6px}.skip-link{position:fixed;top:8px;left:8px;z-index:30;background:white;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.universe{position:relative;min-height:100svh;display:flex;flex-direction:column;transform-origin:50% 54%}.header,.intro,footer{width:100%;max-width:1800px;margin-inline:auto}.header{padding:30px 5.5% 12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:25px;font-weight:950;letter-spacing:-1px}.brand svg{width:53px;height:42px}.brand small{display:block;font-size:7.5px;letter-spacing:1.7px;font-weight:700;margin-top:5px}.header-tools{display:flex;align-items:center;gap:25px}.alpha{font-size:10px;letter-spacing:2px;font-weight:800;white-space:nowrap}.alpha i{display:inline-block;background:#ee2637;width:6px;height:6px;border-radius:50%;margin:0 7px 1px 0}.motion-control{background:white;border:0;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.4px;padding:10px 0;white-space:nowrap}.motion-control>span:first-child{border:1px solid #ccc;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:12px}.motion-control:disabled{color:#555;cursor:default}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:26px 8% 8px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:800;margin:0 0 13px}.intro h1{font-size:clamp(32px,3.6vw,60px);line-height:.97;font-weight:900;letter-spacing:-2px;margin:0}.intro h1 em{font-style:normal;color:#cf192a}.intro-note{margin:0 5% 0 0;font-size:12px;line-height:1.55;color:#5b5b5b}.intro-note span{display:inline-block;margin-left:35px;font-size:36px;color:#111}main{width:100%;margin-block:auto}
.game-selector{--card-w:min(55vw,940px);--card-h:clamp(360px,30vw,530px);--step:calc(var(--card-w)*.86);--clear:86px;position:relative;isolation:isolate;width:100%;margin-top:6px}.ribbon-window{position:relative;height:calc(var(--card-h) + var(--clear) + 55px);touch-action:pan-y;overflow:visible}.game-ribbon{position:relative;width:100%;height:100%}.game-card{position:absolute;left:50%;top:var(--clear);width:var(--card-w);height:var(--card-h);isolation:isolate;transform:translateX(-50%) translateX(calc(var(--slot,0)*var(--step))) scale(.69) rotate(var(--tilt,0deg));transform-origin:center;opacity:.65;z-index:1;transition:transform .7s cubic-bezier(.22,.7,.15,1),opacity .6s;will-change:transform}.game-card.selected{transform:translateX(-50%) scale(1) rotate(-1.4deg);opacity:1;z-index:3}.arena-card.selected,.space-card.selected{transform:translateX(-50%) scale(.97) rotate(1deg)}.game-card::before{content:"";position:absolute;inset:-7px;background:linear-gradient(125deg,#ff6671,#890619 20%,#f72742 45%,#ffa3ac 52%,#a9001a 74%,#ff334b);clip-path:polygon(0 5%,9% 1%,28% 3%,53% 0,77% 2%,98% 0,100% 27%,99% 50%,100% 72%,98% 96%,76% 100%,58% 98%,35% 100%,12% 98%,0 100%,2% 67%,0 44%);z-index:-1}.game-link,.game-face{display:block;position:relative;width:100%;height:100%;text-decoration:none;background:#080910;color:#fff;overflow:hidden;clip-path:polygon(0 5%,9% 1%,28% 3%,53% 0,77% 2%,98% 0,100% 27%,99% 50%,100% 72%,98% 96%,76% 100%,58% 98%,35% 100%,12% 98%,0 100%,2% 67%,0 44%)}.game-card:focus-within::before,.game-card:focus-visible::before{background:#ffebac}.game-link:focus-visible{outline:none}.card-art{position:absolute;inset:0;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;pointer-events:none}.world-art img{object-position:42% 25%;transform:scale(1.03);filter:saturate(.9)}.art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#061b2766,transparent 40%,#07131b33 55%,#020d1bee)}.card-top{display:flex;justify-content:space-between;position:absolute;top:27px;left:28px;right:28px;font-size:9px;letter-spacing:1.6px;font-weight:800;text-shadow:0 1px 5px #000}.availability{font-size:8px;letter-spacing:1px}.card-copy{position:absolute;left:37px;bottom:32px;right:30px}.card-copy h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(48px,6.3vw,100px);font-weight:900;font-style:italic;letter-spacing:1px;line-height:.79;transform:rotate(-3deg);margin:0 0 16px;text-shadow:3px 4px 0 #071521,-2px -2px 0 #071521,5px 7px 0 #071521;-webkit-text-stroke:1px #071521}.card-copy h2 span{display:block;color:#ffdf55;letter-spacing:6px;margin-top:7px}.card-copy p{font-size:12px;margin:0 0 17px;letter-spacing:.2px}.play-cta,.coming-label{display:inline-flex;gap:26px;align-items:center;border-bottom:1px solid #ffffff6b;padding:0 0 8px;font-size:10px;letter-spacing:1.2px;font-weight:900}.play-cta b{font-size:24px;line-height:.7;font-weight:400}.grip{position:absolute;width:115px;z-index:4;pointer-events:none;filter:drop-shadow(4px 8px 5px #0007)}.grip-left{top:33%;left:-47px;transform:rotate(-13deg)}.grip-top{width:100px;top:-30px;right:46px;transform:rotate(88deg)}.arena-card .card-copy h2{font-size:clamp(35px,4.6vw,77px);line-height:1;letter-spacing:-1px}.arena-art{background:radial-gradient(ellipse at 50% 35%,#ce1433,#350817 55%,#080713 85%)}
.space-card .game-face{background:radial-gradient(ellipse at 60% 20%,#702538,#241522 48%,#090b12 85%)}.space-card .card-copy h2{font-size:clamp(30px,4vw,65px);line-height:1.03;letter-spacing:-1px;color:#f4e3df;text-shadow:2px 3px #10101c}.space-card .coming-eyebrow{font-size:8px;letter-spacing:2px;color:#e9b6bd}.space-art{position:absolute;inset:0;opacity:.65}.space-scope{position:absolute;width:55%;aspect-ratio:1;left:26%;top:-17%;border:1px solid #ffd9df44;border-radius:50%;box-shadow:0 0 0 40px #ffe1e908,0 0 0 80px #ffe1e906}.space-beam{position:absolute;left:50%;top:-20%;width:4px;height:65%;background:linear-gradient(transparent,#ffd4b866,transparent);transform:rotate(36deg);filter:blur(1px)}.space-craft{position:absolute;left:48%;top:15%;font-size:80px;color:#e7d3ce;transform:rotate(-17deg)}.coming-label{color:#e8b8bf;border:1px solid #d1929b66;padding:9px 13px}.coming-label span{font-size:17px}
.ribbon-energy{position:absolute;inset:48px 0 54px;z-index:-1;pointer-events:none;overflow:visible}.ribbon-ink{position:absolute;inset:11% -3% 5%;background:radial-gradient(ellipse at 16% 48%,#ff2143,#a70622 21%,transparent 52%),radial-gradient(ellipse at 85% 50%,#fb1734,#5d0518 35%,transparent 60%),linear-gradient(174deg,#12030b,#bd0928 45%,#e81636 52%,#190510 83%);clip-path:polygon(0 12%,3% 19%,8% 9%,14% 16%,20% 5%,27% 13%,34% 3%,41% 12%,47% 0,54% 10%,64% 2%,71% 11%,78% 4%,85% 13%,92% 3%,100% 10%,100% 93%,93% 85%,85% 99%,80% 91%,72% 100%,63% 92%,54% 100%,46% 89%,39% 97%,31% 87%,24% 99%,17% 88%,9% 96%,0 87%);animation:ribbon-breathe 13s ease-in-out -4s infinite alternate}.red-burst{position:absolute;top:1%;width:48%;height:98%;background:linear-gradient(90deg,#140812,#e30f31 48%,#ff5062 65%,transparent);clip-path:polygon(0 38%,25% 40%,4% 15%,35% 34%,24% 2%,43% 31%,50% 0,56% 36%,83% 9%,67% 39%,100% 30%,74% 49%,97% 70%,67% 61%,81% 100%,58% 69%,48% 98%,42% 65%,17% 92%,29% 62%,0 73%,20% 53%);opacity:.7;animation:burst-breathe 17s ease-in-out -9s infinite alternate;transform-origin:center}.burst-left{left:-10%}.burst-right{right:-11%;rotate:180deg;animation-duration:23s;animation-delay:-3s}.electric{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ffd4d9;stroke-width:1.7;opacity:.6;filter:drop-shadow(0 0 4px #ff354b);animation:current-drift 9s ease-in-out -2s infinite alternate}.current-b{stroke:#ff7892;stroke-width:3;opacity:.45;animation-duration:14s;animation-delay:-7s}.energy-haze{position:absolute;inset:25% 0 14%;background:radial-gradient(ellipse at 0 50%,#ff203f88,transparent 33%),radial-gradient(ellipse at 100% 50%,#f7214655,transparent 32%);filter:blur(12px);animation:haze-breathe 19s ease-in-out -11s infinite alternate}
@keyframes ribbon-breathe{from{transform:scaleY(.97) rotate(-1deg)}to{transform:scaleY(1.025) rotate(.7deg)}}@keyframes burst-breathe{to{transform:scale(1.065) rotate(3deg);opacity:.95}}@keyframes current-drift{to{transform:translateY(7px) scaleX(1.025);opacity:.25}}@keyframes haze-breathe{to{transform:scaleY(1.1);opacity:.5}}
.ribbon-controls{position:relative;display:flex;align-items:center;justify-content:space-between;margin:3px auto 0;padding-inline:7%;max-width:1700px;gap:20px}.selection-label{display:flex;align-items:center;gap:24px;font-size:9px;font-weight:800;letter-spacing:1.4px;min-width:270px}#game-count{color:#a01d2b;letter-spacing:2px;white-space:nowrap}.browse-hint{font-size:8px;letter-spacing:1.4px;color:#595959}.arrows{display:flex;gap:8px}.arrows button{background:#fff;border:1px solid #b9b9b9;width:43px;height:39px;font-size:24px;line-height:1}.arrows button:hover{background:#131313;color:white}footer{margin-top:auto;padding:30px 5.5% 23px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:8px;letter-spacing:1px;color:#5f5f5f}footer p{margin:0}footer strong{color:#191919}.donate-note{font-size:11px;letter-spacing:0;color:#3f3f3f}.donate-note small{font-size:9px;color:#777;margin-left:5px}.edition{letter-spacing:1.5px}.paused .ribbon-energy *{animation-play-state:paused}.paused .game-card{transition:none}
html:not(.wheel-ready) .ribbon-window{height:auto;overflow-x:auto;padding:70px 6% 30px}html:not(.wheel-ready) .game-ribbon{display:flex;gap:40px;width:max-content}html:not(.wheel-ready) .game-card{position:relative;left:auto;top:auto;transform:none;opacity:1;width:min(80vw,850px)}
@media(min-width:1700px){.intro{padding-top:40px;padding-bottom:20px}.game-selector{--clear:100px}.ribbon-controls{margin-top:15px}}
@media(max-width:700px){.header{padding:18px 20px 6px;gap:10px}.brand{font-size:18px;gap:7px}.brand svg{width:38px;height:32px}.brand small{font-size:5.5px;letter-spacing:.8px}.header-tools{gap:8px}.alpha{font-size:7px;letter-spacing:.5px}.alpha i{width:4px;height:4px;margin-right:4px}.motion-control{font-size:8px;gap:4px;letter-spacing:0}.motion-control>span:first-child{width:25px;height:25px}.intro{padding:25px 28px 5px}.eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:12px}.intro h1{font-size:34px;letter-spacing:-1.4px}.intro-note{display:none}.game-selector{--card-w:78vw;--card-h:360px;--clear:61px;--step:calc(var(--card-w)*.93);margin-top:1px}.ribbon-window{height:calc(var(--card-h) + var(--clear) + 27px)}.game-card{transform:translateX(-50%) translateX(calc(var(--slot,0)*var(--step))) scale(.72) rotate(var(--tilt,0deg))}.card-top{top:25px;left:20px;right:20px;font-size:7px;letter-spacing:.6px}.availability{font-size:6px;letter-spacing:.4px}.card-copy{left:24px;bottom:27px;right:13px}.card-copy h2{font-size:52px}.card-copy p{font-size:10px;margin-bottom:14px}.play-cta{font-size:8px;gap:15px}.grip-left{width:76px;left:-29px;top:33%}.grip-top{width:73px;top:-23px;right:21px}.arena-card .card-copy h2{font-size:30px}.space-card .card-copy h2{font-size:29px}.space-card .coming-eyebrow{font-size:6px;letter-spacing:1px}.coming-label{font-size:8px}.ribbon-energy{inset:42px 0 39px}.red-burst{width:80%}.burst-left{left:-36%}.burst-right{right:-38%}.ribbon-controls{padding:0 23px;gap:12px}.selection-label{gap:10px;min-width:0;font-size:7px;letter-spacing:.6px;max-width:230px}#selection-name{max-width:148px}.browse-hint{display:none}.arrows{gap:6px}.arrows button{width:32px;height:33px;font-size:21px}footer{padding:28px 24px 19px;flex-wrap:wrap;font-size:6px;gap:12px}.edition{width:100%;font-size:6px}.donate-note{font-size:9px}.donate-note small{font-size:7px}}
@media(max-height:540px) and (min-width:701px){.header{padding:8px 5% 0}.brand{font-size:18px}.brand svg{width:37px;height:30px}.brand small{font-size:5px}.header-tools{gap:14px}.motion-control{padding:4px 0;font-size:8px}.intro{padding:6px 8% 0}.intro h1{font-size:23px;letter-spacing:-.7px}.intro h1 br{display:none}.intro h1 em{margin-left:5px}.eyebrow{font-size:6px;margin-bottom:5px}.intro-note{display:none}.game-selector{--card-w:52vw;--card-h:180px;--clear:40px;margin-top:0}.ribbon-window{height:calc(var(--card-h) + var(--clear) + 18px)}.card-top{top:16px;left:22px;right:22px;font-size:6px}.availability{font-size:6px}.card-copy{left:27px;bottom:15px}.card-copy h2{font-size:37px;margin-bottom:9px}.card-copy h2 span{margin-top:4px}.card-copy p{font-size:8px;margin-bottom:8px}.play-cta{font-size:7px;padding-bottom:4px}.grip-left{width:60px;left:-27px}.grip-top{width:56px;top:-16px;right:30px}.arena-card .card-copy h2{font-size:33px}.space-card .card-copy h2{font-size:25px}.space-card .coming-eyebrow{font-size:5px;margin-bottom:9px}.coming-label{font-size:6px;padding:4px 8px}.space-craft{font-size:46px;top:8%}.ribbon-energy{inset:22px 0 26px}.ribbon-controls{margin-top:0}.selection-label{font-size:7px;min-width:235px}.browse-hint{font-size:6px}.arrows button{height:27px;width:32px;font-size:20px}footer{padding:9px 5%;font-size:6px}.donate-note{font-size:8px}.donate-note small{font-size:6px}}
.transition[hidden]{display:none}.transition{position:fixed;inset:0;z-index:50;background:#09070d;overflow:hidden}.destination-preview{position:absolute;inset:0;background:#0398d5 url('/cosmic-home/world.webp') center/cover;transform:scale(1.1)}.void{position:absolute;inset:-30%;background:repeating-radial-gradient(ellipse at center,#050308 0 8%,#33010a 11%,#ef1330 12%,#08050b 14% 20%);animation:void-flight .58s ease-in both}.curtain{position:absolute;top:-5%;width:57%;height:110%;background:radial-gradient(ellipse at 85% 50%,#ef1731,#4c0413 8%,#100510 35%,#05040a 70%);transition:transform .65s cubic-bezier(.6,0,.2,1);box-shadow:0 0 50px #ff173a}.curtain-left{left:0;clip-path:polygon(0 0,93% 0,90% 13%,99% 25%,90% 36%,98% 47%,91% 58%,100% 69%,90% 80%,96% 92%,90% 100%,0 100%)}.curtain-right{right:0;transform:scaleX(-1);clip-path:polygon(0 0,93% 0,90% 13%,99% 25%,90% 36%,98% 47%,91% 58%,100% 69%,90% 80%,96% 92%,90% 100%,0 100%)}.curtain img{position:absolute;right:0;top:38%;width:clamp(110px,17vw,250px);transform:rotate(-12deg);filter:drop-shadow(0 8px 8px #0009)}.transition>p{position:absolute;left:0;right:0;top:19%;text-align:center;color:#fff;font-size:10px;letter-spacing:4px}.skip-transition{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));right:6%;color:#fff;text-decoration:none;background:#090909bb;border:1px solid #fff8;padding:12px 18px;font-size:12px}.opening .universe{animation:launch-zoom .52s ease-in both}.opening .transition{animation:veil-in .45s ease-in both}.opening .curtain{opacity:0}.opening.reveal .curtain{opacity:1}.opening.reveal .void{opacity:0;transition:opacity .16s}.opening.pull .curtain-left{transform:translateX(-105%)}.opening.pull .curtain-right{transform:translateX(105%) scaleX(-1)}.opening.pull .transition>p{opacity:0}@keyframes launch-zoom{to{transform:scale(3.4);opacity:0;filter:blur(5px)}}@keyframes void-flight{from{transform:scale(.2) rotate(-30deg)}to{transform:scale(2.8) rotate(15deg)}}@keyframes veil-in{from{opacity:0}to{opacity:1}}

.curtain{background:none;box-shadow:none;clip-path:none}.curtain::before{content:"";position:absolute;inset:0;background:linear-gradient(128deg,transparent 64%,#ff2846 65%,#4b0615 66%,transparent 68%),radial-gradient(ellipse at 91% 50%,#f31538,#570817 10%,#130711 35%,#05040a 70%);clip-path:polygon(0 0,93% 0,90% 13%,99% 25%,90% 36%,98% 47%,91% 58%,100% 69%,90% 80%,96% 92%,90% 100%,0 100%)}


/* A living white page: four irregular ink marks, two soft bleeds, one distant city.
   Independent periods and phases create depth without a pointer or frame loop. */
.cosmos{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#fff;z-index:0}
.city{position:absolute;width:104%;height:42%;left:-2%;bottom:-5%;object-fit:cover;opacity:.047;mask-image:linear-gradient(transparent,#000 50%,transparent 96%);animation:city-memory 53s ease-in-out -19s infinite alternate}
.star{position:absolute;background:#151515;opacity:.62;clip-path:polygon(47% 0,53% 39%,76% 13%,60% 45%,100% 53%,62% 57%,81% 86%,54% 64%,48% 100%,43% 60%,8% 77%,37% 53%,0 44%,39% 42%,16% 8%,44% 38%);animation:ink-drift 31s ease-in-out -8s infinite alternate}
.s1{left:-42px;top:-26px;width:113px;height:128px;opacity:.23;filter:blur(1.4px);--dx:8px;--dy:10px;--turn:9deg;animation-duration:47s;animation-delay:-17s}
.s2{left:54%;top:13%;width:26px;height:32px;--dx:-11px;--dy:6px;--turn:-17deg;animation-duration:29s;animation-delay:-6s;transform:rotate(16deg);clip-path:polygon(46% 0,54% 38%,91% 11%,63% 46%,100% 56%,60% 60%,67% 100%,46% 68%,17% 94%,34% 60%,0 45%,36% 43%,25% 10%,44% 36%)}
.s3{right:3%;top:35%;width:39px;height:28px;opacity:.45;--dx:7px;--dy:-12px;--turn:14deg;animation-duration:37s;animation-delay:-23s}
.s4{left:14%;bottom:8%;width:19px;height:25px;opacity:.47;--dx:-6px;--dy:-7px;--turn:-21deg;animation-duration:41s;animation-delay:-11s}
.ink-breath{position:absolute;pointer-events:none;background:radial-gradient(ellipse at 42% 52%,#14141438,transparent 52%),radial-gradient(ellipse at 60% 44%,#1b1b1b22,transparent 60%);filter:blur(14px);border-radius:43% 57% 61% 39%;animation:ink-breathe 43s ease-in-out -14s infinite alternate}
.ink-near{left:-8%;top:38%;width:39%;height:34%;opacity:.43;--dx:13px;--dy:-9px;--turn:5deg}
.ink-far{right:-9%;top:34%;width:36%;height:32%;opacity:.3;--dx:-10px;--dy:7px;--turn:-7deg;animation-duration:59s;animation-delay:-37s}
.paused .cosmos *,.paused .cosmos::before,.paused .cosmos::after{animation-play-state:paused}
@keyframes ink-drift{from{transform:translate(0,0) rotate(-6deg)}to{transform:translate(var(--dx),var(--dy)) rotate(var(--turn))}}
@keyframes ink-breathe{from{transform:translate(0,0) rotate(0) scale(.94)}to{transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(1.06);opacity:.22}}
@keyframes city-memory{from{transform:translate(-3px,2px) scale(1);opacity:.035}to{transform:translate(4px,-3px) scale(1.015);opacity:.065}}
@media(max-width:700px){.city{width:180%;left:-38%;height:32%;bottom:-2%}.s1{width:78px;height:90px;left:-35px;top:-24px;opacity:.18}.s2{left:84%;top:25%;width:19px;height:24px}.s3{right:-10px;top:78%;width:32px;height:25px;opacity:.33}.s4{left:17%;bottom:12%;width:15px;height:20px}.ink-near{left:-25%;width:70%;top:41%;height:28%}.ink-far{right:-30%;width:65%;top:43%;height:27%}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.game-selector{overflow:clip;--card-h:clamp(280px,30vw,min(530px,calc(100svh - 520px)))}
@media(max-width:700px){.game-selector{--card-h:360px}}
@media(max-height:540px) and (min-width:701px){.game-selector{--card-h:180px}}
.world-card .card-top{flex-direction:column;align-items:flex-start;gap:9px}.card-copy h2{margin-bottom:24px}
@media(max-height:540px) and (min-width:701px){.world-card .card-top{gap:5px}.card-copy h2{margin-bottom:13px}}
.coming-label{border:0;padding:0;letter-spacing:1.5px}

/* Promotional concept cards have no game launch controls. */
.coming-card .game-face{cursor:default}.coming-card .card-copy h2{font-size:clamp(30px,4vw,64px);max-width:85%;line-height:.96}.coming-card .concept-art img{width:100%;height:100%;object-fit:cover;opacity:.86}.coming-card .art-shade{background:linear-gradient(0deg,#080813 2%,#080813c9 28%,transparent 85%)}.coming-card .coming-eyebrow{font-size:8px;letter-spacing:1.4px;color:#ffe0a3}.coming-card .availability{background:#27232c;color:#fff0c6}.coming-card .coming-label{font-size:9px;color:#ffe0a3}
@media(max-width:700px){.coming-card .card-copy h2{font-size:32px;max-width:100%;margin-bottom:14px}.coming-card .coming-eyebrow{font-size:6px}.coming-card .coming-label{font-size:8px}.coming-card .card-top{flex-direction:column;align-items:flex-start;gap:7px}}
@media(max-height:540px) and (min-width:701px){.coming-card .card-copy h2{font-size:25px;max-width:90%;margin-bottom:8px}.coming-card .coming-eyebrow{font-size:5px;margin-bottom:7px}.coming-card .coming-label{font-size:6px}}