:root{--plum:#302033;--cream:#f8eedb;--orange:#df8c46;--ink:#2e2231}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 Georgia,serif}a{color:inherit;text-underline-offset:4px}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:30}.draft{background:var(--plum);color:var(--cream);padding:9px 20px;text-align:center;font:700 11px/1.6 Arial,sans-serif;letter-spacing:1px}.draft span{font-weight:400;margin-left:18px}header,main,footer{max-width:1220px;padding:0 35px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #30203344}.brand{font:900 21px/.95 Arial,sans-serif;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--orange)}nav{display:flex;gap:27px;font:700 13px Arial,sans-serif}nav a{text-decoration:none}.intro{text-align:center;padding:40px 0 26px}.eyebrow{font:700 10px/1.7 Arial,sans-serif;letter-spacing:1.5px}h1{font-size:clamp(48px,6.3vw,78px);font-weight:400;line-height:1.05;letter-spacing:-3px;margin:20px 0}h1 em{color:#995f38}.standfirst{font-size:25px;line-height:1.25;margin:20px 0}.intro>p:last-child{font-size:16px;color:#6d5964}.table-wrap{padding:12px 0}.table{position:relative;border:14px solid #513437;border-radius:130px;background:radial-gradient(ellipse at 50% 30%,#30685c,#153e38 80%);box-shadow:inset 0 0 0 3px #c69a5c,inset 0 0 45px #092923,0 0 0 3px #cead77,0 18px 35px #30203325;padding:24px 65px 25px;color:var(--cream)}.table:before{content:'';position:absolute;inset:24px;border:1px solid #eddbb336;border-radius:100px;pointer-events:none}.table-top{position:relative;display:flex;justify-content:space-between;font:700 9px/1.6 Arial,sans-serif;letter-spacing:2px;color:#e6d2a3;gap:15px;max-width:770px;margin:auto}.deck{position:relative;width:83px;height:118px;margin:19px auto 13px;transform:rotate(-5deg);isolation:isolate}.deck i{position:absolute;inset:0;background:#f4e2bf;border:1px solid #c5ad89;border-radius:5px;box-shadow:0 5px 8px #0003}.deck i:nth-child(1){transform:translate(-8px,7px) rotate(-7deg)}.deck i:nth-child(2){transform:translate(8px,3px) rotate(9deg)}.deck i:nth-child(3){transform:translate(4px,6px) rotate(3deg)}.back{position:relative;width:100%;height:100%;background:repeating-linear-gradient(45deg,#39253a 0 7px,#432b43 7px 8px);border:4px solid #eedab4;outline:1px solid #d5af70;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px #0004}.back span{font:italic 33px Georgia,serif;color:#e9c893}.back small{font:700 7px/1.1 Arial,sans-serif;letter-spacing:1px;text-align:center}.back b{color:var(--orange);font-size:18px;line-height:1.3}.table-whisper{text-align:center;font-style:italic;font-size:13px;color:#ddcdac;margin:9px 0 24px}.hand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:685px;margin:0 auto;position:relative;align-items:start}.slot{aspect-ratio:2/3;border:1px dashed #e7d0a75c;border-radius:9px;display:flex;align-items:center;justify-content:center;position:relative;min-width:0}.slot>span:not(.horse-label){font:italic 48px Georgia,serif;color:#d2c8a53d}.slot.filled{display:block;aspect-ratio:auto;border:none;border-radius:0;padding-bottom:48px}.dealt{display:block;box-shadow:0 9px 18px #001d1a88;animation:deal .48s cubic-bezier(.2,.7,.2,1) both;transform-origin:top center}.dealt:hover{outline:2px solid var(--orange);outline-offset:4px}.dealt img{display:block;width:100%;height:auto;border-radius:4px}.horse-label{display:block;position:absolute;top:calc(100% - 38px);left:-15px;right:-15px;font:700 10px/1.3 Arial,sans-serif;text-align:center;overflow-wrap:anywhere}.horse-label b{display:inline-flex;align-items:center;justify-content:center;background:#eedab4;color:var(--plum);border-radius:50%;width:20px;height:20px;margin-right:4px}.table-rule{text-align:center;margin-top:26px;font:700 8px/1.4 Arial,sans-serif;letter-spacing:2px;color:#c8b996}.shuffling{animation:shuffle .18s ease-in-out infinite alternate}.shuffling i:nth-child(1){transform:translate(-28px,2px) rotate(-18deg)}.shuffling i:nth-child(2){transform:translate(28px,3px) rotate(20deg)}@keyframes shuffle{from{transform:rotate(-10deg) translateX(-5px)}to{transform:rotate(7deg) translateX(5px)}}@keyframes deal{from{opacity:0;transform:translateY(-80px) rotate(-9deg) scale(.7)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}.controls{text-align:center;padding:28px 0 10px}.controls button{border:0;background:var(--plum);color:var(--cream);padding:17px 38px;font:700 15px Arial,sans-serif;cursor:pointer;box-shadow:4px 4px 0 #dba975}.controls button:disabled{opacity:.65;cursor:wait}.controls p{font:12px/1.6 Arial,sans-serif;max-width:800px;margin:17px auto;color:#715d69;min-height:20px}.readings{margin:35px 0}.reading-heading{text-align:center}.reading-heading h2{font-size:40px;line-height:1.1;font-weight:400;margin:15px 0}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.reading-grid article{padding:25px;background:#fff8e9;border-top:3px solid var(--orange)}.number{font-size:60px;line-height:1;color:#a36f44}.reading-grid h3{font-size:24px;line-height:1.15;overflow-wrap:anywhere}.verdict{font-style:italic;color:#865637}.reading-grid a{font:700 12px Arial,sans-serif}.rules{max-width:800px;margin:30px auto 50px;border-top:1px solid #30203344;border-bottom:1px solid #30203344;padding:18px 0;font-size:15px}.rules summary{cursor:pointer;font-weight:bold}.book{margin:40px auto;padding:30px;background:var(--plum);color:var(--cream);display:grid;grid-template-columns:130px 1fr;gap:30px;align-items:center}.book img{width:100%;height:auto;transform:rotate(-3deg);box-shadow:8px 10px 0 #0004}.book h2{font-size:32px;line-height:1.1;font-weight:400}.book p{max-width:700px}.book a{color:#f0b27d;font:700 13px Arial,sans-serif}footer{padding-top:25px;padding-bottom:35px;border-top:1px solid #30203344;font:12px/1.7 Arial,sans-serif}@media(max-width:750px){header,main,footer{padding-left:22px;padding-right:22px}.table{padding:22px 28px;border-width:10px;border-radius:70px}.table:before{inset:15px;border-radius:50px}.hand{gap:20px}.table-top{font-size:8px;letter-spacing:1px}.reading-grid{grid-template-columns:1fr}.reading-grid article{padding:24px}.reading-grid .number{float:left;margin-right:20px}nav{gap:18px}.table-rule{letter-spacing:1px;font-size:7px}}@media(max-width:450px){header,main,footer{padding-left:15px;padding-right:15px}.draft span{display:block;margin-left:0}.brand{font-size:16px}nav{font-size:10px;gap:12px;max-width:190px;flex-wrap:wrap;justify-content:end}.intro{padding-top:26px}h1{font-size:48px;letter-spacing:-2px}.standfirst{font-size:22px}.intro>p:last-child{font-size:14px}.table{padding:20px 10px;border-width:8px;border-radius:45px}.table:before{inset:9px;border-radius:30px}.table-top{padding:0 10px;font-size:6px;letter-spacing:1px}.deck{width:62px;height:89px;margin-top:15px}.back span{font-size:25px}.back small{font-size:5px}.table-whisper{font-size:10px;margin:12px 5px 18px}.hand{gap:10px}.slot{border-radius:4px}.slot>span:not(.horse-label){font-size:29px}.horse-label{font-size:7px;left:0;right:0;line-height:1.3;top:calc(100% - 43px)}.horse-label b{width:16px;height:16px;margin-right:1px}.slot.filled{padding-bottom:51px}.table-rule{font-size:5px;letter-spacing:.8px;margin-top:17px}.controls button{padding:16px 30px}.controls p{font-size:11px}.reading-heading h2{font-size:34px}.book{padding:22px;grid-template-columns:75px 1fr;gap:20px}.book img{align-self:start;margin-top:20px}.book h2{font-size:24px}.book p{font-size:13px}.book .eyebrow{font-size:8px}.book a{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
