.web-workspace{padding:65px 0;border-top:1px solid #ffffff1b}.web-panel{padding:28px;background:#1a1916;border:1px solid #554a3a;margin:24px 0;border-radius:12px}.web-panel form{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:20px 0}.web-workspace label{display:flex;flex-direction:column;gap:8px;font-size:13px}.web-workspace input,.web-workspace textarea{width:100%;padding:13px;border:1px solid #675b48;background:#10100f;color:#eee9e0;border-radius:6px;font:inherit}.web-workspace input:focus,.web-workspace textarea:focus{outline:2px solid #cfbfa4;outline-offset:2px}.web-workspace button:disabled{opacity:.5}.web-workspace .button{margin-top:12px}.web-section-title{display:flex;justify-content:space-between;align-items:center}.web-products,.web-brand-grid,.web-orders{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:22px}.web-product,.web-order,.web-brand-grid article{border:1px solid #4a4134;border-radius:12px;background:#191815;padding:20px}.web-product img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}.web-product .eyebrow{margin-top:20px}.web-product h3{font-size:25px;margin:10px 0}.web-product p{color:#bdb6aa}.web-product-image{border:0;padding:0;background:none;width:100%}.web-product .button{width:100%}.web-brand-grid img{width:100%;height:150px;object-fit:cover;border-radius:8px}.web-brand-grid label{cursor:pointer;display:block;text-align:center}.web-brand-grid input[type=file]{max-width:100%;font-size:11px;padding:8px;margin-top:10px}.web-brand-grid .quiet{display:block;margin-top:15px}#webShopError,#webEmailStatus,#webAdminStatus,#webReceiptStatus,#webBrandStatus{color:#e1c6a0;white-space:pre-wrap}.web-order p{overflow-wrap:anywhere}.web-order button{margin:12px 5px}.web-order textarea{min-height:75px;resize:vertical}.web-order small{display:block;color:#aaa295}#webImageDialog{background:#11100f;color:#eee9e0;border:1px solid #776a54;border-radius:12px;max-width:min(1000px,94vw);max-height:90vh;width:90vw;padding:24px}#webImageDialog::backdrop{background:#000b}#webImageContent img{display:block;width:100%;object-fit:contain;max-height:75vh;margin:20px auto}#webImageDialog .quiet{color:#eee9e0}#webReceiptForm>label{margin:20px 0}#webReceiptForm small{display:block}@media(max-width:600px){.web-panel{padding:18px}.web-products,.web-brand-grid,.web-orders{grid-template-columns:1fr}.web-workspace .button{padding:12px 16px}.web-workspace h2{font-size:34px}}

.photo-hero{isolation:isolate;min-height:760px;grid-template-columns:1.25fr .75fr;overflow:visible}.welcome-photo{position:absolute;inset:0 -48px;z-index:-2;overflow:hidden}.welcome-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.75);animation:welcomeZoom 18s ease-in-out infinite alternate}.welcome-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#080808e8 0%,#080808a8 43%,#08080825 75%),linear-gradient(0deg,#10100f 0%,transparent 35%,#10100f4a 100%)}.photo-hero .hero-art{display:none}.photo-hero .hero-copy{max-width:710px;padding:60px 0 90px}.photo-hero h1{font-size:clamp(55px,6vw,88px);line-height:1.25}.photo-hero .lead{font-size:24px;color:#eee5d6}.photo-hero .hero-description{max-width:540px;color:#c8c2b6;font-size:15px}.photo-hero .hero-index{bottom:24px}.welcome-gallery-link{display:inline-block;padding:14px 22px;margin-right:12px;border:1px solid #a18b665c;border-radius:3px;background:#10100f80;color:#e2d6c3;font-size:13px}.photo-hero .hero-footnote{margin-top:25px}@keyframes welcomeZoom{from{transform:scale(1)}to{transform:scale(1.055)}}@media(max-width:760px){.photo-hero{grid-template-columns:1fr;min-height:690px;padding:25px 0}.welcome-photo{inset:0 -23px}.welcome-photo img{object-position:38% center}.welcome-photo:after{background:linear-gradient(0deg,#10100f 0%,#080808b0 40%,#08080888 100%)}.photo-hero .hero-copy{padding:180px 0 65px}.photo-hero h1{font-size:55px}.photo-hero .hero-description{font-size:13px}.welcome-gallery-link{margin:15px 0 0}.photo-hero .lead{font-size:21px}}@media(prefers-reduced-motion:reduce){.welcome-photo img{animation:none}}

