Monaco Mahjong Tile Set
.mn-product { --red: #D5122E; --red-bright: #E8334D; --red-dark: #A30D24; --red-soft: rgba(213, 18, 46, 0.4); --red-faint: rgba(213, 18, 46, 0.15); --teal: #1296A4; --teal-bright: #18B8C9; --teal-dark: #0B6E78; --green: #50A271; --yellow: #F8CE6D; --orange: #F2AA65; --pink: #DF5C6C; --cream: #FDFBF7; --white: #FFFFFF; --charcoal: #2A2A2A; --body: #4a4a4a; --muted: #6a6a6a; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.7; color: var(--charcoal); max-width: 1100px; margin: 0 auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mn-product *, .mn-product *::before, .mn-product *::after { margin: 0; padding: 0; box-sizing: border-box; } /* ─── Title block ─── */ .mn-product .mn-title-block { position: relative; text-align: center; padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2.5rem); margin: 0 auto clamp(1.5rem, 3vw, 2.5rem); max-width: 820px; } /* Two-color corner brackets — red top-left, teal bottom-right */ .mn-product .mn-title-block::before, .mn-product .mn-title-block::after { content: ''; position: absolute; width: clamp(35px, 5vw, 75px); height: clamp(35px, 5vw, 75px); } .mn-product .mn-title-block::before { top: 0; left: 0; border-left: 2px solid var(--red); border-top: 2px solid var(--red); } .mn-product .mn-title-block::after { bottom: 0; right: 0; border-right: 2px solid var(--teal); border-bottom: 2px solid var(--teal); } .mn-product .mn-eyebrow { font-family: 'Montserrat', sans-serif; font-size: clamp(0.62rem, 0.85vw, 0.8rem); font-weight: 600; letter-spacing: 0.4em; text-transform: uppercase; color: var(--teal); margin-bottom: clamp(0.85rem, 1.5vw, 1.4rem); } .mn-product .mn-title { font-family: 'Abril Fatface', serif; font-size: clamp(3rem, 9vw, 7rem); font-weight: 400; line-height: 0.95; letter-spacing: 0.01em; background: linear-gradient(135deg, var(--red) 0%, var(--pink) 22%, var(--orange) 44%, var(--green) 66%, var(--teal) 88%, var(--red) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: var(--red); /* fallback if gradient unsupported */ } .mn-product .mn-title em { font-style: italic; } /* ─── Lede ─── */ .mn-product .mn-lede { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: clamp(1.2rem, 2vw, 1.7rem); font-weight: 400; line-height: 1.5; color: var(--charcoal); text-align: center; max-width: 640px; margin: 0 auto 2rem; } /* ─── Body copy ─── */ .mn-product .mn-copy { font-size: clamp(1rem, 1.1vw, 1.1rem); font-weight: 400; line-height: 1.8; color: var(--body); margin: 0 auto 1.25rem; max-width: 720px; } .mn-product .mn-copy strong { color: var(--charcoal); font-weight: 500; } /* ─── Multi-color diamond divider ─── */ .mn-product .mn-divider { display: flex; align-items: center; justify-content: center; gap: 0.7rem; margin: clamp(1.75rem, 3vw, 2.5rem) auto; } .mn-product .mn-divider-diamond { width: 8px; height: 8px; transform: rotate(45deg); } .mn-product .mn-dd-red { background: var(--red); } .mn-product .mn-dd-teal { background: var(--teal); } .mn-product .mn-dd-green { background: var(--green); } .mn-product .mn-dd-yellow { background: var(--yellow); } .mn-product .mn-dd-pink { background: var(--pink); } /* ─── Featured callout — red block ─── */ .mn-product .mn-callout { position: relative; background: var(--red); color: var(--cream); padding: clamp(1.75rem, 4vw, 3.5rem) clamp(1.25rem, 3vw, 3rem); margin: clamp(2rem, 3vw, 3rem) 0; text-align: center; overflow: hidden; } .mn-product .mn-callout::before { content: ''; position: absolute; inset: 0.5rem; border: 1px solid rgba(255, 255, 255, 0.3); pointer-events: none; } .mn-product .mn-callout-eyebrow { font-size: clamp(0.6rem, 0.8vw, 0.78rem); font-weight: 600; letter-spacing: 0.4em; text-transform: uppercase; color: var(--yellow); margin-bottom: 0.85rem; } .mn-product .mn-callout-heading { font-family: 'Abril Fatface', serif; font-size: clamp(1.7rem, 3.8vw, 3rem); font-weight: 400; line-height: 1.1; color: var(--cream); margin-bottom: 1rem; letter-spacing: 0.01em; } .mn-product .mn-callout-heading em { font-style: italic; } .mn-product .mn-callout-text { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: clamp(1rem, 1.3vw, 1.25rem); font-weight: 400; line-height: 1.6; color: rgba(255, 255, 255, 0.9); max-width: 540px; margin: 0 auto; } /* ─── Section heading ─── */ .mn-product .mn-section-title { font-family: 'Montserrat', sans-serif; font-size: clamp(0.7rem, 0.9vw, 0.85rem); font-weight: 600; letter-spacing: 0.35em; text-transform: uppercase; color: var(--teal); margin: clamp(2rem, 3vw, 3rem) auto 1.25rem; max-width: 720px; display: flex; align-items: center; gap: 0.85rem; } .mn-product .mn-section-title::after { content: ''; flex: 1; height: 1px; background: rgba(18, 150, 164, 0.18); } /* ─── Spec list ─── */ .mn-product .mn-specs { list-style: none; margin: 0 auto 1.5rem; max-width: 720px; } .mn-product .mn-specs li { position: relative; padding: 0.7rem 0 0.7rem 1.5rem; font-size: clamp(0.95rem, 1.1vw, 1.05rem); line-height: 1.55; color: var(--charcoal); border-bottom: 1px solid rgba(42, 42, 42, 0.08); } .mn-product .mn-specs li:last-child { border-bottom: none; } .mn-product .mn-specs li::before { content: ''; position: absolute; left: 0; top: 1.25rem; width: 6px; height: 6px; background: var(--red); transform: rotate(45deg); } .mn-product .mn-specs strong { color: var(--charcoal); font-weight: 500; } /* ─── Dimensions block — charcoal w/ red accent inset ─── */ .mn-product .mn-dims-wrap { position: relative; margin: 0 auto 1rem; max-width: 820px; } .mn-product .mn-dims { display: flex; align-items: stretch; justify-content: space-between; gap: 1rem; padding: clamp(1.4rem, 3vw, 2.75rem) clamp(0.5rem, 2vw, 2rem); background: var(--charcoal); position: relative; } .mn-product .mn-dims::before { content: ''; position: absolute; inset: 0.5rem; border: 1px solid var(--red-soft); pointer-events: none; } .mn-product .mn-dim { flex: 1; text-align: center; position: relative; z-index: 1; } .mn-product .mn-dim-value { display: block; font-family: 'Cormorant Garamond', serif; font-size: clamp(1.6rem, 3.5vw, 3rem); font-weight: 300; line-height: 1; color: var(--cream); margin-bottom: 0.5rem; } .mn-product .mn-dim-label { display: block; font-size: clamp(0.6rem, 0.8vw, 0.75rem); font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--red); opacity: 0.95; } .mn-product .mn-dim-divider { width: 1px; background: rgba(255, 255, 255, 0.15); position: relative; z-index: 1; } .mn-product .mn-dims-note { text-align: center; font-size: clamp(0.72rem, 0.85vw, 0.85rem); font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 1rem; } /* ─── FAQ ─── */ .mn-product .mn-faq { margin: 0 auto; max-width: 720px; } .mn-product .mn-faq-item { padding: 1.25rem 0; border-bottom: 1px solid rgba(42, 42, 42, 0.1); } .mn-product .mn-faq-item:last-child { border-bottom: none; } .mn-product .mn-faq-q { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.15rem, 1.5vw, 1.4rem); font-weight: 500; line-height: 1.35; color: var(--charcoal); margin-bottom: 0.6rem; } .mn-product .mn-faq-a { font-size: clamp(0.95rem, 1.1vw, 1.05rem); font-weight: 400; line-height: 1.7; color: var(--body); } /* ─── Closing flourish ─── */ .mn-product .mn-close { text-align: center; margin: clamp(2rem, 3vw, 3rem) auto 0; padding-top: 2rem; border-top: 1px solid var(--red-soft); max-width: 720px; } .mn-product .mn-close-text { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.1rem, 1.5vw, 1.5rem); font-style: italic; font-weight: 400; color: var(--charcoal); line-height: 1.4; } .mn-product .mn-close-sub { display: block; font-family: 'Montserrat', sans-serif; font-style: normal; font-size: clamp(0.65rem, 0.8vw, 0.78rem); font-weight: 600; letter-spacing: 0.35em; text-transform: uppercase; color: var(--teal); margin-top: 0.85rem; opacity: 0.85; } /* ─── Mobile fine-tuning ─── */ @media (max-width: 480px) { .mn-product .mn-eyebrow { letter-spacing: 0.3em; } .mn-product .mn-section-title { letter-spacing: 0.28em; } .mn-product .mn-dims { gap: 0.4rem; } .mn-product .mn-dim-label { letter-spacing: 0.2em; } .mn-product .mn-close-sub { letter-spacing: 0.25em; } } Monte Carlo Collection Monaco The Riviera at sundown. The palace at the top of the hill. The grand prix at full throttle. Monaco, rendered in 160 tiles. This summer, Rack It! brings the glamour of Monte Carlo to the table. Monaco is a 160-tile American mahjong set with original artwork drawn from the Monte Carlo tradition. Spade-marked tokens for the dots. Royal crowns for the cracks. Riviera bamboo for the bams — with a pink flamingo on the one bam. Open-wheel race cars for the dragons. And four scenes of Monte Carlo for the winds. Premium acrylic. Original artwork throughout. Designed for the table — and the look. Original Artwork Glamour, Rendered in 160 Tiles. Race cars for the dragons. Crowns for the cracks. The palace, the Riviera, and a flamingo on the one bam. Every tile drawn from the Monte Carlo tradition. What's in the Monaco Mahjong Set 160 American mahjong tiles in premium acrylic Original Monte Carlo artwork across every suit, wind, dragon, flower, and joker Spade-marked dot tokens, crowned cracks, Riviera bamboo bams, and race-car dragons Four Monte Carlo scenes on the winds · eight unique floral flower tiles · original joker design Original Rack It! Mahjong artwork, exclusive to the Monaco collection Monaco Mahjong Tile Dimensions 1.43" Height 1" Width 0.63" Thickness 160-tile set · Premium acrylic · Monte Carlo-inspired artwork Monaco Mahjong Set FAQ What is the Monaco mahjong set? Monaco is a 160-tile American mahjong set from Rack It! Mahjong, inspired by the glamour of Monte Carlo — the Riviera, the racing tradition, and the palace. Each set features original artwork in premium acrylic. What artwork is featured on the Monaco mahjong tiles? Monaco features original Monte Carlo-inspired artwork across every tile in the set. The dots feature spade-marked tokens, the cracks feature royal crowns paired with Chinese number characters, and the bams feature green Riviera bamboo with a pink flamingo on the one bam. The dragons take the shape of open-wheel race cars in green and red, and the four winds depict scenes of Monte Carlo. The eight flower tiles feature unique floral arrangements, and the joker carries an original Monaco-themed design. How many tiles are in the Monaco mahjong set? The Monaco set includes 160 American mahjong tiles in premium acrylic. What size are the Monaco mahjong tiles? Each tile measures 1.43 inches in height, 1 inch in width, and 0.63 inches in thickness. { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What is the Monaco mahjong set?", "acceptedAnswer": { "@type": "Answer", "text": "Monaco is a 160-tile American mahjong set from Rack It! Mahjong, inspired by the glamour of Monte Carlo — the Riviera, the racing tradition, and the palace. Each set features original artwork in premium acrylic." } }, { "@type": "Question", "name": "What artwork is featured on the Monaco mahjong tiles?", "acceptedAnswer": { "@type": "Answer", "text": "Monaco features original Monte Carlo-inspired artwork across every tile. The dots feature spade-marked tokens, the cracks feature royal crowns paired with Chinese number characters, and the bams feature green Riviera bamboo with a pink flamingo on the one bam. The dragons take the shape of open-wheel race cars in green and red, and the four winds depict scenes of Monte Carlo. The eight flower tiles feature unique floral arrangements, and the joker carries an original Monaco-themed design." } }, { "@type": "Question", "name": "How many tiles are in the Monaco mahjong set?", "acceptedAnswer": { "@type": "Answer", "text": "The Monaco set includes 160 American mahjong tiles in premium acrylic." } }, { "@type": "Question", "name": "What size are the Monaco mahjong tiles?", "acceptedAnswer": { "@type": "Answer", "text": "Each tile measures 1.43 inches in height, 1 inch in width, and 0.63 inches in thickness." } } ] } The Riviera, in your hands. Rack It! Mahjong
