/* Web3 1.3 — a sharper arcade collection and a readable purchase flow. */
html{scroll-padding-top:24px}a,button,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5edbe8;outline-offset:4px}button:disabled{cursor:not-allowed}.home-library .collection-card{border-radius:14px;border-color:#28354d}.home-library .favorite-toggle{border:1px solid #739ac955}.collection-card:hover{border-color:#46bed580;transform:translateY(-3px)}
.spotlight-main{background:linear-gradient(130deg,#072242,#102442);border:1px solid #355075}.spotlight-main>.game-icon2d{margin:0;width:55%;flex-basis:55%;border-radius:0}.spotlight-main .spotlight-caption{color:#e9f2fc;padding:18px}.spotlight-main .spotlight-caption .eyebrow{color:#79cfde}.spotlight-main .spotlight-play{background:#42cae4;color:#061d31;border-radius:7px}.spotlight-mini{border-radius:12px;border-color:#34506b}.home-hero h1 em,.atelier h2 em{color:#69d6e8}
.shop-account-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid #326578;background:linear-gradient(110deg,#12313e,#142439);border-radius:14px;margin:24px 0}.shop-account-bar p{font-size:13px;color:#a9c3d6;max-width:600px;line-height:1.6}.shop-account-bar button{flex-shrink:0}.shop-tools{flex-wrap:wrap;align-items:flex-end}.shop-tools label{display:grid;gap:8px;color:#a8c0d1;font-size:12px}.shop-tools input{min-width:0;max-width:100%;padding:12px;background:#0e1d30;color:#e4eff9;border:1px solid #3d536b;border-radius:8px}.wdg-price{color:#98e8d5;font-weight:750;font-size:15px}.item-purchase{gap:12px;align-items:center}.item-purchase button{min-height:44px}.signature-card{border-radius:14px}.catalog{content-visibility:auto;contain-intrinsic-size:auto 2200px}.shop-note{max-width:850px;line-height:1.75}
.order-details{padding:20px 0;border-top:1px solid #ffffff20;margin-top:20px}summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.order-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-top:1px solid #ffffff12}.order-row>div{min-width:0}.order-row span,.order-row small{display:block;color:#a4bdce;margin-top:6px}.order-row small{font:10px ui-monospace,monospace;overflow-wrap:anywhere}.order-row button{min-height:44px}.order-row a{white-space:nowrap;color:#8de8d7}
#checkout{box-sizing:border-box;width:min(560px,94vw);max-height:90dvh;padding:28px;border:1px solid #4b758e;border-radius:18px;background:#102238;color:#e9f4fc}#checkout::backdrop{background:#030b16da;backdrop-filter:blur(6px)}#checkout .close{float:right;min-width:44px;min-height:44px}#checkout h2{font-size:25px;line-height:1.3;padding-right:40px}#checkout code{font-size:11px;overflow-wrap:anywhere}#checkout-confirm{width:100%;min-height:50px;margin-top:18px}#checkout-status{font-size:14px;line-height:1.65;min-height:2em;color:#afd7dd}.checkout-details{margin:24px 0}.checkout-details>div{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #ffffff14}.checkout-details dt{color:#a7bdce;font-size:13px}.checkout-details dd{margin:0;text-align:right;font-weight:700;max-width:58%}.checkout-details>div:first-child dd{color:#96efd1;font-size:23px}.update-panel{display:flex;gap:24px;align-items:center;justify-content:space-between}.update-panel p{max-width:750px}.update-panel .actions{flex-shrink:0;display:grid}
.recent-section{margin:32px 0 48px}#recent-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recent-card{display:flex;gap:15px;align-items:center;padding:12px;border:1px solid #2c435d;background:#102136;border-radius:12px;text-decoration:none;color:#e6f1fc}.recent-card>.game-icon2d{width:62px}.recent-card strong,.recent-card small{display:block}.recent-card small{font-size:11px;color:#83c6d8;margin-top:8px}.recent-card strong{font-size:14px}
@media(max-width:760px){.shop-account-bar{align-items:stretch;flex-direction:column;padding:18px}.shop-account-bar button{width:100%}.shop-tools label{flex:1;min-width:140px}.shop-search-label{flex-basis:100%!important}.shop-tools input,.shop-tools select{width:100%;box-sizing:border-box}.update-panel{display:block}.update-panel .actions{display:flex;flex-wrap:wrap}#recent-games{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-card{padding:8px;gap:8px}.recent-card>.game-icon2d{width:42px}.recent-card strong{font-size:12px}.order-row{align-items:flex-start}.order-row button{padding:9px;font-size:11px}.spotlight-main .spotlight-caption{padding:12px}.spotlight-main .spotlight-caption h2{font-size:23px}}
@media(max-width:380px){#recent-games{grid-template-columns:1fr}.item-purchase{align-items:stretch;flex-direction:column}.item-purchase button{width:100%}#checkout{padding:18px}.checkout-details dd{font-size:12px}.checkout-details>div:first-child dd{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.collection-card:hover{transform:none}*{scroll-behavior:auto!important}}

.spotlight-main>.game-icon2d,.spotlight-mini>.game-icon2d,.recent-card>.game-icon2d{background-color:transparent;border-radius:20%}


/* Distinct previews retain the actual equipment shape and finish. */
.arena-sample{display:grid;place-items:center;gap:16px;width:70%;max-width:210px;padding:18px;background:#142435;border-radius:18px;text-align:center;color:#d6e7f2;font-size:12px;outline-offset:-3px}
.arena-sample .game-icon2d{width:100px;max-width:100%}.signature-card .item-stage{min-height:200px}.item-description{min-height:3em}
.wg-native-swatch{display:block!important;width:100%!important;max-width:180px!important;height:160px!important;aspect-ratio:3/4;object-fit:contain;border-radius:12px;background:radial-gradient(ellipse,#395269,#102538)}
@media(max-width:420px){.item-purchase{flex-wrap:wrap}.item-purchase button{width:100%}.arena-sample{padding:12px}.arena-sample .game-icon2d{width:70px}}

/* Live community and wallet collection. */
.web3-community{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;margin:20px 0;border:1px solid #427b82;border-radius:18px;background:#102b38}.community-count{display:flex;align-items:center;gap:10px;white-space:nowrap}.community-count strong{font-size:32px;font-variant-numeric:tabular-nums}.community-count .online-dot{background:#91a0ad}.community-count[data-state=available] .online-dot{background:#36d8a2}.web3-community p{font-size:12px;line-height:1.6;margin:0;color:#b3d3df}.web3-community a{white-space:nowrap}.web3-overview{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:18px 0}.web3-overview>div,.web3-overview>button{min-width:0;padding:18px;border:1px solid #35586b;border-radius:14px;background:#112638;text-align:left;color:inherit}.web3-overview span,.web3-overview small{display:block;font-size:12px;line-height:1.5}.web3-overview strong{display:block;font-size:24px;line-height:1.4;margin:8px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.web3-overview small{color:#a9c9d5}.web3-account-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:16px 0 24px}.web3-account-actions a{color:#a4eddf}.shop-selection,.shop-success{padding:20px;margin:20px 0;border:1px solid #4d9388;border-radius:14px;background:#123b39}.shop-selection{display:flex;justify-content:space-between;gap:20px;align-items:center}.shop-selection strong,.shop-success strong{display:block;font-size:20px;line-height:1.4}.shop-selection p,.shop-success p{line-height:1.6;font-size:13px;margin-bottom:0}.shop-selection .actions{flex-shrink:0;flex-wrap:wrap}.shop-selection[hidden],.shop-success[hidden]{display:none}.preview-purchase{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0}.preview-purchase strong{font-size:22px}.preview-purchase button{min-height:44px}.checkout-step{font-size:13px;font-weight:700;line-height:1.7;padding:12px;border-radius:10px;background:#1f394e}#checkout-recover{width:100%;margin-top:10px;min-height:46px}.holder-progress{margin:20px 0;padding:18px;border:1px solid #3e5766;border-radius:14px}.holder-progress p{font-size:13px;line-height:1.6}.holder-progress progress{width:100%;height:12px;accent-color:#36c6a1}.shop-tools select{max-width:100%;min-width:0}.shop-tools #shop-reset{min-height:44px}.order-row span{line-height:1.6}.shop-success .actions{margin-top:18px}
@media(max-width:760px){.web3-community{flex-wrap:wrap;padding:16px}.web3-community p{flex:1;min-width:130px}.web3-community a{width:100%;text-align:center}.web3-overview{grid-template-columns:1fr 1fr}.web3-overview>div{grid-column:1/-1}.web3-overview strong{font-size:22px}.shop-selection{align-items:stretch;flex-direction:column}.shop-selection .actions{display:flex}.shop-selection .actions button{flex:1}.preview-purchase{align-items:stretch;flex-direction:column}.preview-purchase button{width:100%}}
@media(max-width:380px){.web3-overview{gap:8px}.web3-overview>div,.web3-overview>button{padding:14px}.community-count strong{font-size:28px}.web3-account-actions{gap:12px}.shop-tools label{min-width:110px}}

.web3-overview>button{display:block}.checkout-step{color:#edf4ff}
html[data-ui-theme=light] #checkout .checkout-step{background:#e9f2f9!important;color:#182637!important}html[data-ui-theme=light] #checkout .checkout-details dt{color:#425b70!important}html[data-ui-theme=light] #checkout .checkout-details dd{color:#182637!important}html[data-ui-theme=light] #checkout .checkout-details>div:first-child dd{color:#08654c!important}


/* 1.0.62: a compact product presentation with legible native artwork. */
.atelier .catalog{align-items:stretch;gap:18px}
.atelier .signature-card{display:flex;flex-direction:column}
.atelier .item-stage{min-height:0;display:block}
.atelier .item-stage canvas{aspect-ratio:4/3;width:100%;height:auto;display:block}
.atelier .item-stage .preview-open{width:auto;position:absolute;right:12px;bottom:12px;margin:0;min-height:44px;padding:10px 16px}
.atelier .item-copy{padding:18px;display:flex;flex:1;flex-direction:column;gap:8px}
.atelier .item-copy h3{font-size:21px;line-height:1.2;margin:0;letter-spacing:-.4px}
.atelier .item-copy .eyebrow{font-size:10px;letter-spacing:1.5px}
.atelier .item-description{font-size:13px;line-height:1.5;min-height:0;margin:0 0 10px}
.atelier .item-purchase{margin-top:auto;flex-wrap:wrap;gap:10px}
.atelier .item-purchase button{width:100%}
.atelier .wdg-price{font-size:16px;white-space:nowrap}
html[data-ui-theme=light] .atelier .signature-card,html[data-ui-theme=light] .atelier .item-copy{background:#fff!important;color:#182637!important;border-color:#cbd5df!important}
html[data-ui-theme=light] .atelier .item-copy :is(h3,.kind){color:#182637!important}
html[data-ui-theme=light] .atelier .item-copy :is(.eyebrow,.item-description){color:#526477!important}
html[data-ui-theme=light] .atelier .item-copy .wdg-price{color:#17614e!important}
@media(max-width:560px){.atelier .catalog{gap:16px}.atelier .item-stage canvas{aspect-ratio:4/3;object-fit:contain}.atelier .item-copy{padding:16px;gap:6px}.atelier .item-copy h3{font-size:21px}}

/* Collection browsing: separate navigation, filters and product actions. */
.atelier .shop-tools{display:grid;grid-template-columns:minmax(160px,1.3fr) repeat(3,minmax(130px,1fr)) auto;gap:16px;padding:20px;background:#102131;border:1px solid #355063;border-radius:16px}
.atelier .collection-tabs{grid-column:1/-1;gap:8px;padding-bottom:16px;border-bottom:1px solid #30495c}
.atelier .collection-tabs button{min-height:44px;border-radius:30px;background:#152d3e;border-color:#486072;color:#c5d8e6}
.atelier .collection-tabs [aria-pressed=true]{background:#9ce7ce;border-color:#9ce7ce;color:#102e29}
.atelier .shop-tools .shop-search-label{grid-column:1;grid-row:2}
.atelier .shop-tools input,.atelier .shop-tools select{box-sizing:border-box;width:100%;max-width:none;min-height:46px;background:#0b1a28;color:#e4eff9;border:1px solid #496174;border-radius:8px;padding:10px}
.shop-results{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 0;font-size:13px;color:#b6cddd}
.shop-density{display:flex;gap:4px;padding:4px;background:#0c1c2b;border:1px solid #344b60;border-radius:12px}
.shop-density button{min-height:40px;border:0;background:transparent;padding:10px 14px;color:#c2d3e1}
.shop-density [aria-pressed=true]{background:#2b4659;color:#fff}
.atelier .item-stage{height:auto;aspect-ratio:4/3;background:radial-gradient(ellipse at 40% 30%,#345265,#0d1c2b 80%);border-bottom:1px solid #344d60}
.atelier .shop-save{position:absolute;top:10px;right:10px;width:44px;height:44px;min-height:44px;padding:0;background:#0c1c2be8;border:1px solid #7592a6;color:#e4f3fb;font-size:25px;border-radius:50%}
.atelier .shop-save[aria-pressed=true]{color:#f4d68d;border-color:#e8cb8d;background:#302c23}
.shop-item-state{position:absolute;top:14px;left:12px;max-width:calc(100% - 76px);padding:6px 9px;border-radius:6px;background:#102133e8;color:#c6e5eb;font-size:10px;font-weight:700;letter-spacing:.4px}
.atelier .item-copy{padding:20px}.atelier .item-copy h3{font-size:22px}.atelier .item-purchase button{background:#bdeada;color:#13342c;border-color:#bdeada}
.atelier .item-purchase button:disabled{background:#223e47;color:#bad6dc;border-color:#38565e;opacity:1}
.atelier .catalog[data-density=compact]{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.atelier .catalog[data-density=compact] .item-copy{padding:14px}.atelier .catalog[data-density=compact] .item-copy h3{font-size:18px}
.atelier .catalog[data-density=compact] .item-description{display:none}
#shop-empty{padding:26px;background:#122737;border:1px dashed #54758a;border-radius:14px;line-height:1.7;color:#c3dbe6}
html[data-ui-theme=light] .atelier :is(.shop-tools,.shop-results,.shop-density,#shop-empty){background:#edf4f7!important;color:#263e50!important;border-color:#bed0dc!important}
html[data-ui-theme=light] .atelier .shop-tools :is(input,select){background:#fff!important;color:#203849!important;border-color:#96b1c4!important}
html[data-ui-theme=light] .atelier :is(.collection-tabs,.shop-density) button{background:#e0ebf1!important;color:#263e50!important;border-color:#a6bdcc!important}
html[data-ui-theme=light] .atelier :is(.collection-tabs,.shop-density) [aria-pressed=true]{background:#c2e6d8!important;color:#123e30!important;border-color:#79b7a0!important}
@media(max-width:1050px){.atelier .shop-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier .shop-tools .shop-search-label{grid-column:1/-1}.atelier .shop-tools #shop-reset{align-self:end}.atelier .catalog[data-density=compact]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.atelier .shop-tools{padding:14px;gap:12px}.atelier .collection-tabs button{flex:1;white-space:nowrap;font-size:11px;padding:10px 12px}.atelier .shop-tools label{min-width:0}.atelier .catalog,.atelier .catalog[data-density=compact]{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier .catalog[data-density=comfortable]{grid-template-columns:1fr}.shop-results{align-items:flex-start;flex-direction:column;gap:10px}.shop-density{align-self:stretch}.shop-density button{flex:1}.atelier .catalog[data-density=compact] .item-copy{padding:12px}.atelier .catalog[data-density=compact] .item-copy h3{font-size:17px}.atelier .catalog[data-density=compact] .shop-item-state{display:none}.atelier .catalog[data-density=compact] .preview-open{bottom:8px;left:8px;right:auto;padding:7px 10px;font-size:11px}.atelier .catalog[data-density=compact] .wdg-price{font-size:13px;white-space:normal}.atelier .catalog[data-density=compact] .shop-save{top:7px;right:7px}}

html[data-ui-theme=light] .atelier .collection-tabs{background:transparent!important}
html[data-ui-theme=light] .atelier .shop-item-state{background:#102133!important;color:#d7e9f1!important}