.web-music-dock{position:fixed;bottom:18px;left:20px;z-index:80;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#14120fed;border:1px solid #7b6a50;border-radius:30px;box-shadow:0 8px 30px #0006;backdrop-filter:blur(15px)}.web-music-dock button{background:none;border:0;color:#eee3d2;font-size:11px}.web-music-dock label{display:flex;align-items:center;gap:8px;font-size:10px;color:#aaa092}.web-music-dock input{width:85px;accent-color:#cfbfa4}@media(max-width:500px){.web-music-dock{left:10px;right:10px;justify-content:space-around;gap:5px;padding:10px}.web-music-dock input{width:65px}}

/* Required account steps are a single, readable vertical column. */
.account{margin-bottom:36px}.account-copy{width:100%;min-width:0}.account-step{padding:18px 20px;background:#151411;border:1px solid #68594066;border-radius:12px;margin:18px 0}.account-step .step-label{display:block;flex-basis:100%;font-size:12px;color:#d2c1a4;letter-spacing:0}.account-copy>.web-panel{margin:16px 0;background:#141310e6}.account-copy>.web-panel h3{font-size:22px;margin:8px 0 16px}.account-copy label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:16px 0}.account-copy input,.account-copy select{width:100%;max-width:100%;padding:13px;border:1px solid #675b48;background:#10100f;color:#eee9e0;border-radius:6px;font:inherit}.account-copy input:focus,.account-copy select:focus{outline:2px solid #cfbfa4;outline-offset:2px}.account-copy #webEmailForm,.account-copy #webCodeForm{display:flex;flex-direction:column;align-items:stretch;max-width:580px}.account-copy #webVerifiedEmailValue{font-size:15px;text-align:right;overflow-wrap:anywhere;color:#d2c6b3;margin:8px 0}.account-copy #webReceiptForm{scroll-margin-top:100px}.account-copy #webReceiptForm>.button{margin:12px 0}.account-copy #webReceiptForm>.quiet{display:block;margin:12px 0}.account-copy #webReceiptForm input[type=file]{padding:20px;border-style:dashed;background:#211e17}.account-copy #webReceiptForm input[type=file]::file-selector-button{background:#d5c4a7;color:#171512;border:0;padding:10px 14px;margin-left:14px;border-radius:5px;font:inherit;cursor:pointer}#webReceiptAvailability{font-size:13px;color:#d4c1a2}#webReceiptStatus{color:#d6c7ac;white-space:pre-wrap}.account-copy .web-panel p{overflow-wrap:anywhere}.web-workspace{padding-top:35px}.account-copy #webOrders{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}@media(max-width:600px){.account-copy>.web-panel{padding:18px 14px}.account-copy #webReceiptForm>.button{width:100%;font-size:13px}}

#webRoleForm{display:grid;grid-template-columns:1fr;max-width:650px}#webRoleForm select{background:#10100f;color:#eee9e0;padding:13px;border:1px solid #675b48;border-radius:6px;font:inherit}#webRoleStatus{color:#d4c1a2}

/* YZO motion and product presentation, inspired by the supplied transition reference. */
header{position:relative;z-index:4;background:#10100fd9;backdrop-filter:blur(18px)}.intro{background:radial-gradient(ellipse at 50% 40%,#342b1b66,transparent 58%),#0b0b0a;animation:introLeave .7s 1.3s forwards}.intro img{width:104px;height:104px}.intro #introWelcome{font-size:clamp(25px,4vw,42px);font-weight:550;letter-spacing:-1px;margin-top:22px;color:#e7dbc5;animation:introWords .8s .15s both}.intro span{margin-top:10px;font-size:8px;letter-spacing:5px}.intro-line{width:140px}.button,.nav-login,.web-product,.account-step{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c9af772b}.button.primary:active{transform:translateY(0) scale(.985)}.web-product:hover{transform:translateY(-5px);border-color:#a68c5c;box-shadow:0 18px 45px #0005}.web-product-image{overflow:hidden;border-radius:8px}.web-product-image img{display:block;transition:transform .7s cubic-bezier(.2,.6,.3,1)}.web-product:hover .web-product-image img{transform:scale(1.045)}.web-product{background:linear-gradient(150deg,#252118,#141310 65%)}.motion-waiting{opacity:0;transform:translateY(22px)}.motion-arrived{animation:yzoReveal .65s cubic-bezier(.2,.65,.3,1) var(--motion-delay,0ms) both}.account-step,.account-copy>.web-panel{border-color:#7664484d}.account-copy>.web-panel:hover{border-color:#9c815958}.account-copy #accountOrders{background:#181610}.web-order b{color:#d8c39e}.account h2{letter-spacing:-1px}.account-icon{box-shadow:0 0 25px #cfb47d16}
#webImageDialog[open]{animation:detailOpen .38s cubic-bezier(.2,.65,.3,1) both}#webImageDialog::backdrop{background:#050504d9;backdrop-filter:blur(12px)}#webImageDialog[data-kind=product]{max-width:1080px;width:94vw;padding:24px 30px 36px;border-color:#6a593d;background:radial-gradient(ellipse at 10% 0%,#46371f38,transparent 65%),#11110f;border-radius:20px;box-shadow:0 35px 100px #0009}#webImageDialog[data-kind=product] #closeWebImage{display:block;margin:0 0 22px auto;text-decoration:none;border:1px solid #706047;padding:8px 17px;border-radius:30px;color:#e0d1b7}#webImageDialog .product-detail{display:grid;grid-template-columns:1.12fr 1fr;gap:35px;align-items:center;direction:ltr}.detail-visual{min-width:0}.detail-copy{direction:rtl;text-align:right}.detail-copy h2{font-size:clamp(30px,4vw,52px);margin:12px 0 18px}.detail-copy>p{color:#bcb4a6;white-space:pre-line;overflow-wrap:anywhere;font-size:14px}.detail-copy>small{display:block;margin-top:18px}.detail-copy .button{width:100%;margin-top:24px}.detail-release{display:flex;gap:13px;align-items:center;border:1px solid #6e5c3e;background:#1c1913;border-radius:10px;padding:16px;margin-top:28px}.detail-release span{color:#9d917c;font-size:12px}.detail-release b{margin-right:auto;font-size:14px;color:#d5c3a4}#webImageContent .detail-visual>#detailMainPhoto{width:100%;height:340px;object-fit:cover;max-height:50vh;border-radius:14px;border:1px solid #675637;margin:0;animation:introWords .45s .07s both}.detail-thumbs{display:flex;gap:10px;margin-top:12px}.detail-thumbs button{padding:0;background:transparent;border:1px solid #6a593d;border-radius:6px;overflow:hidden;width:75px;height:55px}#webImageContent .detail-thumbs img{width:100%;height:100%;object-fit:cover;margin:0;max-height:none}.detail-thumbs button:hover{border-color:#e3c68f}.detail-leaving[open]{animation:detailClose .18s ease forwards!important}@keyframes introWords{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes yzoReveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes detailOpen{from{opacity:0;transform:translateY(24px) scale(.975)}to{opacity:1;transform:none}}@keyframes detailClose{to{opacity:0;transform:translateY(12px) scale(.985)}}@media(max-width:700px){#webImageDialog .product-detail{grid-template-columns:1fr;gap:22px}#webImageDialog[data-kind=product]{padding:18px 18px 28px}#webImageContent .detail-visual>#detailMainPhoto{height:220px}.detail-copy h2{font-size:33px}.detail-release{margin-top:18px}.intro #introWelcome{max-width:85vw;text-align:center}}@media(prefers-reduced-motion:reduce){.motion-waiting{opacity:1;transform:none}.motion-arrived{animation:none}.intro{display:none}.web-product:hover,.button.primary:hover{transform:none}#webImageDialog[open]{animation:none}}

.welcome-photo img{transition:opacity 1.25s ease;will-change:opacity}.welcome-photo #welcomePhoto{position:absolute;inset:0;opacity:1}.welcome-photo #welcomePhotoNext{position:absolute;inset:0;opacity:0}.welcome-photo.show-next #welcomePhoto{opacity:0}.welcome-photo.show-next #welcomePhotoNext{opacity:1}.public-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.public-product{padding:0;overflow:hidden}.public-product-copy{padding:24px}.public-product .web-product-image{border-radius:0}.public-product .web-product-image img{aspect-ratio:4/3;border-radius:0}.public-product .button{margin-top:18px}.public-product-copy p{min-height:48px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}.product-showcase{padding:70px 0 90px}.product-showcase h2{font-size:clamp(32px,4vw,50px)}.store-empty{grid-column:1/-1;padding:40px;border:1px solid #66563a;border-radius:12px;text-align:center;color:#c4b497}#publicStoreStatus,#webProductStatus{color:#dfc496}#webProductEditor select{background:#10100f;color:#eee9e0;border:1px solid #675b48;border-radius:6px;padding:13px;font:inherit}#webProductForm{display:grid;grid-template-columns:1fr 1fr;gap:16px}#webProductForm label{min-width:0}#webProductForm textarea,#webProductFileLabel,#webProductFileHint,#webProductPreviews,#webProductStatus{grid-column:1/-1}#webProductForm label:has(textarea),#webProductForm label:has(#webProductImages){grid-column:1/-1}#webProductPreviews{display:flex;gap:12px;flex-wrap:wrap}#webProductPreviews img{width:140px;height:95px;object-fit:cover;border:1px solid #675b48;border-radius:8px}@media(max-width:900px){.public-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.public-products{grid-template-columns:1fr}#webProductForm{grid-template-columns:1fr}.public-product-copy{padding:20px}}@media(prefers-reduced-motion:reduce){.welcome-photo img{transition:none;will-change:auto}}

/* Discord connection gate and clean customer dashboard. */
.photo-hero{grid-template-columns:1.12fr 1fr;gap:70px;min-height:780px;align-items:center;padding:90px 0 70px}.photo-hero .welcome-photo{inset:0 -48px}.photo-hero:after{background:linear-gradient(0deg,#10100f 0%,#10100f22 65%,#10100f88),linear-gradient(90deg,#10100f77,#10100f44)}.hero-copy{max-width:590px}.hero h1{font-size:clamp(48px,5.6vw,78px);letter-spacing:-2px}.hero .lead{font-size:20px}.hero-description{max-width:490px}.hero-copy>#heroLogin{display:none}.hero-art{aspect-ratio:auto;display:block;background:none;isolation:auto}.connect-card,.hero-art>.account{width:100%;padding:32px;border:1px solid #cbb89433;border-radius:24px;background:linear-gradient(135deg,#151511ef,#10100ff0);box-shadow:0 28px 70px #0005;backdrop-filter:blur(18px)}.connect-card .connect-logo{width:58px;height:58px;object-fit:contain;float:left}.connect-card h2{font-size:30px;margin:12px 0}.connect-card p{font-size:13px;line-height:2.1}.connect-card .button{width:100%;border-radius:30px;justify-content:center;margin:15px 0 20px}.connect-card small{display:block;text-align:center}.connection-badge{border:1px solid #c8b79555;border-radius:30px;padding:4px 12px;color:#d7c6a9;font-size:11px}.connect-features{display:grid;gap:12px;margin-top:30px}.connect-features article{border:1px solid #ffffff15;border-radius:17px;background:#11110fb5;padding:15px 20px}.connect-features b{font-size:14px;color:#e6dece}.connect-features p{font-size:12px;margin:3px 0 0}.hero-art>.account{display:block;margin:0}.hero-art>.account .account-icon{display:none}.hero-art>.account h2{font-size:25px}.hero-art>.account .identity img{width:60px;height:60px}.hero-art>.account .account-actions{margin:16px 0}.hero-art>.account .status{padding:14px;border:1px solid #cbb89444;border-radius:12px;background:#cbb89408}.hero-art>.account .step-label{display:none}.hero-index{display:none}body[data-account-stage="approved"] #welcome,body[data-account-stage="approved"] #journey,body[data-account-stage="approved"] .closing{display:none}body[data-account-stage="approved"] #account{display:block;max-width:900px;margin:60px auto 70px;padding:0;border:0;background:none}body[data-account-stage="approved"] #account>.account-icon{display:none}body[data-account-stage="approved"] #account .account-copy{width:100%}body[data-account-stage="approved"] .account h2{font-size:40px;margin-bottom:25px}body[data-account-stage="approved"] .identity{border:1px solid #ffffff14;background:#171713;border-radius:18px;padding:24px}body[data-account-stage="approved"] .identity img{width:52px;height:52px}body[data-account-stage="approved"] .web-panel{border-radius:20px;padding:26px;background:linear-gradient(120deg,#1b1a16,#141412);border:1px solid #ffffff13;margin-top:24px}body[data-account-stage="approved"] #experience{max-width:900px;margin:auto;padding-top:45px}body[data-account-stage="approved"] .account-actions{justify-content:flex-end}#launcherAccessPanel .button{margin:15px 0 0 12px;border-radius:30px}#launcherAccessPanel h3,#accountOrders>h3{font-size:30px;margin:6px 0 18px}.web-order{border-radius:16px}.web-panel input,.web-panel select,.web-panel textarea{border-radius:11px}.web-panel .button{border-radius:30px}.web-order .button{margin:6px}.hero-art .account .account-copy{min-width:0}.hero-art .account .identity{flex-wrap:wrap}
@media(max-width:760px){.photo-hero{grid-template-columns:1fr;padding:50px 0;gap:30px;min-height:0}.photo-hero .welcome-photo{inset:0 -23px}.hero-art{grid-row:auto;width:100%;max-height:none;margin:0}.connect-card,.hero-art>.account{padding:24px}.connect-features{margin-top:20px}.hero h1{font-size:52px}body[data-account-stage="approved"] #account{margin-top:35px}body[data-account-stage="approved"] .web-panel{padding:20px}#launcherAccessPanel .button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.connect-card{backdrop-filter:none}}

.photo-hero .hero-art{display:block}.photo-hero .hero-copy{padding:0;max-width:590px}.photo-hero h1{font-size:clamp(48px,5.6vw,78px)}.photo-hero .welcome-photo:after{background:linear-gradient(0deg,#10100f 0%,#10100f22 65%,#10100f88),linear-gradient(90deg,#10100f77,#10100f44)}@media(max-width:760px){.photo-hero .hero-copy{padding:0}.photo-hero .hero-art{width:100%;grid-row:auto}.photo-hero h1{font-size:52px}}

#webReceiptDetails{padding:0;margin:0;border:0;min-width:0}

body[data-view="home"] #welcome{display:grid}body[data-view="home"] #account,body[data-view="home"] #webWorkspace,body[data-view="home"] #webAdmin{display:none!important}body[data-view="home"] .photo-hero{grid-template-columns:1fr;min-height:780px}body[data-view="home"] .photo-hero .hero-copy{max-width:710px;padding:60px 0 90px}body[data-view="home"] .photo-hero .hero-art,body[data-view="home"] .connect-features{display:none}body[data-view="home"] .hero-copy>#heroLogin{display:inline-flex}body[data-view="home"] .photo-hero h1{font-size:clamp(55px,6vw,88px)}@media(max-width:760px){body[data-view="home"] .photo-hero{min-height:690px}body[data-view="home"] .photo-hero .hero-copy{padding:150px 0 50px}body[data-view="home"] .photo-hero h1{font-size:55px}}

#emailSignIn{max-width:760px;margin:55px auto 90px;border-radius:22px}#emailSignIn .account-copy{width:100%}#emailSignIn label{display:grid;gap:10px;color:#d7cdbb;font-size:13px;margin:18px 0}#emailSignIn input{width:100%;padding:15px 18px;border-radius:12px;border:1px solid #c9b89455;background:#10100f;color:#eee8dc;font:inherit;direction:ltr;outline-color:#c9b894}#emailSignIn .button{border-radius:30px}#linkDiscordFromWeb{margin-top:18px}

.web-order .order-status.pending-review{display:inline-flex;align-items:center;gap:9px;color:#71e8a5;background:#2bca7610;border:1px solid #48d98b40;padding:6px 13px;border-radius:999px;font-size:13px;animation:yzoReviewPulse 1.9s ease-in-out infinite}.pending-review::before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:#70eca5;box-shadow:0 0 10px #50e49270}@keyframes yzoReviewPulse{0%,100%{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.web-order .order-status.pending-review{animation:none}}

.product-slides{display:grid;overflow:hidden;width:100%;isolation:isolate}.product-slides .product-slide{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.6,.3,1)}.product-slides .product-slide.is-active{opacity:1}@media(prefers-reduced-motion:reduce){.product-slides .product-slide{transition:none}}