/* HARMFUL store design system v2. Loaded after styles.css. */
:root{--red:#b3201f;--bone:#e9e6df;--char:#141414;--silver:#b9bdc3;--head:"Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif;--hh:64px}
body[data-theme=dark]{--bg:#0c0c0c;--fg:#ece9e2;--mut:#9b9a95;--line:#262626;--card:#151515}
body[data-theme=light]{--bg:#fff;--fg:#0b0b0b;--mut:#666;--line:#ddd;--card:#f4f4f4}
body::before{background:radial-gradient(ellipse 90% 40% at 50% -5%,rgba(179,32,31,.2),transparent 70%)!important}
body[data-theme=light]::before{background:none!important}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--fg);color:var(--bg);padding:10px 14px}.skip:focus{left:8px}
main#view{position:relative;z-index:1;padding-top:var(--hh);min-height:80svh}
.pad{padding-left:20px;padding-right:20px}
.eyebrow{font-size:11px;letter-spacing:.3em;color:var(--red);text-transform:uppercase;margin:0 0 10px}
.h1{font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:clamp(44px,13vw,110px);line-height:.88;letter-spacing:-.01em;margin:0}
.h1.sm{font-size:clamp(34px,9vw,60px);color:var(--c,var(--fg))}
.h2{font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:clamp(28px,7.5vw,52px);line-height:.95;margin:0 0 14px}
.lead{font-weight:400;color:var(--mut);line-height:1.55;max-width:560px;margin:14px 0 0}
.fine{font-weight:400;font-size:12.5px;color:var(--mut);line-height:1.5}
.pagehead{padding:34px 20px 18px}
.sx{padding:44px 20px 8px;max-width:1200px;margin:0 auto}
.sec2{padding:8px 20px 20px;max-width:640px;margin:0 auto}
.more{display:inline-block;margin-top:16px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-bottom:2px solid var(--red);padding-bottom:3px}

/* waiting-for-connection chip */
.wfc{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--silver);border:1px dashed var(--silver);padding:4px 8px;line-height:1.2;vertical-align:middle;margin:2px 0}
.wfc-note{font-size:12px;font-weight:400;color:var(--mut);margin:8px 0;min-height:1em}
.chipst{font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--line)}
.chipst.available{color:#6ec07a;border-color:#6ec07a}.chipst.soldout{color:var(--silver)}.chipst.soon{color:#e8b23a;border-color:#e8b23a}

/* buttons */
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;background:var(--fg);color:var(--bg);font-size:13px;letter-spacing:.2em;text-transform:uppercase;border:2px solid var(--fg);transition:transform .2s var(--ease),background .2s,color .2s;text-align:center}
.cta:hover{background:var(--red);border-color:var(--red);color:#fff}.cta:active{transform:scale(.98)}
.cta.ghost{background:transparent;color:var(--fg)}.cta.ghost:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.cta:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;background:transparent;color:var(--fg)}.cta:disabled:hover{background:transparent;color:var(--fg);border-color:var(--fg)}

/* header */
.hdr{position:fixed;top:0;left:0;right:0;z-index:60;height:calc(var(--hh) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(var(--bg),transparent);transition:background .3s,backdrop-filter .3s}
.hdr.solid{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hlogo{display:block;width:92px;flex:none}.hlogo .stage{--w:92px;width:92px;justify-content:flex-start}
.dnav{display:none;gap:34px;margin:0 auto}
.dnav a{font-size:12px;letter-spacing:.24em;text-transform:uppercase;padding:8px 0;border-bottom:2px solid transparent}
.dnav a:hover,.dnav a[aria-current=page]{border-color:var(--red)}
.hact{display:flex;align-items:center;gap:2px}
.ib{position:relative;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg)}
.cnt{position:absolute;top:4px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}
@media(min-width:760px){.dnav{display:flex}.burger{display:none}.hdr{padding-left:28px;padding-right:24px}}

/* bottom-sheet menu */
.scrim{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .3s}.scrim.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--bg);border-top:2px solid var(--red);padding:10px 24px calc(env(safe-area-inset-bottom) + 18px);transform:translateY(105%);transition:transform .4s var(--ease);display:flex;flex-direction:column}
.sheet.open{transform:none}
.sheet .grab{width:44px;height:4px;background:var(--line);border-radius:2px;margin:6px auto 10px}
.sheet>a{font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:40px;line-height:1;padding:13px 0;border-bottom:1px solid var(--line)}
.sheet>a[aria-current=page]{color:var(--red)}
.sheet .sub{display:flex;gap:22px;padding:16px 0 6px}.sheet .sub a{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);padding:8px 0}
.sheetx{align-self:stretch;margin-top:8px;min-height:48px;border:1px solid var(--line);font-size:12px;letter-spacing:.24em;text-transform:uppercase}
@media(min-width:760px){.sheet,.scrim{display:none}}

