:root{--bg:#090a09;--panel:#151613;--ink:#f0eee5;--muted:#b0b1a7;--line:#494c40;--accent:#d5f878;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a,summary{touch-action:manipulation}button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 16px;border-radius:5px;cursor:pointer}button:hover,a:hover{color:var(--accent)}button:disabled{opacity:.45;cursor:default}button:disabled:hover{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1440px;margin:auto}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:-.8px}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav button{font-size:11px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:25px;padding:28px 44px 48px;align-items:center}.hero-copy{padding-top:50px}.eyebrow,.micro{font:10px/1.6 'Courier New',monospace;letter-spacing:1.5px;color:var(--muted)}.eyebrow{margin:0 0 25px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px}h1{font-size:clamp(64px,7.2vw,103px);font-weight:900;line-height:.91;letter-spacing:-6.7px;margin:0 0 30px}em{font-style:normal}h1 em{-webkit-text-stroke:1px var(--ink);color:transparent}.lead{font-size:21px;line-height:1.45;color:var(--muted);margin:0 0 30px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:17px 21px;border-radius:4px;font-size:13px;font-weight:700}.primary:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.hero-copy>.micro{margin-top:16px;font-size:8px}.hero-note{display:flex;align-items:center;gap:24px;margin-top:65px;border-top:1px solid var(--line);max-width:340px;padding-top:22px}.hero-note>span{font-size:28px;font-weight:900;letter-spacing:-1px}.hero-note p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.hero-right{position:relative;min-width:0}.object-wrap{height:265px;position:relative;overflow:hidden}.dial-art{width:100%;height:340px;object-fit:contain;position:absolute;bottom:-30px;filter:drop-shadow(0 15px 20px #000)}.art-label{position:absolute;top:12px;right:0;font:8px 'Courier New',monospace;letter-spacing:1px;color:var(--muted)}.practice{position:relative;background:linear-gradient(135deg,#1b1d17,var(--panel));border:1px solid var(--line);border-radius:10px;padding:22px 25px}.practice-top{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:20px}.practice-top select{font-size:11px;color:var(--ink);background:#20221b;border:1px solid #737966;padding:7px 10px;border-radius:4px;max-width:160px}.practice-top>span{margin-left:auto;font:11px 'Courier New',monospace;color:var(--accent)}.practice .eyebrow{font-size:8px;color:var(--accent);margin-bottom:10px}.practice h2{font-size:24px;letter-spacing:-.7px;line-height:1.12;margin:0 0 8px;min-height:54px}.hint{font-size:11px;line-height:1.6;color:var(--muted)}.practice .hint{margin:8px 0 16px;min-height:34px}.probability-label{display:flex;align-items:center;justify-content:space-between}.probability-label label{font-size:12px}.probability-label output{font-size:38px;letter-spacing:-2px;font-weight:900;font-variant-numeric:tabular-nums}.probability-label output span{font-size:17px;letter-spacing:0;color:var(--muted);margin-left:2px}input[type=range]{accent-color:var(--accent);width:100%;margin:12px 0 4px;cursor:pointer;min-height:20px}.range-labels{display:flex;justify-content:space-between;font:8px 'Courier New',monospace;color:var(--muted)}#feedback{font-size:11px;color:var(--muted);line-height:1.5;margin:14px 0;min-height:33px}#feedback.resolved{color:var(--accent)}.practice .primary{width:100%;padding:14px 18px}.principles{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:23px 44px;font-size:12px;color:var(--muted)}.principles b{font:10px 'Courier New',monospace;color:var(--ink);margin-right:16px}.record{padding:90px 44px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}h2{font-size:clamp(34px,4.2vw,60px);font-weight:900;line-height:.98;letter-spacing:-2.7px;margin:0}.section-heading>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.record-grid{display:grid;grid-template-columns:330px 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel)}.total{padding:30px;border-right:1px solid var(--line)}.total>strong{font-size:85px;letter-spacing:-6px;line-height:1.15;display:block;font-variant-numeric:tabular-nums;margin-top:14px}.total>p{font-size:11px;line-height:1.6;color:var(--muted);min-height:35px}.baseline{margin:30px 0 10px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.baseline b{color:var(--accent)}.total .hint{font-size:10px}.receipts{padding:28px 30px;min-width:0}.table-head,.receipt-row{display:grid;grid-template-columns:1fr 90px 70px;gap:15px;align-items:center}.table-head{font:8px 'Courier New',monospace;letter-spacing:1px;color:var(--muted);padding-bottom:8px}.table-head>span:last-child{text-align:right}.receipt-row{padding:19px 0;border-bottom:1px solid var(--line)}.receipt-row small{font:8px 'Courier New',monospace;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:9px}.receipt-row b{font-size:16px}.receipt-row>span{font:11px 'Courier New',monospace}.receipt-row strong{text-align:right;font-size:22px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.receipt-row.finished strong{color:var(--accent)}.record-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.record-actions button{font-size:10px;padding:10px 12px}details{margin-top:15px;border:1px solid var(--line);border-radius:6px}summary{padding:20px 25px;display:flex;justify-content:space-between;cursor:pointer;font-size:12px;list-style:none}.math{padding:0 25px 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;font-size:13px;line-height:1.8;color:var(--muted)}.math p:last-child{grid-column:1/-1;font-size:11px}.rulebook{background:var(--ink);color:var(--bg);padding:70px 44px}.rulebook .eyebrow{color:#54594b}.rulebook em{color:#68724f}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.rules article{border-top:1px solid #b8bcae;padding-top:20px}.rules article>span{font:10px 'Courier New',monospace;letter-spacing:1px}.rules h3{font-size:31px;letter-spacing:-1.1px;line-height:1.1;margin:25px 0 18px}.rules p{font-size:13px;color:#4b5045;line-height:1.75}.rule-foot{font:8px/1.7 'Courier New',monospace;letter-spacing:1px;margin:45px 0 0;color:#4b5045}.film{padding:80px 44px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:50px}.film h2{font-size:44px}.film p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.7}.film a{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:5px}.film video{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.closing{text-align:center;padding:60px 20px 90px}.closing h2{font-size:clamp(72px,11vw,145px);letter-spacing:-7px;line-height:.86;margin:0 0 35px}footer{border-top:1px solid var(--line);padding:30px 44px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font-size:10px;line-height:1.7;color:var(--muted)}footer>span{font:8px 'Courier New',monospace;color:var(--muted)}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;max-width:550px;width:calc(100% - 32px);padding:40px}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}dialog>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.75}dialog .close{position:absolute;top:10px;right:10px;padding:4px 10px;font-size:22px}.boot #site{visibility:hidden}#intro[hidden]{display:none}#intro{position:fixed;inset:0;z-index:20;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}#skip{position:absolute;top:25px;right:28px;z-index:3;font-size:11px}#intro>p{position:absolute;bottom:26px;font:9px 'Courier New',monospace;letter-spacing:2px}.opening-object{position:relative;width:min(800px,85vw);height:440px;display:flex;align-items:center;justify-content:center}.opening-object i{position:absolute;width:370px;height:370px;border:1px solid var(--line);border-radius:50%;transform:scale(.2);opacity:0;animation:ring 7s both}.opening-object i:nth-child(2){width:300px;height:300px;animation-delay:.5s;border-width:12px;border-color:#363a2f}.opening-object i:nth-child(3){width:235px;height:235px;animation-delay:1s;border-color:var(--accent)}.needle{width:150px;height:4px;background:var(--ink);position:absolute;left:50%;transform-origin:left;animation:needle 7s both;box-shadow:0 0 30px #ffffff30}.opening-caption{position:absolute;top:0;font:10px 'Courier New',monospace;letter-spacing:3px;animation:caption 10s both}.opening-object:after{content:'';position:absolute;width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:-100px 40px var(--ink),100px -40px var(--ink);animation:markers 7s both}.opening-object strong{position:absolute;font-size:clamp(45px,10vw,120px);letter-spacing:-5px;text-shadow:0 8px 30px #000;animation:brand 10s both;line-height:1}.opening-object strong span{font:10px 'Courier New',monospace;letter-spacing:3px;text-align:center;display:block;margin-top:24px}@keyframes ring{0%{opacity:0;transform:scale(.1) rotateX(65deg)}30%,65%{opacity:1;transform:scale(1) rotateX(0)}100%{opacity:.18;transform:scale(2.5) rotateX(60deg)}}@keyframes needle{0%,15%{opacity:0;transform:rotate(-170deg) scaleX(.1)}30%{opacity:1}65%{opacity:1;transform:rotate(-40deg) scaleX(1)}85%,100%{opacity:0;transform:rotate(-40deg) scaleX(1.5)}}@keyframes markers{0%,45%{opacity:0;transform:translateY(-80px)}65%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(90px)}}@keyframes caption{0%,45%{opacity:1}60%,100%{opacity:0}}@keyframes brand{0%,64%{opacity:0;transform:translateY(20px)}80%,100%{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:50px}.object-wrap{height:290px}.hero-copy{padding-top:0}}
@media(max-width:1000px){header{padding:0 25px}nav{gap:18px}nav a:first-child{display:none}.hero{padding:20px 25px 35px;gap:25px;grid-template-columns:1fr 1fr}h1{font-size:7.1vw;letter-spacing:-4px}.lead{font-size:18px}.hero-copy{padding-top:15px}.practice{padding:20px}.practice-top{gap:7px}.practice-top>.micro{display:none}.practice h2{font-size:22px}.object-wrap{height:225px}.dial-art{height:300px}.hero-note{margin-top:50px}.record,.rulebook,.film{padding:65px 25px}.record-grid{grid-template-columns:260px 1fr}.total{padding:25px}.receipts{padding:25px 20px}.table-head,.receipt-row{grid-template-columns:1fr 60px 55px;gap:10px}.film{gap:30px}.film h2{font-size:35px}.rules{gap:28px}.principles{padding:23px 25px}.section-heading>p{font-size:11px}footer{padding:25px}}
@media(max-width:680px){header{height:72px;padding:0 20px}.brand{font-size:18px}nav{gap:10px}nav a:not(:last-of-type),nav button{display:none}nav a{font-size:10px}.hero{display:flex;flex-direction:column;padding:35px 20px 30px;gap:0;align-items:stretch}.hero-copy{padding:0}h1{font-size:clamp(52px,12vw,82px);letter-spacing:-3.8px;line-height:.9}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:22px}.hero-copy .lead{font-size:18px;margin-bottom:22px}.hero-note{display:none}.hero-copy>.primary{padding:14px 18px}.object-wrap{height:225px;margin-top:-15px}.dial-art{height:300px;bottom:-25px}.art-label{top:35px;font-size:7px}.practice{padding:21px}.practice-top>.micro{display:inline;font-size:8px;letter-spacing:1px}.practice h2{font-size:25px;min-height:0}.practice .hint{min-height:0}.principles{padding:20px;gap:15px;align-items:flex-start}.principles>span{font-size:10px;line-height:1.5;flex:1}.principles b{display:block;margin:0 0 6px}.record,.rulebook{padding:55px 20px}.section-heading{display:block}.section-heading>p{margin-top:23px}.record-grid{grid-template-columns:1fr}.total{border-right:0;border-bottom:1px solid var(--line);padding:25px}.total>strong{font-size:72px;margin-top:5px}.total>p{min-height:0}.baseline{margin-top:20px}.receipts{padding:24px 18px}.table-head{font-size:7px}.table-head,.receipt-row{grid-template-columns:1fr 55px 52px;gap:8px}.receipt-row b{font-size:15px}.receipt-row strong{font-size:20px}.record-actions{gap:7px}.record-actions button{font-size:9px;padding:10px}.math{grid-template-columns:1fr;padding:0 20px 18px;font-size:12px;gap:0}.math p:last-child{grid-column:auto}summary{padding:18px 20px}.rules{grid-template-columns:1fr;gap:25px;margin-top:40px}.rules article{display:grid;grid-template-columns:1fr 1.1fr;gap:10px 20px}.rules article>span{grid-column:1/-1}.rules h3{font-size:26px;margin:14px 0}.rules p{font-size:12px;margin:10px 0}.rule-foot{margin-top:30px;font-size:7px}.film{grid-template-columns:1fr;padding:55px 20px;gap:25px}.film h2{font-size:39px}.closing{padding:25px 20px 65px}.closing h2{letter-spacing:-4px}footer{display:block;padding:25px 20px}footer p{margin:20px 0}dialog{padding:35px 25px}.opening-object{height:340px}.opening-object i{width:270px;height:270px}.opening-object i:nth-child(2){width:220px;height:220px}.opening-object i:nth-child(3){width:170px;height:170px}.opening-object strong{letter-spacing:-2px}.opening-object strong span{font-size:7px;letter-spacing:1px}.opening-caption{font-size:8px;letter-spacing:1px}#intro>p{font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.dial-art{height:100%;bottom:0}