@font-face{font-family:Plex;src:url(/fonts/IBMPlexSans_400Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/Literata_400Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{font-family:Plex,system-ui,sans-serif;background:#11130f;color:#e7dfce;font-synthesis:none}*{box-sizing:border-box}body{margin:0}#viewport{position:relative;height:100svh;min-height:540px;overflow:hidden;background:radial-gradient(ellipse at 57% 40%,#292b21 0,#171b14 48%,#10120e 85%)}#stage{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:30px;padding:30px 40px;pointer-events:none}.brand{font-size:24px;letter-spacing:-.7px}.edition{font-size:11px;color:#aaa791}button{font:inherit;border:0;background:none;color:#bfb7a2;cursor:pointer;min-height:44px;padding:8px 0;pointer-events:auto}#reset{margin-left:auto;font-size:11px}button:hover{color:#f0e7d5}button:focus-visible,input:focus-visible{outline:2px solid #bbaa80;outline-offset:6px}.beat{position:absolute;left:40px;bottom:140px;width:270px;pointer-events:none}.beat p{font-size:12px;color:#b2ae99;margin:0}.beat h1{font-family:Literata,Georgia,serif;font-size:52px;font-weight:400;letter-spacing:-2px;line-height:1.3;margin:12px 0}.beat h1 span{font-size:30px;color:#bca472;margin-left:8px}.beat #detail{font-size:12px;line-height:1.7;max-width:250px}footer{position:absolute;left:40px;right:40px;bottom:30px;display:flex;align-items:center;gap:44px}.scroll-note{font-size:11px;display:flex;gap:18px;min-width:160px;color:#bcb6a2}.direction{color:#a99b7b}.timeline{width:290px;max-width:35vw}.timeline input{appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:ew-resize}.timeline input::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,#c8b78e var(--progress,0%),#575749 var(--progress,0%))}.timeline input::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:#e3d5b6;margin-top:-3px}.timeline input::-moz-range-track{height:1px;background:#575749}.timeline input::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#e3d5b6}.timeline-captions{display:flex;justify-content:space-between;font-size:9px;color:#8e907e;margin-top:6px}.time{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:7px;font-size:10px;color:#a3a58f}.time output{font-size:13px;font-variant-numeric:tabular-nums;color:#d1c8b3;letter-spacing:1px}#status{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:13px;color:#d6c9ac}#status:empty{display:none}#square-labels span{position:absolute;left:0;top:0;font-size:10px;color:#d9d0b8;pointer-events:none;opacity:0;will-change:transform}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){header{padding:20px 24px;gap:20px}.brand{font-size:21px}.edition{font-size:9px}#reset{font-size:10px}.beat{left:24px;bottom:140px;width:210px}.beat h1{font-size:40px}.beat #detail{font-size:11px;max-width:190px}footer{left:24px;right:24px;gap:20px}.timeline{width:220px}.scroll-note{min-width:120px;font-size:10px}}@media(max-width:550px){header{padding:16px 20px}.edition{display:none}.beat{left:20px;bottom:160px}.beat h1{font-size:34px}.beat #detail{font-size:10px}.scroll-note{display:none}footer{left:20px;right:20px;bottom:24px}.timeline{width:230px;max-width:60vw}.time output{font-size:11px}}#viewport:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(12,15,10,.76),transparent 26%),linear-gradient(to right,rgba(12,15,10,.42),transparent 28%);z-index:1}header,.beat,footer,#square-labels,#status{z-index:2}@font-face{font-family:Plex;src:url(/fonts/IBMPlexSans_600SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:PlexMono;src:url(/fonts/IBMPlexMono_600SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}.review-plane{position:absolute;left:0;top:0;transform-origin:0 0;visibility:hidden;pointer-events:none;will-change:transform;border-radius:4px;overflow:hidden}#flat-squares{z-index:0;background:#d3cdb4}#stage{z-index:1}#flat-pieces{z-index:3;overflow:visible}#viewport:after{z-index:2}header,footer,#status{z-index:5}.beat,#square-labels{z-index:4}.review-square{position:absolute;width:12.5%;height:12.5%}.rank-label,.file-label{position:absolute;font-size:10px;line-height:1;font-weight:600}.rank-label{left:3px;top:3px}.file-label{right:3px;bottom:3px}.review-piece{position:absolute;width:10.75%;height:10.75%;transform:translate(-50%,-50%);object-fit:contain;opacity:0;pointer-events:none}#review-shell{position:absolute;z-index:4;opacity:0;visibility:hidden;color:#f0e9da;font-family:Plex,sans-serif;pointer-events:none;background:transparent}#review-shell .review-chrome{position:absolute;left:0;right:0;transform:translateY(calc((1 - var(--ui))*10px));will-change:transform}.review-top{top:0}.review-nav{height:58px;position:relative;display:flex;justify-content:center;text-align:center;align-items:center}.review-nav h2{font-size:17px;line-height:23px;font-weight:600;margin:0}.review-nav p{font-size:13px;color:#b4ac99;margin:4px 0 0;line-height:18px}.review-back{position:absolute;left:8px;top:12px;color:#dfd3bb;width:24px;height:24px}.review-nav svg,.review-navigation svg{width:24px;height:24px;display:block}.player{font-size:13px;line-height:18px;color:#b4ac99;margin:0;padding:4px 16px}.player-black{padding-top:4px}.review-bottom{top:calc(var(--board-size) + 82px)}.player-white{padding-top:8px;padding-bottom:12px}.move-context{border-radius:12px;background:#1e1d17;padding:12px;margin:0 16px}.move-context strong{display:block;font-size:17px;line-height:23px;color:#b4ac99;font-weight:600;margin-bottom:8px}.move-context>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-family:PlexMono,monospace;font-size:15px;line-height:20px}.move-context small{font:11px Plex,sans-serif;color:#9e9682;margin-right:4px}.move-context b{font-weight:600;color:#b4ac99}.list-title{display:flex;justify-content:space-between;align-items:center;margin:20px 16px 8px}.list-title h3{font-size:14px;font-weight:600;margin:0}.list-title>span{font:12px PlexMono,monospace;color:#9e9682}.review-moves{margin:0 16px;border-radius:12px;overflow:hidden;background:#1e1d17}.move-row{display:grid;grid-template-columns:34px 1fr 1fr;align-items:center;padding:4px 8px;gap:4px;min-height:40px;font:15px PlexMono,monospace}.move-row+.move-row{border-top:1px solid rgba(240,233,218,.1)}.move-row>span{padding:8px;border-radius:8px}.move-row>span:first-child{padding:0;color:#9e9682;font-size:13px}.move-row .selected{background:#dfd3bb1f;color:#dfd3bb}.review-navigation{margin:16px 16px 0;display:flex;justify-content:space-around;border-top:1px solid rgba(240,233,218,.1);padding-top:8px}.review-navigation button{width:44px;height:44px;display:flex;justify-content:center;align-items:center;color:#dfd3bb;pointer-events:auto}.review-navigation button:disabled{color:#5a5449;cursor:default}@media(max-height:760px){.review-moves .move-row:first-child{display:none}.list-title{margin-top:12px}.review-navigation{margin-top:8px}.review-nav p{font-size:11px}.move-context{padding:8px 12px}}#product-environment{position:absolute;inset:0;background:#14130f;z-index:0;opacity:0;pointer-events:none}.classification-badge{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--badge-size);height:var(--badge-size);border-radius:8px;font:600 11px/13px Plex,sans-serif}.context-heading #review-verdict{display:flex;align-items:center;gap:8px;color:#f0e9da}.context-heading #review-verdict[hidden],#review-list-verdict[hidden],#review-current-label[hidden]{display:none}#move-83{display:flex;align-items:center;gap:8px}#review-list-verdict{display:inline-flex}#story-focus{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(ellipse 390px 320px at var(--focus-x) var(--focus-y),transparent 12%,rgba(9,12,8,.72) 100%)}#story-cue{position:absolute;left:0;top:0;z-index:4;pointer-events:none;opacity:0;white-space:nowrap;color:#ddd0ad;font:600 10px/18px Plex,sans-serif;letter-spacing:1.6px;text-shadow:0 1px 12px #10120e}#knight-bridge{position:absolute;z-index:4;width:auto;transform:translate(-50%,-50%);pointer-events:none;opacity:0;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(0,0,0,.22))}#brand-ending{position:absolute;inset:0;z-index:4;pointer-events:none;visibility:hidden;color:#f0e9da;text-align:center}#brand-mark{position:absolute;width:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 7px 21px rgba(0,0,0,.24))}#brand-identity{position:absolute;left:0;right:0;opacity:0;transform:translateY(16px)}#brand-identity h2{font:400 clamp(38px,4vw,58px)/1.1 Plex,sans-serif;letter-spacing:-2.5px;margin:0}#brand-identity p{font:400 clamp(17px,1.65vw,22px)/1.4 Literata,Georgia,serif;color:#b4ac99;margin:18px 0 29px}#app-store-cta{display:inline-block;width:150px;height:auto;pointer-events:none;text-decoration:none;visibility:hidden}#app-store-cta img{display:block;width:100%;height:auto}#app-store-cta:focus-visible{outline:2px solid #ddd1bc;outline-offset:8px}#threshold{position:relative;z-index:2;isolation:isolate;height:125svh;min-height:900px;overflow:visible;background:#20251d;color:#eee7d7}#threshold:after{content:"";position:absolute;inset:auto 0 0;height:420px;background:linear-gradient(to bottom,transparent,#11150f);pointer-events:none;z-index:-1}.threshold-inner{position:sticky;top:0;display:flex;flex-direction:column;width:min(100%,1600px);height:100svh;min-height:750px;margin:auto;padding:30px clamp(28px,5.2vw,86px) 37px}.threshold-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;color:#dcd7c7}.threshold-brand,.site-footer-brand{display:inline-flex;align-items:center;gap:10px;font:400 25px/1 Plex,sans-serif;letter-spacing:-.8px;white-space:nowrap}.site-brand-mark{display:block;width:auto;height:31px;flex:none}#threshold #download-route{display:inline-flex;align-items:center;gap:19px;min-height:44px;padding:7px 0;border:0;border-bottom:1px solid #939783;background:transparent;color:#eee7d7;font:600 12px/1 Plex,sans-serif;white-space:nowrap;cursor:pointer;transition:color .2s ease,border-color .2s ease}#threshold #download-route:hover{color:#fff6e6;border-color:#e8dfca}#threshold #download-route span{font-size:17px;font-weight:400}#threshold #download-route:focus-visible,#site-footer a:focus-visible{outline:2px solid #d6c49c;outline-offset:6px}.type-stage{position:relative;display:grid;flex:1;min-height:0;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr))}#threshold-title{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));margin:0;font:400 clamp(64px,6.74vw,97px)/1 Literata,Georgia,serif;letter-spacing:-.044em;pointer-events:none}.type-line{display:block;align-self:end;width:max-content;max-width:none;white-space:nowrap;color:#eae3d5;transform-origin:left center;will-change:transform,opacity;transition:color .32s ease}.line-one{grid-column:1/4;grid-row:2/3}.line-two{grid-column:3/6;grid-row:4/5}.line-three{grid-column:1/6;grid-row:6/7}.threshold-deck{grid-column:7/9;grid-row:2/4;align-self:start;margin:0;max-width:none;color:#c9cbbb;font:400 clamp(16px,1.25vw,19px)/1.65 Plex,sans-serif;will-change:transform,opacity}.threshold-cue{grid-column:1/2;grid-row:8/9;align-self:end;display:inline-flex;align-items:center;gap:18px;width:max-content;margin-bottom:10px;color:#aeb39f;font:500 11px/1.4 Plex,sans-serif;will-change:opacity}.threshold-cue span{font-size:18px;font-weight:400;color:#ded6bf}#site-footer{background:#151a12;border-top:1px solid #343c30;color:#a9ac99}.site-footer-inner{max-width:1600px;margin:auto;padding:34px clamp(28px,5.2vw,86px) 36px}.site-footer-top,.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer-brand{font-size:22px;letter-spacing:-.7px;color:#e7dfce}.site-footer-brand .site-brand-mark{height:27px}#site-footer nav{display:flex;gap:clamp(20px,3vw,48px)}#site-footer a{color:#c6c7b7;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}#site-footer a:hover{color:#f0e7d5;border-color:#c6c7b7}.site-footer-bottom{margin-top:38px;padding-top:18px;border-top:1px solid #343c30;font:400 11px/1.6 Plex,sans-serif}.site-footer-bottom p{margin:0}.site-footer-bottom span{white-space:nowrap}.site-footer-bottom p span{padding:0 5px;color:#777f70}@media(max-width:1100px){#threshold-title{font-size:clamp(53px,6.7vw,74px)}.threshold-deck{font-size:15px}}@media(max-width:760px){#threshold{height:auto;min-height:100svh}.threshold-inner{position:relative;height:auto;min-height:100svh;padding:22px 26px 30px}.threshold-brand{font-size:23px}.type-stage{display:block;padding:clamp(75px,12vh,120px) 0 0}#threshold-title{position:relative;display:block;font-size:clamp(44px,9vw,68px);line-height:1.1}.type-line{width:auto;white-space:normal;will-change:auto}.line-two{margin-left:clamp(18px,6vw,45px)}.threshold-deck{max-width:500px;margin:52px 0 0;font-size:16px;will-change:auto}.threshold-cue{margin-top:85px;margin-bottom:0;will-change:auto}.site-footer-top,.site-footer-bottom{align-items:flex-start;flex-direction:column}.site-footer-bottom{margin-top:25px}.site-footer-inner{padding:32px 26px}}@media(max-width:480px){.threshold-inner{padding-inline:20px}#threshold-title{font-size:clamp(42px,10.6vw,53px)}.threshold-deck{margin-top:40px}.threshold-cue{margin-top:65px}#site-footer nav{flex-wrap:wrap;gap:15px 24px}.site-footer-inner{padding-inline:20px}}@media(prefers-reduced-motion:reduce){.type-line,#threshold #download-route,#site-footer a{transition:none}.type-line,.threshold-deck,.threshold-cue{will-change:auto}}:root{--out:cubic-bezier(.22,1,.36,1)}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #ddd1bc;outline-offset:5px}.skip-link{position:fixed;z-index:100;left:16px;top:12px;padding:14px 18px;background:#ddd1bc;color:#20251d;transform:translateY(-150%);border-radius:6px}.skip-link:focus{transform:translateY(0)}.threshold-brand,.site-footer-brand{text-decoration:none}.site-brand-mark{object-fit:contain}.threshold-cue{text-decoration:none;min-height:44px}.beat h2{font-family:Literata,Georgia,serif;font-size:52px;font-weight:400;letter-spacing:-2px;line-height:1.3;margin:12px 0}.beat h2 span{font-size:30px;color:#bca472;margin-left:8px}#journey{position:relative;min-height:100svh;background:#151a12}#viewport{visibility:hidden;position:absolute;inset:0;min-height:600px}body[data-cinematic=loading] #viewport,body[data-cinematic=ready] #viewport{visibility:visible;position:relative}body[data-cinematic=loading] #viewport{opacity:0}.cinematic-fallback{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#e7dfce}body[data-cinematic=loading] .cinematic-fallback{position:absolute;inset:0;z-index:6;pointer-events:none}body[data-cinematic=ready] .cinematic-fallback{display:none}.cinematic-fallback figure{margin:0;width:min(100%,400px)}.poster-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:8px solid #292e23;border-radius:5px;overflow:hidden}.poster-square{aspect-ratio:1;display:grid;place-items:center}.poster-square.light{background:#d3cdb4}.poster-square.dark{background:#667a57}.poster-square img{width:88%;height:88%}.cinematic-fallback figcaption{font:400 24px/1.5 Literata,Georgia,serif;text-align:center;margin-top:24px}.cinematic-fallback figcaption span{font:400 14px/1.6 Plex,system-ui,sans-serif;color:#c9cbbb}.cinematic-fallback>p{font-size:12px;line-height:1.6;max-width:390px;text-align:center;color:#b4ac99}.product-copy{padding:110px clamp(24px,6vw,96px);max-width:1500px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,140px)}.eyebrow{font-size:12px;color:#c5b58c}.copy-intro h2,.download-section h2{font:400 clamp(32px,3.7vw,52px)/1.2 Literata,Georgia,serif;letter-spacing:-.035em;margin:22px 0}.copy-intro>p:last-child{max-width:430px;font-size:17px;line-height:1.8;color:#c9cbbb}.feature-list{margin:0}.feature-list>div{padding:26px 0;border-top:1px solid #3c4134}.feature-list dt{font:600 19px/1.5 Plex,system-ui,sans-serif}.feature-list dd{margin:10px 0 0;max-width:490px;color:#b4ac99;line-height:1.8;font-size:16px}.download-section{padding:80px 24px 100px;text-align:center;background:#20251d}.download-section>img{object-fit:contain}.download-section>p{color:#c9cbbb;line-height:1.7}.store-badge{display:inline-block;min-height:54px;margin:20px 0}.store-badge img{display:block}.free-note{max-width:450px;margin:16px auto 0;font-size:13px}#site-footer .site-footer-bottom>span{white-space:normal;text-align:right}#app-store-cta{min-height:44px}#brand-identity p{margin-top:12px;margin-bottom:22px}#threshold #download-route{transition:color .2s var(--out),border-color .2s var(--out)}@media(max-width:760px){.product-copy{grid-template-columns:1fr;gap:28px;padding-block:65px}.copy-intro h2{font-size:36px}.download-section{padding-block:60px}#site-footer .site-footer-bottom>span{text-align:left}.beat h2{font-size:38px}}@media(max-height:760px){#viewport .review-top .player{padding-top:0}#viewport .move-context strong{font-size:14px;line-height:18px}#viewport .list-title{margin-block:8px 4px}#viewport .review-navigation{margin-top:4px;padding-top:4px}#viewport .review-nav{height:54px}#viewport .beat{bottom:110px}.beat h2{font-size:34px}#viewport footer{bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}#viewport{display:none!important}.type-line,.threshold-deck,.threshold-cue{will-change:auto!important}}@media(max-height:619px){#viewport{display:none!important}.cinematic-fallback{display:flex!important;position:relative!important;min-height:560px}#threshold,.threshold-inner{min-height:620px}}@media(max-height:760px){#viewport .move-context>div{font-size:12px;line-height:18px;gap:6px}#review-notation,#review-best{white-space:nowrap}#viewport .move-context small{font-size:9px;margin-right:2px}}
