@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Fraunces:opsz,wght@9..144,600;9..144,800&family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--felt:#073d36;--felt-2:#0b5147;--wine:#681d2a;--gold:#c9a55b;--cream:#f7f0df;--ink:#20221f;--red:#a6343e;--line:rgba(201,165,91,.55);--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 12%,#176057 0,transparent 27rem),radial-gradient(circle at 88% 60%,#571b2b 0,transparent 31rem),var(--felt);color:var(--cream);font:400 17px/1.6 'Space Grotesk',sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;opacity:.25;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.18) .5px,transparent .7px);background-size:9px 9px}.site-header,main,footer{position:relative;z-index:1}.site-header{min-height:78px;max-width:var(--max);padding:18px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 21px/1 'Fraunces',serif;letter-spacing:-.04em;color:var(--cream);text-decoration:none;white-space:nowrap}.brand em{color:var(--gold);font-style:italic}.brand-mark{color:var(--gold);font-size:18px;margin-right:5px}.site-header nav,footer nav{display:flex;align-items:center;gap:20px}.site-header nav a,footer a,.section-head a,.back-link{color:var(--cream);text-decoration:none;font-size:14px}.site-header nav a:hover,footer a:hover,.section-head a:hover{color:var(--gold)}.nav-guide,.button{border:1px solid var(--gold);padding:10px 15px!important;background:var(--gold);color:var(--ink)!important;font-weight:700}.menu-toggle{display:none}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;z-index:10;background:var(--cream);color:var(--ink);padding:10px}.hero,.section,.page-intro{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding-top:40px;padding-bottom:76px}.eyebrow{font:400 12px/1.2 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin:0 0 13px}h1,h2,h3{font-family:'Fraunces',serif;line-height:1.03;letter-spacing:-.045em;margin:0 0 18px}h1{font-size:clamp(48px,6.2vw,79px);max-width:700px}h1 i{color:var(--gold);font-style:italic}h2{font-size:clamp(33px,4vw,52px)}h3{font-size:28px}.lead{font-size:20px;max-width:620px;color:#e7dfce}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.button{display:inline-block;text-decoration:none;cursor:pointer;font:700 15px 'Space Grotesk',sans-serif;min-height:44px}.button-quiet{background:transparent;color:var(--cream)!important}.button:hover{background:var(--cream);border-color:var(--cream);color:var(--ink)!important}.hero-note{font:12px 'DM Mono',monospace;color:#bdc7b6}.hero-art img{width:100%;max-width:490px;display:block;margin:auto;animation:deal .65s ease-out both}@keyframes deal{from{opacity:0;transform:translateY(18px) rotate(-2deg)}to{opacity:1;transform:none}}.section{padding-top:88px;padding-bottom:10px}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.split p,.history p{max-width:700px}.quote-card{border:1px solid var(--line);padding:30px;background:rgba(247,240,223,.06)}.quote-card span{font:50px/1 'Fraunces';color:var(--gold)}.quote-card p{font:600 22px/1.35 'Fraunces';margin:0}.history{padding:70px 24px 60px;margin-top:88px;background:rgba(0,0,0,.13);border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none}.history>*{max-width:var(--max);margin-left:auto;margin-right:auto}.steps{display:flex;align-items:stretch;gap:16px}.steps article{flex:1;border-top:2px solid var(--gold);padding:17px 0}.steps b{font:700 21px 'Fraunces'}.steps p{font-size:14px;margin:6px 0}.steps>span{color:var(--gold);align-self:center}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.ranking-list{border-top:1px solid var(--line);margin-top:27px}.ranking-list a{min-height:70px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:55px 220px 1fr 85px;align-items:center;gap:12px;color:var(--cream);text-decoration:none;padding:10px 6px;transition:.25s}.ranking-list a:hover,.ranking-list a:focus-visible{padding-left:16px;background:rgba(201,165,91,.13)}.ranking-list span,.ranking-list i{font:14px 'DM Mono';color:var(--gold)}.ranking-list b{font:700 20px 'Fraunces'}.ranking-list small{color:#d5d8c9}.random-note{margin:27px 0 0;padding:14px 17px;border-left:3px solid var(--gold);background:rgba(247,240,223,.1);font-size:14px}.comparer-tease{margin-top:88px;padding-top:54px;padding-bottom:54px;display:grid;grid-template-columns:1fr 260px;gap:35px;align-items:center;background:var(--cream);color:var(--ink);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold)}.comparer-tease .eyebrow{color:var(--wine)}.comparer-tease img{width:100%;max-width:220px}.faq{padding-bottom:88px}.faq details{border-top:1px solid var(--line);padding:18px 3px}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font:600 19px 'Fraunces';cursor:pointer;padding-right:24px}summary::marker{color:var(--gold)}details p{max-width:720px;margin:12px 0 0;color:#e4e4d7}.page-intro{padding-top:105px;padding-bottom:55px}.page-intro h1{max-width:850px}.rank-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rank-guide>div{border:1px solid var(--line);padding:23px;background:rgba(247,240,223,.06)}.rank-guide h2{font-size:26px;margin-bottom:9px}.rank-guide p{margin:0}.comparer{padding-bottom:10px}.hand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:24px 0}.hand-form{padding:22px;border:1px solid var(--line);background:rgba(0,0,0,.13)}.hand-form h3{color:var(--gold)}.card-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}label{font:12px 'DM Mono';color:var(--gold);display:block}select{width:100%;min-height:44px;background:var(--cream);border:1px solid var(--gold);color:var(--ink);padding:8px;font:15px 'Space Grotesk'}.result{min-height:55px;margin:20px 0;padding:16px;border:1px solid var(--line);font-weight:500}.winner{border:2px solid var(--gold)!important;background:rgba(201,165,91,.16)!important}.quiz{padding-bottom:95px}.quiz #quiz{padding:25px;border:1px solid var(--line);background:rgba(0,0,0,.12)}#quiz-question{font:600 23px 'Fraunces'}#quiz-options{display:flex;flex-wrap:wrap;gap:10px}#quiz-options button{min-height:44px;background:transparent;border:1px solid var(--line);color:var(--cream);padding:9px 13px;cursor:pointer;font:600 14px 'Space Grotesk'}#quiz-options button:hover{border-color:var(--gold)}footer{border-top:1px solid var(--line);padding:32px 24px;display:flex;max-width:var(--max);margin:auto;align-items:center;justify-content:space-between;gap:20px}footer p{font-size:12px;color:#c6cabd;margin:0}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cream);outline-offset:3px}@media(max-width:700px){.site-header{position:relative;flex-wrap:wrap}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);color:var(--cream);padding:10px 13px;font:14px 'DM Mono'}.site-header nav{display:none;width:100%;padding:15px 0;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding-top:50px}.hero-art{order:-1}.hero-art img{max-width:330px}.split,.comparer-tease{grid-template-columns:1fr}.section{padding-top:64px}.steps{flex-direction:column;gap:3px}.steps>span{display:none}.ranking-list a{grid-template-columns:30px 1fr 45px}.ranking-list small{grid-column:2}.ranking-list i{grid-row:1;grid-column:3}.section-head{align-items:flex-start;flex-direction:column}.rank-guide,.hand-grid{grid-template-columns:1fr}.page-intro{padding-top:64px}footer{flex-direction:column;align-items:flex-start}footer nav{flex-wrap:wrap;gap:12px}.site-header nav a{font-size:16px}}@media(prefers-reduced-motion:reduce){*,html{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
:root{--link:#f2c66d;--link-hover:#fff0c5}.faq a,.page-intro a:not(.button),.rank-guide a{color:var(--link);font-weight:700;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}.faq a:hover,.page-intro a:not(.button):hover,.rank-guide a:hover{color:var(--link-hover);text-decoration-color:var(--link-hover)}.to-top{position:fixed;right:18px;bottom:18px;z-index:4;min-width:44px;min-height:44px;border:1px solid var(--gold);background:var(--cream);color:var(--ink);font:700 12px 'DM Mono',monospace;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s}.to-top.visible{opacity:1;pointer-events:auto;transform:none}.site-header nav a[aria-current="page"],footer a[aria-current="page"]{color:var(--gold)}@media(max-width:700px){.faq a,.page-intro a:not(.button),.rank-guide a{color:#ffe093;text-decoration-color:#ffe093;text-decoration-thickness:2px}.faq a:visited,.page-intro a:not(.button):visited,.rank-guide a:visited{color:#ffe093}.faq details p{font-size:18px;line-height:1.55}.to-top{right:12px;bottom:12px}}
:root{--text-link:#f2c66d;--text-link-hover:#fff0c5}main a:not(.button){color:var(--text-link);font-weight:700;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:3px}main a:not(.button):visited{color:var(--text-link)}main a:not(.button):hover,main a:not(.button):focus-visible{color:var(--text-link-hover);text-decoration-color:var(--text-link-hover)}.ranking-list a,.section-head a{color:var(--cream);text-decoration:none}.ranking-list a:visited,.section-head a:visited{color:var(--cream)}.ranking-list a:hover,.ranking-list a:focus-visible,.section-head a:hover,.section-head a:focus-visible{color:var(--gold)}@media(max-width:700px){main a:not(.button),main a:not(.button):visited{color:#ffe093;text-decoration-color:#ffe093}main a:not(.button):hover,main a:not(.button):focus-visible{color:#fff0c5;text-decoration-color:#fff0c5}.ranking-list a,.ranking-list a:visited,.section-head a,.section-head a:visited{color:var(--cream)}}
:root{--quiz-delay:4500ms}.hero-note{display:none}