@font-face{font-family:ShackDisplay;src:url('display.ttf') format('truetype');font-display:swap;font-weight:400}
:root{color-scheme:dark;--bg:#06080e;--panel:#0c111a;--line:#293545;--text:#f4f7fb;--muted:#acb6c7;--cyan:#24dff5;--pink:#ff37d4;--lime:#cbff35;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}a:hover{color:var(--cyan)}[hidden]{display:none!important}.wrap{width:min(1440px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:8px;padding:12px 20px;background:var(--lime);color:#080a0e;z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}.header{border-top:3px solid var(--pink);border-bottom:1px solid #24dff560;background:#06080ef5;position:sticky;top:0;z-index:20}.header-inner{min-height:84px;display:flex;align-items:center;gap:28px}.brand{width:260px;flex:none}.header nav{display:flex;gap:16px;margin-left:auto}.header nav a{font-family:ShackDisplay,'Arial Narrow',Impact,sans-serif;font-size:23px;letter-spacing:.04em;padding:12px 10px;text-transform:uppercase}.header-note{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--cyan);max-width:110px;line-height:1.5;margin-left:auto;font-weight:700}.hero{background:#02030a;border-bottom:1px solid #ff37d460;margin-top:20px;overflow:hidden}.hero-art{width:100%;aspect-ratio:3/1;object-fit:contain;max-height:345px}.hero-copy{text-align:center;padding:0 24px 30px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:ShackDisplay,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-weight:400;line-height:1.04;letter-spacing:.025em}h1{font-size:clamp(32px,3.2vw,46px);margin-bottom:10px}h2{font-size:clamp(29px,2.5vw,38px);margin-bottom:0}h3{line-height:1.3}p{margin-bottom:16px}.hero p{color:var(--muted);margin-bottom:22px}.phone-break{display:none}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-radius:6px;font-size:15px;line-height:1.35;font-weight:750;transition:background .16s,border-color .16s,transform .16s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime);border-color:var(--lime);color:#080d00}.button.primary:hover{background:#ddff88}.button.hot{background:var(--pink);border-color:var(--pink);color:#190015}.button.hot:hover{background:#ff8ce7}.button.secondary{border-color:#24dff57a;color:var(--cyan);background:#24dff509}.button.secondary:hover{background:#24dff51c}.button small{font-weight:400}.broadcast-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:26px;align-items:stretch}.panel{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0}.spotlight{grid-column:1/-1;border-color:#24dff57a;box-shadow:inset 0 2px 0 #24dff52b}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.13em;margin-bottom:9px}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.lime{color:var(--lime)}.muted,.fine{color:var(--muted)}.fine{font-size:13px;line-height:1.5}.status{font-size:12px;text-transform:uppercase;font-weight:750;letter-spacing:.09em;padding:7px 11px;border:1px solid var(--line);border-radius:5px;white-space:nowrap}.status.on{background:#ff37d41a;border-color:var(--pink);color:#ff86e5}.spotlight-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.player{position:relative;min-width:0;aspect-ratio:1.13;background:#020309;overflow:hidden;border-radius:7px;border:1px solid #ff37d45a}.player>img{width:100%;height:100%;object-fit:cover;opacity:.82}.player-caption{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 16px;background:linear-gradient(transparent,#04070cf5);text-align:center;font-weight:650}.player iframe{width:100%;height:100%;border:0;display:block}.player.has-embed{aspect-ratio:16/9;align-self:center}.stream-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.stream-info h3{font-size:24px;margin-bottom:10px}.stream-info .muted{font-size:14px}.viewer-heading{font-size:14px;margin:8px 0 12px;font-weight:650}.viewers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 12px;gap:5px;border-block:1px solid var(--line);padding:12px 0}.viewers>div{text-align:center}.viewers dt{font-size:12px;color:var(--muted)}.viewers dd{font-size:23px;line-height:1.35;font-variant-numeric:tabular-nums;font-weight:750;margin:5px 0 0;overflow-wrap:anywhere}.stream-info .fine{margin-bottom:18px}.availability{border:1px dashed #435167;border-radius:6px;padding:12px;text-align:center;color:var(--muted);margin:0;font-size:14px}.schedule{display:flex;flex-direction:column}.schedule-list{flex:1}.empty{padding:12px 0 24px}.empty-mark{display:block;color:var(--cyan);font-size:42px;margin-bottom:12px}.empty h3{font-size:21px;max-width:260px}.empty p{color:var(--muted);max-width:34ch}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);min-height:44px;font-weight:650;font-size:14px}.schedule-row{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.schedule-row h3{font-size:16px;margin:0 0 6px;overflow-wrap:anywhere}.schedule-row p{font-size:13px;color:var(--muted);margin:0}.schedule-row .button{padding:10px 12px}.promo{border-color:#ff37d477;box-shadow:inset 0 2px 0 #ff37d42b}.promo h2{color:var(--pink);margin-bottom:14px}.promo .muted{font-size:15px}.tiers{margin:20px 0}.tiers>div{display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.tiers dt{font:38px/1 ShackDisplay,Impact,sans-serif;color:var(--lime)}.tiers>div:nth-child(2) dt{color:var(--cyan)}.tiers>div:nth-child(3) dt{color:var(--pink)}.tiers dd{margin:0;font-size:14px;font-weight:650}.tiers dd span{font-size:13px;font-weight:400;color:var(--muted)}.promo .button{width:100%}.shop-section{padding-block:36px}.cutoff{border:1px solid #cbff354d;background:#cbff3508;color:var(--lime);border-radius:6px;padding:10px 14px;font-size:13px;margin:0}.shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.product{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column;transition:border-color .18s}.product:hover{border-color:var(--cyan)}.product-art{position:relative;background:#050508;border-bottom:1px solid var(--line)}.product-art img{width:100%;aspect-ratio:1.45;object-fit:contain}.illustration-label{position:absolute;bottom:4px;right:7px;font-size:12px;color:#cad3e2;background:#050508d9;padding:1px 5px;border-radius:3px}.product-body{padding:17px;display:flex;flex:1;flex-direction:column}.product .eyebrow{font-size:11px;letter-spacing:.06em;color:var(--cyan)}.product h3{font-size:18px;font-weight:700;margin:0 0 16px;overflow-wrap:anywhere}.product-quantity{margin-top:auto;margin-bottom:12px;color:var(--muted);font-size:13px}.product-quantity strong{font-size:30px;line-height:1;font-weight:750;color:var(--lime);padding-right:7px}.product-price{font-size:14px;color:var(--muted);margin-bottom:15px}.product .button{font-size:13px;padding-inline:10px;width:100%;min-height:44px}.shop-note{margin:16px 0 0}.giveaway{border-block:1px solid #ff37d44a;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.giveaway h2{font-size:30px;margin-bottom:10px}.giveaway p:last-child{margin:0}.giveaway .button{flex:none}.footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:28px;color:var(--muted);font-size:13px}.footer p{margin:0}.footer>a{min-height:44px;display:inline-flex;align-items:center}.footer-brand{color:var(--text);font-weight:750}.footer small{margin-left:auto}.mobile-nav{display:none}.notice{padding:16px;border:1px solid var(--pink);margin:20px 0}.notice a{text-decoration:underline}.detail-main{padding-block:40px;max-width:1050px;min-height:70vh}.back-link{margin-bottom:28px}.detail-hero{display:grid;grid-template-columns:1fr 200px;gap:36px;align-items:center;margin-bottom:36px}.detail-hero h1{font-size:clamp(42px,6vw,72px);margin-bottom:20px}.detail-hero p{max-width:54ch;color:var(--muted)}.detail-hero img{border-radius:12px}.plan-list{display:grid;gap:16px}.plan{display:grid;grid-template-columns:90px 1fr 240px;align-items:center;gap:24px}.plan-price{font:48px/1 ShackDisplay,Impact,sans-serif;color:var(--lime)}.plan h2{font-size:29px;margin-bottom:8px}.plan p{color:var(--muted);margin:0}.plan-action{display:grid;gap:8px}.plan-action p{font-size:13px}.detail-note{margin-top:24px}.giveaway-detail{max-width:740px;margin:auto}.giveaway-detail h2{margin-bottom:16px}.giveaway-detail .actions{justify-content:flex-start}.giveaway-detail p{color:var(--muted)}
@media(min-width:1250px){.broadcast-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,.85fr)}.spotlight{grid-column:auto}.panel{padding:20px}.spotlight-layout{gap:18px;grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}.player{aspect-ratio:auto;min-height:285px}.stream-info h3{font-size:21px}.viewers{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.viewers>div:nth-child(4),.viewers>div:nth-child(5){text-align:left}.section-heading h2{font-size:30px}.promo h2{font-size:36px}.promo .tiers{margin:12px 0}.tiers>div{grid-template-columns:60px 1fr;gap:10px}.promo .muted{margin-bottom:10px}}
@media(max-width:1000px){.header-note{display:none}.brand{width:220px}.header-inner{gap:14px}.header nav{gap:6px}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan{grid-template-columns:70px 1fr}.plan-action{grid-column:2}.hero-art{max-height:270px}}
@media(max-width:699px){.wrap{width:calc(100% - 28px)}.header-inner{min-height:62px;justify-content:center}.brand{width:200px}.header nav{display:none}.header-note{display:block;margin-left:auto;font-size:10px;width:85px}.hero{margin-top:12px;border-radius:10px}.hero-art{max-height:none;aspect-ratio:1;object-fit:cover}.hero-copy{padding:22px 16px 24px}.hero h1{font-size:34px}.phone-break{display:block}.hero p{font-size:14px}.hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero .button{padding:12px 9px;font-size:13px;gap:6px}.broadcast-grid{display:block;margin-top:18px}.panel{padding:19px;margin-bottom:16px}.spotlight-layout{grid-template-columns:1fr;gap:20px}.player{aspect-ratio:16/10}.player>img{object-position:50% 47%}.stream-info h3{font-size:23px}.viewers{grid-template-columns:repeat(5,minmax(0,1fr))}.viewers dt{font-size:11px}.section-heading{gap:10px;align-items:flex-start;margin-bottom:18px}h2{font-size:30px}.eyebrow{font-size:11px}.status{font-size:11px}.stream-info .button{width:100%}.empty{padding:0 0 8px}.empty-mark{display:none}.empty h3{max-width:none;font-size:19px}.promo h2 br{display:none}.promo h2{font-size:34px}.tiers>div{grid-template-columns:80px 1fr}.shop-section{padding-top:14px}.shop-section .section-heading{flex-direction:column;gap:15px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-body{padding:13px}.product h3{font-size:16px}.product .eyebrow{font-size:10px}.product .button{font-size:12px}.product-art img{aspect-ratio:1.15}.product-quantity strong{font-size:26px}.product-quantity{font-size:12px}.product-price{font-size:12px}.giveaway{align-items:flex-start;flex-direction:column;gap:18px}.footer{gap:8px 22px;padding-bottom:100px}.footer small{width:100%;margin-left:0}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:#080d15f5;border-top:1px solid #24dff560;padding:4px 8px calc(4px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-nav a{display:grid;place-items:center;min-height:52px;font-weight:700;font-size:13px}.mobile-nav a:nth-child(2){color:var(--pink)}.mobile-nav a:nth-child(1){color:var(--lime)}.detail-main{padding-top:20px}.detail-hero{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.detail-hero img{display:none}.plan{grid-template-columns:70px minmax(0,1fr);gap:15px}.plan-action{grid-column:1/-1}.plan-price{font-size:42px}.plan p{font-size:14px}.plan h2{font-size:27px}.detail-note{font-size:14px}}
@media(orientation:landscape) and (max-height:600px) and (min-width:600px){html{scroll-padding-top:20px}.header{position:relative}.header-inner{min-height:62px}.header nav{display:flex}.header-note{display:none}.brand{width:190px}.hero-art{max-height:180px;aspect-ratio:3/1}.hero-copy{padding-bottom:22px}.hero h1{font-size:30px}.phone-break{display:none}.hero p{margin-bottom:15px}.mobile-nav{display:none}.broadcast-grid{display:grid;grid-template-columns:1fr 1fr}.spotlight{grid-column:1/-1}.spotlight-layout{grid-template-columns:1fr 1fr}.panel{margin-bottom:0}.player{aspect-ratio:1.1}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer{padding-bottom:28px}}
@media(max-width:359px){.hero .actions{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr}.viewers dt{font-size:10px}.brand{width:175px}.section-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover{transform:none}}
/* Reference composition: compact banner, three broadcast panels, shelf + giveaway. */
@media(min-width:700px){.hero{margin-top:12px;position:relative}.hero-art{max-height:250px;aspect-ratio:5/1;object-fit:cover;object-position:center}.hero-copy{padding:0 16px 16px}.hero h1{font-size:30px;margin:0}.hero-copy>p,.hero-copy>.actions{display:none}.broadcast-grid{margin-top:14px}.panel{background:linear-gradient(135deg,#080d15,#05080d);border-radius:9px}.schedule{border-color:#24dff577}.shelf-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;margin-top:16px}.shop-section{border:1px solid #ff37d477;padding:20px;border-radius:9px;background:#070b12}.giveaway{border:1px solid #24dff588;padding:20px;border-radius:9px;flex-direction:column;justify-content:flex-start;gap:20px;background:#070b12}.giveaway h2{color:var(--pink);font-size:36px}.giveaway img{width:100%;border-radius:6px}.giveaway .button{width:100%}.shop-grid{gap:10px}.product-body{padding:12px}.product h3{font-size:16px}.shop-section .section-heading{flex-wrap:wrap}.product-quantity strong{font-size:26px}.product .button{border-color:#ff37d477;color:var(--pink)}.shop-note{font-size:12px}.footer{margin-top:22px;border-top:1px solid var(--line)}}
@media(min-width:1250px){.broadcast-grid{grid-template-columns:minmax(0,1.95fr) minmax(0,1fr) 250px}.panel{padding:16px}.spotlight-layout{grid-template-columns:1fr 1fr;gap:20px}.viewers{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.viewers>div:nth-child(4),.viewers>div:nth-child(5){text-align:center}.viewers dt{font-size:11px}.player{min-height:250px;max-height:300px}.section-heading{margin-bottom:16px}.promo h2 br{display:none}.promo h2{font-size:29px}.promo .eyebrow{display:none}.promo .muted{font-size:13px}.tiers>div{padding:8px 0}.tiers dt{font-size:34px}.promo .button{font-size:13px;padding:10px;min-height:44px}.empty h3{font-size:19px}.empty p{font-size:14px}.shop-section h2{color:var(--lime)}}
@media(min-width:700px) and (max-width:1249px){.shelf-grid{grid-template-columns:1fr}.giveaway{flex-direction:row;align-items:center}.giveaway img{display:none}.giveaway .button{width:auto}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){.giveaway>img{display:none}.hero-copy{padding:12px 12px 16px}.hero h1{font-size:28px}.hero-copy>p,.hero-copy>.actions{display:none}.phone-break{display:none}.hero-art{max-height:330px;object-fit:cover}.shelf-grid{margin-top:20px}}
.signup-section{margin-top:28px}.signup-section h2{margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}.form-grid .full{grid-column:1/-1}input,select{width:100%;min-height:48px;background:#070b12;border:1px solid #435167;border-radius:6px;color:var(--text);padding:10px 12px}input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.consent{display:flex;align-items:flex-start;gap:12px;margin:22px 0;font-size:14px}.consent input{width:22px;min-height:22px;flex:none;margin-top:2px}.consent a{text-decoration:underline;color:var(--cyan)}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button.button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.form-grid+button{margin-top:20px}#form-message{margin:18px 0 0}.promo h2 br::after{content:' '}
@media(min-width:700px){.hero-art{object-fit:contain;aspect-ratio:auto;height:250px}}
@media(max-width:699px){.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
/* Share-link signup: official Whatnot artwork, public metadata, editable review. */
.import-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.import-heading .muted{max-width:58ch}.whatnot-wordmark{width:130px;height:auto;margin:26px;flex:none}.import-box{padding:22px;background:#111720;border:1px solid #45515e;border-radius:9px;margin:8px 0 26px}.import-box>label{display:block;font-size:15px;font-weight:650;margin-bottom:10px}.import-controls{display:flex;gap:12px}.import-controls input{min-width:0;flex:1;font-size:16px;min-height:52px}.whatnot-button{background:#ffeb22;color:#111;border-color:#ffeb22;min-width:140px;flex:none}.whatnot-button:hover{background:#fff26c;color:#111}.import-box .fine{margin:12px 0 0}.text-button{font:inherit;color:var(--cyan);border:0;padding:10px 0;background:none;cursor:pointer;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:14px}#import-message{font-size:14px;line-height:1.5;margin:12px 0 0}#import-message:empty{display:none}#show-review{border:0;padding:0;margin:0;min-width:0}#show-review legend{padding:0;margin-bottom:16px}.show-preview{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.show-preview>img{width:100px;height:125px;object-fit:cover;border-radius:8px}.show-preview>div{min-width:0}.show-preview h3{font-size:23px;margin:10px 0 5px;overflow-wrap:anywhere}.show-preview p{color:var(--muted);font-size:14px;margin:0}.import-badge{font-size:12px;font-weight:600;color:#ffeb22}.extra-details{margin-top:20px;border-block:1px solid var(--line);padding:12px 0}.extra-details summary{cursor:pointer;padding:8px 0;min-height:44px}.extra-details summary .fine{margin-left:10px}.extra-details .form-grid{margin-block:16px}.contact-step{margin-top:24px}textarea{resize:vertical;background:#070b12;border:1px solid #435167;border-radius:6px;color:var(--text);font:inherit;padding:12px;min-height:112px}textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.whatnot-viewer-logo{width:61px;max-width:100%;height:14px;object-fit:contain;margin:0 auto}.viewers dt{min-height:18px;display:grid;align-items:center}
@media(max-width:699px){.signup-section{padding:18px}.import-heading{flex-direction:column;gap:0}.whatnot-wordmark{order:-1;width:116px;margin:12px 0 24px}.import-heading h2{font-size:31px}.import-heading .muted{font-size:15px}.import-box{padding:15px}.import-controls{flex-direction:column;gap:10px}.whatnot-button{width:100%;min-height:48px}.show-preview{gap:14px}.show-preview>img{width:76px;height:95px}.show-preview h3{font-size:19px}.whatnot-viewer-logo{height:12px}.form-grid input,.form-grid textarea,.form-grid select{font-size:16px}}