@font-face{font-family:Dojo;src:url(fonts/BarlowSemiCondensed-Bold.ttf);font-weight:800;font-display:swap}@font-face{font-family:Dojo;src:url(fonts/BarlowSemiCondensed-Medium.ttf);font-weight:400;font-display:swap}
:root{--bg:#140e0b;--ochre:#e8ac4c;--verm:#f05232;--paper:#fff1d6;--dim:#c6ab8f;--line:#69462d;--gold:#f4d69b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--paper);font:19px/1.45 Dojo,system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:var(--verm);color:var(--bg)}.skip{position:fixed;top:-90px;z-index:99;background:var(--ochre);color:var(--bg);padding:15px}.skip:focus{top:10px}.mast{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;border-bottom:1px solid var(--line);gap:24px}.brand{display:grid;grid-template-columns:42px 1fr;column-gap:12px;text-decoration:none;line-height:1;font-size:27px;font-weight:800;letter-spacing:1px}.brand img{grid-row:1/3}.brand span{font:8px monospace;letter-spacing:1.7px;margin-top:6px;color:var(--ochre)}nav{display:flex;align-items:center;gap:25px}nav a{font:11px monospace;text-decoration:none}.nav-enter{border:1px solid var(--ochre);padding:14px;color:var(--ochre)}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:740px;padding:55px 5% 65px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#64261a,transparent 57%)}.eyebrow{font:10px/1.7 monospace;letter-spacing:1.5px;color:var(--ochre);margin:0 0 26px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--verm);margin-right:8px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:.95}h1{font-size:clamp(78px,9.1vw,144px);max-width:720px}h1 span{color:var(--ochre)}h1 span:after{content:'✦';font-size:.37em;color:var(--verm);display:inline-block;rotate:-18deg;vertical-align:top;margin:18px}.lead{max-width:430px;font-size:21px;color:var(--dim);margin-top:26px}.lead b{color:var(--paper)}.actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:28px}.button{display:inline-flex;background:var(--ochre);color:var(--bg);font:800 16px Dojo;text-decoration:none;padding:16px 22px;min-height:52px;border:1px solid var(--ochre);box-shadow:4px 4px 0 #000}.button:hover{background:var(--paper)}.secondary{background:transparent;color:var(--paper);border-color:var(--line)}.secondary:hover{color:var(--bg)}.text-button{font:11px monospace}.build-note{font:10px/1.7 monospace;color:var(--dim);margin-top:25px}.hero-stage{position:relative;display:grid;place-items:center;min-width:0;padding-top:25px}.moon{position:absolute;width:360px;height:360px;background:var(--gold);border-radius:50%;opacity:.17;top:20px;right:0}.moon:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 6px,var(--bg) 6px 8px);border-radius:50%}.gate{position:absolute;width:110%;max-width:570px;top:15px;left:-5%;color:var(--verm);opacity:.55}.device{position:relative;margin-top:45px;z-index:1;background:#0c0704;border:1px solid #645043;padding:16px;width:340px;box-shadow:16px 20px 0 #0c070477;transform:rotate(2deg)}.device-label,.device-meta{display:flex;justify-content:space-between;font:8px monospace;color:var(--dim);gap:6px}.device-label i{color:var(--ochre);font-style:normal}.device img{width:100%;height:auto;image-rendering:pixelated;margin:14px 0 12px;border:4px solid #39271c}.device-meta{font-size:7px}.screen-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.screen-tabs button{color:var(--dim);background:#2b1b13;border:1px solid var(--line);font:11px monospace;padding:9px}.screen-tabs button[aria-pressed=true]{color:var(--bg);background:var(--ochre)}.stamp{position:absolute;right:-15px;bottom:105px;z-index:2;border:3px solid var(--verm);padding:13px 18px;color:var(--verm);font:800 29px/.95 Dojo;transform:rotate(-11deg);background:var(--bg)}.stamp b{color:var(--paper)}.vertical-note{writing-mode:vertical-rl;position:absolute;left:5px;top:140px;font:10px monospace;letter-spacing:3px;color:var(--gold)}.ascii{font:11px/1.2 monospace;color:var(--dim);position:absolute;bottom:4px;left:30px}.belt{display:flex;justify-content:space-around;align-items:center;gap:20px;background:var(--verm);color:var(--bg);padding:17px 4%;font:800 15px Dojo;letter-spacing:.4px;rotate:-.6deg}.belt b{font-size:24px}.chapter{padding:95px 6%;border-bottom:1px solid var(--line);max-width:1600px;margin:auto}.chapter h2{font-size:clamp(48px,5.7vw,86px)}em{font-style:normal;color:var(--ochre)}.chapter-title{display:grid;grid-template-columns:1.5fr 1fr;gap:20px 70px;align-items:end}.chapter-title .eyebrow{grid-column:1/3;margin:0}.chapter-title>p:last-child{max-width:430px;color:var(--dim);font-size:21px}.ab-console{margin-top:45px;border:1px solid var(--line);background:#24170f}.console-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:16px 22px;font:10px monospace;color:var(--gold)}.console-head b{font-weight:400;color:var(--dim)}.ab-decks{display:grid;grid-template-columns:1fr 1fr}.ab-decks article{padding:25px;border-right:1px solid var(--line)}.ab-decks article:last-child{border:0}.deck-label{display:block;font:11px monospace;margin-bottom:20px;color:var(--dim)}.ochre{color:var(--ochre)}audio{width:100%;max-width:100%;height:42px;color-scheme:dark}.audio-notes{padding:18px 25px;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}.audio-notes span{font:10px/1.8 monospace;color:var(--ochre)}.audio-notes p{max-width:500px;font-size:14px;color:var(--dim)}.groove-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.groove-facts>div{display:flex;align-items:center;gap:20px}.groove-facts strong{font-size:65px;color:var(--ochre);line-height:1}.groove-facts p{font-size:16px;color:var(--dim)}.step-chapter{display:grid;grid-template-columns:.9fr 1.2fr;gap:9%;align-items:center;background:radial-gradient(ellipse at 20% 60%,#4b2818,transparent 60%)}.step-poster{padding:30px 22px;background:#302016;border:1px solid var(--line);transform:rotate(-3deg);box-shadow:12px 12px 0 #0c0704}.step-poster img{width:100%;height:auto;image-rendering:pixelated;border:4px solid #0c0704}.step-poster>span{display:block;font:9px monospace;text-align:center;margin:20px 0;color:var(--dim)}.step-legend{display:flex;justify-content:space-around;gap:7px;font:9px monospace}.step-legend b{font-weight:400;border-bottom:4px solid #8b542e;padding-bottom:8px}.step-legend b:nth-child(2){border-color:var(--ochre)}.step-legend b:nth-child(3){border-color:var(--gold)}.step-legend b:nth-child(4){border-color:var(--verm)}.step-copy>p:not(.eyebrow){margin-top:25px;color:var(--dim);max-width:530px}.control-list{list-style:none;padding:0;margin:30px 0}.control-list li{display:flex;gap:20px;border-top:1px solid var(--line);padding:13px 0;font-size:16px}.control-list b{width:165px;flex-shrink:0;font:11px/1.8 monospace;color:var(--ochre)}.control-list span{color:var(--dim)}.small{font-size:14px!important;line-height:1.5;color:var(--dim)}.punches .chapter-title{grid-template-columns:1fr 1fr}.punch-board{margin-top:35px;border:1px solid var(--line)}.punch-top{padding:18px 22px;display:flex;align-items:center;gap:25px}.punch-top span{font:12px monospace;color:var(--ochre)}.punch-top img{transition:transform .2s}.punch-board.strike .punch-top img{transform:rotate(-25deg) scale(1.14)}.moves-grid{display:grid;grid-template-columns:repeat(4,1fr)}.moves-grid button{min-height:145px;padding:18px;text-align:left;border:1px solid var(--line);color:var(--dim);background:#24170f;font:11px monospace}.moves-grid b{display:block;font:800 28px Dojo;color:var(--paper);margin:13px 0 5px}.moves-grid small{font:8px/1.5 monospace}.moves-grid button:hover,.moves-grid button.active{background:var(--verm);color:var(--bg)}.moves-grid button.active b,.moves-grid button:hover b{color:var(--bg)}.punch-board>p{padding:20px}.crate-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end}.crate-heading>p{color:var(--dim)}.crates{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0 25px}.crates a{background:#372215;padding:28px 24px;border:1px solid #624e41;text-decoration:none;position:relative;overflow:hidden}.crates a:before{content:'✦';position:absolute;right:-15px;top:22px;font-size:180px;line-height:1;color:#644735;opacity:.5;rotate:20deg}.crates a:nth-child(2){background:#372b24;border-color:#6b5648}.crates a:nth-child(2):before{color:#70594b}.crates a:nth-child(3){background:#342b22;border-color:#715138}.crates a:nth-child(3):before{color:#704931}.crates span,.crates b{font:10px monospace;position:relative}.crates h3{font-size:58px;margin:30px 0 18px;position:relative}.crates p{font-size:17px;position:relative;margin-bottom:35px;color:var(--dim)}.crates a:hover{outline:2px solid var(--ochre);outline-offset:4px}.manners{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#f0dfbc;color:#27170f}.manners em{color:#9b2c1c}.manners .eyebrow{color:#9b2c1c}.manners>div>p:last-child{margin-top:25px}.limits article{padding:20px 0;border-bottom:1px solid #bba281}.limits article:first-child{padding-top:0}.limits b{font-size:22px}.limits p{font-size:17px;color:#6b4631;margin-top:8px}.exit{text-align:center;max-width:none;background:radial-gradient(ellipse at bottom,#412717,transparent 70%)}.exit>img{margin-bottom:25px}.exit>p:not(.eyebrow){max-width:680px;margin:25px auto 0;color:var(--dim)}.exit .actions{justify-content:center}footer{padding:28px 5%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font:9px/1.6 monospace;color:var(--dim)}footer b{color:var(--ochre)}footer button{background:none;color:var(--dim);border:0;font:inherit;text-decoration:underline;text-underline-offset:4px}.splash[hidden]{display:none!important}.intro-open{overflow:hidden}.splash{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;text-align:center}.splash img{animation:entrance .5s steps(5,end)}.splash p{font:11px monospace;letter-spacing:4px;color:var(--ochre);margin:26px 0}.splash strong{display:block;font:800 clamp(50px,10vw,120px)/1 Dojo;letter-spacing:-5px}.splash span{display:block;font:10px monospace;letter-spacing:2px;color:var(--gold);margin-top:20px}.splash i{display:block;background:var(--verm);height:3px;margin:32px auto;width:180px;transform-origin:left;animation:load 2.6s linear}.splash>button{position:absolute;bottom:30px;right:30px;background:transparent;border:1px solid var(--line);padding:14px;color:var(--paper);font:11px monospace}@keyframes entrance{from{transform:translateY(-25px) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1600px){.hero{padding-inline:calc((100vw - 1440px)/2)}}@media(max-width:1000px){nav{gap:12px}nav a{font-size:9px}.hero{gap:20px;min-height:690px}.device{width:280px}.stamp{right:-10px;bottom:85px;font-size:23px}.moon{width:290px;height:290px}.vertical-note{left:-10px}.ascii{left:15px;font-size:9px}.chapter{padding:70px 5%}.step-chapter{gap:6%}.chapter-title{gap:20px 35px}.crates h3{font-size:47px}.groove-facts>div{gap:12px}.groove-facts strong{font-size:50px}.groove-facts p{font-size:14px}.manners{gap:40px}}
@media(max-width:700px){.mast{flex-wrap:wrap;padding:18px 22px;gap:20px}.brand{font-size:25px}nav{width:100%;justify-content:space-between}nav a:first-child{display:none}.nav-enter{padding:9px}.hero{grid-template-columns:1fr;padding:35px 22px 30px;gap:0}.hero h1{font-size:clamp(78px,19vw,125px)}.hero .eyebrow{font-size:9px;max-width:300px}.lead{font-size:20px;max-width:370px}.hero-stage{height:540px;max-width:420px;width:100%;justify-self:center;padding:0}.device{width:290px;margin-top:0}.moon{top:30px;right:-15px}.gate{top:-7px}.stamp{bottom:95px;right:-3px;font-size:24px}.vertical-note{left:0;top:140px;font-size:8px}.ascii{bottom:0;font-size:10px}.belt{flex-wrap:wrap;gap:8px 20px;font-size:12px}.belt b{display:none}.chapter{padding:55px 22px}.chapter-title,.punches .chapter-title,.crate-heading,.step-chapter,.manners{grid-template-columns:1fr;gap:25px}.chapter-title .eyebrow{grid-column:auto}.chapter-title>p:last-child{font-size:19px}.chapter h2{font-size:clamp(46px,11vw,70px)}.console-head{flex-direction:column;gap:8px}.ab-decks{grid-template-columns:1fr}.ab-decks article{border:0;border-bottom:1px solid var(--line)}.audio-notes{flex-direction:column;gap:10px}.groove-facts{grid-template-columns:1fr;gap:18px}.groove-facts strong{width:65px}.groove-facts p{font-size:16px}.step-poster{width:100%;max-width:350px;justify-self:center;margin-bottom:20px}.control-list li{gap:12px}.control-list b{width:125px;font-size:10px}.moves-grid{grid-template-columns:1fr 1fr}.moves-grid button{min-height:130px}.punch-top{gap:16px}.punch-top span{font-size:10px}.crates{grid-template-columns:1fr}.crates h3{font-size:62px}.crates a{padding:26px}.crates p{margin-bottom:20px}.manners>div>p:last-child{margin-top:15px}.exit .actions{flex-direction:column}.exit .button{width:100%}.splash strong{letter-spacing:-2px}.splash p{font-size:9px;letter-spacing:2px}footer{padding:25px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.splash{display:none!important}.intro-open{overflow:auto}}@media print{.mast,.hero-stage,.splash,footer,.actions,audio{display:none}body{background:white;color:black}.chapter{padding:25px}.chapter h2,h1{color:black;font-size:40px}}
@media(max-width:700px){.hero h1{font-size:clamp(62px,18vw,98px)}}