#ruley-site {
    --re-navy:#071c2a; --re-cream:#fff3db; --re-paper:#fff7e8;
    --re-coral:#ff6955; --re-gold:#ffbe25; --re-teal:#37bfc0;
    --re-ink:#102b3a; --re-secondary:#50616a; --re-rule:#d7cbb6;
    width:100%; margin:0 auto; container-type:inline-size; color-scheme:light;
    background:var(--re-paper); color:var(--re-ink); text-align:left;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:16px; line-height:1.65; isolation:isolate;
  }
#ruley-site *,#ruley-site *::before,#ruley-site *::after { box-sizing:border-box; }
#ruley-site [hidden] { display:none!important; }
#ruley-site h1,#ruley-site h2,#ruley-site h3,#ruley-site p,#ruley-site figure { margin:0; }
#ruley-site button,#ruley-site a { font:inherit; }
#ruley-site a { color:var(--re-ink); text-decoration-thickness:1px; text-underline-offset:4px; }
#ruley-site button:focus-visible,#ruley-site a:focus-visible,#ruley-site summary:focus-visible { outline:3px solid var(--re-cream); outline-offset:3px; box-shadow:0 0 0 6px var(--re-ink); }
#ruley-site img { display:block; max-width:100%; height:auto; }
#ruley-site h1 { font-size:31px;line-height:1.2;letter-spacing:-.025em;font-weight:650;margin-bottom:18px; }
#ruley-site .re-get { border:0;border-radius:7px;background:var(--re-navy);color:var(--re-cream);display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 18px;font-size:15px;font-weight:600; }
#ruley-site .re-get:hover { background:#193d4e; }
#ruley-site .re-get i { width:20px;height:20px; }
#ruley-site .re-gallery { padding:27px 6% 30px;background:#eee4d0;border-top:1px solid var(--re-rule);border-bottom:1px solid var(--re-rule); }
#ruley-site .re-gallery-header { display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:25px; }
#ruley-site h2 { font-size:25px;line-height:1.25;font-weight:650;letter-spacing:-.02em; }
#ruley-site .re-gallery-header p { font-size:12px;color:var(--re-secondary); }
#ruley-site .re-gallery-grid { display:grid;grid-template-columns:1fr 1fr 1.85fr;align-items:end;gap:23px; }
#ruley-site .re-gallery figure { min-width:0; }
#ruley-site .re-screen-button { width:100%;display:block;padding:0;border:0;background:none;color:inherit; }
#ruley-site .re-phone-frame { background:#071c2a;padding:5px;border:1px solid #586975;border-radius:24px;box-shadow:0 6px 10px #071c2a18; }
#ruley-site .re-phone-frame img { width:100%;height:auto;border-radius:19px; }
#ruley-site .re-tablet-frame { padding:7px;background:#071c2a;border:1px solid #586975;border-radius:16px;box-shadow:0 6px 10px #071c2a18; }
#ruley-site .re-tablet-frame img { width:100%;height:auto;border-radius:9px; }
#ruley-site figcaption { margin-top:13px;font-size:13px;font-weight:500;line-height:1.4; }
#ruley-site figcaption span { color:var(--re-secondary);font-weight:400;display:block;font-size:12px;margin-top:3px; }
#ruley-site .re-gallery-expanded { border-top:1px solid #c9bba3;margin-top:25px;padding-top:20px; }
#ruley-site .re-expanded-head { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px; }
#ruley-site .re-expanded-head h3 { font-size:17px;font-weight:600; }
#ruley-site .re-close { background:none;color:var(--re-ink);border:1px solid #afa28f;border-radius:5px;padding:7px 13px;min-height:42px;font-size:13px; }
#ruley-site .re-enlarged-image { max-height:760px;width:auto;max-width:100%;margin:0 auto;border:5px solid var(--re-navy);border-radius:12px; }
#ruley-site .re-editorial { display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:47px;padding:41px 6% 46px;align-items:start; }
#ruley-site .re-article { min-width:0; }
#ruley-site .re-article section + section { margin-top:31px; }
#ruley-site .re-article h2 { margin-bottom:15px; }
#ruley-site .re-article p { font-size:15px;line-height:1.8; }
#ruley-site .re-article p+p { margin-top:15px; }
#ruley-site .re-article h3 { margin:26px 0 10px;font-size:19px;line-height:1.35;font-weight:600; }
#ruley-site .re-sidebar { border-left:1px solid var(--re-rule);padding-left:25px; }
#ruley-site .re-sidebar h2 { font-size:19px;letter-spacing:0;margin-bottom:20px;padding-top:10px;border-top:4px solid var(--re-coral); }
#ruley-site .re-sidebar dl { margin:0; }
#ruley-site .re-sidebar dt { margin-top:16px;font-size:12px;line-height:1.5;font-weight:650;color:var(--re-secondary); }
#ruley-site .re-sidebar dd { margin:4px 0 0;font-size:14px;line-height:1.55; }
#ruley-site .re-sidebar .re-get { margin-top:22px;width:100%;font-size:13px;background:var(--re-gold);color:var(--re-ink);min-height:48px; }
#ruley-site .re-sidebar .re-get:hover { background:#f5b416; }
#ruley-site .re-sidebar nav { margin-top:31px;padding-top:18px;border-top:1px solid var(--re-rule); }
#ruley-site .re-sidebar h3 { font-size:14px;font-weight:600;margin-bottom:8px; }
#ruley-site .re-sidebar nav a { display:block;padding:6px 0;font-size:13px; }
#ruley-site .re-faq { margin-top:31px;border-top:1px solid var(--re-rule);padding-top:24px; }
#ruley-site .re-faq h2 { margin-bottom:16px; }
#ruley-site details { padding:14px 0;border-bottom:1px solid var(--re-rule); }
#ruley-site summary { font-size:15px;font-weight:600;line-height:1.5; }
#ruley-site details p { padding:12px 0 2px; }
@container(max-width:760px) {
#ruley-site .re-get { font-size:13px;padding:11px;gap:8px; }
#ruley-site .re-editorial { grid-template-columns:minmax(0,1fr) 190px;gap:27px; }
#ruley-site .re-sidebar { padding-left:20px; }
#ruley-site .re-gallery-grid { gap:17px; }
#ruley-site .re-phone-frame { border-radius:19px;padding:4px; }
#ruley-site .re-phone-frame img { border-radius:14px; }
}
@container(max-width:600px) {
#ruley-site h1 { font-size:27px;margin-bottom:15px; }
#ruley-site .re-gallery { padding:23px 6% 25px; }
#ruley-site .re-gallery-header { display:block;margin-bottom:22px; }
#ruley-site .re-gallery-header p { margin-top:6px; }
#ruley-site .re-gallery-grid { grid-template-columns:1fr 1fr;gap:25px 18px; }
#ruley-site .re-gallery figure:last-child { grid-column:1/-1; }
#ruley-site .re-tablet-frame { padding:5px;border-radius:12px; }
#ruley-site .re-tablet-frame img { border-radius:7px; }
#ruley-site figcaption { font-size:12px;margin-top:10px; }
#ruley-site figcaption span { font-size:11px; }
#ruley-site .re-editorial { display:flex;flex-direction:column;gap:33px;padding:30px 6% 35px; }
#ruley-site h2 { font-size:24px; }
#ruley-site .re-article p { font-size:15px; }
#ruley-site .re-sidebar { border-left:0;border-top:1px solid var(--re-rule);padding:26px 0 0;width:100%; }
#ruley-site .re-sidebar h2 { border-top:0;padding:0;margin-bottom:15px;font-size:22px; }
#ruley-site .re-sidebar dl { display:grid;grid-template-columns:92px 1fr;gap:13px; }
#ruley-site .re-sidebar dt { margin:0; }
#ruley-site .re-sidebar dd { margin:0; }
#ruley-site .re-sidebar .re-get { max-width:250px; }
}
#ruley-site .rt-header { display:flex;align-items:center;justify-content:space-between;gap:26px;background:var(--re-navy);padding:15px 5%;color:var(--re-cream); }
#ruley-site .rt-logo { width:150px;flex:0 0 150px; }
#ruley-site .rt-logo img { width:100%;filter:brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(637%) hue-rotate(342deg) brightness(105%) contrast(102%); }
#ruley-site .rt-nav { display:flex;align-items:center;justify-content:flex-end;gap:29px;flex:1; }
#ruley-site .rt-nav a { color:var(--re-cream);text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap; }
#ruley-site .rt-nav a:hover { color:var(--re-gold); }
#ruley-site .rt-download { display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--re-gold);color:var(--re-navy);border:0;border-radius:28px;padding:12px 23px;font-size:14px;font-weight:700;min-height:46px;white-space:nowrap; }
#ruley-site .rt-download:hover { background:#ffd060; }
#ruley-site .rt-download svg { width:17px;height:17px; }
#ruley-site .rt-hero { position:relative;isolation:isolate;background:var(--re-navy);color:var(--re-cream);min-height:470px;display:flex;align-items:center;padding:45px 5%;overflow:hidden; }
#ruley-site .rt-hero::before { content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071c2a 0%,#071c2afa 24%,#071c2acf 43%,#071c2a24 77%),linear-gradient(0deg,#071c2a6b,transparent 65%); }
#ruley-site .rt-hero::after { content:"";position:absolute;inset:0;z-index:-1;background-image:var(--re-grain);background-size:170px;opacity:.1;pointer-events:none; }
#ruley-site .rt-hero-copy { width:53%;position:relative;z-index:2; }
#ruley-site .rt-hero h1 { font-size:56px;line-height:1.04;letter-spacing:-.035em;font-weight:750;margin:0 0 23px;color:var(--re-paper); }
#ruley-site .rt-download-row { display:flex;align-items:center;gap:19px;flex-wrap:wrap; }
#ruley-site .rt-platform { font-size:12px;color:#d4dcd6; }
#ruley-site .rt-monster { position:absolute;width:26%;max-width:280px;right:8%;bottom:36px;filter:drop-shadow(0 9px 4px #0008);transform:rotate(5deg);z-index:1; }
#ruley-site .rt-games { padding:29px 5% 31px;background:var(--re-paper);border-bottom:1px solid var(--re-rule); }
#ruley-site .rt-section-heading { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px; }
#ruley-site .rt-section-heading a { font-size:12px;white-space:nowrap; }
#ruley-site .rt-game-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px; }
#ruley-site .rt-game-grid figure { min-width:0; }
#ruley-site .rt-game-grid img { width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:5px; }
#ruley-site .rt-game-grid figcaption { display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:650;margin-top:10px; }
#ruley-site .rt-game-grid figcaption span { font-size:11px;margin:0; }
#ruley-site .re-gallery { background:#efe5d1;padding:33px 5% 31px;border-top:0; }
#ruley-site .re-gallery-grid { grid-template-columns:1fr 1fr 2.1fr;gap:27px;align-items:center; }
#ruley-site .re-gallery-header { margin-bottom:26px; }
#ruley-site .re-editorial { padding:36px 5% 40px;gap:45px; }
#ruley-site .re-sidebar { background:#f6ebd6;border:0;padding:22px; }
#ruley-site .re-sidebar h2 { border-top:0;padding:0;margin-bottom:19px; }
#ruley-site .re-sidebar .re-get { border-radius:25px; }
#ruley-site .re-article h2 { font-size:25px; }
#ruley-site .re-article p { font-size:14px;line-height:1.85; }
@container(max-width:800px) {
#ruley-site .rt-header { gap:18px; }
#ruley-site .rt-logo { width:128px;flex-basis:128px; }
#ruley-site .rt-nav { gap:20px; }
#ruley-site .rt-nav a { font-size:12px; }
#ruley-site .rt-header .rt-download { font-size:12px;padding:10px 17px; }
#ruley-site .rt-hero h1 { font-size:47px; }
#ruley-site .rt-hero { min-height:430px; }
#ruley-site .rt-hero-copy { width:59%; }
#ruley-site .rt-monster { right:5%;width:28%;bottom:37px; }
#ruley-site .rt-game-grid figcaption { display:block; }
#ruley-site .rt-game-grid figcaption span { margin-top:3px; }
#ruley-site .re-gallery-grid { gap:18px; }
#ruley-site .re-editorial { gap:26px; }
#ruley-site .re-sidebar { padding:18px; }
}
@container(max-width:600px) {
#ruley-site .rt-header { flex-wrap:wrap;padding:15px 6% 0;gap:13px 20px; }
#ruley-site .rt-logo { flex-basis:132px;width:132px; }
#ruley-site .rt-header>.rt-download { margin-left:auto;min-height:42px;padding:9px 16px; }
#ruley-site .rt-nav { order:3;flex-basis:100%;justify-content:space-between;border-top:1px solid #35505b;gap:15px; }
#ruley-site .rt-nav a { padding:12px 0;font-size:12px; }
#ruley-site .rt-hero { min-height:690px;align-items:flex-start;padding:29px 6% 275px; }
#ruley-site .rt-hero-copy { width:100%; }
#ruley-site .rt-hero h1 { font-size:43px;max-width:350px;margin-bottom:20px; }
#ruley-site .rt-hero::before { background:linear-gradient(180deg,#071c2a 0%,#071c2a 41%,#071c2ae0 55%,#071c2a22 85%); }
#ruley-site .rt-monster { width:42%;max-width:195px;right:9%;bottom:26px; }
#ruley-site .rt-download-row { gap:13px; }
#ruley-site .rt-platform { font-size:11px; }
#ruley-site .rt-download { font-size:13px;padding:12px 21px; }
#ruley-site .rt-games { padding:26px 6%; }
#ruley-site .rt-section-heading { align-items:baseline;gap:13px;flex-wrap:wrap; }
#ruley-site .rt-section-heading h2 { font-size:24px; }
#ruley-site .rt-section-heading a { font-size:12px; }
#ruley-site .rt-game-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px; }
#ruley-site .rt-game-grid img { aspect-ratio:1.35; }
#ruley-site .rt-game-grid figcaption { font-size:14px; }
#ruley-site .re-gallery { padding:27px 6%; }
#ruley-site .re-gallery-grid { grid-template-columns:1fr 1fr;gap:25px 17px; }
#ruley-site .re-editorial { padding:29px 6%;gap:29px; }
#ruley-site .re-article p { font-size:15px;line-height:1.8; }
#ruley-site .re-sidebar { padding:23px 20px; }
#ruley-site .re-sidebar dl { grid-template-columns:82px 1fr;gap:15px; }
#ruley-site .re-sidebar nav { display:none; }
}
@container(max-width:340px) {
#ruley-site .rt-logo { flex-basis:110px;width:110px; }
#ruley-site .rt-header { column-gap:10px; }
#ruley-site .rt-header>.rt-download { padding:9px 13px;font-size:11px;gap:6px; }
#ruley-site .rt-header>.rt-download svg { display:none; }
#ruley-site .rt-hero { min-height:710px;padding-bottom:255px; }
#ruley-site .rt-hero h1 { font-size:38px; }
#ruley-site .rt-download-row { align-items:flex-start;flex-direction:column;gap:9px; }
#ruley-site .rt-monster { width:44%; }
#ruley-site .rt-hero::before { background:linear-gradient(180deg,#071c2a 0%,#071c2a 50%,#071c2ac9 62%,#071c2a22 88%); }
}
#ruley-site * { font-family:inherit; }
#ruley-site .rt-header { background:var(--re-navy);background-image:var(--re-grain);background-size:192px; }
#ruley-site .rt-hero { padding:35px 5% 61px;min-height:450px;overflow:hidden;background:var(--re-navy); }
#ruley-site .rt-hero::before { background:none; }
#ruley-site .rt-hero::after { opacity:.24;z-index:3;pointer-events:none; }
#ruley-site .rt-hero-copy { width:55%;z-index:2; }
#ruley-site .rt-hero h1 { font-family:inherit;font-size:62px;line-height:1.03;letter-spacing:-.045em;font-weight:750;position:relative;padding-bottom:19px;margin-bottom:23px; }
#ruley-site .rt-hero h1::after { content:"";position:absolute;left:0;bottom:0;width:79%;max-width:350px;height:7px;background:var(--re-gold);border-radius:50% 28% 40% 23%;transform:rotate(-1deg); }
#ruley-site .rt-monster { width:32%;max-width:330px;right:7%;bottom:46px;transform:rotate(-6deg);filter:drop-shadow(0 5px 0 #0004); }
#ruley-site .ri-crown { position:absolute;right:27%;top:1%;width:73px;height:73px;color:var(--re-gold);transform:rotate(-17deg); }
#ruley-site .ri-crown svg { width:100%!important;height:100%!important;stroke-width:2.7; }
#ruley-site .ri-die { position:absolute;right:4%;top:12%;width:85px;height:85px;background:var(--re-coral);color:var(--re-navy);border:4px solid var(--re-navy);border-radius:20px;transform:rotate(16deg);box-shadow:6px 6px 0 #0006; }
#ruley-site .ri-die svg { width:100%!important;height:100%!important;stroke-width:2.6; }
#ruley-site .ri-doodle { position:absolute;font-family:inherit;font-weight:650;line-height:1;color:var(--re-gold);font-size:32px; }
#ruley-site .ri-doodle-a { right:39%;top:17%;transform:rotate(-16deg); }
#ruley-site .ri-doodle-b { right:8%;bottom:28%;color:var(--re-teal);transform:rotate(11deg); }
#ruley-site .ri-doodle-c { right:17%;top:3%;color:var(--re-coral);font-size:24px; }
#ruley-site .ri-swatch { position:absolute;z-index:0; }
#ruley-site .ri-swatch-a { right:-20px;bottom:-54px;width:285px;height:108px;border-radius:45% 55% 0 0;background:var(--re-teal);transform:rotate(-12deg); }
#ruley-site .ri-swatch-b { right:19%;bottom:-52px;width:210px;height:108px;border-radius:70% 45% 0 0;background:var(--re-coral);transform:rotate(11deg); }
#ruley-site .ri-swatch-c { left:-45px;bottom:-48px;width:155px;height:97px;border-radius:50% 65% 0 0;background:var(--re-teal);transform:rotate(24deg); }
#ruley-site .ri-swatch-d { right:-65px;bottom:-31px;width:140px;height:103px;border-radius:50% 65% 0 0;background:var(--re-gold);transform:rotate(-28deg); }
#ruley-site .ri-categories { padding:28px 5% 10px;background:var(--re-paper); }
#ruley-site .ri-categories h2 { font-family:inherit;font-weight:700;font-size:29px;letter-spacing:-.03em;line-height:1.2;margin-bottom:22px; }
#ruley-site .ri-category-grid { display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px; }
#ruley-site .ri-category-grid figure { min-width:0;text-align:center; }
#ruley-site .ri-category-grid figcaption { font-family:inherit;font-size:11px;line-height:1.4;font-weight:600;margin-top:8px; }
#ruley-site .rt-games { padding-top:26px; }
#ruley-site .rt-games h2 { font-size:23px; }
@container(max-width:850px) {
#ruley-site .rt-hero h1 { font-size:53px; }
#ruley-site .ri-category-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px; }
#ruley-site .ri-category-grid figcaption { font-size:12px; }
#ruley-site .ri-crown { right:26%;width:58px;height:58px;top:5%; }
#ruley-site .ri-die { width:70px;height:70px;right:3%;top:18%;border-radius:15px; }
#ruley-site .rt-monster { width:33%;right:5%;bottom:77px; }
#ruley-site .ri-doodle-a { right:36%;top:23%; }
}
@container(max-width:600px) {
#ruley-site .rt-hero { display:block;min-height:0;padding:25px 6% 286px; }
#ruley-site .rt-hero-copy { width:100%; }
#ruley-site .rt-hero h1 { font-size:47px;line-height:1.04;padding-bottom:20px;margin-bottom:21px; }
#ruley-site .rt-hero h1::after { width:85%;height:6px; }
#ruley-site .rt-monster { width:57%;max-width:230px;bottom:23px;right:17%; }
#ruley-site .ri-crown { top:auto;bottom:211px;right:56%;width:48px;height:48px; }
#ruley-site .ri-die { top:auto;bottom:173px;right:10%;width:60px;height:60px;border-width:3px; }
#ruley-site .ri-doodle-a { top:auto;bottom:180px;right:77%; }
#ruley-site .ri-doodle-b { bottom:89px;right:12%;font-size:26px; }
#ruley-site .ri-doodle-c { top:auto;bottom:247px;right:34%; }
#ruley-site .ri-swatch-a { width:220px;height:90px;bottom:-45px; }
#ruley-site .ri-swatch-b { width:150px;height:80px;bottom:-42px;right:40%; }
#ruley-site .ri-categories { padding:25px 6% 8px; }
#ruley-site .ri-categories h2 { font-size:27px;margin-bottom:20px; }
#ruley-site .ri-category-grid { gap:17px 8px; }
#ruley-site .ri-category-grid figcaption { font-size:11px;margin-top:5px; }
}
@container(max-width:340px) {
#ruley-site .rt-hero h1 { font-size:41px; }
#ruley-site .rt-hero { padding-bottom:264px; }
#ruley-site .ri-categories h2 { font-size:25px; }
#ruley-site .ri-category-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 5px; }
#ruley-site .ri-category-grid figcaption { font-size:11px; }
#ruley-site .ri-crown { bottom:188px; }
#ruley-site .ri-die { bottom:152px;width:54px;height:54px; }
#ruley-site .ri-doodle-c { bottom:224px; }
}
#ruley-site .rf-footer { background:#031e2b;color:var(--re-cream); }
#ruley-site .rf-features { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:32px 4% 29px;border-bottom:1px solid #21404c; }
#ruley-site .rf-feature { display:flex;align-items:flex-start;gap:12px;padding:0 15px;text-decoration:none;color:inherit;border-right:1px solid #21404c; }
#ruley-site .rf-feature:first-child { padding-left:0; }
#ruley-site .rf-feature:last-child { border-right:0;padding-right:0; }
#ruley-site .rf-feature:hover strong { color:var(--re-gold); }
#ruley-site .rf-feature-icon { display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:56px;color:var(--re-navy);border-radius:49% 43% 48% 44%;background:var(--rf-color);transform:rotate(-5deg); }
#ruley-site .rf-feature-icon svg { width:31px!important;height:31px!important;stroke-width:2;transform:rotate(5deg); }
#ruley-site .ri-category-grid .ri-icon { width:68px;height:68px;max-width:100%;margin:0 auto 12px;border-radius:50%;transform:none; }
#ruley-site .ri-original-icon { display:block;width:52px;height:52px;flex-shrink:0;object-fit:contain; }
@container(max-width:600px) {
  #ruley-site .ri-category-grid .ri-icon { width:56px;height:56px;margin-bottom:10px; }
  #ruley-site .ri-original-icon { width:46px;height:46px; }
}
@container(max-width:340px) {
  #ruley-site .ri-category-grid .ri-icon { width:48px;height:48px; }
  #ruley-site .ri-original-icon { width:40px;height:40px; }
}
#ruley-site .rf-feature strong { display:block;font-size:12px;font-weight:650;line-height:1.4;margin:5px 0 6px; }
#ruley-site .rf-feature-copy { min-width:0; }
#ruley-site .rf-feature-copy span { display:block;font-size:11px;line-height:1.6;color:#c5d1d5; }
#ruley-site .rf-bottom { display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 4%; }
#ruley-site .rf-brand { width:124px;flex:0 0 124px; }
#ruley-site .rf-brand img { width:100%;filter:brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(637%) hue-rotate(342deg) brightness(105%) contrast(102%); }
#ruley-site .rf-links { display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap; }
#ruley-site .rf-links a,#ruley-site .rf-links button { color:var(--re-cream);text-decoration:none;font-size:11px;line-height:1.4;padding:10px 0;min-height:40px;background:none;border:0; }
#ruley-site .rf-links a:hover,#ruley-site .rf-links button:hover { text-decoration:underline; }
@container(max-width:900px) {
#ruley-site .rf-features { grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding:29px 5%; }
#ruley-site .rf-feature { border-right:0;padding:0; }
#ruley-site .rf-feature strong { font-size:13px; }
#ruley-site .rf-feature-copy span { font-size:12px; }
#ruley-site .rf-bottom { flex-wrap:wrap;justify-content:flex-start;padding:23px 5%;gap:17px 24px; }
#ruley-site .rf-links { margin-left:auto; }
}
@container(max-width:600px) {
#ruley-site .rf-features { padding:28px 6%;gap:25px 20px; }
#ruley-site .rf-feature { display:block; }
#ruley-site .rf-feature-icon { width:49px;height:51px; }
#ruley-site .rf-feature strong { margin-top:12px; }
#ruley-site .rf-feature-copy span { font-size:12px; }
#ruley-site .rf-bottom { padding:24px 6%;gap:19px; }
#ruley-site .rf-links { order:3;width:100%;justify-content:flex-start;gap:16px;margin:0; }
#ruley-site .rf-links a,#ruley-site .rf-links button { font-size:12px; }
}
@container(max-width:340px) {
#ruley-site .rf-brand { width:103px;flex-basis:103px; }
#ruley-site .rf-bottom { gap:16px; }
#ruley-site .rf-links { gap:13px; }
}
#ruley-site .rt-hero-copy>p { font-size:16px;line-height:1.7;max-width:440px;margin-bottom:25px;color:#e6e9e5; }
@container(max-width:600px) { #ruley-site .rt-hero-copy>p { font-size:15px;line-height:1.7; } }
html { color-scheme:light; background:#071c2a; }
body { margin:0; }
#ruley-site { max-width:1280px; --re-grain:url('assets/grain.png'); }
#ruley-site .ruley-icon { display:block; width:18px; height:18px; flex-shrink:0; }
#ruley-site button,#ruley-site summary,#ruley-site a { cursor:pointer; }
#ruley-site :is(section,aside) { scroll-margin-top:16px; }
#ruley-site .rf-links a,#ruley-site .rf-links button { display:inline-flex; align-items:center; min-height:44px; }
#ruley-site .skip-link { position:absolute; top:0; left:16px; z-index:10; padding:10px 15px; background:#fff3db; color:#071c2a; transform:translateY(-110%); }
#ruley-site .skip-link:focus { transform:translateY(0); }
@media (prefers-reduced-motion:reduce) { #ruley-site * { scroll-behavior:auto; } }

/* Native navigation and standalone information pages. */
#ruley-site .rt-download,#ruley-site .re-get { text-decoration:none; }
#ruley-site .rf-store { flex:0 0 120px; width:120px; display:flex; flex-direction:column; align-items:center; gap:10px; padding:2px 0; color:var(--re-cream); text-decoration:none; }
#ruley-site .rf-store img { width:120px; height:40px; max-width:none; }
#ruley-site .rf-store span { font-size:12px; line-height:1.4; }
#ruley-site .rf-store:hover span { text-decoration:underline; text-underline-offset:4px; }
#ruley-site .re-document { min-height:55vh; padding:48px 6% 64px; }
#ruley-site .re-document-inner { max-width:720px; margin:0 auto; }
#ruley-site .re-breadcrumb { display:inline-flex; align-items:center; min-height:44px; margin-bottom:24px; font-size:14px; }
#ruley-site .re-document h1 { font-size:42px; font-weight:750; margin-bottom:24px; }
#ruley-site .re-document h2 { font-size:23px; margin:32px 0 12px; }
#ruley-site .re-document p { font-size:16px; line-height:1.8; }
#ruley-site .re-document p+p { margin-top:18px; }
#ruley-site .re-document .re-get { display:inline-flex; margin-top:28px; }
#ruley-site .re-coming-soon { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:35px; align-items:center; }
#ruley-site .re-coming-soon img { width:180px; }
#ruley-site .re-platform-label { color:var(--re-secondary); font-size:14px; font-weight:600; margin-bottom:14px; }
@container(max-width:900px) {
  #ruley-site .rf-store { margin-left:auto; }
}
@container(max-width:600px) {
  #ruley-site .re-document { padding-top:25px; padding-bottom:42px; }
  #ruley-site .re-document h1 { font-size:34px; }
  #ruley-site .re-coming-soon { grid-template-columns:1fr; gap:25px; }
  #ruley-site .re-coming-soon img { width:130px; }
}