:root{--mango:#e8720c;--mango-d:#c95d06;--spring:cubic-bezier(.34, 1.46, .64, 1)}.qr-page{background:var(--paper);min-height:100dvh;padding-bottom:80px;position:relative}.qr-page:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#16140f12 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.qr-topbar{z-index:100;background:var(--ink);color:var(--bone);padding:13px var(--pad);border-bottom:1px solid var(--line-dk);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.qr-topbar .brand{font-family:var(--disp);text-transform:uppercase;letter-spacing:.01em;align-items:center;gap:.4em;font-size:20px;display:flex}.qr-topbar .star{color:var(--mango);font-size:.6em}.qr-topbar .sub{letter-spacing:.22em;text-transform:uppercase;opacity:.45;font-size:10px}.mango-banner{background:var(--ink);min-height:220px;padding:clamp(32px, 5vw, 64px) var(--pad);border-bottom:2px solid var(--mango);align-items:center;display:flex;position:relative;overflow:hidden}.mango-banner:after{content:"";pointer-events:none;background:radial-gradient(60% 80% at 80%,#e8720c38 0%,#0000 70%);position:absolute;inset:0}.mango-orb{background:radial-gradient(circle, var(--mango) 0%, transparent 70%);opacity:.18;pointer-events:none;border-radius:50%;animation:6s ease-in-out infinite orb-float;position:absolute}@keyframes orb-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.06)}}.mango-banner .inner{z-index:1;position:relative}.mango-banner .eyebrow{color:var(--mango);margin-bottom:10px}.mango-banner h2{font-family:var(--disp);text-transform:uppercase;color:var(--bone);font-size:clamp(38px,7vw,88px);line-height:.88}.mango-banner .sub{color:var(--bone);opacity:.62;max-width:38ch;margin-top:12px;font-size:14px;line-height:1.55}.highlights{padding:clamp(32px, 4vw, 56px) var(--pad)}.highlights h3{font-family:var(--disp);letter-spacing:.22em;text-transform:uppercase;opacity:.4;margin-bottom:18px;font-size:11px}.hl-strip{scrollbar-width:none;gap:14px;padding-bottom:4px;display:flex;overflow-x:auto}.hl-strip::-webkit-scrollbar{display:none}.hl-card{background:var(--bone);border:1px solid var(--line);cursor:pointer;transition:transform .35s var(--spring), box-shadow .35s;flex-direction:column;flex:0 0 clamp(180px,28vw,220px);display:flex}.hl-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 18px 42px #16140f24}.hl-card .img-wrap{aspect-ratio:1;background:var(--paper-2);overflow:hidden}.hl-card .img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}.hl-card:hover .img-wrap img{transform:scale(1.08)}.hl-card .info{padding:12px 14px 14px}.hl-card .name{font-family:var(--disp);text-transform:uppercase;font-size:14px;line-height:1.05}.hl-card .cat-tag{letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin-top:4px;font-size:10px}.tabs-wrap{z-index:90;background:var(--paper);border-bottom:1px solid var(--line);scrollbar-width:none;position:sticky;top:52px;overflow-x:auto}.tabs-wrap::-webkit-scrollbar{display:none}.tabs-inner{min-width:max-content;padding-inline:var(--pad);gap:0;display:flex;position:relative}.tab-btn{cursor:pointer;font-family:var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--ink);opacity:.45;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.45em;padding:15px 18px;font-size:11.5px;font-weight:700;transition:opacity .25s,color .25s;display:flex;position:relative}.tab-btn:hover{opacity:.75}.tab-btn.active{opacity:1;color:var(--ink)}.tab-btn.mango-tab.active{color:var(--mango)}.tab-ink{background:var(--ink);height:2.5px;transition:left .35s var(--spring), width .35s var(--spring);pointer-events:none;position:absolute;bottom:0}.mango-ink{background:var(--mango)}.cat-section{padding-top:clamp(28px,4vw,48px);padding-inline:var(--pad)}.cat-section+.cat-section{margin-top:clamp(20px,3vw,36px)}.cat-header{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.cat-header h2{font-family:var(--disp);text-transform:uppercase;font-size:clamp(26px,4vw,40px);line-height:1}.cat-header .count{letter-spacing:.14em;text-transform:uppercase;opacity:.36;font-size:11px;font-weight:700}.cat-header.mango-head{color:var(--mango)}.sec-mango{position:relative}.prod-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1px;display:grid}.prod-card{background:var(--bone);cursor:pointer;transition:transform .38s var(--spring), box-shadow .38s, background .25s;animation:card-in .5s var(--ease) both;flex-direction:column;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.prod-card:first-child{animation-delay:40ms}.prod-card:nth-child(2){animation-delay:80ms}.prod-card:nth-child(3){animation-delay:.12s}.prod-card:nth-child(4){animation-delay:.16s}.prod-card:nth-child(5){animation-delay:.2s}.prod-card:nth-child(6){animation-delay:.24s}.prod-card:hover{z-index:2;transform:translateY(-4px);box-shadow:0 12px 36px #16140f1f}.prod-card .img-wrap{aspect-ratio:4/3;background:var(--paper-2);overflow:hidden}.prod-card .img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}.prod-card:hover .img-wrap img{transform:scale(1.06)}.prod-card .card-body{flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.prod-card .card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.prod-card .card-name{font-family:var(--disp);text-transform:uppercase;font-size:17px;line-height:1.05}.prod-card .card-tag{letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;padding:4px 8px;font-size:9.5px;font-weight:700}.card-tag-pop{background:var(--ink);color:var(--bone)}.card-tag-seasonal{background:var(--mango);color:var(--bone)}.prod-card .card-desc{opacity:.58;font-size:12.5px;line-height:1.5}.prod-card .card-meta{letter-spacing:.1em;text-transform:uppercase;opacity:.36;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px;font-size:10.5px;font-weight:700;display:flex}.prod-card .card-vars{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.card-var{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-2);padding:4px 10px;font-size:10px;font-weight:700}.mango-card{border-left:3px solid var(--mango)}.sheet-backdrop{z-index:400;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#16140f8c;transition:opacity .3s;position:fixed;inset:0}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet{z-index:401;background:var(--bone);max-height:90dvh;transition:transform .4s var(--spring);border-radius:14px 14px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(101%)}.sheet.open{transform:translateY(0)}.sheet-handle{background:var(--line-2);border-radius:2px;width:40px;height:4px;margin:12px auto 4px}.sheet-img{aspect-ratio:16/9;object-fit:cover;background:var(--paper-2);width:100%;display:block}.sheet-body{max-width:680px;margin:0 auto;padding:clamp(16px,3vw,28px)}.sheet-cat{letter-spacing:.18em;text-transform:uppercase;opacity:.42;margin-bottom:6px;font-size:10.5px;font-weight:700}.sheet-name{font-family:var(--disp);text-transform:uppercase;margin-bottom:12px;font-size:clamp(28px,5vw,44px);line-height:.95}.sheet-desc{opacity:.72;margin-bottom:18px;font-size:14px;line-height:1.62}.sheet-pills{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.sheet-pill{letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--line-2);padding:8px 16px;font-size:11px;font-weight:700}.sheet-close{background:var(--paper-2);cursor:pointer;width:36px;height:36px;color:var(--ink);border:0;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:14px;right:16px}.homies-section{padding:clamp(28px, 4vw, 56px) var(--pad);background:var(--ink);color:var(--bone);min-height:60vh}.homies-header{margin-bottom:32px}.homies-header h2{font-family:var(--disp);text-transform:uppercase;font-size:clamp(32px,6vw,72px);line-height:.9}.homies-header .sub{opacity:.6;max-width:44ch;margin-top:10px;font-size:14px}.games-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:36px;display:grid}.game-box{background:var(--ink-2);border:1px solid var(--line-dk);flex-direction:column;gap:12px;padding:20px;display:flex}.game-box h3{font-family:var(--disp);text-transform:uppercase;letter-spacing:.01em;font-size:18px}.game-canvas-wrap{width:100%;position:relative}.game-canvas-wrap canvas{border:1px solid var(--line-dk);cursor:pointer;background:#0e0d0a;width:100%;height:auto;display:block}.game-score{font-family:var(--sans);letter-spacing:.15em;text-transform:uppercase;opacity:.5;margin-top:6px;font-size:11px;font-weight:700}.game-btn{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;border:1.5px solid var(--bone);color:var(--bone);cursor:pointer;background:0 0;align-self:flex-start;padding:11px 20px;font-size:11px;font-weight:700;transition:background .25s,color .25s}.game-btn:hover{background:var(--bone);color:var(--ink)}.join-form-wrap{border-top:1px solid var(--line-dk);padding-top:32px}.join-form-wrap h3{font-family:var(--disp);text-transform:uppercase;margin-bottom:10px;font-size:clamp(22px,4vw,36px)}.join-form-wrap .sub{opacity:.6;max-width:42ch;margin-bottom:22px;font-size:14px}.join-form{flex-wrap:wrap;gap:10px;display:flex}.join-input{border:1.5px solid var(--line-dk);min-width:220px;color:var(--bone);font-family:var(--sans);background:0 0;outline:none;flex:1;padding:13px 16px;font-size:14px;transition:border-color .25s}.join-input::placeholder{color:var(--bone);opacity:.35}.join-input:focus{border-color:var(--mango)}.join-submit{background:var(--mango);border:1.5px solid var(--mango);color:var(--bone);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;white-space:nowrap;padding:13px 24px;font-size:11.5px;font-weight:700;transition:background .25s,color .25s}.join-submit:hover{color:var(--mango);background:0 0}.join-success{opacity:.75;align-items:center;gap:10px;font-size:14px;display:none}.join-success.show{display:flex}@media (max-width:768px){.mango-banner{min-height:180px}.prod-grid{grid-template-columns:1fr 1fr}.homies-section{padding-inline:var(--pad)}.sheet{border-radius:18px 18px 0 0}.sheet-body{padding-bottom:max(24px, env(safe-area-inset-bottom))}}@media (max-width:640px){.prod-grid,.games-row{grid-template-columns:1fr}.hl-card{flex:0 0 160px}.cat-header h2{font-size:clamp(22px,6vw,32px)}.homies-header h2{font-size:clamp(28px,8vw,52px)}.join-form{flex-direction:column}.join-input{min-width:unset;width:100%}.join-submit{text-align:center;width:100%}}@media (max-width:480px){.tab-btn{letter-spacing:.08em;padding:12px 10px;font-size:10px}.highlights{padding-inline:var(--pad)}.hl-card{flex:0 0 150px}.game-box{padding:14px}.sheet-name{font-size:clamp(24px,7vw,36px)}}