@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#0b101b;--panel:#121a29;--ink:#f1f5fc;--muted:#8795ac;--line:#253047;--blue:#3265ff;--lime:#d7ff58}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans JP',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;transition:background .2s,transform .2s,color .2s}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:hover{filter:brightness(1.15)}.sidebar{height:88px;padding:0 max(32px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line);background:#0e1420}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand img{border-radius:11px}.brand-games{font-weight:500}.brand-dot{font-size:9px;vertical-align:top;margin:5px 0 0 3px;display:inline-block;color:var(--muted)}nav{display:flex;gap:8px;align-self:stretch}.nav-item{background:none;border:0;color:var(--muted);padding:0 17px;font-size:12px;position:relative;display:flex;gap:8px;align-items:center}.nav-item span{font-size:19px}.nav-item.active{color:white}.nav-item.active:after{content:'';height:3px;background:var(--blue);position:absolute;bottom:0;left:17px;right:17px}.profile{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px;color:#a3b0c7;white-space:nowrap}.private-dot{width:6px;height:6px;background:var(--lime);border-radius:50%}.avatar{display:grid;place-items:center;border:1px solid #344561;background:#1b2840;width:33px;height:33px;border-radius:50%;font-size:13px;font-weight:700;margin-left:14px;color:#b8caff}main{max-width:1384px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;height:80px}.breadcrumb{font-size:9px;letter-spacing:1.2px;color:#687c9d}.breadcrumb span{margin:0 12px;color:#384b68}.breadcrumb b{font-size:10px;font-weight:400;letter-spacing:0;color:#a5b4ca}.button{border:0;border-radius:7px;padding:14px 20px;font-size:12px;font-weight:700;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 3px 0 #1838a4}.small-button{font-size:11px;padding:11px 16px;box-shadow:none}.intro{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 0 43px;min-height:305px}.eyebrow{font-size:9px;letter-spacing:2px;color:#93a9cc;font-weight:600;margin:0 0 17px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:var(--blue)}h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:84px;line-height:.88;letter-spacing:-1px;font-weight:800;margin:0 0 23px}h1>span{color:#7d9dff}.muted{font-size:12px;line-height:1.9;color:#98a8c1;margin:0}.mobile-break{display:none}.intro-art{position:absolute;width:270px;height:240px;left:55%;top:18px;display:grid;place-items:center;transform:rotate(-12deg);pointer-events:none}.intro-art>img{width:126px;height:126px;transform:rotate(5deg);box-shadow:18px 20px 0 #182440;border-radius:30px}.orbit{position:absolute;width:245px;height:125px;border:1px solid #304265;border-radius:50%;transform:rotate(-24deg)}.orbit-two{transform:rotate(60deg);width:220px}.art-plus{position:absolute;right:15px;top:8px;color:var(--lime);font-size:40px;font-weight:400}.art-label{position:absolute;bottom:4px;color:#8296b5;font-size:8px;letter-spacing:2px;transform:rotate(12deg)}.collection-label{font-size:8px;letter-spacing:1.7px;color:#8d9db7;text-align:right;padding-top:20px;z-index:1}.collection-label>span{display:block;font-family:'Barlow Condensed',sans-serif;line-height:1.1;font-size:78px;font-weight:700;letter-spacing:0;color:#edf3ff}.collection-label small{font-size:7px;letter-spacing:1.5px;color:#506685}.feature{background:#142247;border:1px solid #2a3b63;border-radius:14px;display:grid;grid-template-columns:42% 58%;min-height:430px;overflow:hidden;position:relative}.feature-copy{padding:34px 0 30px 38px;position:relative;z-index:2}.feature-label{font-size:8px;letter-spacing:1.2px;font-weight:700;background:var(--lime);color:#223012;padding:7px 9px;display:inline-flex;align-items:center;gap:6px;border-radius:3px}.feature-label i{width:5px;height:5px;background:#223012;border-radius:50%}.feature-kicker{font-size:8px;letter-spacing:2px;color:#829aca;margin:27px 0 16px}.feature h2{font-size:40px;line-height:1.45;letter-spacing:-1.4px;margin:0 0 15px;font-weight:800}.feature-copy>p:not(.feature-kicker){font-size:11px;color:#b0bed8;line-height:1.9;margin:0 0 22px}.light{background:#edf3ff;color:#182642;box-shadow:none;padding:12px 16px;font-size:11px}.light span{font-size:20px}.feature-bottom{display:flex;gap:19px;font-size:8px;letter-spacing:1.3px;color:#6f88b4;margin-top:26px}.feature-image{position:relative;overflow:hidden;background:black;min-width:0}.feature-image:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#142247,transparent 35%);pointer-events:none}.feature-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;z-index:1;object-position:center 58%}.feature-type{position:absolute;top:25px;right:25px;font-family:'Barlow Condensed',sans-serif;font-size:90px;line-height:.86;font-weight:800;color:#27344d;letter-spacing:-1px;transform:rotate(0deg)}.image-caption{position:absolute;bottom:18px;right:24px;z-index:3;display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:1.2px;color:#b5c3da}.image-caption i{width:5px;height:5px;background:var(--lime);border-radius:50%}.image-caption>span{margin-left:8px;color:#7689aa;font-size:8px;letter-spacing:0}.image-corner{position:absolute;top:20px;left:25px;font-size:36px;color:#6588d5;z-index:2}.ticker{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:2px;color:#697e9f;overflow:hidden;white-space:nowrap}.ticker i{font-size:18px;color:var(--blue);font-style:normal}.library{padding-top:38px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-heading h2{font-size:21px;margin:0;display:flex;align-items:center;gap:11px;letter-spacing:-.5px}.library-heading h2 span{font-size:10px;color:#7d9fff;border:1px solid #2b4577;padding:3px 8px;border-radius:4px;font-weight:500}.library-heading p{font-size:11px;color:var(--muted);margin:10px 0 0}.search{display:flex;align-items:center;gap:10px;border:1px solid #2d3a53;background:#111a2b;padding:9px 13px;border-radius:7px}.search span{font-size:24px;color:#748aac;line-height:1}.search input{border:0;outline:0;background:transparent;color:var(--ink);width:180px;font-size:11px}.search:focus-within{outline:2px solid var(--blue)}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:25px 0 24px}.tabs{display:flex;gap:5px;background:#111a2b;border:1px solid #202f48;border-radius:6px;padding:4px}.tab{border:0;background:none;border-radius:4px;padding:8px 16px;color:#8c9db9;font-size:10px}.tab.active{background:#304d94;color:#eff4ff;font-weight:700}.shelf-label{font-size:8px;letter-spacing:1.6px;color:#526988}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{min-width:0;border:1px solid #25334d;border-radius:10px;overflow:hidden;background:#111a2a;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-4px);border-color:#5279cb}.card-art{height:200px;position:relative;background:#030406;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.game-card:hover .card-art img{transform:scale(1.045)}.status{position:absolute;left:14px;top:14px;border:1px solid #475b81;background:#12203ad9;color:#b5cfff;padding:5px 8px;border-radius:3px;font-size:9px;backdrop-filter:blur(8px)}.favorite{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #6174946b;border-radius:50%;background:#0b1424b8;color:#d6e5ff;font-size:18px}.favorite[aria-pressed=true]{color:var(--lime);border-color:#d7ff5880}.card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:19px 18px 9px}.card-title h3{font-size:14px;margin:0}.genre{font-size:8px;color:#6f8dbf;white-space:nowrap}.game-card>p{font-size:10px;line-height:1.9;color:#8194b1;margin:0 18px;min-height:38px}.card-actions{display:flex;justify-content:space-between;align-items:center;margin:13px 18px 0;padding:14px 0 17px;border-top:1px solid #25334d}.play{padding:0;border:0;background:none;color:#acc4ff;font-size:11px;font-weight:600}.card-id{font-size:8px;color:#4f668b;letter-spacing:1px}.remove{border:0;background:none;color:#7c8da9;font-size:10px}.add-card{min-height:330px;border:1px dashed #33486a;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(-45deg,#111a2a33,#111a2a33 1px,transparent 1px,transparent 12px);gap:14px;color:#9aafcf}.add-card:hover{background-color:#172746;border-color:var(--blue)}.plus{width:48px;height:48px;border:1px solid #36598f;border-radius:12px;display:grid;place-items:center;font-size:28px;color:#83a5ff;background:#17284a;margin-bottom:4px}.add-card strong{font-size:12px}.add-card small{font-size:10px;color:#5e769b}.generated-art{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#1b3370,#1b3370 20px,#23407f 20px,#23407f 21px);font-size:62px;letter-spacing:-3px;font-weight:800;color:#b2c8ff}.empty{padding:30px;text-align:center;color:#7e94b6}.empty>span{font-size:36px}.empty h3{font-size:16px;color:#b7c9e4}.empty p{font-size:11px}footer{margin-top:45px;padding:28px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.footer-brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;letter-spacing:-.5px}.footer-brand img{border-radius:6px}.footer-note{font-size:9px;color:#5f7494;font-weight:400;letter-spacing:0;margin-left:15px}.text-button{border:0;background:none;color:#8398ba;font-size:10px}dialog{color-scheme:dark;background:#121d31;color:var(--ink);border:1px solid #344c75;border-radius:14px;padding:30px;width:min(480px,calc(100% - 32px));box-shadow:0 25px 120px #0009}dialog::backdrop{background:#020711c9;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:10px}.dialog-heading h2{font-size:24px;margin:0 0 16px}.icon-button{border:1px solid #334a70;background:#213452;color:#c4d6f3;border-radius:50%;width:30px;height:30px;font-size:21px;flex-shrink:0}form label{display:block;font-size:11px;font-weight:600;color:#b9c9df;margin-top:19px}form input,form select{width:100%;display:block;border:1px solid #344a6c;background:#0a1322;color:var(--ink);border-radius:6px;margin-top:8px;padding:12px;font-size:12px}input::placeholder{color:#5f7597}form input:focus,form select:focus{outline:2px solid var(--blue)}.storage-note{font-size:10px;line-height:1.8;color:#738bad;margin:18px 0}.submit{width:100%}#form-error{font-size:11px;color:#ff9c9c}.preview-dialog{width:min(940px,calc(100% - 32px))}.preview-dialog>img{width:100%;max-height:65vh;object-fit:contain;display:block;background:#000;border-radius:7px}.preview-dialog>p{font-size:12px;line-height:1.9;color:#97acca}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,100px);background:#315bd5;border:1px solid #7d9fff;color:white;z-index:10;padding:14px 23px;border-radius:7px;font-size:12px;pointer-events:none;transition:transform .2s}#toast.show{transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1600px){main{padding:0 45px}.intro{padding-top:25px;padding-bottom:50px}h1{font-size:96px}.feature{min-height:460px}.feature-copy{padding:40px}.feature h2{font-size:45px}}@media(max-width:1080px){.sidebar{gap:25px;padding:0 28px}.nav-item{padding:0 10px}.nav-item.active:after{left:10px;right:10px}.profile{font-size:8px}.intro-art{left:52%;transform:rotate(-12deg) scale(.85)}.feature{grid-template-columns:46% 54%;min-height:420px}.feature-copy{padding-left:28px}.feature h2{font-size:35px}.feature-type{font-size:70px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticker{font-size:8px}.ticker>span:last-child{display:none}.shelf-label{font-size:7px}}@media(max-width:760px){.sidebar{height:auto;min-height:118px;flex-wrap:wrap;padding:18px 20px 0;gap:16px;justify-content:space-between}.brand{font-size:23px}.brand img{height:36px;width:36px}.profile{order:1;font-size:7px;gap:6px;margin:0}.avatar{margin-left:5px;width:27px;height:27px;font-size:11px}nav{order:2;width:100%;gap:20px;height:44px}.nav-item{padding:0 0 13px;font-size:11px;gap:5px}.nav-item span{font-size:18px}.nav-item.active:after{left:0;right:0}.nav-item.active{color:#b6cbff}main{padding:0 20px}header{height:68px}.small-button{font-size:10px;padding:10px 12px}.breadcrumb{font-size:8px}.breadcrumb b{font-size:8px}.breadcrumb span{margin:0 7px}.intro{min-height:255px;padding:18px 0 32px}.eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:16px}h1{font-size:66px;margin-bottom:20px}.muted{font-size:10px;position:relative;z-index:2}.mobile-break{display:block}.collection-label{display:none}.intro-art{width:150px;height:150px;left:auto;right:-3px;top:85px;transform:rotate(-12deg) scale(.7);transform-origin:right center;opacity:.75}.intro-art>img{width:90px;height:90px;border-radius:22px;box-shadow:12px 15px 0 #182440}.orbit{width:155px;height:90px}.orbit-two{width:140px}.art-plus{top:-3px;right:-12px;font-size:31px}.art-label{font-size:6px;bottom:-7px}.feature{display:flex;flex-direction:column-reverse;border-radius:11px}.feature-image{height:280px}.feature-image img{object-fit:contain}.feature-image:after{background:linear-gradient(0deg,#142247,transparent 35%)}.feature-type{font-size:76px;right:18px;top:25px;color:#18263e}.image-corner{top:15px;left:18px;font-size:27px}.image-caption{right:16px;bottom:15px;font-size:7px}.image-caption>span{font-size:7px}.feature-copy{padding:18px 23px 25px}.feature-kicker{margin-top:22px;margin-bottom:13px}.feature h2{font-size:35px;line-height:1.35;margin-bottom:14px}.feature-copy>p:not(.feature-kicker){font-size:11px}.feature-bottom{margin-top:23px;font-size:7px;gap:14px}.ticker{height:40px;gap:14px;font-size:7px;letter-spacing:1px}.ticker>span:last-child,.ticker>i:last-of-type{display:none}.library{padding-top:28px}.library-heading{align-items:start;gap:17px;flex-direction:column}.library-heading h2{font-size:20px}.library-heading p{font-size:10px}.search{width:100%}.search input{width:100%;font-size:11px}.filter-row{margin:19px 0}.tabs{gap:1px}.tab{padding:8px 13px;font-size:10px}.shelf-label{display:none}.game-grid{gap:16px;grid-template-columns:1fr}.card-art{height:220px}.card-title{padding-top:18px}.card-title h3{font-size:15px}.genre{font-size:9px}.game-card>p{font-size:11px}.add-card{min-height:190px;gap:11px}.plus{width:39px;height:39px;font-size:25px}.add-card strong{font-size:12px}.footer-brand{font-size:15px}.footer-note{display:none}footer{margin-top:30px;padding:24px 0}.text-button{font-size:8px}.preview-dialog,dialog{padding:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#toast{opacity:0}#toast.show{opacity:1}

@media(max-width:760px){.feature-type{display:none}}@media(max-width:500px){.intro-art{display:none}}