#nft-discovery-section{--edge-gap: clamp(18px, 5vw, 120px);--fit-height: calc(clamp(520px, 72svh, 720px) + 75px) ;width:calc(100dvw - (2 * var(--edge-gap)));max-width:1600px;margin:0 auto;padding:clamp(14px,2vw,22px) 0 clamp(12px,1.6vw,18px);border-radius:22px;position:relative;overflow:hidden;height:var(--fit-height);left:50%;transform:translate(-50%)}@supports not (width: 100dvw){#nft-discovery-section{width:calc(100vw - (2 * var(--edge-gap)))}}#nft-discovery-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a0a14,#12122a,#0a0a14);border-radius:inherit;box-shadow:0 16px 50px #00000059,0 0 0 1px #ffffff0d inset;pointer-events:none;z-index:0}html.light-mode #nft-discovery-section:before{background:#fff;box-shadow:0 16px 50px #0000001f,0 0 0 1px #0f172a0f inset}@media(max-width:768px){#nft-discovery-section{--edge-gap: clamp(12px, 4vw, 22px);width:calc(100dvw - (2 * var(--edge-gap)));margin:0 auto;padding:.95rem 0 .75rem;border-radius:18px;height:calc(clamp(440px,66svh,600px) + 75px);left:50%;transform:translate(-50%)}}@media(max-width:768px){@supports not (width: 100dvw){#nft-discovery-section{width:calc(100vw - (2 * var(--edge-gap)))}}}.nft-board__header{text-align:center;margin-bottom:1rem;padding:0 1rem;position:relative;z-index:1}.nft-board__title{font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:700;color:#fff;margin:0 0 .25rem;letter-spacing:-.02em}html.light-mode .nft-board__title{color:#0f172a}.nft-board__subtitle{font-size:clamp(.75rem,2vw,.85rem);color:#ffffff80;margin:0}html.light-mode .nft-board__subtitle{color:#0f172a94}.nft-board{position:relative;z-index:1;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden;--card-height: clamp(130px, 22svh, 230px);--card-width: calc(var(--card-height) / 1.4);--gap: 4px}.nft-board--tilted{--tilt: 18deg;--cols: 8;--rows: 3;--col-stagger: .38}.nft-board__lane-tilt{transform-origin:center;rotate:var(--tilt);display:flex;justify-content:flex-start;align-items:center;height:100%;padding:0 calc(var(--card-width) * .5)}.nft-board--tilted .nft-board__lane{display:flex;align-items:flex-start;will-change:transform}.nft-board__col{display:flex;flex-direction:column;align-items:center;margin-right:var(--gap);transform:translateY(0)}.nft-board__col--stagger{transform:translateY(calc(var(--card-height) * var(--col-stagger)))}.nft-board__col>*+*{margin-top:var(--gap)}.nft-board:active{cursor:grabbing}.nft-board__card{flex-shrink:0;position:relative;cursor:pointer;transform-origin:center center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),z-index 0s;z-index:1;display:flex;align-items:stretch;overflow:hidden;border-radius:12px;isolation:isolate}.nft-board__card:before{content:"";position:absolute;inset:0;background-image:var(--card-bg-image);background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(18px) saturate(.95);transform:scale(1.12);opacity:.9;z-index:0}.nft-board__card:hover{transform:rotate(0) scale(1.12)!important;z-index:100}.nft-board__card:focus-visible{outline:2px solid var(--link-hover);outline-offset:3px;border-radius:14px}.nft-board__card-image{width:var(--card-width);height:var(--card-height);object-fit:contain;display:block;border-radius:12px;box-shadow:0 6px 24px #0006;transition:box-shadow .3s ease;flex-shrink:0;position:relative;z-index:1}.nft-board__card[data-hovered="1"][data-hover-side=right] .nft-board__card-image{border-top-right-radius:0;border-bottom-right-radius:0}.nft-board__card[data-hovered="1"][data-hover-side=left] .nft-board__card-image{border-top-left-radius:0;border-bottom-left-radius:0}.nft-board__card:hover .nft-board__card-image{box-shadow:0 12px 40px color-mix(in srgb,var(--link-hover) 40%,transparent)}.nft-board__card[data-flyout="1"] .nft-board__card-image{opacity:0;transition:opacity .12s ease}.nft-board__flyout{z-index:10000;cursor:pointer;display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden;background:linear-gradient(135deg,#1e1e3a,#161630);box-shadow:0 18px 50px #0000008c,0 0 0 1px #ffffff0f inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;will-change:transform,width,height,top,left;transition:transform .28s cubic-bezier(.34,1.56,.64,1),width .28s cubic-bezier(.34,1.56,.64,1),height .28s cubic-bezier(.34,1.56,.64,1),top .28s cubic-bezier(.34,1.56,.64,1),left .28s cubic-bezier(.34,1.56,.64,1)}html.light-mode .nft-board__flyout{background:linear-gradient(135deg,#fff,#f4f6fb);box-shadow:0 18px 50px #00000029,0 0 0 1px #0f172a14 inset}.nft-board__flyout[data-side=left]{flex-direction:row-reverse}.nft-board__flyout-image-link{display:block;flex:0 0 auto;width:100%;height:100%;position:relative;z-index:1}.nft-board__flyout-image-link:focus-visible{outline:2px solid var(--link-hover);outline-offset:2px}.nft-board__flyout-image{width:100%;height:100%;object-fit:contain;display:block;flex:0 0 auto;position:relative;z-index:1}.nft-board__flyout-info{width:190px;flex:0 0 auto;display:flex;align-items:stretch;justify-content:stretch;padding:calc(.65rem + 10px) calc(.75rem + 10px);box-sizing:border-box;opacity:0;transform:translate(10px);transition:opacity .2s ease,transform .2s ease}.nft-board__flyout[data-side=left] .nft-board__flyout-info{transform:translate(-10px)}.nft-board__flyout[data-state=open] .nft-board__flyout-info{opacity:1;transform:translate(0)}.nft-board__info{width:100%;height:100%;display:flex;flex-direction:column}.nft-board__info-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.nft-board__flyout-heart{position:absolute;top:10px;right:10px;z-index:2;border:none;background:#0f172ab3;color:#fff;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,color .2s ease;font-size:.75rem}html.light-mode .nft-board__flyout-heart{background:#ffffffe6;color:#334155}.nft-board__flyout-heart[data-liked="1"],html.light-mode .nft-board__flyout-heart[data-liked="1"]{color:#ff4d4d}.nft-board__flyout-heart:hover{transform:scale(1.05)}.nft-board__flyout-image-wrap{position:relative;flex:0 0 auto;display:flex;overflow:hidden;isolation:isolate}.nft-board__flyout-image-wrap:before{content:"";position:absolute;inset:0;background-image:var(--card-bg-image);background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(18px) saturate(.95);transform:scale(1.12);opacity:.9;z-index:0}.nft-board__info-titles{min-width:0}.nft-board__info-name{font-family:Segoe UI,system-ui,sans-serif;font-size:.78rem;font-weight:800;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.light-mode .nft-board__info-name{color:#0f172a}.nft-board__info-collection{font-size:.66rem;color:var(--link-hover);margin:.15rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.light-mode .nft-board__info-collection{color:var(--link-hover)}.nft-board__info-stock{flex:0 0 auto;font-size:.66rem;font-weight:800;color:#ffffffeb;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.18rem .45rem;line-height:1}html.light-mode .nft-board__info-stock{color:#1e293b;background:#0f172a12;border:1px solid rgba(15,23,42,.12)}.nft-board__info-mid{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.15rem 0}.nft-board__info-price-sizes{width:100%;display:grid;grid-template-columns:1fr;gap:.2rem}.nft-board__info-price-single{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.64rem;color:#ffffffa6}html.light-mode .nft-board__info-price-single{color:#0f172aa6}.nft-board__info-price-single strong{color:#ffffffeb;font-weight:800;white-space:nowrap}html.light-mode .nft-board__info-price-single strong{color:#0f172a}.nft-board__info-price-size{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.64rem;color:#ffffffa6;width:100%;min-width:0;line-height:1.15}html.light-mode .nft-board__info-price-size{color:#0f172aa6}.nft-board__info-price-size span{min-width:0}.nft-board__info-price-size strong{color:#ffffffeb;font-weight:800;flex:0 0 auto;white-space:nowrap}html.light-mode .nft-board__info-price-size strong{color:#0f172a}.nft-board__info-cta{margin-top:auto;padding-top:.35rem;display:flex;justify-content:center}.nft-board__card-cta{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;background:var(--link-hover);color:#fff;font-size:.6rem;font-weight:600;padding:.4rem .6rem;border-radius:6px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.nft-board__card-cta:hover{transform:scale(1.03);box-shadow:0 4px 16px color-mix(in srgb,var(--link-hover) 45%,transparent)}.nft-board__card-cta:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.nft-board__card-cta svg{width:10px;height:10px}.nft-board__placeholder{flex-shrink:0;width:var(--card-width);height:var(--card-height);background:#ffffff0f;border-radius:12px;border:1px dashed rgba(255,255,255,.18);box-sizing:border-box}html.light-mode .nft-board__placeholder{background:#0f172a08;border:1px dashed rgba(15,23,42,.15)}.nft-board__hint{text-align:center;margin-top:.75rem;padding:0 1rem;position:relative;z-index:1}.nft-board__hint-text{font-size:.7rem;color:#ffffff59;display:inline-flex;align-items:center;gap:.35rem}html.light-mode .nft-board__hint-text{color:#0f172a80}.nft-board__hint-text svg{width:12px;height:12px;opacity:.5}.nft-board__empty{text-align:center;padding:2.5rem 1.5rem;color:#fff6;font-size:.85rem}html.light-mode .nft-board__empty{color:#0f172a8c}body.dark-mode{color:#f0f0f0;background-color:#0a0a14;transition:background-color .2s ease,color .3s ease}.nft-board__theme-toggle{position:absolute;top:12px;right:12px;border-radius:6px;color:#f0f0f0;cursor:pointer;padding:.35rem .75rem;z-index:10;background-color:#ffffff14;font-weight:600;font-size:.75rem;border:1px solid rgba(255,255,255,.2);transition:background-color .2s ease,color .3s ease}html.light-mode .nft-board__theme-toggle{color:#0f172a;background-color:#0f172a14;border:1px solid rgba(15,23,42,.2)}.nft-board__theme-toggle:focus-visible{outline-offset:2px;outline:2px solid var(--link-hover)}.nft-board__theme-toggle:hover{transform:scale(1.05);background:#ffffff1a}html.light-mode .nft-board__theme-toggle:hover{background:#0f172a24}
