:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#191713;--ink:#f1e9d9;--muted:#a59d8f;--blue:#c6a66a}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:7px}.page{background:radial-gradient(at 50% 43%,#6b50351f 0%,#0000 55%);flex-direction:column;min-height:100svh;display:flex}.site-header{text-align:center;border-bottom:1px solid #c6a66a18;padding:28px 20px 24px;position:relative}.brand{color:var(--ink);letter-spacing:-.5px;font-family:Georgia,Times New Roman,serif;font-size:29px;text-decoration:none}.author{text-transform:uppercase;letter-spacing:1.85px;color:#a89a81;margin:11px 0 0;font-size:11px}main{flex:1;grid-template-columns:minmax(0,1fr);place-items:center;padding:38px 24px 30px;display:grid}.oracle{text-align:center;width:100%;max-width:680px}h1{letter-spacing:-1px;margin:14px 0 17px;font:44px/1.18 Georgia,Times New Roman,serif}.introduction p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.domino-stage{isolation:isolate;perspective:900px;place-items:center;height:340px;padding:26px 0 17px;display:grid;position:relative}.domino{z-index:1;cursor:pointer;background:linear-gradient(110deg,#f4efd7 0%,#e9e2c6 43%,#eee8d0 70%,#e2dcc3 100%);border:1px solid #c8c1a8;border-radius:15px;flex-direction:column;width:126px;height:250px;padding:5px 4px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;transform:rotate(-1deg);box-shadow:inset 2px 2px 3px #fffceb,inset -2px -2px 4px #b6ae8e88,2px 3px #5b594b,3px 4px 2px #47463b55,12px 20px 40px #0007}.domino:after{content:"";border-radius:inherit;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' 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%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.domino:hover:not(:disabled){transform:translateY(-4px)rotate(1deg)}.domino:disabled{cursor:wait}.domino-face{flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;gap:8px;padding:21px 16px;display:grid}.pip,.pip-space{width:15px;height:15px}.pip{background:radial-gradient(circle at 62% 70%,#34382d 0%,#25291f 45%,#12150f 78%);border-radius:50%;box-shadow:inset 0 1px 2px #0009,0 1px 1px #ffffe6}.divider{background:#3e4034;flex:0 0 3px;width:100%;box-shadow:0 1px #fffbed,inset 0 1px 1px #0005}.ground-shadow{filter:blur(8px);background:#0008;border-radius:50%;width:100px;height:13px;position:absolute;bottom:21px}.result h2{letter-spacing:.5px;margin:7px 0 10px;font-family:Georgia,serif;font-size:29px;font-weight:500;line-height:34px}.result p{max-width:390px;color:var(--muted);margin:0 auto 23px;font-size:13px;line-height:1.7}.entry{white-space:nowrap}.draw-button{color:#e4c995;cursor:pointer;background:#c6a66a09;border:1px solid #b59861;border-radius:3px;justify-content:center;align-items:center;gap:12px;width:324px;max-width:100%;min-height:52px;padding:14px 20px;font-size:15px;font-weight:400;transition:background .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff18,0 2px 3px #23465a0a}.draw-button:hover:not(:disabled){background:#c6a66a19;transform:translateY(-1px)}.draw-button:active:not(:disabled){transform:translateY(1px)}.draw-button:disabled{cursor:wait;background:#c6a66a08;border-color:#796748}.shuffle-icon{opacity:.8;flex-shrink:0}.fairness{color:#8d8476;margin:21px 0 0;font-size:12px;line-height:1.8}footer{color:#8d8476;letter-spacing:.15px;border-top:1px solid #c6a66a18;justify-content:center;align-items:center;gap:10px;min-height:70px;padding:20px;font-size:12px;display:flex}.footer-ornament{color:#c6a66a;font-size:17px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ground-shadow.is-shaking{animation:.78s both shadow-shake}.spinning{animation:.78s ease-in-out shuffle}@keyframes shake{0%,to{transform:translate(0)rotate(-1deg)}12%{transform:translate(-7px,-7px)rotate(-9deg)}25%{transform:translate(9px,-11px)rotate(11deg)}38%{transform:translate(-11px,-8px)rotate(-13deg)}51%{transform:translate(10px,-12px)rotate(12deg)}64%{transform:translate(-7px,-6px)rotate(-8deg)}77%{transform:translate(5px,-4px)rotate(5deg)}90%{transform:translate(-2px,-1px)rotate(-3deg)}}@keyframes shadow-shake{0%,to{opacity:1;transform:scale(1)}45%{opacity:.5;transform:scale(.8)}}@keyframes shuffle{50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.brand-star{color:#c6a66a;margin-bottom:8px;font-size:25px;display:block}h1 em{color:#d7ba80;font-weight:400}.introduction .eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:#c6a66a;font-size:9px}.introduction>p:last-child{font-size:13px}.domino-stage:before{content:"";z-index:-1;background:radial-gradient(#c99f5630,#b98d3210 40%,#0000 70%);border-radius:50%;width:320px;max-width:100%;height:320px;position:absolute}.orbit{z-index:-1;border:1px solid #c6a66a18;border-radius:50%;width:282px;max-width:100%;height:282px;position:absolute}.orbit-two{border-style:dashed;border-color:#c6a66a0c;width:318px;height:318px}.stage-star{color:#b99a60;background:#211c15;font-size:18px;position:absolute;top:85px;right:calc(50% - 146px)}.result-label{text-transform:uppercase;letter-spacing:2.2px;color:#b09b75;font-size:9px}.redraw-link{color:#a99d89;cursor:pointer;background:0 0;border:0;margin:15px auto 0;padding:5px 10px;font-size:11px;display:block}.redraw-link span{color:#c6a66a;margin-left:6px}.redraw-link:hover{color:#e4c995}.redraw-link:disabled{opacity:.45;cursor:wait}.domino.is-shaking{animation:.78s both ritual-shake}.result.is-revealing{animation:.48s ease-out both text-reveal}@keyframes ritual-shake{0%{transform:rotate(-1deg)}14%{transform:translate(-7px,-6px)rotate(-10deg)}28%{transform:translate(8px,-10px)rotate(11deg)}42%{transform:translate(-8px,-7px)rotate(-11deg)}56%{transform:translate(6px,-6px)rotate(8deg)}70%{transform:rotate(-1deg)rotateY(0)}to{transform:rotate(-1deg)rotateY(90deg)}}@keyframes reveal{0%{transform:rotate(-1deg)rotateY(-90deg)}to{transform:rotate(-1deg)rotateY(0)}}@keyframes text-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.domino.is-shaking,.domino.is-revealing,.result.is-revealing{animation:none}}html{-webkit-text-size-adjust:100%}.page{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.site-header{padding:clamp(16px,3vh,28px) 16px clamp(16px,2.5vh,24px)}.brand{font-size:clamp(24px,4.5vw,29px)}main{padding:clamp(22px,4vh,38px) clamp(16px,4vw,32px) 26px}.oracle{min-width:0}h1{text-wrap:balance;font-size:clamp(28px,5vw,44px)}.introduction p,.result p,.fairness{text-wrap:pretty}.domino-stage{--tile-width:clamp(104px, 15vw, 126px);height:clamp(260px,36svh,350px)}.domino{width:var(--tile-width);aspect-ratio:1/2;flex-shrink:0;height:auto}.domino-face{gap:5px;min-height:0;padding:16% 14%}.pip,.pip-space{aspect-ratio:1;width:clamp(12px,1.8vw,15px);height:auto}.orbit{aspect-ratio:1;width:min(282px,90%);height:auto}.orbit-two{width:min(318px,100%)}.domino-stage:before{aspect-ratio:1;width:min(340px,100%);height:auto}.stage-star{top:22%;right:max(0px,50% - 146px)}.ground-shadow{bottom:calc(50% - var(--tile-width) - 18px)}.draw-button{touch-action:manipulation;width:min(324px,100%);min-height:52px}.redraw-link{touch-action:manipulation;min-height:44px;margin-top:6px;font-size:12px}.fairness{margin-top:12px;font-size:11px}footer{text-align:center;padding-bottom:max(18px, env(safe-area-inset-bottom))}@media (max-width:600px){.brand-star{margin-bottom:5px;font-size:21px}.author{margin-top:8px;font-size:9px}h1{margin:11px 0 12px}.introduction .eyebrow{letter-spacing:1.6px;font-size:8px}.introduction>p:last-child{max-width:290px;margin-inline:auto;font-size:12px}.domino-stage{--tile-width:clamp(104px, 28vw, 118px);height:clamp(240px,32svh,290px)}.orbit{width:min(248px,88%)}.orbit-two{width:min(276px,98%)}.stage-star{right:max(0px,50% - 123px)}.result h2{margin:5px 0 8px;font-size:27px}.result p{max-width:310px;margin-bottom:17px;font-size:12px}.draw-button{font-size:14px}.fairness{font-size:10px;line-height:1.8}footer{min-height:56px;padding-top:16px;font-size:11px}}@media (max-width:360px){.introduction .eyebrow{max-width:230px;margin-inline:auto;line-height:1.8}.fairness br{display:none}}@media (min-width:650px) and (max-height:600px){.site-header{padding-block:12px}.brand-star{display:none}.brand{font-size:24px}.author{margin-top:5px;font-size:9px}main{padding-block:18px}.oracle{grid-template-columns:minmax(210px,1fr) minmax(0,1.3fr);align-items:center;column-gap:24px;display:grid}.introduction{grid-column:1/-1;margin-bottom:12px}h1{margin-block:7px;font-size:28px}h1 br{display:none}h1 em{margin-left:.22em}.introduction .eyebrow{font-size:8px}.domino-stage{--tile-width:104px;grid-area:2/1/6;height:260px}.result,.draw-button,.redraw-link,.fairness{grid-column:2}.draw-button{justify-self:center}.result p{margin-bottom:12px}.fairness{margin-top:4px;font-size:10px}.fairness br{display:none}footer{min-height:45px;padding-block:12px}}.domino-stage{--spread:clamp(65px, 20vw, 120px)}.shuffle-scene{perspective:850px;pointer-events:none;transform-style:preserve-3d;z-index:2;position:absolute;inset:0}.shuffle-tile{left:calc(50% - var(--tile-width) / 2);top:calc(50% - var(--tile-width) + 4.5px);width:var(--tile-width);aspect-ratio:1/2;transform-style:preserve-3d;will-change:transform, opacity;position:absolute}.tile-back{background:linear-gradient(115deg,#f5efd9,#e5dcc0 65%,#eee6cc);border:1px solid #c8c1a8;border-radius:15px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 2px 2px 3px #fffceb,inset -2px -2px 4px #b6ae8e88,3px 3px #8a8066,5px 5px #5b5342,10px 18px 28px #0006}.tile-back:before{content:"";border:1px solid #b8a27566;border-radius:8px;position:absolute;inset:10px}.tile-back span{color:#aa9161;text-shadow:0 1px #fff6;font:36px Georgia,serif}.shuffle-tile-0{--x:.15;--y:-12px;--angle:-7deg;--depth:45px;z-index:5}.shuffle-tile-1{--x:-1;--y:-27px;--angle:-23deg;--depth:-55px;z-index:2}.shuffle-tile-2{--x:.95;--y:-20px;--angle:24deg;--depth:-40px;z-index:3}.shuffle-tile-3{--x:-.62;--y:36px;--angle:17deg;--depth:12px;z-index:4}.shuffle-tile-4{--x:.68;--y:38px;--angle:-18deg;--depth:-85px;z-index:1}.is-mixing>.domino,.is-selecting>.domino{visibility:hidden}.is-mixing .shuffle-tile{animation:1.1s cubic-bezier(.4,0,.2,1) both mix-tiles}.is-selecting .shuffle-tile{animation:.5s ease-in both release-tiles}.is-selecting .shuffle-tile-0{animation:.5s cubic-bezier(.2,.7,.2,1) both choose-tile}.domino{transform-style:preserve-3d}.domino-face,.divider{backface-visibility:hidden;transform:translateZ(1px)}.domino-reverse{backface-visibility:hidden;pointer-events:none;transform:rotateY(180deg)translateZ(2px)}.domino.is-revealing{animation:.65s cubic-bezier(.22,.65,.28,1) both reveal-chosen}.interpretation{transition:opacity .25s}.interpretation.is-hidden{opacity:0}@keyframes mix-tiles{0%{opacity:0;transform:translateZ(-45px)rotateY(-65deg)scale(.7)}18%{opacity:1;transform:translate3d(calc(var(--spread) * var(--x)),var(--y),var(--depth)) rotateX(14deg) rotateY(-20deg) rotateZ(var(--angle)) scale(.76)}46%{opacity:1;transform:translate3d(calc(var(--spread) * var(--x) * -1),calc(var(--y) * -.8),calc(var(--depth) * -1)) rotateX(-12deg) rotateY(26deg) rotateZ(calc(var(--angle) * -1)) scale(.76)}73%{opacity:1;transform:translate3d(calc(var(--spread) * var(--x) * .7),calc(var(--y) * 1.25),var(--depth)) rotateX(16deg) rotateY(-22deg) rotateZ(var(--angle)) scale(.76)}to{opacity:1;transform:translate3d(calc(var(--spread) * var(--x)),var(--y),var(--depth)) rotateX(8deg) rotateY(10deg) rotateZ(var(--angle)) scale(.76)}}@keyframes choose-tile{0%{transform:translate3d(calc(var(--spread) * var(--x)),var(--y),var(--depth)) rotateX(8deg) rotateY(10deg) rotateZ(var(--angle)) scale(.76)}to{transform:translate(0,0)rotateX(0)rotateY(0)rotate(-1deg)scale(1)}}@keyframes release-tiles{0%{opacity:1;transform:translate3d(calc(var(--spread) * var(--x)),var(--y),var(--depth)) rotateX(8deg) rotateY(10deg) rotateZ(var(--angle)) scale(.76)}to{opacity:0;transform:translate3d(calc(var(--spread) * var(--x) * 1.1),calc(var(--y) * 1.3),-180px) rotateX(22deg) rotateY(-25deg) rotateZ(calc(var(--angle) * 1.5)) scale(.5)}}@keyframes reveal-chosen{0%{transform:rotate(-1deg)rotateY(180deg)}65%{transform:translateY(-5px)rotate(-1deg)rotateY(-12deg)}to{transform:rotate(-1deg)rotateY(0)}}@media (prefers-reduced-motion:reduce){.shuffle-scene{display:none}.domino.is-revealing,.shuffle-tile{animation:none}}footer{flex-wrap:wrap;gap:5px 28px}.footer-message{align-items:center;gap:10px;display:inline-flex}.sound-toggle{color:#b8a582;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #c6a66a25;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:11px;display:inline-flex}.sound-toggle:hover{color:#ead2a2;background:#c6a66a0c}.sound-toggle[aria-pressed=false]{color:#8d8476}@media (max-width:600px){footer{flex-direction:column;gap:10px}}