:root{--paper:#f6f2e9;--ink:#202e32;--red:#a6372d;--line:#d7d2c6;--muted:#626960;--green:#204d42}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #bc8a32;outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 32px}.top{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);gap:20px}.brand{font:bold 29px Georgia,serif;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--red)}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}.badge{font:11px/1.4 system-ui;letter-spacing:1.6px;text-transform:uppercase;color:var(--red)}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;padding:64px 0 52px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-1.3px}h1{font-size:clamp(48px,6vw,78px);margin:17px 0 22px}h2{font-size:38px;margin:0 0 22px}h3{font-size:25px;letter-spacing:-.4px;margin:28px 0 12px}.hero p{max-width:510px;color:var(--muted);font-size:19px}.btn{display:inline-block;background:var(--red);color:white;border:0;padding:12px 22px;border-radius:3px;text-decoration:none;font-size:15px}.hero-art{height:310px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#ddd6c6 0,transparent 65%)}.card{width:140px;height:204px;background:#fffdf7;border:1px solid #d6cebc;border-radius:10px;box-shadow:0 12px 30px #242c2420;display:flex;flex-direction:column;justify-content:space-between;padding:13px;font:28px Georgia;color:var(--red)}.card .suit{font-size:70px;text-align:center;line-height:1}.card small{font:11px system-ui;letter-spacing:2px;text-align:center}.hero-art .card{position:absolute}.hero-art .card:nth-child(1){transform:rotate(-20deg) translate(-88px,-12px);color:var(--green)}.hero-art .card:nth-child(2){transform:rotate(1deg);z-index:2}.hero-art .card:nth-child(3){transform:rotate(19deg) translate(87px,-10px);color:#947320}.info{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin-bottom:55px}.info div{border-right:1px solid var(--line);padding:0 22px}.info div:first-child{padding-left:0}.info div:last-child{border:0}.info small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.info strong{font-size:16px;font-weight:500}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px}.toc{font-size:14px;align-self:start;position:sticky;top:25px}.toc strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:18px}.toc a{display:block;text-decoration:none;padding:8px 0}.toc a:hover{color:var(--red)}article{max-width:740px}article section{margin-bottom:45px}p{margin:12px 0 18px}.leadbox{background:#e9e7db;border-left:3px solid var(--green);padding:20px 25px;margin-bottom:38px}.leadbox p{margin:0}ol,ul{padding-left:23px}li{padding:4px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:13px 17px;border-bottom:1px solid var(--line);text-align:left}th{background:#e9e5da;font-weight:600}td:last-child{font-variant-numeric:tabular-nums}.note{font-size:14px;color:var(--muted);padding:14px 0;border-top:1px solid var(--line)}.play{background:var(--green);color:#fffdf4;padding:30px;border-radius:5px;margin-top:22px}.play h3{margin:0 0 12px;color:#fffdf4}.play label{font-size:14px;display:block;margin-bottom:16px}.play select{background:#fdfaf2;border:0;border-radius:3px;padding:6px 12px;color:var(--ink);margin-left:8px}.duel{display:flex;gap:28px;justify-content:center;align-items:center;padding:10px}.duel .card{width:105px;height:145px;color:#a6372d;font-size:23px;box-shadow:none}.duel .card:nth-child(3){color:#947320}.duel .suit{font-size:45px}.duel small{font-size:10px}.vs{opacity:.7;font:italic 24px Georgia}.result{background:#ffffff12;padding:16px 20px;border-radius:3px;font-size:15px;min-height:90px;margin-top:20px}.calc{background:#fffdf7;padding:28px;border:1px solid var(--line)}.calc label{display:block;font-size:14px;margin:14px 0 8px}.calc input{padding:10px;width:100%;max-width:220px;background:var(--paper);border:1px solid var(--line);border-radius:3px}.score{font:40px Georgia;margin:20px 0 0}.calc output{display:block}.calc button{font-size:13px;background:transparent;border:0;text-decoration:underline;color:var(--muted);padding:10px 0}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:500}.faq p{font-size:15px;color:var(--muted)}.sources{font-size:14px}.sources li{margin-bottom:8px}.closing{padding:45px 0;border-top:1px solid var(--line);margin-top:40px;display:flex;justify-content:space-between;gap:35px;font-size:13px;color:var(--muted)}.closing .brand{font-size:25px;color:var(--ink)}.pill{display:inline-block;font-size:12px;background:#e9e5da;padding:4px 10px;border-radius:50px;margin-top:8px}@media(max-width:760px){.wrap{padding:0 22px}.top{align-items:flex-start}nav{gap:14px;font-size:12px}.brand{font-size:25px}.hero{grid-template-columns:1fr;padding:35px 0 22px;gap:0}.hero-art{height:245px}.hero-art .card{width:115px;height:170px}.info{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:35px}.info div{padding:0!important;border:0}.layout{grid-template-columns:1fr;gap:25px}.toc{position:static;display:flex;flex-wrap:wrap;gap:5px 18px;border-bottom:1px solid var(--line);padding-bottom:18px}.toc strong{width:100%;margin-bottom:0}.toc a{font-size:13px;padding:4px 0}h2{font-size:32px}.play{padding:22px}.closing{flex-direction:column;gap:10px}.table-wrap{font-size:13px}}

.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin:28px 0 60px}.game-tile{display:flex;flex-direction:column;background:#fffdf7;border:1px solid var(--line);padding:27px;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s,color .2s,box-shadow .2s}.game-tile h3{font-size:34px;margin:20px 0 12px}.game-tile p{font-size:15px;color:var(--muted);flex:1}.game-tile .symbol{font:55px Georgia;color:var(--red)}.game-tile strong{font-size:14px;color:var(--red)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head p{max-width:370px;color:var(--muted);font-size:15px}.choice-panel{background:var(--green);color:#fffdf4;padding:35px;margin:45px 0}.choice-panel h2{margin:0 0 14px}.choice-panel a{margin:8px 14px 0 0;display:inline-block;border-bottom:1px solid #ffffff88;text-decoration:none}.crumb{display:block;color:var(--muted);font-size:13px;padding-top:24px;text-decoration:none}.related{border-top:1px solid var(--line);padding:25px 0;display:flex;gap:25px;font-size:14px}.select-cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:20px 0}.select-cards button{border:2px solid transparent;background:#fffdf4;border-radius:8px;width:90px;height:110px;font:34px Georgia;color:var(--ink)}.select-cards button[aria-pressed=true]{border:3px solid #dcad54;background:#fff3d8;transform:translateY(-5px)}.play .mini-help{font-size:13px;color:#e4ede7}.setting{display:flex;flex-wrap:wrap;gap:15px}.setting label{flex:1;min-width:200px}.setting select{display:block;width:100%;margin:8px 0 0}.table-wrap{margin:22px 0}@media(max-width:760px){.game-grid{grid-template-columns:1fr;gap:15px;margin-bottom:35px}.section-head{display:block}.game-tile{padding:23px}.game-tile h3{margin-top:10px}.game-tile .symbol{font-size:38px}.choice-panel{padding:25px}.related{flex-wrap:wrap}}
.select-cards button small{display:block;font:10px system-ui;margin-top:9px;letter-spacing:1px}.select-cards button{height:125px}.play .setting{gap:16px}.play .setting label{min-width:120px}

.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}.filters span{font-size:14px;margin-right:10px}.filters button{padding:8px 17px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:3px;font-size:14px}.filters button[aria-pressed=true]{background:var(--red);color:white;border-color:var(--red)}.filter-note{font-size:13px;color:var(--muted);margin:8px 0}.game-tile[hidden]{display:none}.sequence{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px 0}.sequence span{display:block;padding:12px 19px;background:#fffdf4;color:#947320;border-radius:5px;font:28px Georgia}.exercise-reset{border:1px solid #ffffff66;background:transparent;color:white;padding:9px 14px;margin-top:15px;border-radius:3px;font-size:13px}

.sol-layout{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;background:var(--green);padding:20px 13px;border-radius:5px;margin:24px 0}.sol-column{display:flex;flex-direction:column;align-items:center}.sol-back,.sol-face{width:100%;max-width:60px;display:block;border-radius:4px;border:1px solid #d7cfbe}.sol-back{height:24px;background:repeating-linear-gradient(45deg,#864038 0,#864038 3px,#a65f52 3px,#a65f52 6px);margin-bottom:-10px}.sol-face{background:#fffdf4;text-align:center;line-height:60px;color:var(--ink);font-family:Georgia;font-size:24px}.hero-art .card small{color:var(--ink)}@media(max-width:480px){.sol-layout{gap:5px;padding:17px 8px}.sol-face{line-height:45px;font-size:20px}}

.game-tile h3,.game-tile p,.game-tile .symbol,.game-tile .badge,.game-tile strong{transition:color .2s}
@media (hover:hover) and (pointer:fine){
 .game-tile:hover{transform:translateY(-4px);background:var(--green);border-color:var(--green);color:#fffdf4;box-shadow:0 12px 26px #204d421c}
 .game-tile:hover p{color:#e0e9e2}
 .game-tile:hover .symbol,.game-tile:hover .badge,.game-tile:hover strong{color:#f0cf95}
}
.game-tile:focus-visible{transform:translateY(-4px);background:var(--green);border-color:var(--green);color:#fffdf4;box-shadow:0 12px 26px #204d421c}
.game-tile:focus-visible p{color:#e0e9e2}
.game-tile:focus-visible .symbol,.game-tile:focus-visible .badge,.game-tile:focus-visible strong{color:#f0cf95}
@media (prefers-reduced-motion:reduce){
 .game-tile,.game-tile h3,.game-tile p,.game-tile .symbol,.game-tile .badge,.game-tile strong{transition:none}
 .game-tile:hover,.game-tile:focus-visible{transform:none}
}

.suit-icon{display:inline-block;width:1em;height:1em;vertical-align:middle}.playing-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 12px 28px;color:#a6372d}.playing-card[data-suit=oros]{color:#947320}.playing-card[data-suit=bastos]{color:#35654c}.playing-card[data-suit=espadas]{color:#425f74}.playing-card[data-suit=picas],.playing-card[data-suit=treboles]{color:var(--ink)}.playing-card[data-suit=corazones],.playing-card[data-suit=diamantes]{color:var(--red)}.card-corner{position:absolute;top:8px;left:9px;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1}.card-corner b{font:23px Georgia}.card-corner .suit-icon{width:15px;height:15px}.card-corner-bottom{top:auto;left:auto;right:9px;bottom:8px;transform:rotate(180deg)}.card-center .suit-icon{width:68px;height:68px}.playing-card small{font:9px system-ui;letter-spacing:1px;text-align:center;margin-top:10px;color:var(--muted)}.duel .playing-card .card-center .suit-icon{width:47px;height:47px}.duel .playing-card .card-corner b{font-size:18px}.duel .playing-card small{font-size:8px}.duel .playing-card .card-corner-bottom{display:none}.select-cards button.playing-card{width:108px;height:151px;padding:27px 10px 25px}.select-cards .card-center .suit-icon{width:48px;height:48px}.select-cards .card-corner b{font-size:19px}.select-cards .card-corner-bottom{display:none}.select-cards .playing-card small{margin-top:9px;letter-spacing:.6px;font-size:8px}.hand-examples{display:flex;flex-wrap:wrap;gap:24px;margin:25px 0}.hand-strip{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.hand-strip .playing-card{width:65px;height:98px;border-radius:5px;padding:24px 4px 12px;box-shadow:none}.hand-strip .card-center .suit-icon{width:28px;height:28px}.hand-strip .card-corner{top:5px;left:5px;flex-direction:row;gap:3px}.hand-strip .card-corner b{font-size:15px}.hand-strip .card-corner .suit-icon{width:11px;height:11px}.hand-strip .playing-card small{font-size:6px;letter-spacing:.3px}.hand-strip .card-corner-bottom{display:none}.mus-hand{justify-content:center;margin:20px 0}.mus-hand .playing-card{width:80px;height:115px}.game-tile .symbol>.suit-icon{width:56px;height:56px}.game-tile .symbol-pair{display:flex;gap:12px}.game-tile .symbol-pair>.suit-icon{width:38px;height:56px}@media(max-width:480px){.hero-art .card-center .suit-icon{width:53px;height:53px}.select-cards{gap:9px}.select-cards button.playing-card{width:87px;height:132px}.select-cards .card-center .suit-icon{width:38px;height:38px}.duel{gap:16px}.hand-examples{gap:16px}.mus-hand .playing-card{width:62px;height:96px}}
.hero-art .playing-card[data-suit=bastos]{color:#35654c}.hero-art .playing-card[data-suit=copas]{color:var(--red)}.hero-art .playing-card[data-suit=oros]{color:#947320}.hero-art .playing-card[data-suit=picas],.hero-art .playing-card[data-suit=treboles]{color:var(--ink)}.hero-art .playing-card[data-suit=corazones]{color:var(--red)}

.count-by-cards h3{margin-top:0}.count-help{font-size:13px;color:var(--muted)}.count-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.count-row label{margin:0;font-size:16px;font-weight:500}.count-row small{display:block;font-size:12px;color:var(--muted)}.count-stepper{display:flex;align-items:center;gap:8px}.calc .count-stepper input{width:60px;text-align:center;padding:8px 4px}.calc .count-stepper button{padding:0;border:1px solid var(--line);background:var(--paper);width:38px;height:38px;font-size:22px;text-decoration:none;border-radius:3px;color:var(--ink)}.calc .count-stepper button:hover:not(:disabled){background:var(--green);color:white}.calc .count-stepper button:disabled{opacity:.35;cursor:default}.count-by-cards{margin-bottom:23px}@media(max-width:380px){.calc{padding:18px}.count-stepper{gap:5px}.calc .count-stepper input{width:48px}.calc .count-stepper button{width:32px}}

h1.guide-title{font-size:clamp(40px,4.6vw,62px);line-height:1.12;letter-spacing:-1.4px;max-width:680px}.hero p.hero-motto{font-family:Georgia,serif;font-size:22px;line-height:1.35;color:var(--red);margin:0 0 17px;max-width:560px}@media(max-width:760px){h1.guide-title{font-size:clamp(36px,8vw,52px)}.hero p.hero-motto{font-size:20px}}

.contact-page{max-width:800px;margin:35px auto 70px}.contact-intro{padding:35px 0 28px}.contact-intro h1{margin:15px 0 18px}.contact-intro>p{max-width:660px}.contact-intro .hero-motto{font:22px/1.4 Georgia,serif;color:var(--red)}.contact-box{background:#fffaf2;border:1px solid var(--line);border-radius:8px;padding:32px;margin:15px 0 40px}.contact-box h2{margin:12px 0 18px}.contact-email{display:inline-block;color:var(--green);font-size:clamp(18px,3.3vw,27px);overflow-wrap:anywhere;text-underline-offset:5px;max-width:100%}.contact-box p{max-width:620px}.contact-box .btn{margin-top:10px}.contact-details ul{padding-left:22px}.contact-details li{margin:13px 0;line-height:1.65}.closing a:not(.brand){text-underline-offset:4px}.contact-email:focus-visible,.closing a:focus-visible{outline:2px solid var(--green);outline-offset:5px}@media(max-width:600px){.contact-page{margin-top:20px}.contact-intro{padding-top:20px}.contact-box{padding:22px}.top nav{flex-wrap:wrap}}

.legal-data{margin:25px 0 35px}.legal-data dt{font-weight:700;margin-top:17px}.legal-data dd{margin:4px 0 0;overflow-wrap:anywhere}.contact-details h2{margin-top:35px}

.rules-table-wrap{overflow-x:auto;margin:22px 0}.rules-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}.rules-table caption{text-align:left;font-weight:600;margin-bottom:12px}.rules-table th,.rules-table td{text-align:left;vertical-align:top;padding:13px 12px;border-bottom:1px solid var(--line)}.rules-table th{background:#f0eadf}.rules-table td:first-child{font-weight:600}.rules-table{min-width:440px}@media(max-width:600px){.rules-table{font-size:14px}.rules-table th,.rules-table td{padding:11px 9px}}