#website.society-experience{--ease:cubic-bezier(.16,1,.3,1);--section-y:clamp(40px,4vw,60px);--accent:#d8fa22;--muted:#595754;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;color:var(--ink);overflow:clip}
#website.society-experience [id]{scroll-margin-top:calc(var(--mast-h,84px) + 20px)}
#website.society-experience svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
#website.society-experience .text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;line-height:1.4;min-height:38px;transition:gap .3s var(--ease)}
#website.society-experience .text-link:hover{gap:23px}
#website.society-experience .primary{gap:16px;border-radius:3px;background:var(--lemon);color:var(--ink);min-height:44px}
#website.society-experience .primary:hover{background:var(--ink);color:var(--lemon)}
#website.society-experience :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:2px solid currentColor;outline-offset:5px}
#website.society-experience ::selection{background:var(--lemon);color:var(--ink)}
#website.society-experience .home-section{max-width:none;margin:0;padding:var(--section-y) var(--gutter);border:0}
#website.society-experience h2{font:900 clamp(44px,5.3vw,84px)/.92 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0 0 26px;text-wrap:balance}
#website.society-experience p{line-height:1.6;font-size:16px}
#website.society-experience .fine-print{font-size:12px;line-height:1.5;color:var(--muted)}
#website.society-experience .sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#website.society-experience .editorial-cast{grid-auto-columns:clamp(112px,11.1vw,174px);overflow-y:hidden;scrollbar-width:none;background:var(--ink)}
#website.society-experience .editorial-cast{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible}
#website.society-experience .editorial-cast a{background:none;aspect-ratio:1.18;isolation:isolate}
#website.society-experience .editorial-cast img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
#website.society-experience .editorial-cast a:hover img{transform:translateY(-4px) scale(1.06)}
#website.society-experience .editorial-cast a span{font-family:inherit}
#website.society-experience #how{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:40px;border:0}
#website.society-experience #how h2{font-size:clamp(30px,3.5vw,52px);margin:0;text-transform:none}
#website.society-experience #how h2 span{color:#6e6c69}
#website.society-experience #how p{max-width:360px;margin:0;font-size:15px}
#website.society-experience #how .text-link{display:flex;width:max-content;margin-top:8px}
#website.society-experience #how[hidden]{display:none}
#website.society-experience #portfolio-guide{display:grid;grid-template-columns:30% 70%;align-items:center;min-height:650px}
.anatomy-copy{position:relative;z-index:2}
.anatomy-copy>p{max-width:30ch}
.anatomy-tabs{display:grid;width:210px;margin:28px 0 22px}
.anatomy-tabs button{border:0;border-bottom:1px solid #cccac7;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:15px;transition:background .25s,color .25s}
.anatomy-tabs button svg{opacity:0;transform:translateX(-5px);transition:opacity .25s,transform .25s}
.anatomy-tabs button[aria-selected=true]{background:var(--lemon);font-weight:700}
.anatomy-tabs button[aria-selected=true] svg{opacity:1;transform:none}
#website.society-experience .anatomy-disclaimer{font-size:12px;color:var(--muted);max-width:36ch}
.anatomy-stage{position:relative;height:570px;perspective:1200px}
.anatomy-object{position:absolute;inset:25px 0 100px;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s var(--ease)}
.nft-face{position:absolute;left:5%;top:20px;width:47%;padding:7px 7px 0;background:#fff;z-index:2;transform:rotateY(-14deg) rotateZ(-5deg) translateZ(32px);transform-origin:50% 50%;box-shadow:3px 5px 0 #acaaa7,8px 24px 34px #1c1a1726;transition:transform .9s var(--ease)}
.nft-face img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.nft-face-caption{display:flex;justify-content:space-between;align-items:center;padding:12px 5px;font:700 11px/1.2 var(--mono)}
.reference-sheets{position:absolute;inset:10px 0 30px 24%;transform-style:preserve-3d;pointer-events:none}
.reference-sheet{position:absolute;top:calc(var(--sheet)*73px);left:40%;right:0;min-height:65px;display:grid;grid-template-columns:82px 1fr;align-items:center;padding:9px 14px 9px 18px;gap:0 8px;background:#eae8e5;box-shadow:1px 4px 0 #bfbdba,4px 9px 15px #2b292614;transform:rotateY(-16deg) rotateZ(-4deg) translateX(0);transform-origin:0 50%;transition:transform .95s var(--ease),opacity .65s var(--ease);transition-delay:calc(var(--sheet)*40ms)}
.reference-sheet:nth-child(2){background:#d8fa22}.reference-sheet:nth-child(3){background:#cfe5e7}.reference-sheet:nth-child(4){background:#e8d4bc}.reference-sheet:nth-child(5){background:#e0dedb}
.reference-sheet b{grid-row:span 2;font:900 clamp(22px,2.3vw,34px)/1 var(--display)}
.reference-sheet span{font-size:12px;line-height:1.2}.reference-sheet small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#484643}
.anatomy-panel{position:absolute;right:0;width:47%;bottom:30px;z-index:3}
.marker-note{display:block;font:25px/1.04 'Permanent Marker',cursive;transform:rotate(-7deg);margin:0 0 22px}
#website.society-experience .anatomy-panel p{font-size:12px;color:var(--muted);margin:0}
.portfolio-panel .marker-note{position:absolute;right:4%;bottom:100%;margin-bottom:16px}
.market-universe{margin-bottom:10px}
.market-universe>strong{font:900 46px/.95 var(--display);display:block}
.market-universe>strong>span{font:600 13px/1.4 'DM Sans',sans-serif;display:inline-block;max-width:90px;margin-left:8px}
#website.society-experience .market-universe p{margin-top:10px;color:var(--ink);font-size:12px}
.market-universe p b{padding:0 6px}
#website.society-experience .portfolio-example{font-size:11px;line-height:1.5}
.portfolio-panel{bottom:15px}
#website.society-experience .history-panel>p{font-size:13px;line-height:1.5}
.history-panel dl{margin-top:12px;margin-bottom:14px}
.anatomy-picker{position:absolute;left:5%;bottom:15px;display:flex;align-items:center;gap:7px;z-index:3}
.anatomy-picker button{width:44px;height:44px;padding:2px;border:1px solid transparent;background:transparent}
.anatomy-picker button[aria-pressed=true]{border-color:var(--ink)}
.anatomy-picker img{display:block;width:100%;height:100%;object-fit:cover}
.anatomy-picker span{font-size:11px;line-height:1.3;padding-left:8px;color:var(--muted)}
.anatomy-stage[data-mode="0"] .nft-face{transform:translateX(16%) rotateY(0) rotateZ(-2deg) translateZ(40px) scale(1.06)}
.anatomy-stage:not([data-mode="1"]) .reference-sheet{opacity:0;transform:translateX(-55%) rotateY(-25deg)}
.anatomy-stage[data-mode="0"] .art-panel{right:0;top:20%;width:30%;bottom:auto}
.anatomy-stage[data-mode="2"] .nft-face{transform:translateX(-10%) rotateY(-16deg) rotateZ(-4deg) scale(.87)}
.history-panel{top:6%;bottom:auto;width:49%;background:var(--paper);padding:15px 0}
.history-panel h3{font:900 35px/.95 var(--display);text-transform:uppercase;margin:0 0 22px}
.history-panel dl{margin:0 0 20px}.history-panel dl div{display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid #cccac7;padding:11px 0;font-size:12px}.history-panel dd{margin:0;font-weight:700}.history-panel .text-link{margin-top:14px}
#website.society-experience #collection{background:#ebe9e6}
#website.society-experience #collection .section-heading{margin-bottom:22px}
#website.society-experience .collection-count strong{font:900 45px/1 var(--display)}
#website.society-experience .collection-count span{font-size:12px;color:#4f4d4a}
#website.society-experience .collection-toolbar{font-family:inherit;align-items:flex-start;gap:20px}
#website.society-experience .collection-toolbar .segmented{gap:0;border-bottom:1px solid #bbb9b6}
#website.society-experience .collection-toolbar button{border:0;border-radius:0;padding:12px 13px;min-height:44px;font-size:12px}
#website.society-experience .collection-toolbar button[aria-pressed=true]{background:var(--ink);color:#fff}
#website.society-experience #art-count{font-size:12px;white-space:nowrap;padding-top:15px}
.collection-paging{display:flex;justify-content:flex-end;gap:8px;align-items:center;padding:14px 0}
.collection-paging>span{margin-right:auto;font-size:12px;color:#4f4d4a}
.collection-paging button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid #a4a29f}
.collection-paging button:first-of-type svg{transform:rotate(180deg)}
#website.society-experience .art-gallery{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(210px,26vw,355px);gap:12px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#667b24 transparent;overscroll-behavior-x:contain}
#website.society-experience .art-gallery article{transform:none;background:transparent;min-width:0;scroll-snap-align:start}
#website.society-experience .art-gallery img{width:100%;aspect-ratio:1;height:auto;object-fit:contain;filter:none;transition:filter .4s}
#website.society-experience .art-gallery article:hover img{filter:contrast(1.03)}
#website.society-experience .art-gallery article>div{padding:16px 0 5px;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px}
#website.society-experience .art-gallery article span{font:900 26px/1 var(--display);color:var(--ink)}
#website.society-experience .art-gallery article strong{font-size:12px;font-weight:400;color:#4f4d4a}
#website.society-experience .art-gallery article small{grid-column:1/-1;font-size:11px;color:#4f4d4a}
#website.society-experience .section-foot{margin-top:14px;font-family:inherit}
#website.society-experience .section-foot p{font-size:12px}
#website.society-experience #levels{background:#171512;color:#f6f5ef}
.level-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}
.level-heading>p{color:#d0cecb}
.weight-stage{display:grid;grid-template-columns:32% 1fr;gap:7%;align-items:center}
.weight-portrait{margin:0;transform:perspective(900px) rotateY(var(--tilt-y,-8deg)) rotateX(var(--tilt-x,0deg)) rotateZ(-3deg);transition:transform .6s var(--ease)}
.weight-portrait img{width:100%;height:auto;display:block;box-shadow:8px 18px 35px #0005}
.weight-portrait figcaption{font:12px/1.3 var(--mono);margin-top:12px;letter-spacing:.04em}
.weight-readout{display:flex;gap:25px;align-items:center;margin-bottom:12px}
.weight-readout>strong{font:900 100px/.95 var(--display);color:var(--lemon)}
.weight-readout output{display:block;font:900 58px/1 var(--display);color:#fff}
.weight-readout span{display:block;color:#cccac7;font-size:12px;margin-top:4px}
.weight-steps{height:125px;display:flex;gap:6px;align-items:flex-end;margin:22px 0}
.weight-steps i{position:relative;flex:1;min-height:8px;height:calc(var(--weight)*21px + 8px);background:#615f5c;transition:background .35s,transform .6s var(--ease);font-style:normal;transform-origin:bottom}
.weight-steps i.selected{background:var(--lemon);transform:scaleY(1.08)}
.weight-steps b{position:absolute;inset:auto 0 9px;text-align:center;font:700 12px/1 var(--mono);color:#e9e7e4}
.weight-steps i:first-child b{bottom:15px}.weight-steps i.selected b{color:#171512}
.weight-instrument label{font-size:13px;display:block;color:#dcdad7}
.weight-instrument input{width:100%;height:32px;accent-color:var(--lemon);cursor:pointer}
.weight-ticks{display:flex;justify-content:space-between;font:11px/1.5 var(--mono);color:#c5c3c0}
#website.society-experience #level-description{margin:14px 0 0;font-size:13px;line-height:1.5;min-height:40px;color:#dcdad7}
.reward-comparison{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:45px}
.reward-comparison h3{font:900 32px/1 var(--display);text-transform:uppercase;display:flex;justify-content:space-between;margin:0 0 20px}
.reward-comparison h3 span{font:12px/1.5 var(--mono);color:#d0cecb}
#website.society-experience .reward-comparison p{color:#dcdad7;font-size:14px;margin:18px 0 0;max-width:52ch}
.reward-meter{height:13px;background:#3f3d3a}.reward-meter i{display:block;height:100%;background:var(--lemon);transform-origin:left;transition:transform .65s var(--ease)}
.stash-meter{height:13px;display:flex;gap:5px}.stash-meter i{flex:1;background:#dbd9d6;transition:background .4s}.stash-meter.inactive i{background:#3f3d3a}
.level-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;margin-top:28px;border-top:1px solid #555350}
#website.society-experience .level-bottom p{font-size:13px;color:#dcdad7;margin:0}.level-bottom strong{color:#f9f7f4}
#website.society-experience #levels .guide-details{border-color:#555350}
#website.society-experience #levels .guide-details p,#website.society-experience #levels caption{color:#dcdad7;font-size:13px}
#website.society-experience #levels td,#website.society-experience #levels th{border-color:#555350}
#website.society-experience #reroll-guide{display:grid;grid-template-columns:1.05fr .85fr 1fr;gap:5%;align-items:center;position:relative}
#website.society-experience #reroll-guide h2{font-size:clamp(40px,4.4vw,67px)}
.reroll-copy>p{max-width:35ch}.reroll-switch{display:flex;border-bottom:1px solid #b1afac;margin:25px 0 16px}
.reroll-switch button{flex:1;min-height:48px;border:0;background:transparent;font-size:13px;padding:12px}
.reroll-switch button[aria-pressed=true]{background:var(--lemon);font-weight:700}
#website.society-experience #roll-explanation{font-size:14px;min-height:65px}
.reroll-machine{align-self:center;position:relative}
.roll-window{overflow:hidden;background:#1c1a17;padding:15px 9px;height:286px;transform:perspective(700px) rotateY(-7deg) rotateZ(-2deg);box-shadow:6px 16px 24px #16141122}
.roll-reel{display:grid;gap:5px}.roll-reel>div{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:7px;background:#f0eeeb;padding:8px 12px}
.roll-reel>div:nth-child(2){background:var(--lemon)}.roll-reel b{font:900 26px/1 var(--display)}.roll-reel span{font-size:10px;text-align:right;max-width:13ch}
.roll-cost{display:flex;gap:12px;align-items:center;margin-top:26px}.roll-cost strong{font:900 46px/1 var(--display)}.roll-cost span{font-size:12px;max-width:13ch}
#website.society-experience .reroll-machine>p{font-size:12px;color:var(--muted);margin:12px 0 0}
.reroll-routing h3{font-size:17px;margin:0 0 22px}.flow-destinations{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.flow-destinations li{position:relative;display:flex;gap:12px;align-items:center;min-height:46px;padding-bottom:8px}
.flow-value{font:900 33px/1 var(--display);min-width:67px}.flow-value small{font-size:20px}.flow-destinations li>span:nth-child(2){font-size:14px}
.flow-destinations i{position:absolute;bottom:0;height:3px;width:calc(var(--share)*2.5%);background:var(--ink);transform-origin:left;transition:transform .8s var(--ease)}
.flow-destinations li:first-child i{height:5px;background:#768600}
#website.society-experience .reroll-routing>p{font-size:12px;color:var(--muted);margin-top:18px}
.reroll-detail{grid-column:1/-1;width:100%;margin-top:22px!important}.count-odds{display:flex;gap:32px;padding:12px 0}.count-odds span{font-size:13px}.count-odds b{display:block;font:900 25px/1 var(--display);margin-bottom:7px}
#website.society-experience .games-crossing{background:var(--lemon);display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:calc(var(--section-y)*.7);padding-bottom:calc(var(--section-y)*.7)}
.games-crossing>article{position:relative;min-width:0}.derby-entry{padding-right:9%}.jackpot-entry{padding-left:9%;border-left:1px solid #7e961d}
#website.society-experience .games-crossing h2{font-size:clamp(52px,6vw,90px);position:relative;z-index:1;margin-bottom:20px;pointer-events:none}
#website.society-experience .games-crossing .primary{background:var(--ink);color:var(--paper)}
#website.society-experience .games-crossing .primary:hover{background:#3f3d3a;color:var(--lemon)}
.race-traces{position:absolute;right:5%;top:8%;width:43%;opacity:.95}
.race-traces>div{position:relative;height:44px;border-bottom:1px solid #819d17}
.race-traces img{position:absolute;bottom:0;width:36px;height:36px;left:calc(12% + var(--runner)*24%);border:2px solid #14120f;object-fit:contain;animation:reference-race 8s var(--ease) infinite alternate;animation-delay:calc(var(--runner)*-2s);animation-play-state:paused}
.games-crossing.in-scene .race-traces img{animation-play-state:running}
@keyframes reference-race{0%,15%{transform:translateX(-25px)}80%,100%{transform:translateX(20px)}}
.jackpot-print{position:absolute;right:0;top:8%;width:43%;padding:15px 12px;border:1px solid #2b2926;transform:rotate(8deg);background:#d8fa22;box-shadow:4px 8px 15px #62721024}
.jackpot-print>span{font:9px/1 var(--mono);display:block;margin-bottom:12px}.jackpot-print strong{font:900 clamp(18px,2.3vw,34px)/.95 var(--display)}
.ticket-perforation{border-top:2px dashed #40501a;margin-top:14px;padding-top:8px}
.games-crossing details{border-top:1px solid #80991f;padding-top:18px;margin-top:25px}.games-crossing summary{font-size:14px;cursor:pointer;font-weight:700}.games-crossing details p{font-size:13px!important;margin:15px 0 0}.games-crossing ul{list-style:none;padding:0;margin:18px 0}.games-crossing li{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:6px 0}
#website.society-experience #fees-guide{display:grid;grid-template-columns:34% 1fr;gap:5%}
.fee-heading{padding-top:10px}.fee-heading>p{max-width:30ch}.fee-heading .text-link{margin-top:10px}
.fee-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fee-controls label{font-size:12px}.fee-controls :is(input,select){display:block;border:0;border-bottom:1px solid #979592;padding:14px 0;background:transparent;font:inherit;font-size:15px;border-radius:0;width:100%;color:var(--ink);margin-top:3px}
.fee-source{display:flex;gap:22px;align-items:center;margin:35px 0 26px}.fee-source>strong{font:900 clamp(54px,6vw,88px)/1 var(--display)}.fee-source>strong span{font-size:38px}.fee-source b{font-size:14px}.fee-source p{font-size:12px!important;margin:3px 0 0!important}.flow-arrow{margin-left:auto;align-self:flex-end;transform:rotate(90deg)}.flow-arrow svg{width:34px!important;height:34px!important}
.fee-bars{height:32px;display:flex;gap:3px;margin-bottom:20px;overflow:hidden}.fee-bars i{flex-basis:0;min-width:3px;background:#33312e;transition:flex-grow .8s var(--ease)}
.fee-bars i:nth-child(1),.fee-key[style*="0"]{background:#617515}.fee-bars i:nth-child(2),.fee-key[style*="1"]{background:#aec743}.fee-bars i:nth-child(3),.fee-key[style*="2"]{background:#2c2a27}.fee-bars i:nth-child(4),.fee-key[style*="3"]{background:#989693}.fee-bars i:nth-child(5),.fee-key[style*="4"]{background:#d4d2cf}.fee-bars i:nth-child(6),.fee-key[style*="5"]{background:#807e7b}
.fee-ledger{list-style:none;padding:0;margin:0 0 20px}.fee-ledger li{display:grid;grid-template-columns:10px 1fr 58px 85px;gap:12px;align-items:center;border-bottom:1px solid #ceccc9;padding:10px 0;font-size:13px}.fee-key{width:8px;height:8px;display:block}.fee-ledger small{font-size:12px;color:#514f4c}.fee-ledger strong{text-align:right;font-variant-numeric:tabular-nums}
.protocol-reading{grid-column:1/-1}.guide-details summary{min-height:32px;line-height:1.4}.guide-details>p{font-size:14px!important}.protocol-reading .guide-details{margin-top:0;padding:22px 0}.protocol-reading .guide-details:last-child{border-bottom:1px solid #cccac7}
.society-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 var(--gutter);background:#eae8e5;border-top:1px solid #ceccc9}
.society-path a{display:flex;align-items:center;gap:12px;min-height:44px;padding:24px 20px;font-size:14px;font-weight:600;border-left:1px solid #ceccc9;transition:box-shadow .3s var(--ease)}
.society-path a:first-child{border-left:0;padding-left:0}.society-path a:last-child{padding-right:0}
.society-path a span{font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--muted)}
.society-path a svg{margin-left:auto;transition:transform .35s var(--ease)}
.society-path a:hover{box-shadow:inset 0 3px 0 var(--ink)}.society-path a:hover svg{transform:translateX(4px)}
#website.society-experience .episodes-section .episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
#website.society-experience .episode-grid article:first-child{grid-row:auto}
#website.society-experience .episode-grid article{background:transparent;border:0;overflow:visible}
#website.society-experience .episode-grid article .episode-open img{aspect-ratio:16/10;width:100%;object-fit:cover;transition:transform .7s var(--ease)}
#website.society-experience .episode-open{overflow:hidden;position:relative}
#website.society-experience .episode-open:hover img{transform:scale(1.055)}
#website.society-experience .episode-grid article>div{padding:16px 0}
#website.society-experience .episode-grid article strong{font:900 27px/1 var(--display);text-transform:uppercase}
#website.society-experience .episode-grid article p{font-size:13px;color:var(--muted);margin:8px 0 0}
#website.society-experience #mint{background:#eae8e5}
#website.society-experience .mint-phases{display:block;border-top:1px solid #9c9a97}
#website.society-experience .mint-phases article{display:grid;grid-template-columns:170px 1fr 160px 1.4fr;align-items:center;gap:25px;padding:25px 0;border:0;border-bottom:1px solid #b9b7b4}
#website.society-experience .mint-phases article>span{font:500 12px/1.4 var(--mono);letter-spacing:.06em;color:#514f4c}.mint-phases article h3{font:900 30px/1 var(--display);margin:0!important}.mint-phases article>strong{font:900 34px/1 var(--display);margin:0!important}
#website.society-experience .mint-phases article p{font-size:13px;color:#494744;margin:0}.mint-status{background:transparent!important;border:0!important;padding:24px 0 0!important}.mint-status p{font-size:13px!important;color:#494744!important}
#website.society-experience .faq-section{display:grid;grid-template-columns:34% 1fr;gap:5%}.faq-section details{border-color:#b7b5b2!important}.faq-section summary{font-size:16px!important;min-height:48px}.faq-section details p{font-size:14px!important}
#website.society-experience .society-footer{padding:26px 5%;background:#171512}.society-footer nav a{font-size:13px}.society-footer img{max-width:210px}
@media(min-width:1500px){.anatomy-stage{height:620px}.anatomy-object{inset:28px 0 140px}.reference-sheet{top:calc(var(--sheet)*83px);min-height:75px}.anatomy-picker{bottom:30px}.portfolio-panel{bottom:40px}}
@media(max-width:1000px){#website.society-experience .home-section{padding:var(--section-y) 5%}#website.society-experience #portfolio-guide{grid-template-columns:31% 69%;min-height:570px}.anatomy-stage{height:510px}.anatomy-object{top:55px}.reference-sheet{min-height:54px;top:calc(var(--sheet)*61px);grid-template-columns:70px 1fr;padding-left:10px}.reference-sheet span{font-size:10px}.reference-sheet b{font-size:23px}.nft-face-caption{font-size:9px}.anatomy-tabs{width:180px}.portfolio-panel .marker-note{font-size:22px;right:0}.anatomy-picker span{display:none}#website.society-experience #reroll-guide{grid-template-columns:1fr 1fr;gap:30px}.reroll-routing{grid-column:1/-1;display:grid;grid-template-columns:1fr 3fr;gap:22px}.flow-destinations{grid-template-columns:repeat(5,1fr);gap:12px}.flow-destinations li{display:block}.flow-destinations li>span{display:block}.flow-value{margin-bottom:8px}.reroll-routing>p{grid-column:2}.mint-phases article{grid-template-columns:100px 1fr 130px!important;gap:16px!important}.mint-phases article p{grid-column:2/-1}.jackpot-print{width:40%;top:12%}.race-traces{width:38%}}
@media(max-width:700px){#website.society-experience{--section-y:40px}#website.society-experience .home-section{padding:var(--section-y) 5%}#website.society-experience h2{font-size:48px}#website.society-experience #how{padding:30px 5%;display:block}#website.society-experience #how h2{font-size:35px}#website.society-experience #how>p{margin-top:18px}#website.society-experience #portfolio-guide{display:block}.anatomy-copy h2 br:nth-child(2){display:none}.anatomy-copy>p{max-width:52ch;font-size:14px!important}.anatomy-tabs{width:100%;display:flex;margin:20px 0 12px}.anatomy-tabs button{flex:1;font-size:13px;padding:12px;gap:6px;min-height:48px}.anatomy-tabs button svg{width:17px!important}.anatomy-disclaimer{max-width:100%!important;font-size:11px!important}.anatomy-stage{height:470px;margin:0 -2%}.anatomy-object{top:38px;bottom:120px}.nft-face{left:2%;top:0;width:46%;padding:4px 4px 0}.reference-sheets{inset:0 0 0 18%}.reference-sheet{top:calc(var(--sheet)*52px);min-height:46px;grid-template-columns:62px 1fr;gap:1px;padding:7px 6px 7px 13px;left:31%}.reference-sheet b{font-size:22px}.reference-sheet span{font-size:9px}.reference-sheet small{font-size:9px}.nft-face-caption{font-size:8px;padding:10px 2px}.anatomy-panel{width:55%;bottom:76px;right:2%}.portfolio-panel .marker-note{font-size:22px;bottom:100%;margin-bottom:16px;right:0}.anatomy-picker{left:2%;bottom:8px}.anatomy-picker span{display:block}.anatomy-panel p{font-size:11px!important}.anatomy-stage[data-mode="0"] .art-panel{top:25%;width:37%}.anatomy-stage[data-mode="0"] .nft-face{left:4%;width:54%}.art-panel .marker-note{font-size:23px}.art-panel .text-link{font-size:12px!important}.history-panel{width:56%;top:18px;bottom:auto;padding:0 0 0 10px}.history-panel h3{font-size:28px}.history-panel dl div{font-size:10px;gap:6px;padding:9px 0}.history-panel .text-link{font-size:11px!important}.anatomy-stage[data-mode="2"] .nft-face{top:35px;left:2%;width:39%}#website.society-experience .collection-count{display:none}#website.society-experience #art-count{display:none}#website.society-experience .collection-toolbar .segmented{width:100%;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}#website.society-experience .collection-toolbar button{white-space:nowrap}#website.society-experience .art-gallery{grid-auto-columns:76%;gap:12px}#website.society-experience #collection .section-heading{margin-bottom:14px}.level-heading{display:block}.level-heading>p{display:none}.weight-stage{grid-template-columns:26% 1fr;gap:6%;align-items:start}.weight-portrait{margin-top:20px}.weight-portrait figcaption{font-size:8px}.weight-readout>strong{font-size:65px}.weight-readout output{font-size:39px}.weight-readout span{font-size:10px}.weight-readout{gap:15px}.weight-steps{height:90px;gap:3px}.weight-steps i{height:calc(var(--weight)*15px + 5px)}.weight-steps b{font-size:9px}.weight-instrument label{font-size:11px}.weight-ticks{font-size:9px}#website.society-experience #level-description{font-size:11px;min-height:65px}.reward-comparison{gap:24px;margin-top:25px}.reward-comparison h3{font-size:24px;gap:5px;min-height:48px}.reward-comparison h3 span{font-size:10px}#website.society-experience .reward-comparison p{font-size:12px}.level-bottom{display:block}.level-bottom .text-link{margin-top:14px}#website.society-experience #reroll-guide{grid-template-columns:1fr 1fr;gap:22px}.reroll-copy{grid-column:1/-1}.reroll-copy>p{max-width:50ch}.reroll-switch{max-width:100%}#website.society-experience #roll-explanation{min-height:0}.reroll-routing{display:block;grid-column:auto}.flow-destinations{display:grid;grid-template-columns:1fr;gap:11px}.flow-destinations li{display:flex;gap:7px;min-height:42px}.flow-destinations li>span{display:inline}.flow-value{font-size:28px;min-width:55px;margin:0}.flow-destinations li>span:nth-child(2){font-size:11px}.reroll-routing h3{font-size:14px;line-height:1.4}.roll-window{height:267px;padding:10px 6px}.roll-reel>div{padding:9px 7px;display:block;min-height:46px}.roll-reel b{font-size:23px}.roll-reel span{display:none}.roll-cost{gap:8px}.roll-cost strong{font-size:35px}.roll-cost span{font-size:10px}.count-odds{gap:20px;flex-wrap:wrap}.reroll-detail{margin-top:0!important}#website.society-experience .games-crossing{grid-template-columns:1fr}.derby-entry{padding:0 0 32px}.jackpot-entry{padding:32px 0 0;border-left:0;border-top:1px solid #7e961d}#website.society-experience .games-crossing h2{font-size:66px}.race-traces{width:45%;right:0;top:10%}.jackpot-print{right:3%;top:45px;width:42%}.jackpot-print strong{font-size:33px}.games-crossing>article>p{font-size:14px!important}.games-crossing details{margin-top:20px}#website.society-experience #fees-guide{grid-template-columns:1fr;gap:30px}.fee-heading h2 br{display:none}.fee-heading>p{font-size:14px!important}.fee-controls{gap:16px}.fee-controls label{font-size:11px}.fee-controls :is(input,select){font-size:13px}.fee-source{margin-top:24px}.fee-ledger li{grid-template-columns:8px 1fr 48px 65px;font-size:12px;gap:8px}.protocol-reading{grid-column:auto}.society-path{grid-template-columns:1fr 1fr;column-gap:24px;padding:4px 5% 8px}.society-path a,.society-path a:first-child,.society-path a:last-child{font-size:13px;padding:15px 0;border-left:0;border-bottom:1px solid #ceccc9}.society-path a:last-child{grid-column:1/-1;border-bottom:0}#website.society-experience .episodes-section .episode-grid{grid-template-columns:1fr;gap:20px}#website.society-experience .episode-grid article{display:grid;grid-template-columns:52% 1fr;gap:16px;align-items:center}#website.society-experience .episode-grid article .episode-open img{aspect-ratio:1.2}#website.society-experience .episode-grid article strong{font-size:24px}#website.society-experience .episode-grid article p{font-size:11px}#website.society-experience .episode-grid article>div{padding:0}#website.society-experience .mint-phases article{grid-template-columns:1fr auto!important;gap:12px!important;padding:23px 0}.mint-phases article>span{grid-column:1/-1;font-size:11px!important}.mint-phases article h3{font-size:26px}.mint-phases article>strong{font-size:29px}.mint-phases article p{grid-column:1/-1!important}#website.society-experience .faq-section{grid-template-columns:1fr;gap:5px}.faq-section h2 br{display:none}.faq-section summary{font-size:14px!important}.society-footer img{max-width:180px}#website.society-experience .society-footer{padding:24px 5%}.society-footer nav{gap:16px}}
@media(prefers-reduced-motion:reduce){#website.society-experience *,#website.society-experience *::before,#website.society-experience *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.anatomy-object,.weight-portrait{--tilt-x:0deg!important;--tilt-y:0deg!important}}
.paused #website.society-experience *{animation-play-state:paused!important;transition:none!important}
#website.society-experience>header>.primary{background:var(--ink);color:var(--paper)}
#website.society-experience .intro .actions .text-link{display:none}
#website.society-experience>header nav{display:flex}
#website.society-experience .episodes-section{color:var(--ink)}
#website.society-experience .episodes-section .section-heading>p{color:var(--muted)}
#website.society-experience .episode-grid article>div{display:block}
#website.society-experience .episode-grid article>div>span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px;letter-spacing:.04em}
#website.society-experience .episode-grid article strong{display:block;color:var(--ink)}
#website.society-experience .episode-grid .episode-play{inset:50% auto auto 50%;width:52px;height:52px;border:1px solid #fff9;border-radius:50%;background:#14120fb8;color:#fff;font-size:20px;transform:translate(-50%,-50%);text-shadow:none;padding-left:3px;letter-spacing:0;transition:background .25s,color .25s}
#website.society-experience .episode-open:hover .episode-play{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}
#website.society-experience .mint-status>span{color:#494744}
@supports(animation-timeline:view()){
  .nft-anatomy{view-timeline-name:--anatomy;view-timeline-axis:block}
  .anatomy-stage[data-mode="1"] .reference-sheets{animation:unfold-references linear both;animation-timeline:--anatomy;animation-range:entry 10% cover 32%}
  @keyframes unfold-references{from{translate:-28px 20px}to{translate:0 0}}
  .weight-stage{view-timeline-name:--weights;view-timeline-axis:block}
  .weight-portrait img{animation:weight-arrival linear both;animation-timeline:--weights;animation-range:entry 0% entry 100%}
  @keyframes weight-arrival{from{translate:0 24px}to{translate:0 0}}
}
@media(max-width:1000px){.reference-sheet{left:41%;grid-template-columns:62px 1fr;gap:5px;padding-right:8px}.reference-sheet span{font-size:10px}}
@media(max-width:700px){
  #website.society-experience>header nav{overflow-x:auto;gap:18px;justify-content:space-between;padding-top:3px;font-size:12px;scrollbar-width:none}
  #website.society-experience>header nav a{white-space:nowrap;display:flex;align-items:center;min-height:36px}
  .reference-sheet{left:36%;grid-template-columns:55px 1fr;gap:3px;padding-left:10px}
  .reference-sheet span{font-size:9px}
  .anatomy-stage[data-mode="1"] .reference-sheets,.weight-portrait img{animation:none}
}
body:has(#website.society-experience:not([hidden]))::after{display:none}
#website.society-experience .signal-controls{top:0;right:0;width:50%;padding:0}
#website.society-experience .signal-action{transform:rotate(-6deg);line-height:1.1}
#website.society-experience .signal-action:after{width:65%;height:12px;margin-top:20px;margin-left:34%;transform:rotate(-4deg);border-top-width:2px}
#website.society-experience .signal-stage{height:clamp(350px,31vw,470px)}
#website.society-experience .reserve-guide{margin-top:0;padding-top:clamp(40px,4.4vw,64px);border-top:1px solid var(--ink)}
#website.society-experience .reserve-guide>p:first-of-type{max-width:64ch;margin:0}
#website.society-experience .reserve-guide>h3{font:900 clamp(34px,3.4vw,48px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.015em;margin:0 0 14px}
.reserve-modes{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 30px;border-top:1px solid #a5a3a0;border-bottom:1px solid #a5a3a0}
.reserve-modes button{display:grid;grid-template-columns:1fr auto;gap:10px 14px;text-align:left;padding:20px 22px;border:0;background:transparent;color:var(--ink);transition:background .2s}
.reserve-modes button+button{border-left:1px solid #a5a3a0}
.reserve-modes b{font:900 28px/1 var(--display);text-transform:uppercase}
.reserve-modes span{grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.5}
.reserve-modes strong{font:900 30px/1 var(--display)}
.reserve-modes [aria-pressed=true]{background:var(--lemon)}
.reserve-modes [data-reserve-mode="2"][aria-pressed=true]{background:#282623;color:#f6f5ef}
.reserve-flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:54px;align-items:center;padding:12px 0 24px}
.reserve-inputs,.reserve-outputs{display:grid;gap:20px;font-size:13px}
.reserve-inputs span{display:grid;gap:5px}
.reserve-inputs b{font-weight:600}
.reserve-vault{position:relative;padding:25px 18px;border:1px solid #7e9269;text-align:center}
.reserve-vault:before,.reserve-vault:after{content:"";position:absolute;top:50%;width:54px;height:1px;background:#7e9269}
.reserve-vault:before{right:100%}.reserve-vault:after{left:100%}
.reserve-vault>span{font-size:10px;letter-spacing:.09em}
.reserve-vault>strong{display:block;margin:12px 0;font:900 clamp(23px,2.8vw,36px)/1 var(--display);white-space:nowrap}
.reserve-vault i{font-style:normal;color:#657844;padding:0 3px}
#website.society-experience .reserve-vault p{font-size:11px;margin:0}
.reserve-outputs span{position:relative;font-weight:600}
.reserve-outputs small{display:block;font-size:11px;font-weight:400;margin-top:5px}
.reserve-flow[data-mode="2"] .reserve-vault:after{background:none;border-top:1px dashed #959390}
.reserve-flow[data-mode="2"] .reserve-outputs{opacity:.48}
.reserve-flow[data-mode="2"] .reserve-vault{background:#282623;color:#f6f5ef;border-color:#282623}
#website.society-experience .reserve-flow[data-mode="2"] .reserve-vault p{color:#f6f5ef}
.reserve-explanation{display:grid;grid-template-columns:1fr 2fr;gap:34px;border-top:1px solid #bcbab7;padding-top:20px}
.reserve-explanation>strong{font:900 29px/1.1 var(--display)}
#website.society-experience .reserve-explanation p{margin:0;font-size:14px}
#website.society-experience .reserve-guide>.fine-print{font-size:12px;max-width:100ch;margin:22px 0 0}
#website.society-experience .society-footer{display:block;background:#161411;color:#f6f5ef;padding:32px 5% 25px;border-top:5px solid var(--lemon)}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid #4a4845}
#website.society-experience .footer-top img{display:block;width:clamp(180px,26vw,340px);max-width:none;height:84px;object-fit:contain;object-position:left center}
.footer-join{display:flex;gap:20px;align-items:center;font:900 clamp(28px,3.3vw,46px)/1 var(--display);color:var(--lemon);text-transform:uppercase}
.footer-join:hover{color:#f6f5ef}
.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:23px}
#website.society-experience .footer-bottom p{font-size:12px;line-height:1.6;color:#cdcbc8;margin:0}
#website.society-experience .footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}
.footer-bottom nav a{display:inline-flex;align-items:center;gap:6px;font-size:12px;min-height:32px;color:#f6f5ef}
.footer-bottom nav a:hover{color:var(--lemon)}
.footer-bottom nav svg{width:16px!important;transform:rotate(-90deg)}
@media(max-width:900px){
  #website.society-experience .editorial-cast{grid-template-columns:repeat(6,minmax(0,1fr))}
  #website.society-experience .editorial-cast a{aspect-ratio:1.35}
  .reserve-flow{gap:28px}.reserve-vault:before,.reserve-vault:after{width:28px}
  .reserve-modes button{padding:17px 12px}.reserve-modes b{font-size:24px}.reserve-modes span{font-size:11px}
}
@media(max-width:700px){

  .market-universe>strong{font-size:34px}.market-universe>strong>span{font-size:11px;max-width:68px}
  .anatomy-stage[data-mode="1"]{height:550px}
  .anatomy-stage[data-mode="1"] .portfolio-panel{top:330px;bottom:auto;left:2%;right:2%;width:auto}
  .market-universe{margin-bottom:6px}
  #website.society-experience .market-universe p{font-size:10px;margin-top:6px}
  #website.society-experience .portfolio-example{font-size:10px}
  #website.society-experience .history-panel>p{font-size:11px}
  .history-panel dl div{font-size:9px;padding:8px 0}.history-panel dl{margin-top:8px;margin-bottom:10px}.history-panel h3{margin-bottom:12px}
  #website.society-experience .signal-controls{width:49%;right:1%;top:0}
  #website.society-experience .signal-action{font-size:27px}
  #website.society-experience .signal-action:after{margin-top:18px}
  #website.society-experience .signal-stage{height:320px}
  #website.society-experience .editorial-cast a span{font-size:8px;left:2px;bottom:2px;padding:3px}
  .reserve-modes{gap:0;margin:20px 0}.reserve-modes button{grid-template-columns:1fr;padding:12px 7px;gap:10px}.reserve-modes b{font-size:19px}.reserve-modes span{font-size:10px;grid-row:3;line-height:1.4}.reserve-modes span br{display:none}.reserve-modes strong{font-size:25px}
  .reserve-flow{grid-template-columns:1fr;gap:20px;padding:8px 0 25px}.reserve-inputs,.reserve-outputs{grid-template-columns:1fr 1fr;gap:20px;font-size:11px}
  .reserve-vault{padding:17px}.reserve-vault:before,.reserve-vault:after{width:1px;height:20px;left:50%;right:auto;top:auto}
  .reserve-vault:before{bottom:100%}.reserve-vault:after{top:100%}
  .reserve-flow[data-mode="2"] .reserve-vault:after{border-top:0;border-left:1px dashed #959390}
  .reserve-vault>strong{font-size:29px}.reserve-explanation{grid-template-columns:1fr;gap:12px}
  #website.society-experience .reserve-explanation p{font-size:13px}
  #website.society-experience .society-footer{padding:24px 5%}
  .footer-top{display:block;padding-bottom:22px}
  #website.society-experience .footer-top img{height:65px;width:220px}
  .footer-join{margin-top:22px;font-size:30px;justify-content:space-between}
  .footer-bottom{display:block}.footer-bottom nav{margin-top:20px;gap:12px 20px!important}
}
.fee-controls #guide-depth{width:var(--choice-width,20ch);max-width:100%;min-height:44px;border:1px solid var(--ink);background-color:var(--lemon);color:var(--ink);padding:10px 30px 10px 12px;font:inherit;cursor:pointer}
.fee-controls #guide-depth:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@supports (appearance:base-select){
  .fee-controls #guide-depth,.fee-controls #guide-depth::picker(select){appearance:base-select}
  .fee-controls #guide-depth{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:12px;white-space:nowrap}
  .fee-controls #guide-depth::picker(select){background:#f6f5ef;border:1px solid #1c1a17;padding:6px;box-shadow:5px 5px 0 #1c1a17;min-width:220px}
  .fee-controls #guide-depth option{padding:12px;gap:12px}
  .fee-controls #guide-depth option:hover,.fee-controls #guide-depth option:checked{background:#d6ff24;color:#1c1a17}
}

/* Masthead: stays in view on every page and after every jump. */
/* Solid paper, no backdrop blur: iOS Safari tints its status bar from a solid header, and the blur cost frames there. */
#website.society-experience>header{position:sticky;top:0;z-index:60;background:var(--paper);transition:transform .5s var(--ease),box-shadow .3s}
/* iOS Safari draws the page above the viewport, under the status bar: the header carries paper up there, so the
   content scrolling past never shows in a strip above it. */
#website.society-experience>header::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:120px;background:var(--paper);pointer-events:none}
#website.society-experience>header.is-stuck{box-shadow:0 1px 0 #14120f1a}
#website.society-experience>header.is-tucked{transform:translateY(-100%)}
#website.society-experience>header nav a{position:relative;padding:6px 0}
#website.society-experience>header nav a::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
#website.society-experience>header nav a:hover::after{transform:scaleX(1);transform-origin:left}
@media(max-width:800px){
  #website.society-experience>header{row-gap:0;padding-top:8px;padding-bottom:2px}
  #website.society-experience>header>.primary{padding:10px 14px;font-size:13px}
}

/* One disclosure language for FAQ, rule tables and game details. */
#website.society-experience summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}
#website.society-experience summary::-webkit-details-marker{display:none}
#website.society-experience summary::after{content:'';position:static;flex:none;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;background:linear-gradient(currentColor 0 0) center/10px 1.5px no-repeat,linear-gradient(currentColor 0 0) center/1.5px 10px no-repeat;transition:transform .45s var(--ease),background-color .2s,border-color .2s}
#website.society-experience details[open]>summary::after{transform:rotate(135deg)}
#website.society-experience summary:hover::after{background-color:var(--lemon);border-color:var(--ink);color:var(--ink)}
#website.society-experience .games-crossing summary:hover::after{background-color:var(--ink);border-color:var(--ink);color:var(--lemon)}
#website.society-experience .faq-section summary{padding-right:0}
@supports selector(::details-content){
  #website.society-experience details{interpolate-size:allow-keywords}
  #website.society-experience details::details-content{block-size:0;overflow-y:clip;transition:block-size .5s var(--ease),content-visibility .5s allow-discrete}
  #website.society-experience details[open]::details-content{block-size:auto}
}

/* Mint rows share one column system, including the status line. */
#website.society-experience .section-heading>p{color:var(--muted)}
@media(min-width:1001px){
  #website.society-experience .mint-phases article>span{white-space:nowrap}
  #website.society-experience .mint-status{display:grid;grid-template-columns:170px minmax(0,1fr);gap:25px}
  #website.society-experience .mint-status p{max-width:72ch}
}

/* A finish line gives the race traces a destination. */
.race-traces>div::after{content:'';position:absolute;right:0;bottom:0;width:8px;height:24px;background:repeating-conic-gradient(var(--ink) 0 25%,transparent 0 50%) 0 0/8px 8px}

/* Section headings settle into place as they enter. Progressive: without support they are simply visible. */
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    #website.society-experience .home-section h2{animation:heading-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
    @keyframes heading-rise{from{opacity:0;translate:0 .3em}to{opacity:1;translate:0 0}}
  }
}
@media(prefers-reduced-motion:reduce){#website.society-experience details::details-content{transition:none}}
body.paused #website.society-experience .home-section h2{animation:none!important}
body.paused #website.society-experience details::details-content{transition:none}