:root{color-scheme:dark;--navy:#071727;--gold:#e4ba66;--pale:#f4dda6;--body:#f1ebdd;--muted:#d0c6b5;--line:rgba(232,193,113,.65)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#091c30 url('assets/marble.webp') center top/1100px auto repeat-y;font:16px/1.55 Georgia,serif;color:var(--body)}
a{color:inherit}a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.hero{min-height:725px;background:linear-gradient(90deg,rgba(0,10,24,.72),rgba(0,15,35,.16),rgba(0,10,24,.72));border-bottom:1px solid var(--line)}.hero-inner{max-width:1100px;margin:0 auto;padding:74px 20px 30px;text-align:center}.eyebrow{color:var(--pale);font:600 12px system-ui,sans-serif;letter-spacing:.29em}.hero h1{margin:20px auto 0;width:min(730px,95%)}.hero h1 img{display:block;width:100%;height:auto;filter:drop-shadow(0 9px 11px rgba(0,0,0,.75))}.hero-subtitle{color:var(--pale);font-size:clamp(23px,4vw,35px);margin:0 auto 9px;font-variant:small-caps;letter-spacing:.035em}.hero-copy{font:16px/1.7 system-ui,sans-serif;max-width:540px;margin:12px auto 24px;color:#e1ded6}.gold-link{display:inline-flex;align-items:center;gap:15px;justify-content:center;min-width:230px;padding:12px 24px;border:1px solid #f3d89a;border-radius:5px;background:linear-gradient(180deg,#f4dc9a,#bc8534);box-shadow:0 4px 0 #614018,0 12px 24px #0008;color:#241807;font:700 15px system-ui,sans-serif;text-decoration:none}.gold-link:hover{filter:brightness(1.09)}
.hero-art{height:190px;display:flex;align-items:center;justify-content:center;margin:14px auto 0;position:relative}.hero-art img{width:168px;height:168px;object-fit:contain;filter:drop-shadow(0 12px 16px #0009)}.hero-art .art-left{transform:rotate(-16deg) translate(16px,14px)}.hero-art .art-middle{transform:translateY(5px);z-index:1}.hero-art .art-right{transform:rotate(16deg) translate(-16px,14px)}
.section-width{max-width:1120px;margin:auto;padding:88px 32px}.section-heading{text-align:center;margin-bottom:40px}.section-heading h2,h2{font-size:clamp(30px,4.1vw,51px);line-height:1.1;color:var(--pale);font-weight:500;margin:15px 0 12px}.section-heading p{margin:0;font:16px/1.6 system-ui,sans-serif;color:#e0d9cb}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.feature-card{display:grid;grid-template-columns:190px 1fr;gap:23px;align-items:center;background:linear-gradient(145deg,rgba(6,20,38,.69),rgba(3,16,28,.35));border:1px solid var(--line);border-radius:18px;padding:22px}.feature-card>img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 12px #0007)}.feature-copy h3{color:var(--pale);font-size:30px;font-weight:500;margin:6px 0}.feature-copy p:not(.feature-label){font:14px/1.65 system-ui,sans-serif;color:#ddd5c7}.feature-label{font:600 10px system-ui,sans-serif;color:var(--gold);letter-spacing:.16em;margin:0}.availability{font:600 11px system-ui,sans-serif;letter-spacing:.08em;color:#efd19a;display:inline-block;margin-top:4px}
.tea-wrap{border-block:1px solid var(--line);background:linear-gradient(100deg,rgba(5,14,27,.89),rgba(10,32,56,.78))}.tea-inner{display:flex;align-items:center;gap:68px;padding-block:78px}.tea-medallion{flex:none;width:210px;height:210px;border:2px solid var(--gold);outline:1px solid rgba(241,204,123,.4);outline-offset:7px;border-radius:50%;display:grid;place-items:center;font-size:90px;color:#cf9c48;box-shadow:0 10px 30px #0007,inset 0 0 36px #af83374d}.tea-inner h2{margin:10px 0}.tea-inner p{max-width:680px;font:16px/1.7 system-ui,sans-serif;color:#e4ddcf}.tea-inner .tea-note{font-size:13px;color:#cfc1a6}
.story{text-align:center;padding-block:85px 110px}.small-divider{display:flex;justify-content:center;margin-bottom:25px}.small-divider img{width:150px;height:auto}.story p{max-width:750px;margin:20px auto;font:16px/1.8 system-ui,sans-serif;color:#e9e1d6}.story p.story-motto{font:italic 27px/1.3 Georgia,serif;color:var(--pale);margin:10px auto 27px}.story strong{color:var(--pale)}.story .site-note{font-size:12px;color:#bfc4c6}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;padding:25px max(28px,calc((100vw - 1120px)/2));background:#04121fdd;color:#c9c6c1;font:12px system-ui,sans-serif}
@media(max-width:850px){.feature-card{grid-template-columns:1fr;text-align:center}.feature-card>img{max-width:210px;margin:auto}.tea-inner{gap:35px}.tea-medallion{width:155px;height:155px;font-size:65px}}
@media(max-width:550px){.hero{min-height:0}.hero-inner{padding:47px 12px 29px}.eyebrow{font-size:10px;letter-spacing:.2em}.hero h1{margin:16px auto 0;width:100%}.hero-subtitle{font-size:clamp(21px,6vw,26px);margin:3px auto 9px}.hero-copy{font-size:14px;line-height:1.65;margin-bottom:23px;padding:0 6px}.hero-art{height:145px;margin-top:21px}.hero-art img{width:119px;height:119px}.hero-art .art-left{transform:rotate(-13deg) translate(9px,10px)}.hero-art .art-right{transform:rotate(13deg) translate(-9px,10px)}.section-width{padding:55px 19px}.section-heading{margin-bottom:26px}.section-heading h2,h2{font-size:34px}.section-heading p{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature-card{display:flex;gap:15px;text-align:left;padding:16px;border-radius:14px}.feature-card>img{width:120px;flex:none;max-width:42%}.feature-copy h3{font-size:23px}.feature-copy p:not(.feature-label){font-size:12px;line-height:1.55}.feature-label{font-size:9px}.tea-inner{flex-direction:column;gap:30px;text-align:center}.tea-medallion{width:116px;height:116px;font-size:49px}.tea-inner p{font-size:14px}.story p{font-size:14px}.site-footer{flex-direction:column;align-items:center;gap:6px;text-align:center;padding:20px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Newsletter section embeds the official MailerLite-managed form. */
.newsletter{border-top:1px solid var(--line);background:linear-gradient(135deg,rgba(4,17,31,.82),rgba(8,28,48,.62));text-align:center}
.newsletter-inner{padding-block:72px 75px}
.newsletter-inner h2{margin:14px 0 12px}
.newsletter-inner>p{font:15px/1.7 system-ui,sans-serif;color:#e2dcce;max-width:590px;margin:0 auto 23px}
.newsletter-form-shell{max-width:585px;margin:22px auto 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(4,18,33,.36)}
.newsletter-fields{text-align:left}
.newsletter-fields label{display:block;font:600 13px system-ui,sans-serif;margin:0 0 9px;color:var(--pale)}
.newsletter-input-row{display:flex;gap:10px}
.newsletter-input-row input{min-width:0;flex:1;border-radius:7px;border:1px solid rgba(233,199,130,.6);padding:14px;background:rgba(2,10,21,.68);color:#fff;font:15px system-ui,sans-serif}
.newsletter-input-row input:disabled{opacity:.65}
.newsletter-input-row button{flex:0 0 auto;padding:10px 19px;background:linear-gradient(#f5dfa7,#b8893c);border:1px solid #f4d89c;border-radius:7px;color:#23190b;font:700 14px system-ui,sans-serif}
.newsletter-input-row button:disabled{opacity:.55;cursor:not-allowed}
.newsletter-status{margin:12px 0 0;color:#e1d6c5;font:12px/1.5 system-ui,sans-serif}
.newsletter-inner .newsletter-disclaimer{color:#cdc2af;font-size:12px;margin:17px auto 0}
@media(max-width:550px){.newsletter-inner{padding-block:55px 60px}.newsletter-form-shell{padding:15px}.newsletter-input-row{flex-direction:column}.newsletter-input-row button{padding:13px}}

/* MailerLite widget: keep the host panel transparent and fluid without rewriting the provider's form styles. */
.newsletter-form-shell .ml-embedded{width:100%;min-height:80px;max-width:100%;overflow-wrap:anywhere}
.newsletter-form-shell .newsletter-fallback{font:12px/1.5 system-ui,sans-serif;color:#cfbea2;margin:12px auto 0}
.newsletter-form-shell a{color:#ffdd9f;text-underline-offset:3px}

/* v0.6: match the published site palette and reuse authentic card artwork. */
.hero-art img.playing-card {height:180px;width:137px;object-fit:contain}
.hero-art .art-left.playing-card {transform:rotate(-17deg) translate(1px,9px)}
.hero-art .art-right.playing-card {transform:rotate(17deg) translate(-1px,9px)}
.feature-card>img.playing-card-feature{width:148px;height:208px;aspect-ratio:auto;object-fit:contain;justify-self:center;margin-inline:auto}
.newsletter-form-shell{background:rgba(2,15,29,.18);border:1px solid rgba(233,193,116,.5);box-shadow:0 16px 40px rgba(0,0,0,.2)}
/* MailerLite injects several nested white surfaces: style the official widget instead of substituting a fake form. */
.newsletter .ml-embedded .ml-form-embedContainer,
.newsletter .ml-embedded .ml-form-embedContainer .ml-form-embedWrapper,
.newsletter .ml-embedded .ml-form-embedContainer .ml-form-embedBody,
.newsletter .ml-embedded .ml-form-embedContainer .ml-form-successBody,
.newsletter .ml-embedded .ml-form-embedContainer .ml-form-embedBody .ml-form-embedContent,
.newsletter .ml-embedded .ml-form-embedContainer .ml-form-successContent {background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;}
.newsletter .ml-embedded .ml-form-embedContainer .ml-form-embedBody,
.newsletter .ml-embedded .ml-form-embedContainer .ml-form-successBody{padding:8px!important}
.newsletter .ml-embedded .ml-form-embedContainer h4,
.newsletter .ml-embedded .ml-form-embedContainer p,
.newsletter .ml-embedded .ml-form-embedContainer .ml-form-fieldRow label,
.newsletter .ml-embedded .ml-form-embedContainer .ml-form-successBody{color:#f2dfb9!important}
.newsletter .ml-embedded .ml-form-embedContainer input[type=email],
.newsletter .ml-embedded .ml-form-embedContainer input[type=text]{background:rgba(1,12,27,.8)!important;color:white!important;border:1px solid #be994f!important;border-radius:7px!important;min-height:48px!important}
.newsletter .ml-embedded .ml-form-embedContainer button.primary,
.newsletter .ml-embedded .ml-form-embedContainer button{background:linear-gradient(#f6e2af,#b58a3e)!important;color:#1b170e!important;border:1px solid #f6dc9d!important;border-radius:7px!important;min-height:48px!important;font-weight:700!important}
.newsletter .ml-embedded .ml-form-embedContainer a{color:#ffdc94!important}
@media(max-width:550px){.hero-art img.playing-card{width:95px;height:134px}.hero-art{height:150px}.feature-card>img.playing-card-feature{width:96px;height:143px;max-width:42%}.newsletter-form-shell{padding:12px}}

/* v0.7 — free public games: focused links with safe finger-sized targets. */
.play-game-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:15px 0 0;padding:10px 20px;text-decoration:none;border-radius:7px;background:linear-gradient(#f8dda2,#b68b43);border:1px solid #ffe3a5;box-shadow:0 3px 0 #65441a;color:#171306;font:700 14px system-ui,sans-serif}
.play-game-link:hover{filter:brightness(1.07)}
.games-hub .hub-inner{max-width:1030px;margin:0 auto;padding:36px 20px 85px}.games-hub .return-home{display:inline-block;margin:0 0 35px;color:#f1d596;font:600 14px system-ui,sans-serif}.games-hub .hub-hero{text-align:center}.games-hub .hub-hero img{max-width:440px;width:94%;height:auto;display:block;margin:25px auto 6px}.games-hub .hub-hero h1{font:500 clamp(32px,5vw,55px)/1.16 Georgia,serif;color:#f6dca1;margin:12px auto}.games-hub .hub-hero p{max-width:640px;margin:8px auto 44px;color:#e5ded1;font:16px/1.7 system-ui,sans-serif}.games-hub .game-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.games-hub .game-entry{background:#07172bdc;border:1px solid #d8b575;border-radius:18px;padding:22px;text-align:center;min-width:0}.games-hub .game-entry img{height:210px;max-width:90%;object-fit:contain;filter:drop-shadow(0 12px 17px #0007)}.games-hub .game-entry h2{font:500 30px Georgia,serif;color:#f5dda7;margin:15px 0 6px}.games-hub .game-entry p{font:14px/1.65 system-ui,sans-serif;color:#e6dfd5;margin:8px 0}.games-hub .game-note{margin:35px auto 0;max-width:780px;text-align:center;color:#cfc8bd;font:13px/1.65 system-ui,sans-serif}.games-hub .game-note strong{color:#f2d798}@media(max-width:640px){.games-hub .hub-inner{padding:24px 14px 60px}.games-hub .game-cards{grid-template-columns:1fr}.games-hub .game-entry img{height:165px}}

.site-nav{position:relative;z-index:5;display:flex;gap:clamp(12px,3vw,30px);justify-content:center;flex-wrap:wrap;padding:14px 12px;background:#071727ed;border-bottom:1px solid #b3934d55;font:700 12px system-ui}.site-nav a{color:#ead39a;text-decoration:none;padding:7px 0}.site-nav a:hover{text-decoration:underline}.future-products{padding-top:20px;padding-bottom:48px;text-align:center}.future-products h2{font-family:Georgia,serif;font-size:clamp(28px,4vw,40px);color:#f3d695}.future-products p{max-width:760px;margin:14px auto;line-height:1.7;color:#d2d8d8}

/* v0.8.1: complete transparent gold wordmark; no traced outline or heavy drop shadow. */
.hero h1 img.royal-gold-wordmark,.games-hub .hub-hero img.royal-gold-wordmark{filter:none;object-fit:contain;outline:0;border:0}