/*
Theme Name: FlexShop Game
Author: FlexShop
Description: Editable informational mobile game interface, without purchasing or external contact actions.
Version: 2.7.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: flex-structured
*/
:root{--gold:#ffbd39;--muted:#a9a9a9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-bottom:80px}body{margin:0;color:#f4f4f4;background:#111;font:14px/1.4 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.site{width:min(100%,480px);margin:auto;min-height:100dvh;background:#050505;box-shadow:0 0 70px #000;overflow:clip}.header{height:70px;display:flex;align-items:center;gap:17px;padding:0 16px;background:#030303;position:relative;z-index:5}.header button{border:0;background:none;padding:0}.menu-button{font-size:25px;color:#e8e1d1}.header>a:has(.brand){margin:auto}.brand{display:block;width:138px;height:62px;object-fit:contain}.search-button{font-size:38px;line-height:1}.telegram{width:31px;height:31px;border-radius:50%;background:#00a9df;display:grid;place-items:center;font-size:24px;transform:rotate(-20deg)}.drawer,.search-panel{padding:15px;background:#15110a;border-bottom:1px solid #8d601c}.drawer a{display:block;padding:9px}.search-panel form{display:flex;flex-wrap:wrap;gap:8px}.search-panel label{width:100%}.search-panel input{min-width:0;flex:1;padding:9px}.search-panel button{background:#a86c0e;border:0;padding:8px 12px}.hero{height:auto;aspect-ratio:603/727;position:relative;isolation:isolate;overflow:hidden;background:#0c0905}.hero-decoration{position:absolute;inset:0;background:url(assets/hero-art.jpg) center/100% 100% no-repeat;z-index:-2}.stage{position:absolute;inset:41% 0 0}.hero-cards{position:absolute;inset:0 9% 28%;touch-action:pan-y;perspective:850px}.hero-card{--offset:0;position:absolute;width:47%;height:100%;left:26.5%;top:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:2px solid #bd851e;border-radius:13px;background:#090909;transform:translateX(calc(var(--offset)*79%)) scale(.83);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s;box-shadow:0 0 12px #000;z-index:1}.hero-card[aria-hidden=false]{opacity:1;pointer-events:auto}.hero-card.selected{transform:translateX(0) scale(1);z-index:3;border-color:#ffd16a;box-shadow:0 0 12px #efa420, inset 0 0 7px #edac43}.hero-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-card strong,.hero-card small{position:relative;z-index:2;background:linear-gradient(transparent,#050505 30%);text-align:center;line-height:1.15;padding:8px 2px 0;font-size:clamp(14px,5vw,25px);font-style:italic;font-weight:1000;text-transform:uppercase;letter-spacing:-1px}.hero-card small{font:8px/1.2 Arial;letter-spacing:1px;color:#efc36b;padding:4px 0 9px;background:#050505}.crown{position:absolute;z-index:3;top:0;left:9px;color:var(--gold);font-size:37px;text-shadow:0 2px 3px #000}.arrow{position:absolute;z-index:4;top:38%;border:2px solid #ffbf38;box-shadow:0 0 8px #a56213;border-radius:50%;width:39px;height:39px;background:#130e05;color:#ffca4e;font-size:38px;line-height:27px;padding:0}.previous{left:2%}.next{right:2%}.pedestal{position:absolute;left:4%;right:4%;bottom:5%;height:24%;z-index:-1;background:linear-gradient(105deg,#7a450a,#070707 10%,#17130c 48%,#050505 90%,#784108);border:1px solid #eaaa32;border-top:4px solid #ffca62;border-radius:50% 50% 15% 15% / 20% 20% 8% 8%;box-shadow:0 -3px 12px #ffab32,0 6px 15px #000}.thumbnails{position:absolute;bottom:9%;left:11%;right:11%;display:flex;justify-content:center;gap:6px}.thumbnail{border:1px solid #666;border-radius:4px;padding:0;background:#050505;width:calc(100% / 6);aspect-ratio:1;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail.selected{border-color:#ffce60;box-shadow:0 0 7px #ffbb28}.dots{position:absolute;bottom:2.5%;display:flex;gap:12px;justify-content:center;width:100%}.dots i{width:8px;height:8px;border-radius:50%;background:#363636}.dots .selected{background:#ffbd39}.section{padding:9px 12px 3px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:9px}.section-head h2{white-space:nowrap;margin:0;font-size:clamp(17px,4.8vw,24px);font-weight:1000;font-style:italic;line-height:1.2;text-transform:uppercase;letter-spacing:-1px}.section-head h2 b{font-size:30px;color:var(--gold);font-style:normal;vertical-align:middle;margin-right:4px}.section-head>a{font-size:8px;white-space:nowrap;color:#bdbdbd}.section-head>a span{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #aaa;border-radius:50%;font-size:18px;margin-left:3px}.rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 5px}.rail::-webkit-scrollbar{display:none}.tile,.item{flex:0 0 22%;min-width:0;border:1px solid #929292;border-radius:4px;overflow:hidden;background:#070707;scroll-snap-align:start}.tile:first-child,.item:first-child{border-color:#d4b465;box-shadow:0 0 3px #cfa038}.category-picture{height:72px;overflow:hidden}.category-picture img{width:100%;height:90px;object-fit:cover;object-position:top}.tile strong{display:block;text-align:center;font-size:10px;text-transform:uppercase;padding:5px 1px 6px;white-space:nowrap}.banner{display:block;margin:10px 12px 0;border:1px solid #8e601e;border-radius:7px;overflow:hidden}.banner img{display:block;width:100%;height:auto}.items .item{flex-basis:26%}.item-picture{height:91px;overflow:hidden}.item img{width:100%;height:115px;object-fit:cover;object-position:top}.item .name{font-size:11px;line-height:1.1;font-weight:900;text-align:center;padding:5px 1px 0;text-transform:uppercase;white-space:nowrap}.item .desc{font-size:7px;text-align:center;color:#d8b76a;padding:3px 0 6px}.price{color:var(--gold);text-align:center;padding:4px}.delivery{margin-top:12px;margin-bottom:8px}.bottom{position:sticky;bottom:0;z-index:10;display:flex;justify-content:space-around;padding:7px 4px max(9px,env(safe-area-inset-bottom));background:#050505;border-top:1px solid #312b20}.bottom a{display:flex;flex-direction:column;align-items:center;font-size:8px;color:#adadad;gap:2px}.bottom a span{font-size:29px;line-height:1.1}.bottom .active{color:var(--gold)}.detail,.page-container,.articles{padding:20px 16px;min-height:75dvh}.detail h1,.page-container h1{color:var(--gold)}.detail>img{max-width:100%;max-height:420px;display:block;margin:auto}.detail a,.page-container a{color:var(--gold)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-grid .item{display:block}.page-container .category-rail{margin:15px 0}.page-container li{margin:12px 0}@media(min-width:481px){body{background:radial-gradient(ellipse at top,#38270f,#080808 70%)}.hero-card strong{font-size:25px}.category-picture{height:86px}.category-picture img{height:110px}.item-picture{height:110px}.item img{height:137px}}@media(max-width:360px){.header{gap:10px;height:61px}.brand{width:120px}.section{padding-left:9px;padding-right:9px}.section-head h2{font-size:16px}.section-head h2 b{font-size:24px}.section-head>a{font-size:7px}.category-picture{height:61px}.category-picture img{height:80px}.tile strong{font-size:8px}.item-picture{height:78px}.item img{height:100px}.item .name{font-size:9px}.arrow{width:33px;height:33px;font-size:31px}.hero-card strong{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-card{transition:none}}
/* Artwork is cut directly from the approved mobile reference. */
.brand{width:143px;height:67px}.category-picture img{height:100%;object-fit:cover}.item img{height:100%;object-fit:cover}.hero-card img{height:81%;object-fit:cover;object-position:center}.hero-card strong{padding-top:5px;background:#060606}.hero-card .crown{display:none}.hero-card{background:#060606}.hero-decoration{background-size:100% 100%}.banner img{min-height:0}
.hero{background:radial-gradient(ellipse at 50% 70%,#3b260c 0,transparent 45%),linear-gradient(120deg,#15100b,#030303 55%,#241807)}.hero-decoration{inset:0 0 auto;height:41%;background:url(assets/hero-top.jpg) top center/100% 100% no-repeat}.hero::after{content:"";position:absolute;right:.4%;top:.9%;width:16.8%;height:64.7%;background:url(assets/hero-badges.jpg) top center/100% 100% no-repeat;z-index:-1}.hero-cards{cursor:grab}.hero-cards:active,.rail.dragging{cursor:grabbing}.rail{cursor:grab}.rail.dragging{scroll-snap-type:none;scroll-behavior:auto}.rail img,.hero-cards img{-webkit-user-drag:none;user-select:none}.hero-cards a{user-select:none}
#categories .section-head h2,#items .section-head h2{height:36px;font-size:0;background-position:left center;background-repeat:no-repeat;background-size:contain;flex-shrink:1;min-width:0}#categories .section-head h2{width:169px;background-image:url(assets/heading-categories.jpg)}#items .section-head h2{width:285px;background-image:url(assets/heading-popular.jpg)}.section-head h2 b{display:none}
.pedestal{border:none;background:url(assets/pedestal-top.jpg) center top/100% 36% no-repeat,url(assets/pedestal-left.jpg) left bottom/8% 74% no-repeat,url(assets/pedestal-right.jpg) right bottom/8% 74% no-repeat,#080706;border-radius:40% 40% 12% 12%/15% 15% 8% 8%;box-shadow:0 0 10px #6a400d}
.hero-decoration{height:48%}.hero-cards{bottom:32%}.hero-card{transform:translateX(calc(var(--offset)*65%)) translateY(18px) scale(.83) rotateY(calc(var(--offset)*-12deg))}.hero-card.selected{transform:translateY(10px) scale(1)}
.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 13px 8px;background:linear-gradient(#090806,#050505)}.action-button{min-height:50px;display:flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #efb647;border-radius:7px;background:linear-gradient(145deg,#34250f,#100e09 50%,#211707);color:#ffce6c;box-shadow:inset 0 1px 0 #ffe1a04d,0 0 8px #b476142b;font-weight:800;text-align:center;line-height:1.2;overflow-wrap:anywhere;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.action-button:not(:disabled):hover{background:linear-gradient(145deg,#634416,#1d160c);box-shadow:0 0 12px #e5a13766}.action-button:not(:disabled):active{transform:translateY(1px)}.action-button:disabled{opacity:1;cursor:default}
.header button{min-width:36px;min-height:44px}.telegram{position:relative}.telegram::before{content:"";position:absolute;inset:-7px}.drawer{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.drawer a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid #5f461e;color:#f6d18a}.drawer a:hover{color:#fff;background:#2a1d0b}.top-menu{display:contents;list-style:none;margin:0;padding:0}.top-menu li{list-style:none}
.detail-action{margin:22px 0;max-width:100%}.detail-action .action-button{width:100%;min-height:50px;color:#ffce6c}.detail>div:empty{display:none}
[data-flip]{perspective:1000px}.product-flip{height:130px;position:relative;overflow:visible}.flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.2,.65,.2,1)}.is-flipped>.flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:4px;overflow:hidden;background:#080706}.flip-front>a{display:block;height:100%}.flip-back{transform:rotateY(180deg);background:radial-gradient(ellipse at top,#38270f,#080706 75%);border:1px solid #e0ad45;padding:9px;color:#edd59f}.flip-toggle{position:absolute;right:0;top:0;width:44px;height:44px;border:0;background:radial-gradient(circle,#171005d9 0 40%,transparent 43%);color:#ffd16a;font-size:23px;z-index:4;text-shadow:0 1px 3px #000}.flip-back>strong{font-size:10px;display:block;padding-right:25px;line-height:1.2}.back-copy{font-size:9px;line-height:1.3;max-height:20px;overflow:auto;margin-top:4px}.product-flip .detail-action{margin:7px 0 3px}.product-flip .detail-action .action-button{min-height:44px;padding:5px;font-size:9px}.back-more{font-size:8px;color:#ffd16a}.detail-flip{height:420px;max-width:360px;margin:20px auto 26px}.detail-flip .flip-front{border:1px solid #bb8a31;background:radial-gradient(#33250e,#080706 75%)}.detail-flip .flip-front>img{width:100%;height:calc(100% - 54px);object-fit:contain}.flip-caption{position:absolute;bottom:0;left:0;width:100%;min-height:54px;background:linear-gradient(#241b0e,#080706);border:0;border-top:1px solid #865c22;color:#f4cb75;font-weight:700}.detail-flip .flip-back{padding:23px;overflow:auto}.detail-flip h2{padding-right:20px;color:#ffcb62}.detail-copy{line-height:1.65}.section,.banner,.action-buttons{transition:opacity .55s ease,transform .55s ease}.reveal-pending{opacity:0;transform:translateY(14px)}.hero-card.selected{animation:gold-arrival .6s ease}@keyframes gold-arrival{from{filter:brightness(1.2)}to{filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.flip-inner,.section,.banner,.action-buttons{transition:none}.reveal-pending{opacity:1;transform:none}.hero-card.selected{animation:none}}@media(min-width:481px){.product-flip{height:145px}}

/* 2.2: uniform safe framing. No product is cropped to fill its container. */
.category-picture,.item-picture{background:#070707}
.category-picture img,.item-picture img,.thumbnail img,.hero-card img{object-fit:contain;object-position:center bottom;background:#070707}
.hero-card img{height:81%;padding:5px 3px 0}.thumbnail img{padding:1px}.category-picture img,.item-picture img{width:100%;height:100%}
.hero-card .crown{display:block;pointer-events:none}

@font-face {
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/permanent-marker.woff) format('woff');
}
@font-face {
  font-family: 'Rubik Dirt';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/rubik-dirt.woff) format('woff');
}
/* 2.3: brush lettering and a distinct category navigation hub. */
.hero-card strong,.item .name,.flip-back>strong,.detail h1,.detail-flip h2{font-family:'Permanent Marker','Rubik Dirt',sans-serif;font-weight:400;font-style:normal;font-synthesis:none;text-transform:uppercase;letter-spacing:.1px}
.hero-card strong{font-size:clamp(19px,5.2vw,25px);line-height:1.12;padding:5px 3px 0;text-shadow:0 1px 0 #9e7d39}
.item .name{font-size:11px;line-height:1.2;padding-top:4px;letter-spacing:0}.flip-back>strong{font-size:11px}.detail h1{font-size:28px}.detail-flip h2{font-size:24px}
.category-hub{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:2px 1px 5px}
.category-node{grid-column:span 2;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:91px;padding:9px 8px 7px;border:1px solid #5c431f;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#3b2a103d,transparent 75%),linear-gradient(145deg,#15110b,#080807 75%);box-shadow:inset 0 1px 0 #c89b4321;transition:border-color .2s,transform .2s,box-shadow .2s}
.category-node:nth-child(4):nth-last-child(2),.category-node:nth-child(5):last-child{grid-column:span 3}
.category-seal{display:grid;place-items:center;width:35px;height:35px;color:#f9bd48;position:relative;transition:transform .25s,color .25s;filter:drop-shadow(0 0 4px #c1821a40)}.category-seal svg{width:32px;height:32px}.category-seal img{width:32px;height:32px;object-fit:contain;border-radius:50%}
.category-node strong{font-size:clamp(10px,2.6vw,12px);font-family:'Rubik Dirt',sans-serif;font-weight:400;font-synthesis:none;text-transform:uppercase;line-height:1.2;text-align:center;color:#f4e8d0;overflow-wrap:anywhere}
.category-node small{font:8px/1.2 Arial,sans-serif;color:#a68c5b;letter-spacing:.3px}.category-corner{position:absolute;right:7px;top:5px;font:12px Arial;color:#87682d}
.category-node::after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 35%,#ffd16b15 50%,transparent 65%);transform:translateX(-90%);pointer-events:none;transition:transform .5s;z-index:-1}
.category-node:hover,.category-node:focus-visible{border-color:#eabb55;box-shadow:0 0 12px #d7951a22,inset 0 1px 0 #f5c56638;transform:translateY(-2px)}.category-node:hover::after,.category-node:focus-visible::after{transform:translateX(90%)}.category-node:hover .category-seal,.category-node:focus-visible .category-seal{transform:translateY(-1px) rotate(-6deg);color:#ffe0a1}.category-node:active{transform:translateY(0) scale(.98);border-color:#ffdd8d}
.page-container .category-hub{margin-top:18px}@media(max-width:360px){.category-node{padding:8px 4px;min-height:87px}.category-node strong{font-size:10px}.hero-card strong{font-size:18px}.item .name{font-size:9px}}
@media(prefers-reduced-motion:reduce){.category-node,.category-node::after,.category-seal{transition:none}.category-node:hover,.category-node:focus-visible,.category-node:active,.category-node:hover .category-seal,.category-node:focus-visible .category-seal{transform:none}}

.category-node strong{font-family:Arial,sans-serif;font-weight:700;letter-spacing:.6px;font-size:11px}.category-node small{font-size:9px}.category-corner{width:11px;height:11px}.category-corner svg{display:block;width:100%;height:100%}

/* 2.5: live information buttons replace the painted badge column. */
.hero-decoration{clip-path:inset(0 19% 0 0)}.hero::after{display:none}
.hero-perks{position:absolute;z-index:6;right:1.5%;top:8px;width:clamp(60px,17%,82px);display:grid;gap:7px}
.perk-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:77px;padding:7px 4px;border:1px solid #b78934;border-radius:9px;background:radial-gradient(ellipse at 50% 0,#60421666,transparent 75%),linear-gradient(145deg,#20180d,#080806 70%);box-shadow:inset 0 1px 0 #ffe6ab4d,0 3px 0 #020201,0 0 9px #c88b1826;color:#ffc85c;transition:transform .2s,border-color .2s,box-shadow .2s}
.perk-emblem{display:block;width:31px;height:31px;filter:drop-shadow(0 0 4px #da991947)}.perk-emblem svg{width:100%;height:100%}.perk-label{font:700 clamp(7.5px,1.9vw,9px)/1.18 Arial,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.1px;color:#f5ddb0;overflow-wrap:anywhere}.perk-plus{position:absolute;right:4px;top:1px;font:11px Arial;color:#b38a41}
.perk-button:hover,.perk-button:focus-visible{border-color:#ffe1a0;box-shadow:inset 0 1px 0 #ffe6ab77,0 3px 0 #020201,0 0 14px #dd9b294f;transform:translateX(-2px)}.perk-button:active{transform:translateY(2px) scale(.97);box-shadow:inset 0 1px 8px #000,0 0 6px #dd9b294f}
.hero-cards{right:19%}.hero-card{width:53%;left:28%;transform:translateX(var(--card-shift,0%)) translateY(18px) scale(.83) rotateY(calc(var(--offset)*-12deg))}.hero-card.selected{transform:translateY(10px) scale(1)}.next{right:21%}
.perk-dialog{width:min(88vw,390px);max-height:80dvh;overflow:auto;overscroll-behavior:contain;padding:20px;color:#f5e6c9;background:radial-gradient(ellipse at top,#493315,#0b0906 65%);border:1px solid #e3ad49;border-radius:15px;box-shadow:0 0 30px #d58c1f40,0 20px 80px #000;margin:auto}.perk-dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.perk-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.perk-modal-emblem{width:47px;height:47px;display:block;color:#ffd077}.perk-modal-emblem svg{width:100%;height:100%}.perk-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #765728;border-radius:50%;background:#0c0905;color:#f9d397}.perk-close svg{width:23px;height:23px}.perk-close:hover{border-color:#f9d397;background:#30200d}.perk-dialog h2{font-family:'Permanent Marker','Rubik Dirt',sans-serif;font-weight:400;font-synthesis:none;font-size:25px;text-transform:uppercase;line-height:1.2;color:#ffcf73;margin:20px 0 14px}.perk-copy{font-size:14px;line-height:1.65;color:#d9c8a8}.perk-copy>:first-child{margin-top:0}.perk-copy:empty{display:none}.perk-dialog .detail-action{margin-bottom:3px}.perk-dialog[open]{animation:perk-open .2s ease-out}@keyframes perk-open{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:360px){.hero-perks{top:6px;gap:5px}.perk-button{min-height:65px;padding:6px 3px;gap:3px}.perk-emblem{width:26px;height:26px}.perk-label{font-size:7.5px}.perk-dialog{padding:17px}.perk-dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.perk-button{transition:none}.perk-button:hover,.perk-button:focus-visible,.perk-button:active{transform:none}.perk-dialog[open]{animation:none}}

.perk-label{max-width:100%;font-size:clamp(7px,1.7vw,8px);letter-spacing:0;overflow-wrap:normal;word-break:normal;hyphens:none}

/* 2.6: one motion language, three editable intensities, no perpetual animation. */
body{--slide-duration:460ms;--slide-ease:cubic-bezier(.2,.75,.2,1);--dialog-enter-duration:240ms;--dialog-exit-ms:160;--press-duration:420ms;--sheen-strength:.14;--reveal-step:35ms;--reveal-distance:10px}
body.motion-game{--slide-duration:420ms;--slide-ease:cubic-bezier(.18,.85,.18,1.07);--dialog-enter-duration:260ms;--dialog-exit-ms:180;--press-duration:350ms;--sheen-strength:.22;--reveal-step:45ms;--reveal-distance:16px}
body.motion-graffiti{--slide-duration:240ms;--slide-ease:cubic-bezier(.15,.85,.2,1);--dialog-enter-duration:180ms;--dialog-exit-ms:120;--press-duration:240ms;--sheen-strength:.27;--reveal-step:25ms;--reveal-distance:7px}
.hero-card{transition:transform var(--slide-duration) var(--slide-ease),opacity 260ms ease,box-shadow 250ms ease,filter 250ms ease}.hero-card[aria-hidden="false"]:not(.selected){filter:saturate(.92) brightness(.92)}.hero-card.selected{filter:none}
.hero-card.selected::after{content:"";position:absolute;z-index:1;pointer-events:none;top:-20%;left:-50%;width:40%;height:140%;background:linear-gradient(90deg,transparent,#ffe1a0,transparent);opacity:0;transform:translateX(-160%) rotate(18deg);animation:hero-sheen 700ms ease-out}
@keyframes hero-sheen{0%{opacity:0;transform:translateX(-160%) rotate(18deg)}18%{opacity:var(--sheen-strength)}100%{opacity:0;transform:translateX(650%) rotate(18deg)}}
.motion-ready .category-node{animation:category-arrive 340ms var(--slide-ease) backwards;animation-delay:calc(var(--motion-order,0)*var(--reveal-step))}@keyframes category-arrive{from{opacity:0;transform:translateY(var(--reveal-distance))}to{opacity:1;transform:none}}
.flip-inner{transition-timing-function:var(--slide-ease)}.perk-dialog[open]{animation:perk-enter var(--dialog-enter-duration) var(--slide-ease)}.perk-dialog[open]::backdrop{animation:perk-veil-in var(--dialog-enter-duration) ease}.perk-dialog[open].is-closing{animation:perk-exit calc(var(--dialog-exit-ms)*1ms) ease-in forwards}.perk-dialog[open].is-closing::backdrop{animation:perk-veil-out calc(var(--dialog-exit-ms)*1ms) ease-in forwards}
@keyframes perk-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes perk-exit{from{opacity:var(--exit-opacity,1);transform:var(--exit-transform,none)}to{opacity:0;transform:translateY(6px) scale(.985)}}@keyframes perk-veil-in{from{opacity:0}to{opacity:1}}@keyframes perk-veil-out{from{opacity:1}to{opacity:0}}
.press-positioned{position:relative}.press-glow{position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--press-x,50%) var(--press-y,50%),#ffda8b63,transparent 65%);opacity:0;animation:press-light var(--press-duration) ease-out}@keyframes press-light{0%{opacity:.2;transform:scale(.85)}35%{opacity:.8}100%{opacity:0;transform:scale(1)}}
@media(hover:none){.category-node:hover:not(:focus-visible):not(:active){transform:none;border-color:#5c431f;box-shadow:inset 0 1px 0 #c89b4321}.category-node:hover:not(:focus-visible):not(:active) .category-seal{transform:none;color:#f9bd48}.category-node:hover:not(:focus-visible)::after{transform:translateX(-90%)}.perk-button:hover:not(:focus-visible):not(:active){transform:none;border-color:#b78934;box-shadow:inset 0 1px 0 #ffe6ab4d,0 3px 0 #020201,0 0 9px #c88b1826}}
@media(prefers-reduced-motion:reduce){.hero-card,.flip-inner{transition:none}.hero-card.selected::after,.press-glow{display:none}.motion-ready .category-node,.perk-dialog[open],.perk-dialog[open]::backdrop,.perk-dialog[open].is-closing,.perk-dialog[open].is-closing::backdrop{animation:none}}

/* Expand existing content without changing the stored text or its blocks. */
.content-expander{border:1px solid #8b631e;border-radius:12px;background:#111;padding:16px;margin:18px 0}.content-expander summary{cursor:pointer;list-style:none}.content-expander summary::-webkit-details-marker{display:none}.content-preview{display:block;color:#ddd;line-height:1.65;margin-bottom:12px}.expand-label,.collapse-label{display:inline-block;color:#ffc447;border:1px solid #b57b20;border-radius:8px;padding:11px 18px;font-weight:700}.collapse-label{display:none}.content-expander[open] .expand-label,.content-expander[open] .content-preview{display:none}.content-expander[open] .collapse-label{display:inline-block}.expanded-content{padding-top:18px;line-height:1.7;overflow-wrap:anywhere}.expanded-content img,.page-container img{max-width:100%;height:auto}.hero-cards{touch-action:pan-y}