@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#eee9dc;--ink:#272820;--red:#ae382a;--gold:#f2c94c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.035' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c14227;outline-offset:5px}header{height:95px;margin:0 5%;border-bottom:1px solid #bbb6a7;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-style:italic;font-size:36px;letter-spacing:-1px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}.brand-dot{align-self:flex-start;font:12px sans-serif;margin-top:8px}.record{display:inline-grid;place-content:center;background:repeating-radial-gradient(circle,#272820 0 2px,#545449 3px,#272820 4px);color:var(--red);border-radius:50%;font-size:25px;width:36px;height:36px}nav{display:flex;align-items:center;gap:35px}nav button{background:none;border:0;font-size:11px;font-weight:700;text-transform:uppercase}nav button span{margin-left:12px} .edition{font-family:'Barlow Condensed',sans-serif;letter-spacing:1.3px;font-size:12px;color:#757568}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:flex;align-items:end;justify-content:space-between;margin:36px 0 26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--red)}h1{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:54px;line-height:1;margin:9px 0 0;letter-spacing:-1.4px}h1 em{color:var(--red);font-style:normal}.intro p{font-size:13px;line-height:1.7;margin:0 0 1px;color:#66675c}.arcade{background:#252720;border:7px solid #252720;border-radius:12px;box-shadow:0 10px 0 #c7c2b4,0 12px 20px #28281f15;overflow:hidden}.cabinet-top,.cabinet-bottom{display:flex;justify-content:space-between;align-items:center;font-family:'Barlow Condensed',sans-serif;letter-spacing:1.5px;font-size:10px;color:#c4c2ad;padding:8px 17px 13px}.cabinet-top i{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:7px}.cabinet-top b{color:var(--gold);padding:0 7px}.screen{position:relative;background:#30271e;aspect-ratio:2/1;overflow:hidden;border:1px solid #555348;border-radius:4px}canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:25px;left:28px;right:28px;display:flex;gap:24px;align-items:start;color:#f7edcd;text-shadow:1px 2px #151815}.hud-label{display:block;font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:1.4px}.hud strong{display:block;font:800 27px 'Barlow Condensed',sans-serif;letter-spacing:3px;margin-top:1px}.hud>div:first-child strong{color:#db5541;font-size:19px;letter-spacing:6px}.hud-mid{margin:auto;text-align:center}.progress{width:140px;height:3px;background:#e3d5ac30;margin:9px auto}.progress i{display:block;height:100%;background:#f1c54c;width:0}.hud-score{text-align:right}#pause{background:#e9dfbd20;border:1px solid #e9dfbd60;color:#f6eac9;padding:4px 9px}.start{position:absolute;top:21%;left:7%;color:#fff2d2;transform:rotate(-2deg);text-align:center;width:43%}.tag{font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:2.4px;color:#f3cb62}.start h2{font:900 italic clamp(48px,7.3vw,110px)/.94 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;margin:13px 0 7px;text-shadow:4px 5px #191c18}.ribbon{display:inline-block;background:#e4ba48;color:#26251e;font:800 22px 'Barlow Condensed',sans-serif;padding:3px 29px;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}.start h3{font:800 32px 'Barlow Condensed',sans-serif;letter-spacing:2px;margin:2px 0;color:#e56b45}.start p{font-size:12px;line-height:1.7;margin:15px 0 18px;color:#dbd2b9;transform:rotate(2deg)}.play{background:var(--gold);border:1px solid #ffdc72;border-bottom:4px solid #a87e24;border-radius:3px;color:#24271d;font:800 16px 'Barlow Condensed',sans-serif;letter-spacing:1.6px;padding:14px 35px;transition:transform .2s}.play:hover{background:#ffdc68;transform:translateY(-2px)}.play span{margin-left:30px}.start-hint{display:block;font:500 9px 'Barlow Condensed',sans-serif;letter-spacing:1.6px;margin-top:12px;color:#c6bfa9}.screen-bottom{position:absolute;left:25px;right:25px;bottom:17px;color:#d4c7a0;display:flex;justify-content:space-between;font:500 9px 'Barlow Condensed',sans-serif;letter-spacing:1.5px}.screen-bottom b{color:#d9984b;padding:0 8px}.cabinet-bottom{padding:14px 17px 6px;font-size:9px;letter-spacing:1px}.cabinet-bottom b{color:#e3d9b3;font-weight:500}.yellow-dot{display:inline-block;background:var(--gold);width:5px;height:5px;border-radius:50%;margin-right:6px}.under{display:flex;justify-content:space-between;align-items:center;margin:30px 0 37px}.controls{display:flex;gap:29px}.control{display:flex;gap:10px;align-items:center}.control span{font:600 10px 'Barlow Condensed',sans-serif;letter-spacing:1px}.control small{display:block;color:#827e70;font:10px 'DM Sans',sans-serif;letter-spacing:0;margin-top:3px}.keys{display:flex;gap:4px}kbd{display:grid;place-items:center;min-width:29px;height:29px;border:1px solid #b6b1a3;border-bottom:3px solid #b6b1a3;border-radius:4px;font:13px 'Barlow Condensed',sans-serif;background:#f5f0e5}.wide{padding:0 9px;font-size:10px}.special{color:var(--red);border-color:#b96a56}.session{text-align:right;font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:.8px}.session span{display:block;font-size:9px;color:#827e70;margin-top:6px}.journey{border-top:1px solid #bbb6a7;padding:28px 0 31px;display:flex;gap:40px}.journey-title{min-width:205px}.journey-title .eyebrow{font-size:8px;letter-spacing:1.4px}.journey h2{font:700 25px/1.05 'Barlow Condensed',sans-serif;margin:9px 0 0}.journey ol{list-style:none;display:flex;justify-content:space-between;padding:0;margin:0;flex:1}.journey li{border-left:1px solid #c9c3b5;padding-left:20px}.journey li>span{font:700 20px 'Barlow Condensed',sans-serif;color:#969185}.journey strong{display:block;font:700 16px 'Barlow Condensed',sans-serif;margin-top:7px}.journey small{display:block;font-size:9px;color:#878174;margin-top:4px}.journey li.active>span,.journey li.active strong{color:var(--red)}footer{margin:0 5%;border-top:1px solid #bbb6a7;padding:19px 0 25px;display:flex;justify-content:space-between;font:600 9px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#79766a}footer b{font-weight:500;margin-left:8px}footer i{color:var(--red);margin-left:12px}.finish{position:absolute;inset:0;background:#161c17d9;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--paper);text-align:center;z-index:5}.finish h2{font:800 60px 'Barlow Condensed',sans-serif;margin:15px}.finish p{line-height:1.7}.finish .play{margin-top:15px}[hidden]{display:none!important}#rewind-flash{position:absolute;inset:0;display:grid;place-items:center;background:#65baba40;font:900 italic 70px 'Barlow Condensed',sans-serif;color:#fff4cc;pointer-events:none;opacity:0;transition:opacity .3s}dialog{background:var(--paper);color:var(--ink);border:2px solid var(--ink);max-width:530px;padding:40px;box-shadow:9px 9px #28282040}dialog::backdrop{background:#141a19b8}dialog h2{font:800 35px 'Barlow Condensed',sans-serif}dialog p{font-size:14px;line-height:1.8}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:25px}.touch{display:none}@media(min-width:1600px){header,footer{max-width:1296px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){.edition{display:none}.controls{gap:15px}.journey{gap:20px}.journey-title{min-width:160px}.journey li{padding-left:12px}.start{top:19%}.start h3{font-size:25px}.start p{margin:8px 0}.play{padding:10px 25px}.ribbon{font-size:18px}.start-hint{margin-top:8px}.session{display:none}}@media(max-width:650px){header{height:72px}.brand{font-size:29px}.record{width:28px;height:28px}nav{gap:12px}nav button{font-size:9px;padding:0}nav button span{margin-left:3px}main{padding:0 3%}.intro{margin:26px 0 20px}.intro p{display:none}h1{font-size:41px}.eyebrow{font-size:8px}.cabinet-top{font-size:7px;padding:5px 6px 9px}.cabinet-top>span:last-child{display:none}.arcade{border-width:5px}.screen{aspect-ratio:1.3}.hud{top:12px;left:13px;right:13px;gap:10px}.hud-label{font-size:9px}.hud strong{font-size:20px}.hud-mid{margin:auto}.progress{width:80px}.start{left:3%;top:26%;width:59%}.start h2{font-size:55px}.tag{font-size:8px;letter-spacing:1px}.ribbon{font-size:15px;padding:3px 17px}.start h3{font-size:20px}.start p{font-size:10px}.play{font-size:13px;padding:10px 16px}.play span{margin-left:13px}.start-hint{font-size:7px}.screen-bottom{font-size:7px;left:12px;right:12px;bottom:12px}.cabinet-bottom{font-size:7px;padding:10px 5px 4px}.cabinet-bottom>span:nth-child(2){display:none}.under{margin:23px 0 16px}.controls{justify-content:space-around;width:100%;gap:5px}.control{gap:5px}.control span{font-size:8px}.control small{display:none}kbd{min-width:23px;height:24px}.wide{font-size:8px}.touch{display:flex;justify-content:center;gap:10px;margin-bottom:24px;touch-action:none}.touch button{width:52px;height:43px;border:1px solid #b4ad9b;border-bottom:3px solid #a9a18d;border-radius:5px;background:#f5edd8;font-weight:bold}.touch button:last-child{background:var(--gold);width:70px}.journey{display:block;padding-top:20px}.journey-title h2 br{display:none}.journey-title h2{font-size:24px}.journey ol{margin-top:20px;gap:8px}.journey li{padding-left:8px}.journey strong{font-size:12px}.journey small{display:none}.journey li>span{font-size:16px}footer{font-size:7px}footer>span:nth-child(2){display:none}.finish h2{font-size:38px}.finish p{font-size:12px}}
/* Body-controlled installation prototype */
button:disabled{cursor:wait;opacity:.55}.cabinet-button{background:none;border:0;color:#e3d9b3;font:inherit;letter-spacing:inherit;padding:0}.pose-studio{display:grid;grid-template-columns:270px 1fr;gap:30px;padding:30px 0;border-bottom:1px solid #bbb6a7;margin-top:12px}.camera-preview{aspect-ratio:4/3;background:#242b24;position:relative;overflow:hidden;border-radius:5px;border:2px solid #434a3d}.camera-preview.tracked{border-color:#bfa143}.camera-preview video,.camera-preview canvas{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}.camera-preview video{transform:scaleX(-1)}.camera-preview canvas{pointer-events:none}#camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e0d8b9;padding:20px;text-align:center}#camera-placeholder>span{font-size:43px;color:var(--gold)}#camera-placeholder strong{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:1px}#camera-placeholder small{font-size:10px;line-height:1.5;margin-top:6px}.camera-state{position:absolute;top:9px;left:9px;background:#1b211dde;color:#e5d6b6;padding:5px 7px;font:600 9px 'Barlow Condensed',sans-serif;letter-spacing:1px}.camera-state[data-state=active]{color:#bce5b2}.camera-state[data-state=error]{color:#ff9b85}.lane-meter{position:absolute;bottom:8px;left:8px;right:8px;display:flex;gap:4px}.lane-meter span{background:#1b211dbb;flex:1;text-align:center;padding:5px;color:#dad3bb;font:500 9px 'Barlow Condensed',sans-serif;letter-spacing:1px}.lane-meter .active{background:var(--gold);color:var(--ink)}.camera-settings{align-self:center}.camera-settings h2{font:800 31px 'Barlow Condensed',sans-serif;margin:6px 0 7px}.camera-settings p{font-size:12px;line-height:1.6;margin:0;max-width:680px}.camera-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:13px}.camera-actions .play{font-size:12px;padding:10px 16px}.secondary{background:transparent;border:1px solid #aca594;border-radius:3px;padding:10px 12px;font:700 11px 'Barlow Condensed',sans-serif;letter-spacing:1px}.camera-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 8px;font-size:10px}.camera-options select{background:#f8f1e1;border:1px solid #bcb4a3;padding:5px;max-width:230px;color:var(--ink);font:11px 'DM Sans',sans-serif}.text-button{border:0;background:transparent;text-decoration:underline;font-size:11px;color:var(--red);padding:0}.text-button.selected{font-weight:bold}.privacy{font-size:9px;color:#827b6b}.pose-label{display:block;font:700 12px 'Barlow Condensed',sans-serif;color:var(--red);letter-spacing:1px;margin:9px 0 0;min-height:16px}.calibration-track{max-width:260px;height:4px;background:#c9c3b4;margin:10px 0}.calibration-track i{display:block;height:100%;width:0;background:var(--red);transition:width .15s}.pose-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 0}.pose-cards article{display:flex;gap:8px;align-items:center}.pose-cards svg{width:55px;min-width:45px;height:65px;stroke:#3c4535;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}.pose-cards article:last-child svg{stroke:var(--red)}.pose-cards article span{font:600 8px 'Barlow Condensed',sans-serif;color:var(--red);letter-spacing:1.5px}.pose-cards h3{font:700 21px 'Barlow Condensed',sans-serif;margin:4px 0}.pose-cards p{font-size:10px;line-height:1.5;margin:0;color:#77725f}.pose-cards small{display:block;font:500 8px 'Barlow Condensed',sans-serif;letter-spacing:.6px;margin-top:9px;color:#8d8470}.hud>div:first-child strong{color:var(--gold);font-size:24px;letter-spacing:1px}.arcade:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0}.arcade:fullscreen .screen{width:min(100vw,calc((100vh - 65px)*2));max-height:calc(100vh - 65px);aspect-ratio:2;margin:auto}.arcade:fullscreen .cabinet-top,.arcade:fullscreen .cabinet-bottom{width:100%;padding:10px 25px}.start-hint{max-width:360px;line-height:1.5;margin-left:auto;margin-right:auto}
@media(max-width:1000px){.pose-studio{grid-template-columns:230px 1fr;gap:20px}.pose-cards{gap:10px}.pose-cards svg{width:42px;min-width:35px}.pose-cards h3{font-size:18px}.pose-cards small{font-size:7px}}
@media(max-width:650px){.pose-studio{grid-template-columns:1fr;padding:22px 0;gap:16px}.camera-preview{width:230px;margin:auto}.camera-settings{text-align:center}.camera-settings h2{font-size:28px}.camera-settings p{font-size:12px}.camera-actions,.camera-options{justify-content:center}.calibration-track{margin:10px auto}.pose-cards{grid-template-columns:repeat(2,1fr);gap:22px 10px}.pose-cards p{font-size:10px}.pose-cards svg{min-width:45px}.pose-cards article{align-items:start}.pose-cards h3{font-size:21px}.pose-touch{display:flex}.start{top:23%}.start p{font-size:9px}.start-hint{font-size:7px}.arcade:fullscreen .screen{aspect-ratio:2}.privacy{font-size:9px}}