@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#0c1110;--surface:#141e1b;--surface2:#1c2722;--muted:#adbbb0;--ink:#f4eee0;--gold:#e2bd77;--line:#39483e;--moss:#83a282;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-name,.eyebrow,.nav-link,.btn,.date-day{font-family:'Cinzel',Georgia,serif}h1{font-size:clamp(2.7rem,5.5vw,5.2rem);line-height:1.12;letter-spacing:-.035em;font-weight:600}h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.2;font-weight:600}h3{font-size:1.3rem;font-weight:600}.container{max-width:var(--max);padding:0 26px;margin:auto}.skip{position:absolute;left:-999px;top:8px;z-index:100;background:#fff;color:#000;padding:8px}.skip:focus{left:8px}.announcement{background:#c7a66d;color:#17201a;text-align:center;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:9px 15px}.announcement a{text-decoration:underline;text-underline-offset:3px}.header{position:relative;z-index:3;background:#101815ef;border-bottom:1px solid #374239;backdrop-filter:blur(15px)}.header-inner{min-height:88px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;min-width:max-content}.brand img{width:51px;height:51px}.brand-name{font-weight:700;font-size:19px;letter-spacing:.035em;line-height:1}.brand-sub{display:block;color:var(--gold);font:600 9px/1.4 'DM Sans',sans-serif;letter-spacing:.21em;text-transform:uppercase;margin-top:7px}.nav{display:flex;gap:29px;align-items:center}.nav-link{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#e7e4d8}.nav-link:hover,.nav-link.active{color:var(--gold)}.header-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;min-height:45px;background:var(--gold);border:1px solid var(--gold);color:#1a2119;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#f2d49c}.btn-outline{background:transparent;color:var(--ink);border-color:#a88b5b}.btn-outline:hover{background:#2d3227}.btn-small{padding:10px 14px;min-height:38px}.menu-toggle{display:none;background:none;color:var(--ink);border:1px solid var(--line);padding:8px 13px}.hero{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;background:radial-gradient(ellipse at 77% 49%,#3b4230 0%,#202922 34%,#0d1513 68%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e1715 0%,#0e1715e8 38%,#0e171544 100%),repeating-linear-gradient(115deg,transparent 0 56px,#e2bd7708 57px 58px);z-index:1}.hero-art{position:absolute;right:0;top:0;width:59%;height:100%;opacity:.95}.hero-content{position:relative;z-index:2;padding-top:80px;padding-bottom:90px;max-width:var(--max);width:100%}.hero-copy{max-width:650px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;margin-bottom:23px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";display:inline-block;width:31px;height:1px;background:var(--gold)}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lead{font-size:17px;line-height:1.9;max-width:520px;color:#cbd4c9;margin:25px 0 32px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{margin-top:40px;color:#c9baa0;font-size:12px;letter-spacing:.06em}.hero-note span{color:var(--gold);margin-right:9px}.section{padding:85px 0}.section-dark{background:#111a17}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-heading p{color:var(--muted);max-width:520px;margin-bottom:0}.section-heading h2{margin-bottom:9px}.text-link{color:var(--gold);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.text-link:hover{text-decoration:underline}.section-tag{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-weight:700;margin-bottom:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{position:relative;min-height:265px;padding:29px;border:1px solid #405044;background:linear-gradient(155deg,#25332b,#15201d 75%);overflow:hidden}.feature::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid #d7bb7952;right:-80px;top:-100px;box-shadow:0 0 0 22px #d7bb7909,0 0 0 48px #d7bb7906}.feature .feature-icon{font-size:31px;line-height:1;margin-bottom:47px}.feature h3{margin-bottom:8px}.feature p{font-size:14px;color:#b3c2b5;margin-bottom:0;max-width:270px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.event-card{border:1px solid var(--line);background:#18221e;display:flex;flex-direction:column;min-height:212px}.event-card-top{padding:21px;display:flex;gap:17px;flex:1}.date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ad915d;background:#273024;min-width:67px;height:75px}.date-month{font-size:10px;letter-spacing:.16em;color:var(--gold);font-weight:700;text-transform:uppercase}.date-day{font-size:26px;line-height:1.3}.event-card h3{font-size:17px;margin:2px 0 6px}.event-meta{font-size:12px;color:#b4c3b5;margin:0}.event-card-bottom{border-top:1px solid var(--line);padding:10px 22px;display:flex;justify-content:space-between;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#c8ae75}.empty{padding:24px;border:1px dashed var(--line);color:var(--muted);grid-column:1/-1}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.decor-panel{min-height:390px;position:relative;border:1px solid #796b4f;background:radial-gradient(circle at 50% 50%,#44513a 0%,#27372b 40%,#17211d 75%);display:flex;justify-content:center;align-items:center;overflow:hidden}.decor-panel::before,.decor-panel::after{content:"";position:absolute;inset:20px;border:1px solid #aa916080}.decor-panel::after{inset:38px;border-color:#aa916048}.decor-panel .sigil{font:700 clamp(110px,17vw,230px)/1 'Cinzel',serif;color:#d9bd7b;text-shadow:0 12px 70px #000a}.split p{color:var(--muted)}.smallcaps{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:700}.community-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#27342a;border:1px solid #607453;padding:30px 36px}.community-bar h3{margin:0 0 5px}.community-bar p{margin:0;color:#bfccbc;font-size:14px}.footer{border-top:1px solid #475244;background:#0c1311;padding:55px 0 23px}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer p{font-size:13px;max-width:380px;color:var(--muted)}.footer h4{font:700 12px 'Cinzel',serif;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.footer a{display:block;color:#c4cfc3;font-size:13px;margin:9px 0}.footer a:hover{color:var(--gold)}.foot-bottom{border-top:1px solid #28372f;margin-top:45px;padding-top:21px;display:flex;justify-content:space-between;color:#8d9e90;font-size:11px;gap:20px}.page-hero{padding:75px 0 55px;background:radial-gradient(circle at 95% 0%,#303e2d,transparent 40%),#121b17;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.6rem,4.5vw,4.3rem);margin:0 0 15px}.page-hero p{color:var(--muted);max-width:670px;margin:0}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-input,.category-select{padding:13px 16px;border:1px solid #65715b;background:#16221c;color:#fff;min-height:45px;border-radius:0}.search-input{flex:1;min-width:220px}.category-select{min-width:175px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{background:#19241f;border:1px solid #3b4d3f;overflow:hidden;display:flex;flex-direction:column}.product-art{aspect-ratio:1.23;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,#414e38,#26332d 62%,#18231e);font-size:66px}.product-info{padding:19px;flex:1}.product-info h3{font-size:16px;margin-bottom:5px}.product-info p{font-size:12px;color:var(--muted)}.product-info strong{font-size:19px;color:var(--gold)}.product-footer{padding:0 19px 19px}.product-footer .btn{width:100%;font-size:10px}.notice{background:#27332a;border-left:3px solid var(--gold);padding:15px 19px;margin-bottom:25px;color:#d2decf;font-size:13px}.event-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.event-list .event-card{min-height:175px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.sidebar{border:1px solid #405045;background:#18231e;padding:24px;align-self:start}.sidebar h3{font-size:17px}.sidebar p,.sidebar li{font-size:13px;color:var(--muted)}.sidebar ul{padding-left:17px}.sidebar code{color:var(--gold)}.embed-frame{width:100%;min-height:500px;border:0;background:white}.post-card{background:#1b2821;border:1px solid #51654a;padding:25px;white-space:pre-wrap;line-height:1.8;color:#dfe7d9}.post-card h3{margin-bottom:10px;white-space:normal}.hidden{display:none!important}.fineprint{font-size:12px;color:var(--muted)}
@media(max-width:970px){.nav{gap:15px}.header-actions .btn{display:none}.feature-grid,.event-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:1fr}.hero-art{width:70%}.split{gap:35px}}@media(max-width:720px){.container{padding:0 19px}.header-inner{min-height:73px}.brand img{height:43px;width:43px}.brand-name{font-size:15px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#111b16;border-bottom:1px solid var(--line);padding:23px;flex-direction:column;align-items:start}.nav.open{display:flex}.hero{min-height:610px}.hero-art{width:100%;opacity:.3}.hero:before{background:#0e1715ad}.hero-content{padding-top:65px;padding-bottom:65px}.hero-lead{font-size:15px}.section{padding:58px 0}.section-heading{align-items:start;flex-direction:column}.feature-grid,.event-grid,.event-list,.split{grid-template-columns:1fr}.feature{min-height:215px}.feature .feature-icon{margin-bottom:30px}.decor-panel{min-height:290px}.community-bar{flex-direction:column;align-items:start;padding:25px}.footer-inner{grid-template-columns:1fr 1fr;gap:24px}.footer-inner>div:first-child{grid-column:1/-1}.foot-bottom{flex-direction:column}.product-grid{grid-template-columns:repeat(2,1fr)}.page-hero{padding:55px 0 45px}}@media(max-width:440px){.product-grid{grid-template-columns:1fr}.event-card-top{padding:16px}.btn{padding:12px 16px}.actions .btn{width:100%}}

/* Immediate access to store location and social accounts */
.quick-contact{background:#101814;border-bottom:1px solid #6f6041}.quick-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px}.quick-location{display:flex;align-items:center;gap:10px;color:#efe3c9;min-width:0;font-size:12px}.quick-icon{font-size:27px;color:#e2bd77;line-height:1}.quick-label{font-size:10px;letter-spacing:.14em;color:#e2bd77;font-weight:800;white-space:nowrap}.quick-detail{font-weight:700;white-space:nowrap}.quick-social{display:flex;gap:9px;align-items:center}.quick-social a{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #8d7452;padding:9px 17px;min-height:39px;text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:800;color:#f5efe5;background:#202a22;white-space:nowrap}.quick-social a:hover,.hero-visit-social a:hover{background:#384c38;border-color:#e2bd77}.quick-social .quick-discord{border-color:#7184cf;background:#333a5b}.quick-social .quick-facebook{border-color:#567eb9;background:#223d62}.social-f{font-family:Arial,sans-serif;font-size:22px;font-weight:900;line-height:.8}.quick-arrow{font-size:15px;color:#e2bd77}.hero-visit{border:1px solid #7b6b4d;background:#111b17e8;padding:20px 24px;max-width:520px;margin-top:26px;box-shadow:0 16px 40px #0005}.hero-visit-heading{font-size:10px;letter-spacing:.2em;color:#e2bd77;font-weight:800;margin-bottom:5px}.hero-visit-address{font-size:17px;line-height:1.5;font-weight:800;display:inline-block}.hero-visit-address span{color:#e2bd77}.hero-visit-social{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.hero-visit-social a{border:1px solid #6f795f;padding:8px 12px;background:#233128;font-size:12px;font-weight:800}.hero-note{margin-top:22px}.visit-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.visit-layout p{color:var(--muted)}.visit-map{border:1px solid #73664d;min-height:320px;overflow:hidden;background:#243329}.visit-map iframe{display:block;border:0;width:100%;height:320px}@media(max-width:760px){.quick-contact-inner{flex-direction:column;align-items:stretch;gap:7px;padding-top:11px;padding-bottom:11px}.quick-location{justify-content:center;gap:7px;font-size:11px}.quick-detail{white-space:normal}.quick-social{width:100%;display:grid;grid-template-columns:1fr 1fr}.quick-social a{padding:8px 9px;font-size:11px}.quick-arrow{display:none}.visit-layout{grid-template-columns:1fr;gap:22px}.hero-visit{padding:16px}}@media(max-width:390px){.quick-label{display:none}.quick-detail{font-size:10px}.quick-social a{font-size:10px}}

/* Official store branding & monthly calendar */
.brand img{object-fit:contain;background:transparent;border-radius:50%}
.hero-brandmark{display:block;width:170px;max-width:40vw;height:auto;margin:0 0 18px;filter:drop-shadow(0 7px 18px #0009)}
.calendar-feature{background:linear-gradient(150deg,#111714,#1b241e 75%,#111714)}
.calendar-feature .section-heading{align-items:end}
.calendar-image-link{display:block;overflow:hidden;border:1px solid #657c4b;border-radius:13px;background:#0b0e0d;box-shadow:0 25px 64px #0009;line-height:0}
.calendar-image-link img{display:block;width:100%;height:auto;transition:transform .22s ease}
.calendar-image-link:hover img{transform:scale(1.012)}
.calendar-footnote{font-size:14px;color:#b7c4ad;margin-top:14px}
.calendar-footnote a{color:#a7e550;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.hero-brandmark{width:125px}.calendar-image-link{border-radius:7px}}


/* v4: authentic store branding, photos, real community links */
.brand-social-icon{display:inline-block;width:18px;height:18px;object-fit:contain;flex-shrink:0;vertical-align:middle}
.quick-social .brand-social-icon{width:18px;height:18px}
.hero-visit-social .brand-social-icon{width:15px;height:15px}
.footer-phone{font-weight:700;color:#f2dcad!important}
.footer-inner p{line-height:1.7}
.hero .eyebrow::before{display:none}
.hero.hero-photo-layout{background:#101713;min-height:690px}
.hero.hero-photo-layout::before{background:linear-gradient(90deg,#0e1715 0%,#0e1715f5 34%,#0e1715cf 48%,#0e171549 78%,#0e171525 100%)}
.hero-photo-layout .hero-art{right:0;top:0;width:63%;height:100%;object-fit:cover;object-position:center center;opacity:.88}
.hero-photo-layout .hero-copy{max-width:610px}
.store-photo-panel{border:1px solid #7a6c4d;background:#161e19;overflow:hidden}
.store-photo-panel img{width:100%;height:auto;display:block}
.community-bar .actions{justify-content:flex-end}
.community-bar .actions .btn{white-space:nowrap}
.home-news{display:flex;align-items:center;justify-content:space-between;gap:28px}
.home-news p{color:var(--muted);margin:0}
.events-feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:32px;align-items:start}
.feed-description{color:var(--muted)}
.facebook-feed-shell{border:1px solid #506044;background:#fff;max-width:524px;padding:10px;min-height:720px}
.facebook-feed-frame{display:block;width:100%;max-width:500px;height:700px;border:0;background:#fff}
.feed-fallback{color:var(--muted);font-size:14px;margin-top:14px}
.feed-fallback a{color:var(--gold);text-decoration:underline}
.feed-aside{border:1px solid #455447;background:#1c2821;padding:26px;display:flex;flex-direction:column;align-items:start;gap:12px}
.feed-aside p{color:var(--muted);font-size:14px}
.feed-aside h3{margin-bottom:0}
.feed-aside .btn{min-width:100%}
.construction-section{padding:105px 0 130px;min-height:65vh;background:radial-gradient(circle at 50% 10%,#273428 0%,#111a16 50%,#0c1110 100%)}
.construction-card{margin:auto;max-width:850px;border:1px solid #766344;background:#18231dcc;text-align:center;padding:60px 35px 68px;box-shadow:0 15px 90px #0005}
.construction-symbol{color:var(--gold);display:flex;justify-content:center;margin-bottom:15px}
.construction-card h1{font-size:clamp(2.5rem,6vw,4.5rem);margin:8px 0}
.construction-card h2{font-size:clamp(1.8rem,4vw,2.6rem);color:var(--gold);margin-bottom:17px}
.construction-card p{max-width:580px;color:var(--muted);margin:0 auto 28px}
.construction-card .actions{justify-content:center}
@media(max-width:960px){.events-feed-layout{grid-template-columns:1fr}.feed-aside{max-width:524px}.hero-photo-layout .hero-art{width:75%;opacity:.6}}
@media(max-width:720px){.hero.hero-photo-layout{min-height:650px}.hero-photo-layout .hero-art{width:100%;opacity:.24;object-position:center}.hero.hero-photo-layout::before{background:linear-gradient(90deg,#0e1715ed,#0e1715ce)}.home-news{flex-direction:column;align-items:start}.community-bar .actions{justify-content:flex-start}.facebook-feed-shell{padding:6px;min-height:710px}.construction-section{padding:60px 0}.construction-card{padding:35px 18px}.construction-card .actions .btn{width:100%}}

/* v6: full-width immersive desktop hero, readable text, and mobile full-color store photo. */
.hero.hero-photo-layout { background:#0d1714; isolation:isolate; }
.hero-photo-layout .hero-art { left:0; right:auto; top:0; width:100%; height:100%; object-fit:cover; object-position:center 48%; opacity:1; }
.hero.hero-photo-layout::before { content:""; display:block; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(9,20,17,.99) 0%, rgba(9,20,17,.96) 22%, rgba(9,20,17,.83) 42%, rgba(9,20,17,.5) 67%, rgba(9,20,17,.2) 100%); }
.hero-photo-layout .hero-copy { max-width:610px; }
/* v6: align Facebook updates and Stay Connected in a centered, compact grid */
.events-feed-layout { max-width:1050px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:minmax(0, 590px) minmax(240px, 320px); justify-content:center; align-items:start; gap:32px; }
.facebook-updates { min-width:0; }
.facebook-feed-card { padding:30px; border:1px solid #506044; background:linear-gradient(145deg,#1c2c24,#111b18); box-shadow:0 18px 45px #0003; }
.facebook-feed-brand { display:flex; align-items:center; gap:10px; font:700 11px/1.5 'DM Sans',system-ui,sans-serif; letter-spacing:.14em; color:var(--gold); margin-bottom:22px; }
.facebook-feed-brand img { width:25px; height:25px; }
.facebook-feed-card h3 { margin:0 0 12px; font-size:clamp(1.35rem,2.8vw,1.85rem); }
.facebook-feed-card p { margin:0 0 22px; color:var(--muted); font-size:15px; }
.facebook-feed-card .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.feed-aside { width:100%; max-width:none; }
.feed-aside .btn { justify-content:center; }
@media(max-width:960px) { .events-feed-layout { max-width:650px; grid-template-columns:minmax(0,1fr); gap:20px; } .feed-aside{max-width:none;} .hero-photo-layout .hero-art { width:100%; opacity:1; } }
@media(max-width:720px) {
  .hero.hero-photo-layout { display:flex; flex-direction:column; align-items:stretch; min-height:0; }
  .hero.hero-photo-layout::before { display:none; }
  .hero-photo-layout .hero-content { order:1; padding-top:48px; padding-bottom:44px; width:100%; background:linear-gradient(180deg,#0d1714 5%,#12211b 100%); }
  .hero-photo-layout .hero-art { order:2; position:relative; left:auto; right:auto; top:auto; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; object-position:center 47%; opacity:1; border-top:1px solid #506044; }
  .events-feed-layout { padding:0 19px; }
  .facebook-feed-card { padding:24px 20px; }
  .facebook-feed-card .btn { width:100%; }
}

/* v7 — Discord new arrivals feed beneath the welcome hero */
.discord-arrivals-section { padding:76px 0 84px; background:radial-gradient(ellipse at 80% 10%, #213327 0, #111b17 44%, #0c1412 100%); border-bottom:1px solid #334838; }
.arrivals-intro { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:30px; }
.arrivals-intro h2 { margin:5px 0 12px; color:var(--ink); }
.arrivals-intro p { color:#b9c7bc; max-width:650px; margin:0; }
.arrivals-intro strong { color:#e7d5a4; }
.arrivals-community-button { flex-shrink:0; }
.arrivals-feed-frame { border:1px solid #586b51; background:#111a16; box-shadow:0 18px 70px rgba(0,0,0,.35); overflow:hidden; }
.arrivals-toolbar, .arrivals-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 22px; font-size:12px; color:#b7c6b8; }
.arrivals-toolbar { background:#223028; border-bottom:1px solid #586b51; }
.arrivals-live-mark { display:inline-flex; align-items:center; gap:10px; font-weight:700; color:#f1eadc; letter-spacing:.04em; }
.arrivals-live-dot { width:8px; height:8px; border-radius:50%; background:#a1e348; box-shadow:0 0 0 4px #a1e34824; }
.arrivals-feed { max-height:710px; min-height:220px; overflow-y:auto; overscroll-behavior:contain; scrollbar-color:#839778 #17261e; scrollbar-width:thin; padding:22px; display:flex; flex-direction:column; gap:17px; }
.arrivals-feed:focus-visible { outline:2px solid #e2bd77; outline-offset:-3px; }
.arrivals-post { display:grid; grid-template-columns:minmax(0,1fr) minmax(185px,32%); gap:26px; background:#1c2a22; border:1px solid #465845; padding:24px; min-height:125px; }
.arrivals-post:not(:has(.arrivals-post-media)) { grid-template-columns:1fr; }
.arrivals-post-content { min-width:0; display:flex; flex-direction:column; align-items:start; }
.arrivals-post-meta { display:flex; gap:12px; flex-wrap:wrap; align-items:baseline; margin-bottom:15px; }
.arrivals-author { font-size:14px; font-weight:800; color:#eff3e8; }
.arrivals-date { font-size:12px; color:#a9b5a6; }
.arrivals-message { font-size:14px; line-height:1.8; color:#d7e0d2; white-space:normal; overflow-wrap:anywhere; }
.arrivals-message strong { color:#f4e2b5; font-weight:700; }
.arrivals-post-link { font-size:12px; color:#e6c887; font-weight:800; text-decoration:underline; text-underline-offset:4px; margin-top:17px; }
.arrivals-post-link:hover, .arrivals-bottom a:hover { color:#b7f27b; }
.arrivals-post-media { min-width:0; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid #506348; border-radius:4px; background:#0b1110; align-self:start; max-height:340px; }
.arrivals-post-image { width:100%; max-height:340px; height:auto; object-fit:contain; }
.arrivals-status { text-align:center; color:#cad6c8; padding:55px 16px; margin:auto; }
.arrivals-error a { display:inline-block; }
.arrivals-bottom { border-top:1px solid #415442; background:#18251d; }
.arrivals-bottom a { color:#e6c887; font-weight:700; }
@media (max-width:800px) {
 .discord-arrivals-section { padding:54px 0 64px; }
 .arrivals-intro { align-items:start; flex-direction:column; gap:18px; }
 .arrivals-feed { max-height:650px; padding:13px; gap:12px; }
 .arrivals-post { grid-template-columns:minmax(0,1fr) 38%; gap:15px; padding:16px; }
 .arrivals-toolbar,.arrivals-bottom { padding:12px 14px; }
}
@media (max-width:570px) {
 .arrivals-community-button { width:100%; }
 .arrivals-post { display:flex; flex-direction:column-reverse; gap:16px; }
 .arrivals-post:not(:has(.arrivals-post-media)) { flex-direction:column; }
 .arrivals-post-media { width:100%; max-height:330px; }
 .arrivals-post-image { max-height:330px; }
 .arrivals-post-meta { margin-bottom:10px; }
 .arrivals-message { font-size:13px; line-height:1.7; }
 .arrivals-feed { max-height:620px; }
 .arrivals-bottom { flex-wrap:wrap; font-size:11px; }
}


/* v8: non-overlapping, full-image Discord cards and clean mobile layout. */
.discord-arrivals-section .arrivals-feed {
  /* Scroll only this feed; individual posts retain their natural full height. */
  display:flex;
  flex-direction:column;
  align-items:stretch;
  max-height:730px;
  overflow-x:hidden;
  overflow-y:auto;
  gap:20px;
}
.discord-arrivals-section .arrivals-post {
  flex:0 0 auto;
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(245px,36%);
  align-items:start;
  gap:28px;
  padding:24px;
  height:auto;
  min-height:0;
}
.discord-arrivals-section .arrivals-post:not(:has(.arrivals-post-media)) {
  grid-template-columns:minmax(0,1fr);
}
.discord-arrivals-section .arrivals-post-content {
  min-width:0;
  width:100%;
}
.discord-arrivals-section .arrivals-post-media {
  min-width:0;
  max-width:100%;
  width:100%;
  height:auto;
  max-height:none;
  align-self:start;
  display:block;
  line-height:0;
  overflow:hidden;
}
.discord-arrivals-section .arrivals-post-image {
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  max-height:none;
  object-fit:contain;
  object-position:center top;
}
@media(max-width:800px) {
  .discord-arrivals-section .arrivals-feed {
    padding:14px;
    gap:14px;
    max-height:680px;
  }
  .discord-arrivals-section .arrivals-post {
    gap:18px;
    padding:18px;
    grid-template-columns:minmax(0,1fr) minmax(180px,35%);
  }
}
@media(max-width:640px) {
  .discord-arrivals-section .container { min-width:0; }
  .discord-arrivals-section .arrivals-intro,
  .discord-arrivals-section .arrivals-feed-frame,
  .discord-arrivals-section .arrivals-feed { min-width:0; width:100%; }
  .discord-arrivals-section .arrivals-feed {
    padding:10px;
    gap:12px;
    max-height:72vh;
    min-height:260px;
  }
  .discord-arrivals-section .arrivals-post,
  .discord-arrivals-section .arrivals-post:not(:has(.arrivals-post-media)) {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:16px;
    width:100%;
    max-width:100%;
    padding:16px;
    margin:0;
  }
  .discord-arrivals-section .arrivals-post-content {
    order:0;
    width:100%;
    max-width:100%;
  }
  .discord-arrivals-section .arrivals-post-media {
    order:1;
    width:100%;
    max-height:none;
  }
  .discord-arrivals-section .arrivals-post-image { width:100%; height:auto; max-height:none; }
  .discord-arrivals-section .arrivals-post-meta { margin-bottom:9px; }
  .discord-arrivals-section .arrivals-message { font-size:14px; line-height:1.65; }
  .discord-arrivals-section .arrivals-toolbar,
  .discord-arrivals-section .arrivals-bottom { padding:12px; gap:8px; font-size:11px; }
  .discord-arrivals-section .arrivals-bottom { align-items:flex-start; }
}

/* v10 Community, Events feed and comfortable touch scroll margins */
.events-no-line::before,.events-no-line::after{display:none!important;content:none!important}
.community-page-intro{padding:48px 0 10px;background:#101915}
.community-page-intro h1{margin:10px 0 0;font-size:clamp(2.3rem,5vw,4rem)}
body[data-page="community"] #community{padding-top:30px}
#discord-events{scroll-margin-top:100px}
.discord-arrivals-section .arrivals-feed{overscroll-behavior-y:auto;overscroll-behavior-x:contain}
@media(max-width:640px){
  .discord-arrivals-section>.container{width:100%;padding-left:24px!important;padding-right:24px!important}
  .discord-arrivals-section .arrivals-feed-frame{width:100%;max-width:100%;}
  .discord-arrivals-section .arrivals-feed{max-height:min(62vh,520px);padding:10px;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}
  .discord-arrivals-section .arrivals-post{padding:13px;}
  .discord-arrivals-section .arrivals-intro{width:100%;}
  .community-page-intro{padding:36px 0 6px}
}
@media(max-width:400px){.discord-arrivals-section>.container{padding-left:28px!important;padding-right:28px!important}}

/* v11: TCGplayer top link, using an unmodified TCGplayer-hosted logo */
.quick-social .quick-tcgplayer{background:#202b29;border-color:#547a99;gap:7px;}
.quick-social .quick-tcgplayer:hover{background:#30484f;border-color:#8ec2eb;}
.quick-social .tcgplayer-mark{width:99px;height:auto;max-height:32px;object-fit:contain;flex-shrink:0;}
.quick-social .tcgplayer-label{font:700 10px/1.1 'DM Sans',sans-serif;color:#f3eddd;letter-spacing:.02em;white-space:nowrap;}
@media(max-width:950px){.quick-contact-inner{flex-wrap:wrap;justify-content:center}.quick-social{justify-content:center}}
@media(max-width:760px){
 .quick-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;}
 .quick-social .quick-tcgplayer{grid-column:1/-1;padding:6px 12px;min-height:42px;}
 .quick-social .tcgplayer-mark{width:100px;max-height:33px;}
 .quick-social .quick-tcgplayer .quick-arrow{display:inline-block;}
}


/* v12: compact, persistent contact + navigation; the gold announcement scrolls away. */
.sticky-site-header{
  position:sticky;
  top:0;
  z-index:1000;
  isolation:isolate;
  box-shadow:0 5px 16px rgba(0,0,0,.23);
}
.sticky-site-header .quick-contact{background:#101814;}
.sticky-site-header .header{position:relative;background:#101815f5;z-index:2;}
.sticky-site-header .nav{z-index:10;}
/* Make all three social/store buttons one consistent size and visual rhythm. */
.sticky-site-header .quick-social{display:flex;align-items:center;gap:9px;}
.sticky-site-header .quick-social>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:148px;
  width:148px;
  min-height:42px;
  height:42px;
  padding:7px 10px;
  gap:8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1;
}
.sticky-site-header .quick-social .quick-tcgplayer{
  background:#202b29;
  border-color:#547a99;
  gap:7px;
}
.sticky-site-header .quick-social .tcgplayer-mark{
  width:38px;
  height:19px;
  max-height:19px;
  object-fit:contain;
  flex:0 0 38px;
}
.sticky-site-header .quick-social .tcgplayer-label{
  font:800 11px/1 'DM Sans',sans-serif;
  letter-spacing:.03em;
  color:#f5efe5;
  text-transform:uppercase;
}
.sticky-site-header .quick-social .quick-arrow{font-size:13px;}
.sticky-site-header .quick-social .brand-social-icon{width:18px;height:18px;}
/* Avoid the menu clipping under the announcement while keeping it reachable. */
html{scroll-padding-top:150px;}
@media(max-width:1030px){
  .sticky-site-header .quick-contact-inner{flex-wrap:wrap;justify-content:center;row-gap:5px;padding-top:7px;padding-bottom:7px;}
  .sticky-site-header .quick-location{justify-content:center;}
}
@media(max-width:760px){
  .sticky-site-header .quick-contact-inner{gap:5px;padding-top:5px;padding-bottom:5px;}
  .sticky-site-header .quick-location{font-size:10px;gap:5px;min-height:18px;}
  .sticky-site-header .quick-icon{font-size:15px;}
  .sticky-site-header .quick-social{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
  .sticky-site-header .quick-social>a{
    min-width:0;width:100%;height:36px;min-height:36px;
    font-size:9px;padding:5px 4px;gap:4px;grid-column:auto;
    white-space:nowrap;
  }
  .sticky-site-header .quick-social .quick-tcgplayer{grid-column:auto;padding:5px 4px;min-height:36px;}
  .sticky-site-header .quick-social .tcgplayer-mark{width:27px;height:16px;max-height:16px;flex:0 0 27px;}
  .sticky-site-header .quick-social .tcgplayer-label{font-size:9px;letter-spacing:0;}
  .sticky-site-header .quick-social .brand-social-icon{width:15px;height:15px;}
  .sticky-site-header .quick-social .quick-arrow{display:none;}
  .sticky-site-header .header-inner{min-height:61px;}
  .sticky-site-header .brand img{width:37px;height:37px;}
  .sticky-site-header .brand-name{font-size:14px;}
  .sticky-site-header .brand-sub{font-size:8px;}
  .sticky-site-header .nav{max-height:calc(100dvh - 140px);overflow-y:auto;}
  html{scroll-padding-top:135px;}
}
@media(max-width:375px){
 .sticky-site-header .quick-social .tcgplayer-mark{width:23px;flex-basis:23px;}
 .sticky-site-header .quick-social .tcgplayer-label{font-size:8px;}
 .sticky-site-header .quick-social>a{font-size:8px;}
 .sticky-site-header .quick-detail{font-size:9px;}
}


/* v13 – gold navigation, dark green contact/announcement bars, and reliable sticky nav. */
.sticky-site-header{position:sticky;top:0;z-index:1000;isolation:isolate;box-shadow:0 6px 18px #0005}
.sticky-site-header .quick-contact{background:#0d1a16;border-bottom:1px solid #6e6345}
.sticky-site-header .header{position:relative;z-index:2;background:#dfbc78;border-bottom:1px solid #ad8f53;backdrop-filter:none}
.sticky-site-header .header .brand-name{color:#10211a}
.sticky-site-header .header .brand-sub{color:#354a31}
.sticky-site-header .header .nav-link{color:#16251d}
.sticky-site-header .header .nav-link:hover,.sticky-site-header .header .nav-link.active{color:#34593b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.sticky-site-header .header .header-find-event{background:#0f1d17;color:#e8c17b;border:1px solid #ad925f}
.sticky-site-header .header .header-find-event:hover{background:#26372a;color:#ffda9b;border-color:#e8c17b}
.sticky-site-header .header .menu-toggle{color:#13241d;border:1px solid #6d6b48}
.announcement{background:#11221c;color:#e8c17b;border-bottom:1px solid #465541;letter-spacing:.15em}
/* Our Lair: account for the sticky bar whether visited from an internal or cross-page link. */
#about{scroll-margin-top:calc(var(--sticky-header-height, 150px) + 16px)}
/* Fit the compact visit/address box around its actual address and social links. */
.hero-visit{width:fit-content;max-width:min(100%, 405px);min-width:0}
.hero-visit-social{max-width:100%}
@media(max-width:760px){
  .sticky-site-header .header .nav{background:#ddbc79;border-top:1px solid #bda06b}
  .sticky-site-header .header .nav-link{color:#16251d}
  .hero-visit{width:100%;max-width:405px}
  .hero-visit-social a{white-space:normal}
  #about{scroll-margin-top:calc(var(--sticky-header-height, 135px) + 14px)}
}
@media(max-width:400px){.hero-visit{max-width:100%}}


/* v14: classic deep-green header; original warm gold announcement and divider. */
.sticky-site-header{overflow:visible;}
.sticky-site-header .quick-contact{background:#101814;border-bottom:1px solid #6f6041;}
.sticky-site-header .header{background:#101815f5;border-bottom:0;backdrop-filter:blur(15px);}
.sticky-site-header .header .brand-name{color:#e7e4d8;}
.sticky-site-header .header .brand-sub{color:#b7b9ac;}
.sticky-site-header .header .nav-link{color:#e7e4d8;text-decoration:none;}
.sticky-site-header .header .nav-link:hover,.sticky-site-header .header .nav-link.active{color:#e8c17b;text-decoration:none;}
.sticky-site-header .header .menu-toggle{color:#e8c17b;border-color:#6f6041;}
.sticky-site-header .header .header-find-event{background:#0f1d17;color:#e8c17b;border:1px solid #ad925f;}
.sticky-site-header .header .header-find-event:hover{background:#26372a;color:#ffda9b;border-color:#e8c17b;}
/* Bottom border remains attached to the sticky unit even when the banner scrolls away. */
.sticky-site-header::after{content:"";position:absolute;left:0;right:0;top:100%;height:7px;background:#c7a66d;pointer-events:none;z-index:3;}
.announcement{background:#c7a66d;color:#17201a;border-bottom:0;letter-spacing:.14em;}
/* Temporary idle overlay is outside document flow: it cannot shift content. */
.sticky-site-header .idle-announcement{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:2;margin:0;pointer-events:none;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s;box-shadow:0 10px 18px #0005;}
.sticky-site-header .idle-announcement.is-visible{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease,visibility 0s;}
@media(max-width:760px){
 .sticky-site-header .header .nav{background:#101815;border-top:1px solid #465541;}
 .sticky-site-header .header .nav-link{color:#e7e4d8;}
}
@media(prefers-reduced-motion:reduce){.sticky-site-header .idle-announcement{transition:none;}}
/* Hero logo 30% bigger (desktop 170 -> 221, small screens 125 -> 162.5). */
.hero-brandmark{width:221px;max-width:52vw;}
/* Visit panel edges match the two buttons + their gap, preserving equal horizontal padding. */
.hero-copy .hero-visit{box-sizing:border-box;width:var(--hero-action-width, fit-content);max-width:100%;padding-left:20px;padding-right:20px;}
.hero-visit-social{display:flex;flex-wrap:wrap;gap:10px;}
@media(max-width:760px){.hero-brandmark{width:162.5px;max-width:52vw;}.hero-copy .hero-visit{padding-left:16px;padding-right:16px;}}
@media(max-width:440px){.hero-copy .hero-visit{width:100%;}}


/* v15: one uninterrupted gold surface at rest and after idle reappearance.
   The sticky 3px separator covers the top 3px of the animated banner. */
.sticky-site-header{box-shadow:none;}
.sticky-site-header::after{height:3px;background:#c7a66d;box-shadow:none;}
/* Position banner 3px behind the separator; add 3px of top padding
   so its visible bottom, text baseline and total height equal the original. */
.sticky-site-header .idle-announcement{
  top:calc(100% - 3px);
  padding-top:12px;
  background:#c7a66d;
  border:0;
  box-shadow:0 9px 17px #0005;
}
/* Keep all shadow at the bottom of the gold announcement, not at the seam. */
body > #announcement{box-shadow:0 9px 17px #0005;position:relative;z-index:1;}