/* hero */
.hero2{position:relative;min-height:calc(100svh - var(--hh));display:flex;align-items:flex-end;overflow:hidden;margin-top:calc(var(--hh) * -1)}
.hscene,.hscene img{position:absolute;inset:0;width:100%;height:100%}.hscene svg{width:100%;height:100%}.hscene img{object-fit:cover}
.hshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,12,.55),rgba(12,12,12,.1) 35%,rgba(12,12,12,.92))}
.hin{position:relative;padding:0 20px 44px;max-width:1200px;width:100%;margin:0 auto;color:#ece9e2}
.hl{margin:0;font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:clamp(54px,17vw,150px);line-height:.86;display:flex;flex-direction:column}
.hl span{display:block;animation:rise .8s var(--ease) both}.hl span:nth-child(2){animation-delay:.12s}.hl span:nth-child(3){animation-delay:.24s;color:var(--red)}
.hsub{font-weight:400;font-size:17px;max-width:420px;margin:18px 0 0;color:#cfcdc6}
.hcta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hcta .cta{color:#0c0c0c;background:#ece9e2;border-color:#ece9e2}.hcta .cta.ghost{background:transparent;color:#ece9e2}
.slot{margin:18px 0 0}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--red);color:#fff;padding:12px 0;white-space:nowrap}
.tk{display:inline-flex;gap:22px;align-items:center;animation:tk 28s linear infinite;font-family:var(--head);font-weight:900;font-size:20px;letter-spacing:.08em;padding-left:22px}
.tk i{width:8px;height:8px;background:#fff;transform:rotate(45deg)}
@keyframes tk{to{transform:translateX(-50%)}}

/* plates / grids */
.plate{display:block;color:var(--fg)}
.pimg{display:block;background:var(--bone);aspect-ratio:4/5;overflow:hidden;position:relative}
.pimg img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s var(--ease)}
.plate:hover .pimg img{transform:scale(1.05)}
.pmeta{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 2px 0;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.pmeta b{grid-column:1/-1;font-size:14px}.pmeta .chipst{justify-self:start}.pmeta>span:nth-child(2){grid-row:2;grid-column:2}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 14px;padding:10px 20px 30px;max-width:1200px;margin:0 auto}
.related .pgrid{padding:10px 0}
@media(min-width:760px){.pgrid{grid-template-columns:repeat(3,1fr);gap:34px 22px}}
.hrow{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 12px;scrollbar-width:none}.hrow::-webkit-scrollbar{display:none}
.hrow .plate{flex:0 0 min(70vw,300px);scroll-snap-align:start}
.seg{display:inline-flex;margin-top:18px;border:1px solid var(--line)}
.seg button{padding:12px 22px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;min-height:44px}.seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}

/* sections */
.brand{text-align:center;padding:70px 20px 40px;position:relative}.brand .art{display:block;width:min(70%,360px);height:90px;margin:0 auto 18px;color:var(--red);opacity:.9}
.bs{font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:clamp(26px,7vw,54px);line-height:1;max-width:760px;margin:0 auto}
.story2{display:grid;gap:26px;margin-top:20px}.story2 article{border-top:1px solid var(--line);padding-top:14px}
.story2 .no{color:var(--red);font-size:12px;letter-spacing:.2em}.story2 h3{font-family:var(--head);text-transform:uppercase;font-size:26px;margin:6px 0}.story2 p{margin:0;font-weight:400;color:var(--mut);line-height:1.55}
@media(min-width:760px){.story2{grid-template-columns:repeat(3,1fr);gap:34px}}
.mprev{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.mprev .mt{position:relative;aspect-ratio:1;overflow:hidden;display:block}.mprev svg,.mcard svg{width:100%;height:100%;display:block}
@media(min-width:760px){.mprev{grid-template-columns:repeat(4,1fr)}}
.stamp{position:absolute;top:8px;left:8px;font-size:9px;letter-spacing:.16em;background:rgba(0,0,0,.7);color:#fff;padding:4px 7px}
.tease{border:1px solid var(--line);background:var(--card);padding:30px 22px}.tease.alt{border-color:var(--red)}.tease .cta{margin-top:20px}
.close{text-align:center;padding:60px 20px 30px}.close .lead{margin:0 auto 22px}

/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.rv.seen{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.tk,.hl span{animation:none}}

/* product detail */
.pd2{max-width:1100px;margin:0 auto;padding-bottom:30px}.pd2 .back{display:inline-block;padding:16px 20px 8px}
.galx{position:relative}
.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.track::-webkit-scrollbar{display:none}
.sl{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1;background:var(--bone);display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.sl img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.sl.ph{cursor:default;background:var(--card);color:var(--silver);font-size:11px;letter-spacing:.2em;text-align:center;line-height:1.8;border:1px dashed var(--line)}
.dots{display:flex;gap:8px;justify-content:center;padding:12px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--line)}.dots i.on{background:var(--red)}
.pinfo2{padding:6px 20px}
.prow{display:flex;gap:14px;align-items:center;margin:14px 0;font-size:18px}.shipn{font-size:13px;font-weight:400;color:var(--mut);margin:0 0 14px}
.buyrow{display:flex;gap:14px;align-items:flex-end;margin-bottom:14px}.buyrow label{flex:1;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.buyrow select{display:block;width:100%;margin-top:6px;min-height:52px;background:var(--card);color:var(--fg);border:1px solid var(--line);padding:0 12px;font:inherit;font-size:16px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);margin-top:6px}.qty button{width:40px;height:40px;font-size:20px}.qty span{min-width:30px;text-align:center}
.qty.big button{width:52px;height:52px}.qty.big{margin:0}
.pinfo2 .cta{width:100%}
.acc{margin-top:22px;border-top:1px solid var(--line)}.acc details{border-bottom:1px solid var(--line)}.acc summary{padding:16px 0;cursor:pointer;font-size:12px;letter-spacing:.22em;text-transform:uppercase;list-style:none}.acc summary::-webkit-details-marker{display:none}.acc summary::after{content:"+";float:right}.acc details[open] summary::after{content:"\2212"}.acc p{margin:0 0 16px;font-weight:400;line-height:1.55;color:var(--mut)}
.related{padding:40px 20px 0}
@media(min-width:860px){.pd2{display:grid;grid-template-columns:1.1fr 1fr;column-gap:40px}.pd2 .back{grid-column:1/-1}.related{grid-column:1/-1}.pinfo2{padding-top:0;position:sticky;top:90px;align-self:start}}

/* bag */
.bag .line{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.bag .line img{width:64px;height:64px;object-fit:contain;background:var(--bone)}
.line .lt{flex:1;display:flex;flex-direction:column;gap:3px}.line small{font-weight:400;color:var(--mut)}
.disc{display:flex;gap:8px;margin-top:14px}.disc input{flex:1;min-height:48px;padding:0 12px;background:var(--card);color:var(--fg);border:1px solid var(--line);font:inherit;letter-spacing:.1em;text-transform:uppercase}
.disc .btn{min-height:48px;padding:0 16px}
.tokbox{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;border:1px dashed var(--line);padding:12px;margin:10px 0;font-size:12px}.tokbox b{letter-spacing:.16em}
.totals .free{color:var(--silver);font-size:12px;font-weight:400;justify-content:flex-end;text-align:right;padding-top:6px}
.bag .cta{width:100%;margin-top:14px}
.sum{border:1px solid var(--line);padding:14px;background:var(--card);margin-bottom:18px}.sum .line{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.sum .line img{width:56px;height:56px;object-fit:contain;background:var(--bone)}
.steps{margin-bottom:18px}
.sec2 .cta{width:100%}
.banner{margin:0 20px 8px;padding:12px 14px;border:1px dashed var(--silver);color:var(--silver);font-size:12px;font-weight:400;line-height:1.5}

/* members */
.mhero{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.mgrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
@media(min-width:760px){.mhero{grid-template-columns:1fr 1fr}.mgrid2{grid-template-columns:repeat(3,1fr)}}
.mcard{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--card);padding:0}.mhero .mcard{aspect-ratio:16/10}
.mcard img{width:100%;height:100%;object-fit:cover}
.mcard .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;display:flex;flex-direction:column;gap:2px;text-align:left;font-size:11px;letter-spacing:.06em}
.mcard .cap span{font-weight:400;color:#bbb}

/* rewards */
.wallet{margin:0 20px;padding:24px;background:linear-gradient(135deg,#1a1a1a,#0b0b0b);color:#ece9e2;border:1px solid #2a2a2a;border-top:3px solid var(--red)}
.wl{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.wbal{font-family:var(--head);font-weight:900;font-size:64px;line-height:1;margin:16px 0}.wbal small{font-size:16px;color:var(--silver);margin-left:8px}
.rates{display:flex;align-items:center;gap:12px;margin:12px 0}.rates div{flex:1;border:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:4px;background:var(--card)}.rates b{font-family:var(--head);font-size:26px;font-weight:900}.rates span{font-size:11px;font-weight:400;color:var(--mut);letter-spacing:.1em;text-transform:uppercase}.rates i{font-style:normal;color:var(--red);font-size:20px}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}.calc input{display:block;width:100%;margin-top:6px;min-height:52px;background:var(--card);color:var(--fg);border:1px solid var(--line);padding:0 12px;font:inherit;font-size:16px}
.calcout{font-weight:400;min-height:1.5em;color:var(--silver)}
.tok.tbd{color:var(--silver);border:1px dashed var(--silver);padding:3px 7px;font-size:11px}
.list{border-top:1px solid var(--line)}.li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.li small{display:block;font-weight:400;color:var(--mut);margin-top:3px;font-size:12px}
.tl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.tl div{border:1px solid var(--line);padding:14px 8px;text-align:center;font-size:13px}.tl small{display:block;color:var(--mut);font-weight:400;margin-top:4px}.tl .hot{border-color:var(--red);color:var(--red)}

/* account */
.dtabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px 0}.dtabs::-webkit-scrollbar{display:none}.dtabs button{flex:none;padding:12px 16px;border:1px solid var(--line);font-size:11px;letter-spacing:.14em;text-transform:uppercase;min-height:44px}.dtabs button[aria-selected=true]{background:var(--fg);color:var(--bg)}
.dpanel{border:1px solid var(--line);background:var(--card);padding:20px;min-height:130px}.dpanel h3{margin:0 0 8px;font-family:var(--head);text-transform:uppercase;font-size:22px}.dpanel p{font-weight:400;color:var(--mut);margin:0 0 12px}
.aff{margin-top:14px;padding:18px;text-align:center;border:1px dashed var(--silver);color:var(--silver);font-size:12px;letter-spacing:.2em}
.gcard{border:1px solid var(--line);background:var(--card);padding:24px;margin-bottom:26px}.cd{font-family:var(--head);font-size:44px;font-weight:900;margin:12px 0}
.aboutx{max-width:640px;padding:10px 20px 30px;margin:0 auto}.aboutx p{font-weight:400;font-size:18px;line-height:1.65}
.empty{padding:40px 20px;text-align:center}

/* footer */
.cfoot{background:#080808;color:#ece9e2;position:relative;z-index:2;overflow:hidden;margin-top:60px}
.cfoot .scene{position:absolute;inset:0;opacity:.5}.cfoot .scene svg,.cfoot .scene img{width:100%;height:100%;object-fit:cover}
.cfoot .shade2{position:absolute;inset:0;background:linear-gradient(#080808,rgba(8,8,8,.7) 40%,#080808)}
.cfoot .in{position:relative;padding:60px 20px calc(env(safe-area-inset-bottom) + 24px);max-width:1200px;margin:0 auto}
.fstate{font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:clamp(24px,6vw,44px);line-height:1;max-width:680px;margin:0 0 40px}
.cfoot h2{font-size:11px;letter-spacing:.3em;color:var(--red);margin:0 0 12px}
.fcols{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 16px;margin:34px 0}.fcols div{display:flex;flex-direction:column;gap:10px;font-size:13px;align-items:flex-start}.fcols b{font-size:11px;letter-spacing:.24em;color:var(--silver);text-transform:uppercase}.fcols span{font-weight:400;color:#9b9a95}.fcols a,.fcols button{padding:4px 0;color:#ece9e2}
@media(min-width:760px){.fcols{grid-template-columns:repeat(3,1fr)}}
.themesw{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.2em;color:#9b9a95}.themesw button{padding:10px 14px;border:1px solid #333;font-size:11px;letter-spacing:.14em;text-transform:uppercase;min-height:40px}.themesw button[aria-pressed=true]{background:#ece9e2;color:#080808}
.fwm{width:100%;margin-top:40px;display:block;opacity:.95}.copy2{font-size:10px;letter-spacing:.2em;color:#777;margin:16px 0 0}
main#view{overflow-x:clip}html{overflow-x:clip}
.hl{font-size:clamp(48px,14vw,140px)}

/* --- overrides of legacy shell styles --- */
#menu.sheet{inset:auto 0 0 0;justify-content:flex-start;background:var(--bg);color:var(--fg);clip-path:none;visibility:visible;padding:10px 24px calc(env(safe-area-inset-bottom) + 18px)}
#menu.sheet::before{display:none}
#menu.sheet a{opacity:1;transform:none;font-size:40px;padding:13px 0;display:block;transition:color .2s}
#menu.sheet .sub a{font-size:12px;padding:8px 0}
#menu.sheet:not(.open){visibility:hidden;transition:transform .4s var(--ease),visibility 0s .4s}
dialog.bag,dialog.msg{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-top:3px solid var(--red)}
dialog.bag{max-height:92svh;overflow:auto}
.bagin h2{font-family:var(--head);text-transform:uppercase;font-size:32px}
.bagin .x{position:absolute;right:12px;top:12px;width:48px;height:48px;font-size:28px;background:none;color:var(--fg)}
.disc .btn{flex:none;border:1px solid var(--fg);color:var(--fg);background:transparent;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.disc input{min-width:0}
.bag .line img,.sum .line img{mix-blend-mode:multiply}
.totals{border-top:1px solid var(--line);padding-top:10px}.totals>div{display:flex;justify-content:space-between;padding:4px 0}.totals .grand{font-size:18px;border-top:1px solid var(--line);margin-top:6px;padding-top:10px}
/* catalog wheel: bone stage so product photos blend cleanly */
.wheel{background:var(--bone);margin:0 0 6px}
body .wi{mix-blend-mode:multiply}
body[data-theme=dark] .wi img{-webkit-mask-image:none;mask-image:none;filter:none}
.wheel .bgart{color:#0c0c0c;opacity:.12}
.counter{margin-top:0}
.pinfo{color:var(--fg)}
.bag .line img,.sum .line img{mix-blend-mode:normal}
#menuclose.sheetx{position:static;width:auto;height:auto;font-size:12px;min-height:48px}
#menu.sheet{z-index:80}

/* bottom sound + theme controls */
.fab{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 10px);z-index:55;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--fg);opacity:.72;-webkit-tap-highlight-color:transparent;transition:opacity .25s,color .35s}
.fab:hover,.fab:focus-visible{opacity:1}.fab:active{opacity:1;transform:scale(.92)}
.fab.fl{left:max(10px,env(safe-area-inset-left))}.fab.fr{right:max(10px,env(safe-area-inset-right))}
.fab svg{width:20px;height:20px;display:block}
.fab .on{display:none}.fab.snd[data-on="1"] .off{display:none}.fab.snd[data-on="1"] .on{display:block}
.fab.thm .moon{display:none}body[data-theme=light] .fab.thm .sun{display:none}body[data-theme=light] .fab.thm .moon{display:block}
main#view{padding-bottom:56px}
html.tmx *,html.tmx *::before,html.tmx *::after{transition:background-color .35s,color .35s,border-color .35s,fill .35s,stroke .35s!important}

.sochub{display:grid;gap:34px;padding:0 24px 20px}.scol header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #2a2a2a;padding-bottom:10px;margin-bottom:14px}.scol h2{margin:0;font-size:13px;letter-spacing:.3em;text-transform:uppercase}.scol header span{font-size:12px;color:#999;font-weight:400}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:16px}.sgrid a{aspect-ratio:1;background:#0b0b0b;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#999;font-size:11px;text-align:center;padding:6px}.sgrid img{width:100%;height:100%;object-fit:cover;display:block}
.sempty{border:1px solid #222;padding:26px 16px;text-align:center;margin-bottom:16px}
@media(min-width:900px){.sochub{grid-template-columns:1fr 1fr;gap:0;padding:0 40px}.scol{padding:0 28px}.scol+.scol{border-left:1px solid #222}}

.sprof{width:100%;height:560px;border:0;background:#000;display:block;margin-bottom:16px}.sfeed{display:grid;gap:12px;margin-bottom:16px}.sembed{width:100%;min-height:480px;border:0;background:#000}.stt{margin-bottom:16px}.stt blockquote{margin:0 auto}
body[data-route=social] .cfoot{display:none}

.sochub{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0 12px!important}.scol{min-width:0;padding:0!important;border-left:0!important}.scol header{flex-direction:column;gap:2px}.scol header span,.scol header a{font-size:11px;word-break:break-all}.scol h2{font-size:11px}.sprof{height:520px}.stt{overflow:hidden}.stt iframe{max-width:100%!important}
@media(min-width:900px){.sochub{padding:0 40px!important;gap:28px!important}.scol header{flex-direction:row}}

.sochub{grid-template-columns:1fr!important;max-width:620px;margin:0 auto}

.pwall{column-count:2;column-gap:14px;padding:6px 16px 30px;max-width:1200px;margin:0 auto;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:3px 3px}
@media(min-width:700px){.pwall{column-count:3;column-gap:22px;padding:10px 28px 40px}}@media(min-width:1100px){.pwall{column-count:4}}
.pol{display:block;width:100%;break-inside:avoid;margin:0 0 18px;padding:7px 7px 26px;border:0;background:#efede7;background-image:linear-gradient(180deg,rgba(255,255,255,.35),rgba(0,0,0,.04)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");box-shadow:0 10px 22px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.5);transform:rotate(var(--r));transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;position:relative;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.pol .pph{display:block;background:#0b0b0b;overflow:hidden}.pol img{display:block;width:100%;height:auto;filter:contrast(1.03)}
.pol:hover,.pol:focus-visible{transform:rotate(0) translateY(-4px) scale(1.02);box-shadow:0 18px 34px rgba(0,0,0,.7);z-index:2}
.pol.flash:after{content:"";position:absolute;inset:0;background:#fff;animation:pflash .38s ease-out forwards;pointer-events:none}@keyframes pflash{from{opacity:.75}to{opacity:0}}
.pcount{position:absolute;right:10px;bottom:5px;font-size:10px;letter-spacing:.12em;color:#555}
@media(prefers-reduced-motion:reduce){.pol{transition:none}.pol.flash:after{display:none}}
#pwall .pol{min-height:0!important;height:auto!important;min-width:0!important;padding:7px 7px 26px!important;font:inherit;text-align:center;line-height:0;-webkit-appearance:none;appearance:none;border-radius:1px}
#pwall .pol .pph{width:100%;line-height:0}#pwall .pol img{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important}

.pmore{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;break-inside:avoid;min-height:150px;margin:0 0 18px;border:1px solid #2c2c2c;color:#f4f4f2;text-decoration:none;text-align:center;letter-spacing:.3em;text-transform:uppercase;font-size:13px;transition:border-color .3s,background .3s}.pmore small{font-size:10px;letter-spacing:.14em;color:#8a8a8a;text-transform:none}.pmore:hover,.pmore:active{border-color:#8f1a1c;background:rgba(143,26,28,.08)}
body[data-route=account] .cfoot{display:none}
.acct{max-width:420px;margin:0 auto;padding:28px 20px 40px}.acoin{text-align:center;margin-bottom:26px}.acoin img{width:min(46vw,170px);height:auto;animation:acspin 6s linear infinite}@keyframes acspin{to{transform:rotateY(360deg)}}
.areward{margin:14px 0 2px}.areward b{display:block;font-size:44px;letter-spacing:.02em}.areward span{font-size:11px;letter-spacing:.3em;color:#cfcfcf}.alabel{font-size:10px;letter-spacing:.3em;color:#b3201f;margin:8px 0 0}.anote{font-weight:400;font-size:13px;color:#9a9a9a;margin:10px 0 0}
@media(prefers-reduced-motion:reduce){.acoin img{animation:none}}

body[data-route=members] .cfoot{display:none}
#pwall .pmore2{text-decoration:none;padding:7px 7px 0!important;line-height:normal}
#pwall .pmore2 .pph{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:#0a0a0a;padding:14px}
#pwall .pmore2 img{width:100%!important;height:auto!important;filter:none}
#pwall .pmore2 .pcap{display:block;padding:8px 0 9px;color:#1a1a1a;font-size:13px;font-weight:800;letter-spacing:.32em;text-indent:.32em;text-align:center}

#pwall .pmore2 .pph{padding:0;aspect-ratio:auto;display:block}
.line .ltk{display:block;color:#d1342a;font-size:11px;letter-spacing:.08em;margin-top:2px}
.totals .toks{display:flex;justify-content:space-between;color:#3fae6f;font-size:12px;letter-spacing:.06em;padding-top:6px}
/* the big footer is gone: every page ends with the same compact payments + policy bar as Home */
.cfoot{display:none!important}
.adash{max-width:420px;margin:0 auto}.adash .abal{text-align:center;margin:20px 0;padding:18px;border:1px solid var(--line)}.adash .abal span{display:block;font-size:11px;letter-spacing:.2em;color:var(--mut)}.adash .abal b{font-size:40px;letter-spacing:.02em}.ah3{font-size:12px;letter-spacing:.18em;margin:22px 0 8px;text-transform:uppercase}.ah{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0}.ah small{color:var(--mut)}.aord{border:1px solid var(--line);padding:12px;margin-bottom:10px}.aord ul{margin:6px 0 0 16px;padding:0;font-size:13px}.form .chk{display:flex;gap:10px;align-items:center;font-size:12.5px;letter-spacing:0}.form .chk input{width:auto;margin:0}

/* Desktop: the top nav replaces the burger menu, so hide the burger (its sheet is hidden at this width). */
@media(min-width:760px){#menubtn.burger{display:none}}
/* Account heading: an email used as the heading must wrap, not overflow. */
.adash .h2.em{font-size:clamp(18px,5.5vw,30px);overflow-wrap:anywhere;word-break:break-word}
/* Checkout: pay with gift card / tokens (same box language as the totals) */
.paywith{border:1px solid var(--line);padding:14px;margin:14px 0}
.paywith>b{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.pwrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}
.pwrow label{font-size:13px}.pwrow label small{display:block;color:var(--mut);font-size:11px}
.pwin{display:flex;gap:6px;flex:1 1 220px;justify-content:flex-end}
.pwin input,.pwin select{flex:1;min-width:0;max-width:260px;min-height:42px;background:transparent;border:1px solid var(--line);color:var(--fg);font:inherit;font-size:14px;padding:6px 10px;letter-spacing:.04em}
.pwin select option{color:#000}
.pwbtn{min-height:42px;padding:0 14px;border:1px solid var(--fg);background:var(--fg);color:var(--bg);font:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.totals.est{margin-top:10px}
/* Back control: same on every page except Home (policy pages use .pageback too) */
.pageback{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px 6px 8px;margin:10px 0 -6px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--fg);font:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pageback:hover{border-color:var(--fg)}.pageback:focus-visible{outline:2px solid var(--red,#e0262a);outline-offset:2px}
#menu .toenter{opacity:.7;font-size:.8em;margin-top:8px}
.bagfull{display:block;text-align:center;margin:10px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;color:inherit}
/* About: notebook paper */
.notebook{max-width:560px;margin:8px auto 0;padding:0 16px}
.nbpaper{position:relative;background:#f7f4ea;color:#1b1b1b;padding:30px 22px 26px 54px;border-radius:2px;box-shadow:0 18px 40px rgba(0,0,0,.45);transform:rotate(-.6deg);
  background-image:linear-gradient(90deg,transparent 40px,#e3a3a3 40px,#e3a3a3 41.5px,transparent 41.5px),repeating-linear-gradient(#f7f4ea 0 27px,#b9cde3 27px 28px);background-position:0 0,0 14px;
  font-family:"Bradley Hand","Segoe Print","Chalkboard SE","Marker Felt","Comic Sans MS",var(--serif,Georgia),serif;font-size:17px;line-height:28px}
.nbpaper:before{content:"";position:absolute;top:-12px;left:50%;width:110px;height:26px;margin-left:-55px;background:rgba(220,220,210,.65);transform:rotate(2deg);box-shadow:0 1px 2px rgba(0,0,0,.15)}
.nbpaper p{margin:0 0 28px}.nbpaper p:last-of-type{margin-bottom:0}
.nbsig{text-align:right;font-size:22px;margin-top:6px!important;padding-right:10px}
.nbhelp{max-width:560px;margin:22px auto 0;padding:0 16px;text-align:center}.nbhelp a{text-decoration:underline}
.nbshop{text-align:center;margin:22px 0 10px}
@media(min-width:900px){.nbpaper{font-size:18px}}
/* Full bag page */
.cartpage{display:grid;gap:18px}
@media(min-width:900px){.cartpage{grid-template-columns:1.4fr 1fr;align-items:start}.cartpage .recs{grid-column:1/-1}}
.cline{display:grid;grid-template-columns:72px 1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.cline img{width:72px;height:72px;object-fit:contain;background:#0b0b0b}
.clt b{display:block;font-size:14px}.clt small{display:block;color:var(--mut);font-size:12px;margin-top:2px}.clt .cnote{color:var(--mut)}
.cline .qty{margin-top:8px}.cprice{font-variant-numeric:tabular-nums}
.csum{border:1px solid var(--line);padding:16px}
.recrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.rec{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:10px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;cursor:pointer}
.rec img{width:100%;aspect-ratio:1;object-fit:contain}.rec b{font-size:12px}.rec span{font-size:12px;color:var(--mut)}
body[data-theme=light] .cline img{background:#f2f2f2}
.pagebackbar[hidden]{display:none}
.pagebackbar{position:relative;z-index:2;padding-top:calc(var(--hh) + env(safe-area-inset-top) + 30px)}
.pagebackbar:not([hidden]) + main#view{padding-top:0}
.pagebackbar .pageback{margin:0 0 0 12px}
/* Account (signed in) */
.acct2 .adash{max-width:760px}
.atabs{display:flex;gap:4px;overflow-x:auto;margin:16px 0 18px;border-bottom:1px solid var(--line);scrollbar-width:none}
.atabs::-webkit-scrollbar{display:none}
.atabs a{flex:none;padding:10px 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);text-decoration:none;border-bottom:2px solid transparent}
.atabs a[aria-current]{color:var(--fg);border-bottom-color:var(--red)}
.adot{display:inline-block;min-width:18px;padding:1px 5px;border-radius:9px;background:var(--red);color:#fff;font-size:9px;letter-spacing:0;text-align:center}
.averified{font-size:9px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);padding:1px 6px;margin-left:4px}
.aloyal{color:var(--red);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:10px}
.acards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.acard{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);padding:14px;color:inherit;text-decoration:none}
.acard span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}.acard b{font-size:22px}.acard small{color:var(--mut);font-size:12px}
.arow{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);padding:12px 14px;margin:12px 0}
.arow.vip{border-color:var(--red)}
.cta.sm{min-height:40px;padding:0 16px;font-size:11px;width:auto}
.cta.ghost{background:transparent;color:var(--fg);border:1px solid var(--line);margin-top:22px}
.alist{display:flex;flex-direction:column}
.aorder{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.aorder small{display:block;color:var(--mut);font-size:12px}.aorder .ar{display:flex;align-items:center;gap:10px}
.achip{font-size:9px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);padding:3px 7px}
.achip.s-shipped,.achip.s-delivered{border-color:#3a7}
.atl{display:flex;list-style:none;padding:0;margin:14px 0;gap:4px}
.atl li{flex:1;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);border-top:3px solid var(--line);padding-top:6px}
.atl li.done{color:var(--fg);border-top-color:var(--fg)}.atl li.now{border-top-color:var(--red)}
.aitems{padding-left:18px;font-size:14px}
.agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.agrid div{border:1px solid var(--line);padding:10px}.agrid span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.agrid b{font-size:16px}
@media(max-width:520px){.agrid{grid-template-columns:repeat(2,1fr)}}
.aopts{padding-left:18px;font-size:14px;line-height:1.7}
.acopy{display:flex;gap:6px;margin:8px 0}.acopy input{flex:1;min-width:0;min-height:42px;background:transparent;border:1px solid var(--line);color:var(--fg);font:inherit;font-size:13px;padding:6px 10px}
.linkbtn{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.amsg{border-bottom:1px solid var(--line);padding:12px 0}.amsg.new .ah b{color:var(--fg)}.amsg.mod{border-left:3px solid var(--red);padding-left:10px}.amsg.vipm{border-left:3px solid #c9a227;padding-left:10px}
.vipcard{border:1px solid var(--red);padding:18px;margin-bottom:12px}
.anote2{text-align:center}
#acctbtn{position:relative}#acctbtn .cnt2{position:absolute;top:2px;right:0}
.aquiet{margin-top:18px}
/* Account: picture buttons, big tap targets, switches (kid-simple) */
.acct2 .adash{max-width:560px}
.aic{width:24px;height:24px;flex:none}
.ahello{display:flex;align-items:center;gap:14px;margin:6px 0 14px}
.aavatar{width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:700 22px var(--head);flex:none}
.ahi{font:700 26px/1.1 var(--head);margin:0 0 4px;letter-spacing:.01em}
.ahello .fine{margin:0;overflow-wrap:anywhere}
.atabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px;overflow:visible;margin:4px 0 18px;border:0}
.atabs a{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 2px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--mut);font-size:10px;letter-spacing:.06em;text-transform:none;text-decoration:none}
.atabs a[aria-current]{color:var(--fg);border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.atabs .adot{position:absolute;top:4px;right:6px}
.atabs.atiles{grid-template-columns:1fr 1fr;gap:10px}
.atabs.atiles a{flex-direction:row;justify-content:flex-start;gap:12px;padding:20px 16px;font-size:16px;font-weight:700;letter-spacing:.02em;color:var(--fg)}
.atabs.atiles .aic{width:30px;height:30px;color:var(--red)}
.atabs.atiles a:only-child,.atabs.atiles a:nth-child(5):last-child{grid-column:1/-1}
.atok{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:14px;align-items:center;padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(179,32,31,.28),var(--card));border:1px solid var(--red);color:inherit;text-decoration:none;margin-bottom:12px}
.atok .aic{grid-row:1/4;width:46px;height:46px;color:var(--red)}
.atok .atl1{font-size:12px;color:var(--mut)}.atok b{font:700 34px/1.1 var(--head)}.atok small{color:var(--mut);font-size:12.5px}
.abtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin:10px 0;padding:12px 18px;border:0;border-radius:16px;background:var(--fg);color:var(--bg);font:700 16px var(--head);letter-spacing:.02em;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.abtn:active{transform:scale(.98)}
.abtn span{display:flex;flex-direction:column;align-items:center}.abtn small{font-weight:400;font-size:12px;opacity:.7}
.abtn.big{min-height:72px;background:var(--red);color:#fff;font-size:18px}
.abtn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.abtn.sm{display:inline-flex;width:auto;min-height:44px;margin:6px 0 0;padding:0 18px;font-size:14px;border-radius:12px}
.aoutb{margin-top:18px;color:var(--mut)}
.acenter{text-align:center}
.ah3{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.16em;margin:22px 0 10px}
.ah3 .aic{width:20px;height:20px;color:var(--red)}
.ah2{font:700 24px var(--head);margin:8px 0 2px}
.abox{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:6px 16px 14px;margin:12px 0}
.abox .ah3{margin-top:12px}
.abox .form{margin:0}
.amore{padding:0 16px}.amore summary{display:flex;align-items:center;gap:10px;min-height:56px;font-weight:700;cursor:pointer;list-style:none}.amore summary::-webkit-details-marker{display:none}
.amore summary::after{content:"+";margin-left:auto;font-size:22px;color:var(--mut)}.amore[open] summary::after{content:"−"}.amore[open]{padding-bottom:14px}
.acardx{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:inherit;text-decoration:none;margin:10px 0}
.acardx>div{flex:1}.acardx b{display:block}.acardx small{color:var(--mut);font-size:12.5px}.acardx.vip{border-color:var(--red)}.acardx .aic:first-child{width:30px;height:30px;color:var(--red)}
.aempty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:26px 16px;border:1px dashed var(--line);border-radius:18px}
.aempty .aic{width:44px;height:44px;color:var(--mut)}.aempty b{font-size:17px}.aempty .abtn{margin-bottom:0}
.alist{gap:10px}
.aorder{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:inherit;text-decoration:none}
.aorder>div{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.aorder b{font-size:17px}.aorder small{color:var(--mut);font-size:12.5px}
.aorder .aic:first-child{width:32px;height:32px;color:var(--red)}.aorder .aic-next,.acardx .aic-next{color:var(--mut)}
.achip{border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}
.achip.s-shipped,.achip.s-delivered{background:#2f7a52;border-color:#2f7a52;color:#fff}.achip.s-cancelled{color:var(--mut)}
.aback{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px 0 10px;border:1px solid var(--line);border-radius:22px;color:inherit;text-decoration:none;font-weight:700;font-size:14px}
.atl{counter-reset:s;gap:6px;margin:18px 0}
.atl li{counter-increment:s;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;padding:0;text-align:center;font-size:10px}
.atl li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--line);font:700 14px var(--head);color:var(--mut)}
.atl li.done::before{content:"✓";background:#2f7a52;border-color:#2f7a52;color:#fff}.atl li.now::before{box-shadow:0 0 0 4px rgba(47,122,82,.3)}
.acancel{padding:14px;border-radius:14px;border:1px solid var(--line);text-align:center;color:var(--mut)}
.abal{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:20px!important;background:linear-gradient(135deg,rgba(179,32,31,.28),var(--card));border-color:var(--red)!important}
.abal .aic{width:46px;height:46px;color:var(--red)}
.agrid div{border-radius:14px;background:var(--card);text-align:center;padding:12px 6px}
.agc{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;margin:8px 0}
.agc>div{flex:1;min-width:0}.agc code{display:block;font-size:13px;overflow-wrap:anywhere}.agc small{color:var(--mut);font-size:12px}.agc b{font-size:18px}.agc .aic{color:var(--red)}.agc.void{opacity:.5}
.amsg{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;margin:10px 0}
.amsg>div{flex:1;min-width:0}.amsg>.aic{color:var(--mut);margin-top:2px}.amsg.new{border-color:var(--red)}.amsg.new>.aic{color:var(--red)}
.amsg .ah{padding:0;flex-wrap:wrap}.amsg .ah span{color:var(--mut);font-size:12px}.amsg .fine{margin:6px 0 0}
.amsg.mod,.amsg.vipm{padding-left:14px}
.form .tog{justify-content:space-between;gap:14px;min-height:52px;font-size:15px;font-weight:700;border-bottom:1px solid var(--line)}
.form .tog span{display:flex;flex-direction:column;gap:4px}.form .tog small{font-weight:400;font-size:11.5px;color:var(--mut);line-height:1.45}
.form .tog input{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:54px!important;height:32px;min-height:0;margin:0;padding:0;border:0;border-radius:32px;background:var(--line);cursor:pointer;transition:background .2s}
.form .tog input::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .2s}
.form .tog input:checked{background:#2f7a52}.form .tog input:checked::after{transform:translateX(22px)}
.form .tog input:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.vipcard{border-radius:18px;text-align:center}.vipcard .aic{width:40px;height:40px;color:#c9a227}
.acopy .abtn.sm{margin:0}
.acct2 .agrid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}
.acct2 .form select{display:block;width:100%;min-height:52px;margin-top:8px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--fg);font:inherit;font-size:15px;letter-spacing:0}
.acct2 .form p:empty{margin:0;min-height:0}
.acct2 .form input:not([type=checkbox]){border-radius:12px}
.acct2 .form .cta{border-radius:14px}
img.aic-coin{object-fit:contain;border-radius:50%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}
.atok img.aic{width:56px;height:56px}.abal img.aic{width:76px;height:76px}.atabs a:not([aria-current]) img.aic-coin{opacity:.85}
@media(min-width:760px) and (max-width:1180px){.dnav{gap:16px}.dnav a{font-size:11px;letter-spacing:.14em}}
/* Community */
.comm .h2{margin-top:26px}
.vround{border:1px solid var(--line);padding:14px;margin:12px 0}
.vh{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.vh span{color:var(--mut);font-size:12px}
.vopt{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.vopt img{width:56px;height:56px;object-fit:cover}.vopt:not(:has(img)){grid-template-columns:1fr auto}
.vopt.mine b{color:var(--red)}.vb small{display:block;color:var(--mut);font-size:12px}
.vbar{height:6px;background:var(--line);margin:6px 0 2px}.vbar i{display:block;height:100%;background:var(--fg)}
.apprgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.appr{border:1px solid var(--line);padding:10px}.appr img{width:100%;aspect-ratio:1;object-fit:cover}.appr small{display:block;color:var(--mut)}
.terms{border:1px solid var(--line);padding:10px 14px;margin:10px 0}.terms summary{cursor:pointer;font-weight:700;font-size:13px}.terms ol{padding-left:18px;font-size:13px;line-height:1.6}
.cprev{display:flex;gap:6px;flex-wrap:wrap}.cprev img{width:64px;height:64px;object-fit:cover}
.gwy{border:1px solid var(--line);padding:16px;margin:12px 0}.gin2{font-weight:700}
.rules{font-size:13px;line-height:1.6;max-height:50vh;overflow:auto}
.minit{position:fixed;z-index:70;width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer;animation:minipeek 2.4s ease-in-out infinite}
.minit img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px #b3201f)}
.minit.caught{animation:minicaught .9s ease forwards}
@keyframes minipeek{0%,100%{transform:translateX(0) rotate(-8deg)}50%{transform:translateX(6px) rotate(8deg)}}
@keyframes minicaught{to{transform:scale(2.4) rotate(360deg);opacity:0}}
.eggtoast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147483000;background:#0b0b0b;color:#f4f4f2;border:1px solid #b3201f;padding:12px 16px;font-size:13px;max-width:90vw;text-align:center}
@media(prefers-reduced-motion:reduce){.minit{animation:none}}
.arowb{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.arowb .abtn.sm{margin:0}.arowb .aic{width:18px;height:18px}
.asteps{list-style:none;padding:0;margin:4px 0 10px;display:flex;flex-direction:column;gap:8px}
.asteps li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg);font-weight:700;font-size:14.5px}
.asteps .aic{width:28px;height:28px;color:var(--red)}
.totals .tbonus{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d1342a;font-size:12px;letter-spacing:.06em;padding-top:6px}.totals .tbonus.on{color:#3fae6f}
.recs .recsub{color:var(--fg);font-weight:700}
/* Add to Home Screen popup */
.instdlg .appprev{display:flex;flex-direction:column;align-items:center;gap:8px;margin:6px 0 10px}
.instdlg .appprev img{width:84px;height:84px;border-radius:20px;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.instdlg .appprev span{font-size:13px;font-weight:600}
.instdlg h2{text-align:center}
.instdlg [data-os]{display:none}
.instdlg[data-os=ios] [data-os=ios],.instdlg[data-os=android] [data-os=android],.instdlg[data-os=desktop] [data-os=desktop]{display:block}
.isteps{list-style:none;padding:0;margin:14px 0}.isteps .osn{display:none}
.isteps li:not(.osn){display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:14px;font-size:15px;line-height:1.35}
.isteps i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font:700 14px var(--head);font-style:normal}
.isteps .ishare{width:20px;height:20px;vertical-align:-4px;color:#2f8cff}
.instdlg .inote{text-align:center}
.instdlg h2{font-size:22px;line-height:1.15;margin:4px 0 0}
.acardx .aic-wheel,.abtn .aic-wheel,.amsg>.aic-wheel{width:36px;height:36px;color:#e9e6df}.acardx .aic-wheel:first-child{width:38px;height:38px}
.atabs.atiles{grid-template-columns:repeat(3,1fr)}.atabs.atiles a{flex-direction:column;justify-content:center;gap:8px;padding:18px 6px;font-size:15px}.atabs.atiles a:nth-child(5):last-child{grid-column:auto}
/* Light mode: darker text and lines, neutral cards that blend in (no pink) */
body[data-theme=light]{--mut:#444;--line:#cfcfcf;--card:#eeeeee}
body[data-theme=light] .atok,body[data-theme=light] .abal{background:linear-gradient(135deg,#e4e4e4,#f3f3f3);border-color:#bdbdbd!important}
body[data-theme=light] .atabs a{background:#ececec;color:#333}
body[data-theme=light] .atabs a[aria-current]{background:#e2e2e2;color:#0b0b0b}
body[data-theme=light] .agrid div,body[data-theme=light] .acardx,body[data-theme=light] .aorder,body[data-theme=light] .abox,body[data-theme=light] .amsg,body[data-theme=light] .agc{background:#eeeeee;border-color:#cfcfcf}
body[data-theme=light] .asteps li{background:#e2e2e2}
body[data-theme=light] .averified{border-color:#999;color:#333}
.asecure{border-color:#c9a227}.asecure .aic:first-child{color:#c9a227}
.asecon{display:flex;align-items:center;gap:8px;font-weight:700;color:#3fae6f;margin:4px 0}.asecon .aic{width:20px;height:20px}
.aqr{display:block;margin:10px auto;background:#fff;padding:8px;border-radius:12px}
.akey code{word-break:break-all;font-size:12px}
.asteps .anum{flex:none;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px}
/* Checkout: same look as the account page (rounded cards, icon tiles, soft dividers); the token line under an item never moves */
.sum{border-radius:18px;padding:6px 16px 14px}
.sum .line .ltk{display:block;color:#d1342a;font-size:11px;letter-spacing:.08em;margin-top:2px;animation:none;transform:none;padding:0}
.paywith{border-radius:18px;padding:16px;background:var(--card)}
.pwin input,.pwin select{border-radius:12px;min-height:46px;padding:6px 14px;background:#0d0d0d}
.pwbtn{border-radius:12px;min-height:46px;padding:0 18px}
.steps{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:4px 16px;margin:14px 0 18px}
.ckstep{display:flex;align-items:flex-start;gap:14px;padding:14px 0}
.ckstep + .ckstep{border-top:1px solid var(--line)}
.ckic{flex:0 0 40px;height:40px;border-radius:12px;background:#1b1b1b;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--fg)}
.cktx b{display:block;font-size:15px;letter-spacing:.02em;margin:1px 0 3px}
.cktx p{margin:0;color:var(--mut);font-size:13px;line-height:1.45}
.cktx a{color:var(--fg);text-decoration:underline}
#ckgo.cta{width:100%;border-radius:14px;min-height:56px}
.paywith .pwrow label{flex:1 1 100%}
.paywith .pwin{flex:1 1 100%;justify-content:stretch;min-width:0}
.paywith .pwin input,.paywith .pwin select{max-width:none}
/* token amounts: number + the real coin */
.tkamt{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;vertical-align:middle}
.tkamt .tki{width:1.25em;height:1.25em;object-fit:contain;display:inline-block;flex:none;filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}
.tbonus .tkamt,.toks .tkamt{font-weight:800;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.line .tkamt img.tki,.sum .line .tkamt img.tki,.bag .line .tkamt img.tki{width:1.25em!important;height:1.25em!important;min-width:0;flex:none;border:0;border-radius:0;background:none;mix-blend-mode:normal;margin:0;padding:0;aspect-ratio:auto;object-fit:contain}
.line .tkamt img.tki,.sum .line .tkamt img.tki,.bag .line .tkamt img.tki{width:18px!important;height:18px!important}
.toks .tkamt img.tki,.tbonus .tkamt img.tki{width:20px;height:20px}
/* Social: YouTube above Instagram */
.syt{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;margin-bottom:10px}
.sytv{position:absolute;inset:0;width:100%;height:100%;border:0}
.sytlink{display:inline-block;margin:0 0 18px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);text-decoration:underline}
/* every member's profile picture is the Terrorizer */
.aavatar{background:#fff;overflow:hidden;border:2px solid var(--red)}
.aavatar img{width:100%;height:100%;object-fit:cover;display:block}
/* PDP: pick one option (tickets) */
.pdp-pick{display:grid;gap:8px;width:100%}
.pdp-pick button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;border-radius:14px;border:1px solid #333;background:#121212;color:#f2f2ee;font:inherit;text-align:left}
.pdp-pick button b{font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.pdp-pick button span{color:#bdbdb8;font-weight:700}
.pdp-pick button.on{background:#f2f2ee;color:#000;border-color:#f2f2ee}.pdp-pick button.on span{color:#000}
.pdp-pick button[disabled]{opacity:.4}
.pdp-pick button .ck{flex:0 0 22px;height:22px;border-radius:7px;border:2px solid #555;margin-right:2px}
.pdp-pick button.on .ck{background:#000;border-color:#000;box-shadow:inset 0 0 0 4px #f2f2ee}
.pdp-pick button b{flex:1}
.pdp-pick button b small{display:block;margin-top:4px;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.35;color:#bdbdb8}.pdp-pick button.on b small{color:#333}
.pdp-tot{margin:6px 0 0;font-weight:800;font-size:16px;color:#f2f2ee}
/* 062: bonus tiers on the Rewards page */
.atiers{margin:16px 0;padding:14px 16px;border:1px solid var(--line);border-radius:14px}
.atiers .ah3{margin:0 0 10px}
.atrow{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid rgba(255,255,255,.07);font-size:14px}
.atrow:first-of-type{border-top:0}.atrow span{color:#b8b8b4}.atrow b{font-weight:800}.atrow.base b{color:#fff}.atrow:not(.base) b{color:#ff5a4f}
/* Rewards (Nov 11): less text. Small line under the balance; bonuses and referrals as pills. */
.abal .abalsub{display:block;font-size:13px;color:#b8b8b4;letter-spacing:.02em;margin-top:2px}
.atpills,.arefpills{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin:10px 0 6px}
.atpill{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border:1px solid var(--line);border-radius:14px;background:#0f0f0f;text-align:center}
.atpill span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a9a9a5}
.atpill b{font-size:20px;color:#ff6b5e;line-height:1.1}
.ainvite .acenter{margin:6px 0 10px}
/* Rewards dropdowns (Nov 11): every section is one tap-to-open row */
.amore{margin:8px 0}.amore summary .amv{margin-left:auto;font-weight:600;font-size:13px;color:#ff6b5e;white-space:nowrap}
.amore summary .amv + *{margin-left:0}
.amore summary:has(.amv)::after{margin-left:10px}
.amore .atpills,.amore .arefpills{margin-top:4px}
.amore .acopy,.amore .abtn.big{margin-top:8px}
.aic-spin{border-radius:50%}
/* Mini HARMFUL gift card (the real card art) used as an icon */
.agcmini{position:relative;display:inline-block;flex:none;width:34px!important;height:22px!important;border:1px solid #3a3a3a;border-radius:5px;background:linear-gradient(145deg,#0b0b0b,#000 60%);overflow:hidden;vertical-align:middle}
.agcmini img{position:absolute;left:-12%;top:-30%;height:170%;width:auto;max-width:none;pointer-events:none}
.agcmini{width:38px!important;height:24px!important;border:0;border-radius:4px;background:none;object-fit:contain;overflow:visible}
/* Close account (066): quiet at the very bottom, red only once opened */
.aclose{margin-top:22px;border-color:rgba(225,6,0,.25)}
.aclose summary{color:#c9c9c5}
.aclose .cta.danger{background:#b3201f;border-color:#b3201f;color:#fff}
.aclose .cta.danger:disabled{opacity:.5}
/* Email badge: green check = verified, dark red hazard = not verified */
.averified{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;font-weight:700;vertical-align:middle}
.averified.ok{color:#3ddc84;border-color:rgba(61,220,132,.45);background:rgba(61,220,132,.1)}
.averified.bad{color:#ff6b5e;border-color:#7a1410;background:#2a0907}
body[data-theme=light] .averified.ok{color:#11793f;border-color:#11793f}
body[data-theme=light] .averified.bad{color:#9b1c14;border-color:#9b1c14}

/* Review page: bonus nudge right before the final checkout button (owner, Nov 13) */
.cknudge{display:flex;align-items:center;gap:12px;margin:18px 0 12px;padding:12px 14px;border:1px solid rgba(63,174,111,.35);border-radius:14px;background:rgba(63,174,111,.07);color:#cfe9d9;font-size:13.5px;line-height:1.35}
.cknudge img{width:28px;height:28px;flex:none}.cknudge span{flex:1}.cknudge b{color:#fff}.cknudge a{color:#3fae6f;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.totals .disc span:last-child{color:#3fae6f}