:root{--paper:#f6f5ef;--ink:#14120f;--lemon:#d8fa22;--line:#cccac7;--mono:'IBM Plex Mono',Consolas,ui-monospace,monospace;--gutter:max(5%,calc((100vw - 1380px)/2))}
body::after{content:'';position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.preview{min-height:26px;padding:2px var(--gutter);background:var(--paper);color:var(--ink)}.preview>span{visibility:hidden}.preview button{color:#484643;font-size:11px;padding:3px 9px}
#website>header{margin:0;padding:8px var(--gutter) 14px;border:0;gap:25px}header .brand img{width:225px;height:60px;object-fit:contain;object-position:left center;filter:invert(1)}header>.sign-mount{display:none}#website>header nav{gap:28px;font-size:14px;font-weight:400}#website>header>.primary{background:var(--ink);color:var(--paper);border:0;padding:12px 18px}
#website .hero{max-width:none;padding:6px var(--gutter) 28px;gap:2%;grid-template-columns:1fr 1fr;min-height:365px;align-items:center;overflow:visible}.intro>.eyebrow{display:none}.intro h1{font-size:clamp(70px,8.4vw,140px);font-weight:900;line-height:.79;letter-spacing:-.025em;margin:12px 0 18px}.intro h1 em{background:none;position:relative}.intro h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:7px;background:var(--lemon);border-radius:50%;transform:rotate(-1deg)}.intro .lede{font:400 16px/1.55 var(--mono);letter-spacing:-.01em;color:var(--ink);margin:0}.intro .actions{display:inline-flex;margin:12px 18px 0 0}.intro .actions .text-link{display:none}.intro .actions .primary{font-size:15px;padding:12px 22px;border:0}.intro .edition{display:inline-flex;vertical-align:middle;font:12px/1.3 var(--mono);margin-top:12px}.edition small{font-size:11px}.hero-art-column{align-self:stretch!important;position:relative}.signal-section.signal-hero{height:100%;position:relative}.signal-hero .signal-controls{position:absolute;right:-5%;top:5%;width:47%;z-index:2}.signal-hero .signal-action{font-family:'Permanent Marker',cursive;font-size:clamp(24px,2.4vw,38px);line-height:1.1;text-align:left;transform:rotate(-9deg)}.signal-hero .signal-action span:last-child{background:none}.signal-hero .signal-action:after{content:'';display:block;width:100%;height:26px;border-top:3px solid var(--ink);border-radius:50%;transform:rotate(-6deg);margin-top:9px}.signal-hero .signal-stage{height:clamp(340px,29vw,470px);width:100%}.signal-hero .signal-coordinate{display:none}
.ticker{transform:none;padding:8px 0;color:var(--ink);font:700 12px/1 var(--mono);letter-spacing:.06em}.ticker-group{gap:30px}.editorial-cast{display:block;width:100%;aspect-ratio:1536/200;background:url('assets/approved-direction.png') center 51.4563%/100% auto no-repeat;border-bottom:1px solid var(--ink)}
#website .home-section,#website .how{padding:70px 8%;border-top:1px solid var(--line)}#website h2{font-weight:900;letter-spacing:-.025em}#website .home-section h2 em{color:var(--ink);font-style:normal}#website .section-heading{align-items:end}#website .how{background:var(--lemon)}#website .how article{border-color:#899d28}#website .how p{font-size:15px;color:var(--ink)}#website .home-section p{font-size:16px}#website .eyebrow,#website .section-foot,#website .collection-toolbar{font-family:var(--mono)}#website .art-gallery{gap:22px}#website .art-gallery article{border-radius:0;background:none;border:0}#website .art-gallery article:nth-child(even){transform:translateY(14px)}#website .art-gallery article img{border-radius:0;filter:saturate(.85)}#website .level-console,#website .mechanic-grid article,#website .mint-phases article{border-radius:0;box-shadow:none;background:transparent;border:0;border-top:1px solid var(--ink)}#website .level-section{background:#efedea}#website .ecosystem-section{background:var(--lemon)}#website .protocol-note{background:transparent;border:1px solid #77871c;border-radius:0}#website .episodes-section{background:var(--paper)}#website .episode-grid article{border-radius:0}#website .mint-section{background:var(--paper)}#website .three-notes{margin-top:30px}#website .society-footer{padding:22px 8%;background:var(--ink);color:var(--paper)}
#terminal{--ink:#f3f1ee;--paper:#151310;--line:#403e3b;color:var(--ink);background:var(--paper)}#terminal .ss-terminal,#terminal .desk-sidebar,#terminal .desk-main,#terminal .desk-workspace,#terminal .desk-content,#terminal .desk-topbar{background:#151310;color:#f3f1ee}#terminal .desk-sidebar{border-color:#403e3b}#terminal .brand img{width:160px;height:55px;object-fit:contain}#terminal .desk-card,#terminal .desk-stats article{background:transparent;color:inherit;border:0;border-top:1px solid #4c4a47;border-radius:0;box-shadow:none}#terminal .desk-stats{gap:24px}#terminal .desk-stats strong{color:var(--lemon)}#terminal p,#terminal small,#terminal .desk-label,#terminal .desk-footnote,#terminal .desk-definition dt{color:#bfbdba}#terminal .desk-sidebar nav button{color:#e5e3e0;border-radius:3px}#terminal .desk-sidebar nav button[aria-current=page],#terminal .desk-sidebar nav button[aria-pressed=true],#terminal .desk-sidebar nav button.selected{background:var(--lemon);color:#151310}#terminal h2{color:inherit}#terminal .desk-section-intro h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:54px;font-weight:900}#terminal .desk-button,#terminal input,#terminal select,#terminal .desk-filters button{background:#1d1b18;color:#f1efec;border-color:#5e5c59}#terminal button[aria-pressed=true],#terminal .desk-primary{background:var(--lemon);color:#151310}#terminal .game-track{height:66px;border-color:#3c3a37}#terminal .game-rail{border-color:#7f7d7a}#terminal .game-runner img{border-radius:50%;width:35px;height:35px;border:1px solid var(--lemon)}#terminal .game-runner strong,#terminal .desk-positions td:nth-child(2){color:var(--lemon)}#terminal .desk-positions th,#terminal .desk-positions td{border-color:#464441}#terminal .game-track-card{border-bottom:1px solid #5f5d5a}#terminal .jackpot-hero{background:var(--lemon);color:#151310}#terminal .jackpot-hero p,#terminal .jackpot-hero .desk-label{color:#383633}#terminal .desk-warning{background:#25241a;color:#eddeb0}
@media(max-width:800px){#website>header{margin:0;padding-left:5%;padding-right:5%;flex-wrap:wrap}header .brand img{width:170px;height:44px}#website>header nav{order:3;width:100%;justify-content:space-between;gap:10px}#website .hero{padding:22px 5%;grid-template-columns:1fr}.intro h1{font-size:clamp(70px,14vw,110px)}.signal-hero .signal-stage{height:350px}.signal-hero .signal-controls{right:0}.editorial-cast{aspect-ratio:1536/320;background-size:160% auto;background-position:center 51.4563%}#website .home-section,#website .how{padding:45px 5%}#terminal .desk-section-intro h2{font-size:38px}#terminal .desk-sidebar .brand img{width:125px;height:35px}}
.intro h1{position:relative;margin-bottom:26px}.intro h1 em:after{display:none}.intro h1:after{content:'';position:absolute;left:15%;right:2%;bottom:-14px;height:6px;background:var(--lemon);border-radius:50%;transform:rotate(-1deg)}
#terminal .desk-stats article{padding:12px 0}#terminal .desk-stats article strong{font-size:24px;margin:9px 0}#terminal .desk-stats article p{font-size:12px;margin:5px 0}#terminal .desk-section-intro{margin:12px 0 18px}#terminal .game-track{height:48px}#terminal .game-rail{height:42px}#terminal .game-runner{top:0}#terminal .game-track-card{padding:16px 0}#terminal .desk-stats article>span,#terminal .desk-edition,#terminal .desk-topbar>div>span{color:#c4c2bf}
#website .how,#website .ecosystem-section,#website .level-section{background:var(--paper)}#website .home-section{padding-top:58px;padding-bottom:58px}#website .section-heading h2{font-size:clamp(38px,5.3vw,76px);line-height:.94}#website .episodes-section .episode-grid{grid-template-columns:1.6fr 1fr;align-items:start}#website .episode-grid article:first-child{grid-row:span 2}#website .episode-grid article:first-child .episode-open img{aspect-ratio:4/3}#website .episode-grid article:not(:first-child) .episode-open img{aspect-ratio:21/9}.guide-spread{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.guide-spread p{max-width:56ch;line-height:1.65}.guide-spread label{display:block;margin:22px 0 8px;font-size:14px}.field-guide select,.field-guide input[type=number]{width:100%;padding:12px;border:1px solid #a09e9b;background:transparent;font:inherit;color:inherit;border-radius:0}.field-guide input[type=range]{width:100%;accent-color:#6c7f00}.guide-number{display:block;font:900 56px 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;margin:12px 0}.guide-spread small{font-size:13px;line-height:1.5;color:#62605d}.guide-ticket{border:1px solid var(--ink);padding:28px;transform:rotate(1deg);box-shadow:5px 5px 0 var(--lemon)}.guide-ticket>span{font:12px var(--mono)}.guide-ticket>strong{display:block;font:900 38px/1 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;margin:16px 0}.guide-allocations{list-style:none;padding:0;margin:0}.guide-allocations li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0;font-size:15px}.guide-allocations small{display:block}.guide-allocations strong{white-space:nowrap}.guide-details{border-top:1px solid var(--line);margin-top:28px;padding:18px 0}.guide-details summary{cursor:pointer;font-size:16px;font-weight:700}.guide-details p{line-height:1.65;margin-top:20px}.guide-table-scroll{overflow-x:auto;margin:20px 0}.guide-table-scroll table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}.guide-table-scroll caption{text-align:left;font-size:13px;margin-bottom:16px}.guide-table-scroll td,.guide-table-scroll th{border-bottom:1px solid var(--line);padding:12px 15px 12px 0;white-space:nowrap}.guide-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:24px}.guide-comparison p{line-height:1.65}.guide-loop{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:24px 0}.guide-loop a{display:grid;gap:12px;padding:24px;border-top:1px solid var(--ink);border-right:1px solid var(--line);transition:background .2s}.guide-loop a:hover{background:var(--lemon)}.guide-loop span{font:13px var(--mono)}.guide-loop strong{font:900 34px 'Barlow Condensed',Impact,'Arial Narrow',sans-serif}.guide-loop small{font-size:14px}.signal-hero canvas{touch-action:pan-y}
@media(max-width:800px){.guide-spread,.guide-comparison{grid-template-columns:1fr;gap:28px}.guide-loop{grid-template-columns:repeat(2,1fr)}#website .episodes-section .episode-grid{grid-template-columns:1fr}#website .episode-grid article:first-child{grid-row:auto}.guide-allocations strong{white-space:normal;text-align:right}.guide-ticket{transform:none}.guide-loop a{padding:18px 12px}#website .home-section{padding-top:38px;padding-bottom:38px}}
#website .how{grid-template-columns:repeat(3,1fr)}#website .how>div{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:center}#website .how>div>.eyebrow{display:none}#website .how h2{font-size:clamp(42px,6vw,84px);font-weight:900;text-transform:uppercase;line-height:.9;margin:0;letter-spacing:-.02em}#website .how .guide-opening{font:16px/1.5 var(--mono);margin:0}#website .how article{padding-top:20px}#website .how article>span{font-size:13px;color:var(--ink)}#website .how article h3{margin-top:16px}
@media(max-width:600px){#website .how,#website .how>div{grid-template-columns:1fr}#website .how .guide-opening{margin:12px 0}#website .how article{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.editorial-cast,.art-gallery article,.guide-loop a{transition:none!important}}
#website .editorial-cast{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(144px,13vw,180px);width:100%;aspect-ratio:auto;background:#1d1b18;border:0;margin:0;padding:0;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#9bae28 #1d1b18}
.editorial-cast a{position:relative;display:block;aspect-ratio:1;background:url('assets/society-twelve-campaign-v2.png') var(--cast-x) var(--cast-y)/600% 200% no-repeat;overflow:hidden;scroll-snap-align:start}
.editorial-cast a span{position:absolute;bottom:10px;left:10px;padding:5px 8px;background:var(--lemon);color:#14120f;font:700 12px/1 var(--mono);text-transform:uppercase;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.editorial-cast a:hover span,.editorial-cast a:focus-visible span{opacity:1;transform:none}
.editorial-cast a:focus-visible{outline:3px solid var(--lemon);outline-offset:-3px}
#website .level-console{background:#1d1b18;color:#f6f5ef;padding:28px;border:0}
#website .level-console .level-readout>strong{color:#d8fa22}
#website .level-console output,#website .level-console p{color:#f6f5ef}
#website .level-console .example-label,#website .level-console .level-readout span,#website .level-console .level-ticks{color:#d3d1ce}
#website #portfolio-guide{padding-top:var(--section-y,34px);padding-bottom:var(--section-y,34px)}
#portfolio-guide .section-heading{margin-bottom:20px}
#portfolio-guide h2{font-size:clamp(38px,4.5vw,64px)}
#portfolio-guide .guide-spread{gap:32px;align-items:center}
#portfolio-guide .guide-ticket{background:var(--lemon);padding:22px;transform:rotate(.5deg);box-shadow:5px 5px 0 #14120f;color:#14120f}
#portfolio-guide .guide-ticket strong{font-size:32px}
#website .protocol-note{display:block;border:0;padding:16px 0;margin-top:20px}
@media(hover:none){.editorial-cast a span{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.editorial-cast a span{transition:none}}
