:root{font-family:Arial,Helvetica,sans-serif;color:#fff;--gold:#ffdb63;--ink:#211335;--muted:#bdadd3;background:#190f2d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#49306c66,transparent 45%),#190f2d}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ffe48a;outline-offset:5px}button{color:inherit;border:0}button:hover:not(:disabled){filter:brightness(1.12)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#title-screen{position:relative;min-height:100svh;overflow:hidden;background:#1d112e}.title-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.title-shade{position:absolute;inset:0;background:linear-gradient(0deg,#10091df5,transparent 43%,#160d2633)}.title-home{position:absolute;top:25px;left:30px;font-size:10px;font-weight:800;letter-spacing:2px;padding:12px 16px;border:1px solid #e0c3ff55;border-radius:25px;background:#130d2ba8}.title-action{position:absolute;bottom:4vh;left:50%;transform:translateX(-50%);width:min(410px,85vw);text-align:center}.title-action>span{display:block;font-size:9px;letter-spacing:3px;margin-bottom:12px;color:#ffe3a1}#enter{width:100%;font-weight:900;letter-spacing:1px;font-size:16px;background:linear-gradient(#ffe58a,#efb53b);border:2px solid #ffefad;color:#39200e;border-radius:17px;padding:20px;box-shadow:0 5px 0 #8b5b26,0 0 35px #f4b45250}#enter b{float:right}.title-action small{display:block;font-size:10px;color:#ebdff9;margin-top:16px;letter-spacing:.3px}#loading{min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at center,#51346b77,transparent 65%),#160d29}.loading-inner{width:min(400px,80vw);text-align:center}.mini-logo{letter-spacing:5px;font-size:11px;color:#d7bcec;font-weight:bold}.loading-inner h2{font-weight:950;font-style:italic;font-size:75px;letter-spacing:-4px;line-height:.9;margin:25px 0}.loading-inner h2 em{color:var(--gold);font-style:inherit}.loading-icon{font-size:42px;color:var(--gold);animation:twirl 3s linear infinite}.loading-inner p{font-size:13px;color:#ded1f0;margin:22px 0}#loadbar{height:13px;background:#090716;border:1px solid #b98dff44;padding:3px;border-radius:20px}#fill{height:100%;width:0;background:linear-gradient(90deg,#a48bff,#ffe086);border-radius:20px;box-shadow:0 0 14px #d7b5ff88}.load-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.load-bottom small{font-size:8px;letter-spacing:1px;color:#ab96c5}.load-bottom b{font-size:11px;color:#ffe086}@keyframes twirl{to{transform:rotate(360deg)}}#library{max-width:1440px;margin:auto;padding:0 46px}.top{padding:27px 0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c19cf429}.logo small{display:block;font-size:9px;letter-spacing:4px;color:#e0bfff;margin-bottom:5px}.logo strong{font-size:27px;letter-spacing:-1px;font-style:italic}.logo em{color:#ffda6b;font-style:inherit}.logo i{font-size:21px;color:#ffdc7c;margin-left:7px}.header-right{display:flex;align-items:center;gap:12px}.header-right button,.header-right a{background:#37214d;border:1px solid #ac85da44;border-radius:24px;padding:12px 16px;font-size:10px;font-weight:bold;letter-spacing:.5px}.library-intro{display:flex;justify-content:space-between;align-items:center;padding:40px 0 27px}.eyebrow{font-size:9px;letter-spacing:3px;color:#bb9cda}.library-intro h1{font-size:clamp(30px,4vw,54px);font-weight:950;font-style:italic;letter-spacing:-1.7px;line-height:1.04;margin:13px 0}.library-intro h1 em{color:var(--gold);font-style:inherit}.library-intro p{font-size:12px;color:#c3b0d4;margin:13px 0 0}.collection-stats{display:flex;align-items:center;gap:14px;border-left:1px solid #b897d344;padding:10px 0 10px 27px}.collection-stats>b{font-size:61px;color:#ffda6b;letter-spacing:-3px}.collection-stats>span{font-size:9px;letter-spacing:2px;line-height:1.7;color:#d4c4e4}#tabs{display:flex;gap:9px;overflow-x:auto;padding:8px 2px 20px;scrollbar-width:thin;scrollbar-color:#5e437f transparent}.tab{min-width:115px;flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;background:linear-gradient(135deg,#44305b,#2b1d40);border:1px solid #8d6bab77;border-radius:14px;white-space:nowrap;min-height:63px;box-shadow:0 4px 0 #0e081e;font-size:12px;font-weight:900}.tab img{width:43px;height:45px;object-fit:cover;object-position:center;border-radius:9px;filter:drop-shadow(0 2px 3px #0007)}.tab .tab-icon{font-size:20px}.tab small{display:block;font-size:7px;font-weight:normal;margin-top:4px}.tab[aria-pressed=true]{background:linear-gradient(#ffe490,#e9b444);color:#341f11;border-color:#ffefb4;box-shadow:0 4px 0 #9b6b22}.tab[data-filter=toddlers]{min-width:132px}.tab[data-filter=toddlers]:not([aria-pressed=true]){border-color:#65d5d4;color:#b0fff0}.shelf-heading{display:flex;justify-content:space-between;align-items:center;margin:13px 0 23px}.shelf-heading h2{font-size:15px;margin:0}.shelf-heading span{font-size:10px;letter-spacing:1px;color:#b39bc9}.cartridge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}.cartridge{position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--cart) 75%,white),var(--cart) 45%,color-mix(in srgb,var(--cart) 70%,black));padding:28px 15px 13px;border-radius:20px 20px 15px 15px;border:1px solid #ffffff55;box-shadow:inset 3px 2px 4px #ffffff4d,inset -5px -4px 9px #0005,0 9px 0 #0c071a,0 14px 25px #06031077;transition:transform .2s;isolation:isolate}.cartridge:hover{transform:translateY(-5px)}.cartridge::before{content:'';position:absolute;width:28%;height:16px;top:0;left:36%;border:2px solid #120b2666;border-top:0;border-radius:0 0 7px 7px;background:repeating-linear-gradient(0deg,#0003 0 2px,#fff2 3px 4px);box-shadow:inset 1px 2px 5px #0004}.cartridge::after{content:'';position:absolute;left:3px;right:3px;top:44%;height:34px;background:repeating-linear-gradient(0deg,#0003 0 3px,transparent 3px 9px);z-index:-1}.cover{height:178px;border-radius:11px;overflow:hidden;position:relative;border:2px solid #170f2e99;background:#1c1734;box-shadow:0 2px 4px #0008}.cover img{width:100%;height:100%;object-fit:cover}.cover .overlay-label{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#0c0a1ee8);padding:35px 12px 10px}.overlay-label span{display:inline-block;background:#17162bd9;border:1px solid #ffffff44;border-radius:7px;padding:5px 8px;font-size:8px;letter-spacing:1px;font-weight:bold}.cart-info{padding:13px 5px 2px}.cart-info .character-label{font-size:8px;text-transform:uppercase;font-weight:bold;letter-spacing:1.7px;color:#ffffffcf}.cart-info h3{margin:5px 0 7px;font-size:19px;font-weight:900;letter-spacing:-.4px;text-shadow:0 2px 1px #0004}.cart-info p{font-size:10px;line-height:1.5;color:#fffc;min-height:30px;margin:0 0 13px}.play-button,.soon-button{display:block;width:100%;border-radius:11px;font-size:12px;font-weight:900;letter-spacing:1px;padding:12px 8px}.play-button{background:linear-gradient(#ffe88c,#edb43d);border:1px solid #fff1aa;color:#3b2311;box-shadow:0 3px 0 #94641c}.soon-button{background:#211b34;border:1px solid #a998bf55;color:#d7c9e7;cursor:default;font-size:10px;letter-spacing:.8px}.date{display:block;text-align:center;font-size:9px;margin-top:9px;color:#fff6d5;min-height:12px;letter-spacing:.5px}.date.ready{color:#fffde9}footer{display:flex;justify-content:space-between;gap:15px;margin-top:44px;padding:25px 0;border-top:1px solid #b793d32e;font-size:8px;letter-spacing:2px;color:#ad96c3}footer a{color:#e2c69e}#player{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#090817;color:#fff}#player::backdrop{background:#090817}.player-bar{height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 17px;background:#231536;border-bottom:1px solid #6d4b8e}.player-bar button{background:#473056;border:1px solid #b088d44d;padding:9px 12px;border-radius:9px;font-size:10px;font-weight:bold}.player-bar b{font-size:12px}.player-bar #fullscreen{font-size:20px;padding:4px 12px}#frame{display:block;width:100%;height:calc(100dvh - 55px);border:0;background:#100b20}
@media(min-width:1450px){.cover{height:210px}}@media(max-width:950px){#library{padding:0 26px}.cartridge-grid{gap:25px 18px}.cover{height:145px}.cart-info h3{font-size:16px}.tab{min-width:105px}.library-intro{padding-top:28px}.collection-stats>b{font-size:45px}.collection-stats>span{font-size:8px;letter-spacing:1px}}@media(max-width:700px){#library{padding:0 16px}.top{padding:19px 0}.logo strong{font-size:22px}.logo small{font-size:7px}.header-right{gap:6px}.header-right button,.header-right a{padding:10px;font-size:8px}.header-right a span{display:none}.collection-stats{padding-left:12px;gap:8px}.collection-stats>b{font-size:37px}.collection-stats>span{font-size:6px}.library-intro h1{font-size:34px;letter-spacing:-1px}.eyebrow{font-size:7px;letter-spacing:1.5px}.library-intro p{font-size:10px;max-width:230px;line-height:1.5}.cartridge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.cartridge{padding:23px 9px 10px;border-radius:15px 15px 10px 10px}.cover{height:125px;border-radius:8px}.cover .overlay-label{padding:28px 6px 6px}.overlay-label span{font-size:6px;padding:4px 5px;letter-spacing:.4px}.cart-info{padding:10px 1px 0}.cart-info h3{font-size:14px;min-height:32px;line-height:1.15}.cart-info .character-label{font-size:7px;letter-spacing:1px}.cart-info p{font-size:9px;min-height:41px;margin-bottom:10px}.play-button,.soon-button{font-size:10px;padding:11px 5px;letter-spacing:.5px}.soon-button{font-size:8px}.date{font-size:7px;letter-spacing:0}.tab{min-width:100px;min-height:55px;font-size:10px;padding:6px}.tab img{height:37px;width:32px}.tab[data-filter=toddlers]{min-width:118px}.shelf-heading h2{font-size:13px}.shelf-heading span{font-size:8px}.title-art{object-fit:cover;object-position:49% 45%}.title-home{left:15px;top:15px;font-size:8px;padding:10px}.title-action{bottom:6vh}.title-action>span{font-size:8px;letter-spacing:2px}#enter{font-size:13px;padding:18px}.title-action small{font-size:9px}.player-bar{padding:8px;gap:6px}.player-bar b{font-size:9px;max-width:40%;text-align:center}.player-bar button{font-size:8px;padding:9px}.loading-inner h2{font-size:60px}footer{font-size:6px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.cartridge{transition:none}.loading-icon{animation:none}}
/* Sculpted cartridge library: broad artwork labels, ribbed grips and recessed controls. */
.cartridge-grid{gap:29px 30px;padding:0 4px}.cartridge-item{min-width:0;filter:drop-shadow(0 9px 5px #08031355)}.cartridge{padding:27px 23px 15px;border-radius:25px 25px 13px 13px;background:linear-gradient(110deg,color-mix(in srgb,var(--cart) 70%,white),var(--cart) 35%,color-mix(in srgb,var(--cart) 78%,black));border:2px solid color-mix(in srgb,var(--cart) 60%,white);box-shadow:inset 4px 4px 4px #ffffff38,inset -7px -6px 7px #0005,0 7px 0 color-mix(in srgb,var(--cart) 45%,black);clip-path:polygon(0 0,100% 0,100% 91%,96% 94%,94% 94%,94% 100%,6% 100%,6% 94%,4% 94%,0 91%);transition:transform .2s}.cartridge:hover{transform:translateY(-5px)}.cartridge::before{width:29%;left:35.5%;height:18px;border-left:5px solid #0004;border-right:5px solid #0004;border-bottom:3px solid #0005;border-radius:0 0 5px 5px;background:repeating-linear-gradient(0deg,#ffffff22 0 2px,#0003 3px 5px);box-shadow:inset 0 -3px 5px #0004}.cartridge::after{display:none}.cart-ribs{position:absolute;top:30%;width:15px;height:44%;background:repeating-linear-gradient(0deg,#0003 0 3px,#fff1 4px 5px,transparent 6px 10px);border-radius:3px}.cart-ribs.left{left:3px}.cart-ribs.right{right:3px}.cover{height:auto;aspect-ratio:1.7;border:3px solid #1c102caa;border-radius:11px;box-shadow:inset 0 0 5px #0007,0 2px 3px #0008}.cover img{object-fit:cover}.cover .overlay-label{padding:23px 8px 6px}.overlay-label span{font-size:7px;letter-spacing:.5px}.cart-info{padding:7px 0 1px;text-align:center;position:relative}.cart-info h3{font-size:12px;line-height:1.2;letter-spacing:.2px;margin:2px 0 8px;font-weight:900;min-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0008}.play-button,.soon-button{width:72%;margin:0 auto;border-radius:18px;padding:9px 5px;font-size:12px;box-shadow:0 3px 0 #714423,0 0 0 4px #1b0e3b33;border:2px solid #ffe995}.soon-button{font-size:9px;background:linear-gradient(#3c3c50,#222333);border:2px solid #6f6a84;color:#b9b5c8;box-shadow:0 3px 0 #0d0b19,0 0 0 4px #1b0e3b44}.cartridge-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin:15px 7px 0;min-height:25px}.cartridge-caption>span{font-size:7px;color:#c4aed7;letter-spacing:1px;line-height:1.6}.cartridge-caption .date{font-size:8px;color:#e5d1b1;letter-spacing:.1px;margin:0;text-align:right;line-height:1.5}.cartridge-caption .date.ready{color:#a895bc}.title-art{object-position:center 45%}.title-action{bottom:3.5vh}.title-shade{background:linear-gradient(0deg,#10091df5,transparent 37%,#160d2611)}
@media(max-width:950px){.cartridge-grid{gap:25px 20px}.cartridge{padding:25px 16px 13px}.cart-ribs{width:11px}.cart-info h3{font-size:10px}.play-button{font-size:11px}.cartridge-caption>span{font-size:6px;letter-spacing:.4px}.cartridge-caption .date{font-size:7px}}@media(max-width:700px){.cartridge-grid{gap:22px 14px;padding:0}.cartridge{padding:20px 12px 13px;border-radius:16px 16px 10px 10px}.cartridge::before{height:13px}.cart-ribs{width:8px;height:40%;top:32%}.cart-ribs.left{left:1px}.cart-ribs.right{right:1px}.cover{aspect-ratio:1.4;border-width:2px;border-radius:7px}.cover .overlay-label{padding:18px 3px 4px}.overlay-label span{font-size:5px;letter-spacing:0;padding:3px 4px}.cart-info h3{min-height:23px;font-size:9px;white-space:normal;margin:4px 0 7px}.play-button,.soon-button{width:85%;padding:8px 2px;font-size:9px;border-width:1px}.soon-button{font-size:7px}.cartridge-caption{display:block;margin:12px 3px 0;min-height:35px}.cartridge-caption>span{display:block;font-size:6px}.cartridge-caption .date{display:block;text-align:left;margin-top:3px;font-size:7px}.title-art{object-position:50% 35%}.title-action{bottom:6vh}}
@media(max-width:700px) and (orientation:portrait){#title-screen{background:radial-gradient(ellipse at 50% 40%,#59304e,#150a29 75%)}.title-art{object-fit:contain;object-position:center 34%}.title-shade{background:linear-gradient(0deg,#10091de8,transparent 45%,#160d2611)}.title-action{bottom:9vh}.title-home{z-index:2}}
/* Keep every label within the cartridge's printed artwork panel. */
.cover{position:relative;aspect-ratio:1.48;isolation:isolate}.cover img{object-fit:cover;object-position:center}.cover .overlay-label{inset:7px auto auto 7px;max-width:calc(100% - 14px);padding:0;background:none;z-index:2}.overlay-label span{font-size:8px;line-height:1.35;letter-spacing:.5px;white-space:normal;overflow-wrap:anywhere;max-width:100%;background:#160f2ae6;padding:5px 7px;border:1px solid #ffffff88;border-radius:6px}.cover-title{position:absolute;inset:auto 0 0;padding:38px 10px 12px;background:linear-gradient(transparent,#160a2eef 50%);text-align:center;z-index:1}.cover-title h3{margin:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:normal;font-size:clamp(17px,1.8vw,27px);line-height:1.06;font-weight:950;text-transform:uppercase;letter-spacing:-.6px;text-shadow:0 2px 0 #2c1646,0 4px 5px #000;max-width:100%;color:#fff9dd}.cart-info{padding:10px 0 3px}.cart-info .sr-only{min-height:0;margin:0}.play-button{width:74%;font-size:13px}.cartridge-caption{flex-wrap:wrap;min-height:31px;gap:2px 7px}.cartridge-caption>span,.cartridge-caption .date{overflow-wrap:anywhere;max-width:100%}.tab img{border-radius:50%;object-fit:cover;object-position:center}.cartridge{padding-bottom:14px}
@media(max-width:950px){.cover-title h3{font-size:18px}.overlay-label span{font-size:7px}.cover-title{padding:35px 8px 10px}}@media(max-width:700px){.cover{aspect-ratio:1.12}.cover-title{padding:30px 5px 8px}.cover-title h3{font-size:clamp(12px,3.5vw,20px);line-height:1.08;letter-spacing:-.35px}.cover .overlay-label{top:5px;left:4px;max-width:calc(100% - 8px)}.overlay-label span{font-size:6px;letter-spacing:0;padding:3px 4px}.cart-info{padding:9px 0 3px}.play-button{font-size:10px}.cartridge-caption{min-height:42px}.cartridge-caption .date{line-height:1.4}}
/* Screenshot labels preserve the complete game view, with a separate printed title. */
.cover{display:flex;flex-direction:column;aspect-ratio:1.28;background:#130c23}.cover img{display:block;flex:1;min-height:0;width:100%;height:0;object-fit:contain;object-position:center;background:#080711}.cover-title{position:relative;inset:auto;flex:none;padding:9px 6px 10px;background:linear-gradient(#29133f,#180d2d);border-top:1px solid #ffffff22;min-height:45px;display:grid;place-items:center}.cover-title h3{font-size:clamp(15px,1.6vw,23px);line-height:1.1;max-width:100%}.cover .overlay-label{position:relative;inset:auto;max-width:none;display:flex;justify-content:space-between;gap:3px;flex-wrap:wrap;order:-1;padding:4px;background:#171024;border-bottom:1px solid #fff2}.overlay-label span{font-size:6px;padding:3px 4px;line-height:1.2;letter-spacing:.2px;border-color:#ffffff33}.overlay-label .capture-tag{color:#bcefd7;background:#18382d}.overlay-label .capture-tag:last-child{font-size:6px}.cartridge:has(.capture-tag) .cover img{padding:0}
@media(max-width:700px){.cover{aspect-ratio:1}.cover-title{min-height:35px;padding:6px 3px}.cover-title h3{font-size:clamp(10px,2.8vw,16px);line-height:1.1}.cover .overlay-label{padding:3px;gap:2px;justify-content:center}.overlay-label span,.overlay-label .capture-tag:last-child{font-size:5px;padding:2px 3px;letter-spacing:0}}