/* Hallmark · v2 · theme: brand · redesign: full · game landings and result bridges · preserve WeTheComuna illustrations, categories and wiring */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V3 · weakest: hierarchy, put the test action before the mobile illustration */
:root{--hm-game-paper:#f5edd9;--hm-game-surface:#fcf6e9;--hm-game-ink:#191915;--hm-game-red:#971b2d;--hm-game-line:#9c907a;--hm-game-font:'DM Sans',sans-serif;--hm-game-display:'Anton',sans-serif}
html:has(.hm-result-bridge),body:has(.hm-result-bridge),html:has(.game-landing),body.game-landing{overflow-x:clip}
.game-landing h1,.game-landing h2{overflow-wrap:break-word;min-width:0;line-height:1.08}
.game-landing-hero{min-height:0;max-width:1320px;margin-inline:auto;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.game-landing-copy{padding:44px 32px}.game-landing h1{font-size:clamp(36px,4.7vw,66px)}
.game-landing-eyebrow{letter-spacing:0;text-transform:none;font-size:16px}
.game-landing-hero figure{min-height:0;max-height:560px;align-self:stretch}.game-landing-hero img{display:block;object-fit:cover}
.game-landing-intro{max-width:65ch;font-size:17px;line-height:1.6;margin-top:20px}
.game-landing-play{min-height:48px;text-transform:none;letter-spacing:0}.game-landing-actions{margin-top:24px;gap:12px}
.game-landing-actions>span{font-size:16px}.game-landing main{overflow:visible}
.game-landing-section{padding-block:44px}.game-landing-section h2,.game-landing-note h2{font-size:clamp(28px,3.6vw,44px);line-height:1.15;margin-bottom:24px}
.game-landing-faq summary{padding-block:20px;min-height:44px}.game-landing-faq details p{max-width:65ch;font-size:17px}
.hm-landing-reading{padding-left:24px;margin:0 0 24px;max-width:65ch}.hm-landing-reading li{margin:12px 0}.hm-landing-reading a{color:var(--hm-game-red);text-underline-offset:4px;line-height:1.5}
.hm-result-bridge{font:400 16px/1.55 var(--hm-game-font);color:var(--hm-game-ink);background:var(--hm-game-paper);border-top:2px solid var(--hm-game-red);text-align:left;margin-top:28px;padding:24px;clear:both;min-width:0;box-sizing:border-box;max-width:100%}
.hm-result-bridge h3{font:400 clamp(23px,3vw,30px)/1.2 var(--hm-game-display);color:var(--hm-game-ink);letter-spacing:0;text-transform:none;margin:0 0 16px}
.hm-result-bridge a{color:var(--hm-game-red);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.hm-result-bridge ul{padding-left:20px;margin:12px 0 20px}.hm-result-bridge li{margin:12px 0}
.hm-result-bridge button.hm-share-result,.hm-result-bridge .hm-next{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;font:700 16px/1.4 var(--hm-game-font);background:var(--hm-game-red);color:var(--hm-game-surface);border:2px solid var(--hm-game-red);text-decoration:none;cursor:pointer}
.hm-result-bridge button.hm-share-result{margin-bottom:24px}.hm-result-bridge .hm-next{margin-top:24px}.hm-result-bridge :is(a,button,input):focus-visible,.hm-landing-reading a:focus-visible{outline:3px solid var(--hm-game-ink);outline-offset:3px}
.hm-result-bridge .hm-newsletter{margin-top:20px;padding:20px 0 0;border-top:1px solid var(--hm-game-line);max-width:100%;background:transparent;color:var(--hm-game-ink)}
.hm-result-bridge .hm-newsletter :is(h2,h3,p,label){color:var(--hm-game-ink)}
.hm-result-bridge .hm-newsletter form{display:flex;flex-wrap:wrap;gap:12px}.hm-result-bridge .hm-newsletter input{min-width:0;width:auto;flex:1 1 180px}.hm-result-bridge .hm-newsletter label,.hm-result-bridge .hm-newsletter [role=status]{flex-basis:100%}
.hm-start-reading{font:400 16px/1.55 var(--hm-game-font);border-top:1px solid var(--hm-game-line);padding-top:20px;margin-top:24px;text-align:left;color:var(--hm-game-ink)}
.hm-start-reading h3{font:400 25px/1.2 var(--hm-game-display);text-transform:none;letter-spacing:0}.hm-start-reading p{max-width:65ch}.hm-start-reading summary{cursor:pointer;min-height:44px;font-weight:700}.hm-start-reading details{padding:8px 0}
@media(max-width:840px){.game-landing-hero{grid-template-columns:minmax(0,1fr)}.game-landing-hero figure{order:0;max-height:300px;aspect-ratio:16/9}.game-landing-copy{padding:28px 24px}.game-landing-hero img{height:100%;width:100%}.game-landing-actions{align-items:stretch}.game-landing-play{width:100%}.game-landing h1{font-size:38px}.hm-result-bridge{padding:20px 16px}.hm-result-bridge .hm-newsletter input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.hm-result-bridge *,.game-landing *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.hm-result-host{overflow-y:auto;max-height:90dvh}.hm-result-bridge [role=status]:empty{display:none}
.hm-start-reading a{color:var(--hm-game-red);text-underline-offset:4px}.hm-start-reading :is(a,summary):focus-visible{outline:3px solid var(--hm-game-ink);outline-offset:3px}

.game-landing :is(h1,h2),.hm-result-bridge h3{text-wrap:balance}
.hm-result-bridge :is(button.hm-share-result,.hm-next):hover{background:var(--hm-game-ink);border-color:var(--hm-game-ink)}
.hm-result-bridge :is(button.hm-share-result,.hm-next):active{transform:translateY(1px)}
:root{--hm-game-gold-ink:#865600}
body:has(#mcard) .act.main{color:var(--hm-game-surface)}
body:has(#pInicio) .marca{color:var(--hm-game-red)}
.site-game .sup{color:var(--hm-game-gold-ink)}
@media(max-width:840px){.game-landing-hero figure{width:100%;justify-self:stretch}}
/* Reserve the opening boards while the unchanged engines initialise. */
body:has(#tablero) #tablero{min-height:1000px}
body:has(#tablero) #resumenProgreso{min-height:28px}
body:has(#game) #loading{min-height:600px}
.mural-game #gallery:empty{min-height:1000px}
.hm-result-bridge .hm-newsletter button{background:var(--hm-game-red);border-color:var(--hm-game-red);color:var(--hm-game-surface)}
.hm-result-bridge .hm-newsletter button:hover{background:var(--hm-game-ink);border-color:var(--hm-game-ink)}