:root{--ink:#233d36;--green:#285b49;--paper:#fcfaf6;--white:#fffefa;--muted:#68736c;--line:#e3e5dc}body{background:var(--paper)}.brand>span:last-child{display:flex;flex-direction:column;font-size:10px;letter-spacing:2px}.brand small{font:bold 22px/1.1 Arial,sans-serif;letter-spacing:1px!important;color:#285b49}.header{background:#fcfaf6f5}.rivals-home{overflow:hidden;color:#233d36}.rivals-home h1,.rivals-home h2,.rivals-home h3{font-family:Arial,sans-serif;letter-spacing:-2px}.rivals-home h2{font-size:clamp(32px,3.5vw,49px);font-weight:700;line-height:1.08}.rivals-home em{font-style:normal;color:#729683}.rivals-hero.hero{max-width:1360px;padding:65px 48px 72px;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.r-kicker{font:700 9px/1.6 Arial,sans-serif!important;letter-spacing:1.7px;color:#688170!important;margin:0 0 24px!important}.r-kicker>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#89b393;margin-right:6px}.rivals-copy h1{position:relative;font-size:clamp(70px,8.5vw,119px);font-weight:900;line-height:.86;margin:0 0 31px;letter-spacing:-8px;color:#285b49}.rivals-copy h1>span{display:block;font:700 15px Arial;letter-spacing:9px;margin-bottom:17px;color:#6b8b77}.rivals-copy h1>i{font-style:normal;position:absolute;font-size:43px;color:#d49096;letter-spacing:0;top:30px;margin-left:12px}.rivals-copy h2{font-size:36px;letter-spacing:-1.5px;margin-bottom:20px}.r-lead{font-size:15px;line-height:1.8;max-width:430px}.r-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px}.r-pills a{padding:9px 14px;background:#efe9f5;border:1px solid #e4d8ef;border-radius:100px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.r-pills a:nth-child(2){background:#e8efe4;border-color:#d6e4d2}.r-pills a:nth-child(3){background:#faeddb;border-color:#f0dfc6}.r-pills a:hover{transform:translateY(-3px);background:white}.r-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.rivals-home .button{border-radius:12px;padding:17px 24px;font-weight:700;font-size:14px;box-shadow:0 5px 0 #193b2f;transition:transform .2s,box-shadow .2s}.rivals-home .button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #193b2f}.r-text-link{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.r-availability{font-size:10px!important;line-height:1.7;margin-top:23px!important;max-width:420px}.r-availability>span{display:inline-block;width:6px;height:6px;background:#589d65;border-radius:50%;margin-right:4px}.r-playground{position:relative;background:#eee8f5;border:1px solid #e0d5eb;border-radius:32px;padding:23px 24px 16px;box-shadow:0 18px 55px #876ea012}.playground-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;letter-spacing:1px;color:#806c94}.demo-score{background:#fffaf4;padding:7px 10px;border-radius:100px;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:0}.tile-orbit{position:relative;padding:35px 0 28px}.tile-orbit:before{content:'';position:absolute;inset:20px -6px;border:1px solid #d4c7e2;border-radius:50%;transform:rotate(-22deg)}.r-demo{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;padding:10px 16px}.demo-tile{position:relative;width:100%;aspect-ratio:.75;background:linear-gradient(#d6c2e9,#a984c4);padding:0 0 10px;border:1px solid #aa85c5;border-radius:15px;box-shadow:0 6px 0 #8f68ac,0 14px 18px #75568f25;cursor:pointer;transition:transform .22s,opacity .3s,box-shadow .22s}.tile-face{display:grid;place-items:center;background:linear-gradient(130deg,#fffefa,#f9f3ff);height:100%;border:2px solid white;border-radius:14px;box-shadow:inset 0 0 0 1px #e4d9ec}.tile-face svg{width:76%;height:80%;filter:drop-shadow(0 1px 0 #ffffff)}.tile-0{transform:rotate(-8deg)}.tile-1{transform:translateY(-9px) rotate(3deg)}.tile-2{transform:rotate(9deg)}.tile-3{transform:rotate(4deg)}.tile-4{transform:translateY(6px) rotate(-5deg)}.tile-5{transform:rotate(8deg)}.demo-tile:hover,.demo-tile.picked{transform:translateY(-12px) rotate(0);box-shadow:0 8px 0 #8f68ac,0 18px 22px #75568f38}.demo-tile.picked .tile-face{background:#fff2ce;border-color:#dbb970}.demo-tile.matched{opacity:0;transform:translateY(-24px) scale(.7);pointer-events:none}.demo-tile.wrong{animation:r-shake .3s 2}.orbit-star{position:absolute;z-index:2;color:#9d83b5;pointer-events:none}.orbit-star.one{left:-17px;top:38%;font-size:40px}.orbit-star.two{right:-8px;bottom:25%;font-size:32px;color:#d5a563}.playground-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 7px;border-top:1px solid #dacfe5}.playground-bottom strong{font-size:13px;letter-spacing:-.3px}.demo-message{font-size:11px;margin:7px 0 0;line-height:1.5;min-height:18px}.demo-reset{height:36px;width:36px;flex-shrink:0;background:#fffaf4;border:1px solid #d9cde4;border-radius:50%;font-size:22px;color:#675478;cursor:pointer}.demo-note{font-size:8px;color:#847391;margin:8px 0 0;line-height:1.5}.demo-complete{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.demo-complete>span{font-size:55px;color:#977aab}.demo-complete strong{font-size:25px;letter-spacing:-1px}.demo-complete p{font-size:12px}.demo-complete .button{font-size:12px}.r-ribbon{background:#f0f2e8;border-block:1px solid #e1e6d8;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px;padding:24px;font-size:9px;letter-spacing:1px;color:#7a8870}.r-ribbon b{color:#4d6149}.r-ribbon i{font-style:normal;font-size:20px;color:#a8b69a}.r-section{max-width:1280px;margin:auto;padding:85px 48px;scroll-margin-top:100px}.r-section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.r-section-head>p{font-size:13px;line-height:1.8}.r-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.r-mode-tabs button{text-align:left;padding:23px;border:1px solid #e3e5dc;background:#f7f6f0;border-radius:16px;color:#738171;font-size:25px;font-weight:700;letter-spacing:-.7px;cursor:pointer}.r-mode-tabs button>span{display:block;font-size:8px;letter-spacing:1px;margin-bottom:15px;font-weight:500}.r-mode-tabs button>b{float:right;font-size:28px;line-height:1}.r-mode-tabs button[aria-selected=true]{background:#e7eddf;border-color:#b7c6a9;color:#35573b}.r-mode-panel{display:grid;grid-template-columns:1fr 1fr;background:#f0eee5;border:1px solid #e5e1d5;border-radius:22px;overflow:hidden}.mode-art{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;gap:18px;background:#efe6da}.r-opponent{width:104px;height:142px;display:grid;place-items:center;background:#fffcf8;border:2px solid #dac7e9;border-radius:14px;box-shadow:0 9px 0 #a985c3,0 20px 25px #83674918;transform:rotate(-13deg)}.r-opponent svg{width:77%;height:84%}.r-opponent.second{transform:rotate(13deg)}.mode-symbol{font-size:39px;font-weight:900;color:#ca8d76;font-style:italic}.mode-art-label{position:absolute;bottom:31px;font-size:8px;letter-spacing:1.2px;color:#9d7c63}.mode-copy{padding:40px}.r-soon{display:inline-block;font-size:8px;font-weight:700;letter-spacing:1.4px;border:1px solid #cecdb9;border-radius:100px;padding:6px 10px;color:#78846c}.mode-copy h3{font-size:31px;line-height:1.13;margin:20px 0 18px;letter-spacing:-1px}.mode-copy>p{font-size:13px;line-height:1.8}.mode-copy .r-text-link{display:inline-block;margin-top:5px}#mode-panel[data-active="1"] .mode-art{background:#e4ebdf}#mode-panel[data-active="2"] .mode-art{background:#ece4f2}.r-how{border-top:1px solid #e5e6dc;display:grid;grid-template-columns:.9fr 1.4fr;gap:55px}.r-how h2{margin-bottom:25px}.r-rule-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.r-rule-cards article{padding:20px 0;border-top:2px solid #dce3cf}.r-rule-cards article>span{font-size:10px;color:#91a380}.r-rule-cards h3{font-size:24px;margin:28px 0 15px;letter-spacing:-1px}.r-rule-cards p{font-size:12px;line-height:1.8}.r-community{background:#e9efde;border:1px solid #dce5ce;border-radius:25px;padding:50px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.r-community h2{font-size:39px}.r-community p:not(.r-kicker){font-size:13px;max-width:430px;line-height:1.8}.r-community .r-actions{margin-top:28px}.r-community-art{position:relative;display:flex;justify-content:center;padding-bottom:85px}.r-community-art>span{width:90px;height:120px;display:grid;place-items:center;border:2px solid white;border-radius:14px;background:#fffefa;box-shadow:0 8px 0 #b69dcc;color:#407b64;font-size:58px;transform:rotate(-15deg)}.r-community-art>span:nth-child(2){transform:translateY(-20px) rotate(5deg);color:#b87982;z-index:1}.r-community-art>span:nth-child(3){transform:rotate(18deg)}.r-community-art>b{position:absolute;bottom:0;text-align:center;font-size:15px;font-weight:500;color:#75856b;line-height:1.6}.r-download{padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:40px}.r-download h2{font-size:37px}.r-download p:not(.r-kicker){font-size:13px;line-height:1.8}.r-download .store{background:#f0eee8;color:#425347;border-color:#deddd3;border-radius:14px}.r-download .store small{color:#7a8477}.r-download .store span{color:#a19978}.rivals-home button:focus-visible,.rivals-home a:focus-visible{outline:3px solid #9d76b4;outline-offset:5px}@keyframes r-shake{25%{translate:-4px}75%{translate:4px}}
@media(max-width:1050px){.rivals-hero.hero{gap:28px;padding:45px 30px}.rivals-copy h1{font-size:90px;letter-spacing:-6px}.rivals-copy h1>i{font-size:30px;margin-left:6px}.rivals-copy h2{font-size:30px}.r-playground{padding:20px 17px}.r-demo{gap:20px 12px;padding:10px 5px}.r-section{padding:65px 30px}.r-mode-tabs button{padding:20px;font-size:22px}.r-how{gap:30px;grid-template-columns:1fr}.r-community{padding:35px;gap:20px}.r-community-art>span{width:72px;height:100px;font-size:46px}}
@media(max-width:760px){.rivals-hero.hero{grid-template-columns:1fr;padding:34px 22px 38px;gap:36px}.rivals-copy h1{font-size:clamp(78px,21vw,119px);letter-spacing:-6px;max-width:430px}.rivals-copy h1>i{font-size:30px}.rivals-copy h1>span{font-size:12px;letter-spacing:8px}.rivals-copy h2{font-size:33px}.r-kicker{font-size:8px!important;letter-spacing:1.1px;margin-bottom:20px!important}.r-lead{font-size:14px;max-width:500px}.r-availability{font-size:9px!important}.r-pills{margin:20px 0 24px}.r-pills a{font-size:11px;padding:9px 13px}.r-playground{max-width:470px;width:100%;margin:auto;border-radius:24px;padding:19px}.r-demo{padding:8px 8px;gap:22px 16px}.tile-orbit{padding:28px 0}.playground-top{font-size:7px;letter-spacing:.7px}.r-ribbon{gap:10px 20px;font-size:8px;padding:20px}.r-ribbon i{font-size:14px}.r-ribbon>span:last-child{display:none}.r-section{padding:52px 22px}.r-section-head{display:block;margin-bottom:25px}.r-section-head>p{font-size:12px;margin-top:20px}.r-mode-tabs{gap:7px}.r-mode-tabs button{padding:15px 10px;font-size:17px;letter-spacing:-.7px;border-radius:12px}.r-mode-tabs button>span{font-size:6px;letter-spacing:.25px;min-height:17px;margin-bottom:10px}.r-mode-tabs button>b{display:none}.r-mode-panel{grid-template-columns:1fr}.mode-art{min-height:260px}.r-opponent{width:88px;height:119px}.mode-art-label{font-size:7px;bottom:24px}.mode-copy{padding:26px}.mode-copy h3{font-size:29px}.r-how{gap:32px}.r-rule-cards{gap:15px}.r-rule-cards h3{font-size:21px}.r-rule-cards p{font-size:11px}.r-community{grid-template-columns:1fr;padding:30px 23px;gap:44px}.r-community h2{font-size:33px}.r-community-art{padding-top:15px}.r-community-art>span{width:90px;height:114px}.r-download{display:block;padding-top:10px}.r-download .stores{margin-top:25px}.r-download .store{min-width:125px}.rivals-home .button{padding:15px 19px;font-size:12px}.r-actions{gap:20px}.r-text-link{font-size:11px}}@media(max-width:350px){.rivals-copy h1{font-size:77px;letter-spacing:-6px}.rivals-copy h1>i{font-size:23px;margin-left:4px}.r-demo{gap:18px 12px;padding:7px 2px}.r-playground{padding:16px}.r-mode-tabs button{font-size:15px;padding:13px 8px}.r-rule-cards{grid-template-columns:1fr;gap:5px}.r-rule-cards h3{margin:10px 0}.r-rule-cards p{font-size:12px}}@media(prefers-reduced-motion:reduce){.rivals-home *{animation:none!important;transition:none!important;scroll-behavior:auto}}
/* Exact raster exports of MahjongTilePainter, shared with the playable game. */
.demo-tile{background:none;border:0;padding:0;box-shadow:none;filter:drop-shadow(0 9px 9px #75568f24)}.tile-face,.demo-tile.picked .tile-face{background:none;border:0;box-shadow:none}.tile-face img{width:100%;height:100%;object-fit:contain;pointer-events:none}.demo-tile:hover,.demo-tile.picked{box-shadow:none;filter:drop-shadow(0 12px 12px #77529840)}.demo-tile.picked{filter:drop-shadow(0 0 7px #d9b65b)}.r-opponent{background:none;border:0;box-shadow:none}.r-opponent img{width:100%;height:100%;object-fit:contain}.r-community-art>span{background:none;border:0;box-shadow:none}.r-community-art img{width:100%;height:100%;object-fit:contain}.r-playground{background:radial-gradient(ellipse at 50% 35%,#fffaf4,#eee5f5 70%)}.demo-message.celebrate{color:#826336;font-weight:700;animation:celebrate .65s ease}.demo-complete>span{animation:celebrate .85s ease}.demo-tile.matched{filter:drop-shadow(0 0 18px #eed698)}@keyframes celebrate{0%{transform:scale(.9);opacity:.4}45%{transform:scale(1.06);opacity:1}100%{transform:scale(1)}}
.r-progress-preview{max-width:1184px;margin:38px auto 0;padding:25px 32px;border:1px solid #e8ddcc;background:#fff8e9;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:25px}.r-progress-preview strong{font-size:16px}.r-progress-preview p{font-size:11px;margin:8px 0 0}.r-progress-preview ol{display:flex;gap:22px;list-style:none;padding:0;margin:0}.r-progress-preview li{text-align:center}.r-progress-preview b{display:block;font-size:26px;color:#9a8358}.r-progress-preview li:first-child b{color:#3c7b5a}.r-progress-preview span{font-size:7px;letter-spacing:1px}@media(max-width:760px){.r-progress-preview{margin:25px 22px 0;padding:22px;display:block}.r-progress-preview ol{margin-top:20px;justify-content:space-between;gap:10px}.r-progress-preview strong{font-size:15px}.r-progress-preview b{font-size:24px}}