#winwin-roadmap .wwa-panel{margin:0 0 30px;padding:24px 18px 18px;border:2px solid #e5b63c;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#75461370,transparent 60%),linear-gradient(145deg,#252330,#0e101b);box-shadow:inset 0 1px 0 #fff0b4,0 6px 0 #765015,0 12px 24px #0005;color:#fff5dc}
#winwin-roadmap .wwa-heading{display:flex;gap:12px;align-items:center}#winwin-roadmap .wwa-heading p{margin:0 0 5px;color:#dfc37e;font-size:11px;font-weight:700;letter-spacing:.07em}#winwin-roadmap .wwa-heading h2{margin:0;font-size:clamp(18px,4.8vw,26px);font-weight:900;line-height:1.5}
#winwin-roadmap .wwa-trophy{flex:0 0 44px;height:44px;border:1px solid #ffe49b;border-radius:14px;background:linear-gradient(135deg,#fff7ce,#e1a122);color:#342407;display:grid;place-items:center;box-shadow:0 3px 0 #825712}#winwin-roadmap .wwa-trophy svg{width:28px;height:28px}
#winwin-roadmap .wwa-intro{font-size:12px;line-height:1.9;color:#e4daca;margin:15px 0 18px}#winwin-roadmap .wwa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#winwin-roadmap .wwa-card{display:flex;flex-direction:column;min-width:0;padding:15px 12px 12px;color:#30250e;text-decoration:none;border:1px solid #d5b25f;border-radius:17px;background:linear-gradient(135deg,#fff9e7,#ffedb9);box-shadow:0 4px 0 #876323;position:relative;overflow:hidden}
#winwin-roadmap .wwa-card-top{display:flex;align-items:center;justify-content:space-between;min-height:28px;gap:4px}.wwa-icon svg{width:26px;height:26px}.wwa-diamond{color:#ba8c28;font-size:10px}#winwin-roadmap .wwa-gain{background:#ae0024;color:white;font-size:11px;font-weight:900;padding:3px 6px;border-radius:20px}
#winwin-roadmap .wwa-card h3{margin:10px 0 8px;font-size:14px;line-height:1.6;min-height:44px;font-weight:800}#winwin-roadmap .wwa-number{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums;line-height:1.15}#winwin-roadmap .wwa-number strong{font-size:clamp(32px,8vw,48px);font-weight:900;letter-spacing:-.04em}#winwin-roadmap .wwa-number>span{font-size:14px;font-weight:800}
#winwin-roadmap .wwa-note{font-size:10px;line-height:1.6;min-height:34px;margin:9px 0;color:#65552e}#winwin-roadmap .wwa-track{height:6px;background:#d8c99a;border-radius:5px;overflow:hidden;margin-top:auto}#winwin-roadmap .wwa-track span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#c69014,#f1b600)}
#winwin-roadmap .wwa-target{font-size:10px;line-height:1.6;margin:7px 0 13px;color:#685221}#winwin-roadmap .wwa-action{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:11px;border-top:1px solid #cfb967;font-size:12px;line-height:1.7;font-weight:800;color:#a00027;margin-top:auto}.wwa-action>span{flex-shrink:0}
#winwin-roadmap .wwa-footnote{margin:17px 0 0;font-size:10px;line-height:1.8;color:#d1c6b1}#winwin-roadmap .wwa-status{font-size:12px;line-height:1.7;padding:10px 12px;background:#ffffff0d;border:1px solid #dac38b66;border-radius:10px;margin:0 0 14px}#winwin-roadmap .wwa-status button{background:#f8df92;color:#30220d;border:0;border-radius:6px;padding:8px;margin-top:5px;font-weight:700;cursor:pointer}
#winwin-roadmap .wwa-card:focus-visible{outline:3px solid #ffbb20;outline-offset:4px}#winwin-roadmap .wwa-gained{border-color:#fff2bc;box-shadow:0 4px 0 #876323,0 0 16px #ffe272aa}body[data-ww-effects="on"] #winwin-roadmap .wwa-gained .wwa-number{animation:wwa-gain .65s ease-out}
@keyframes wwa-gain{0%{transform:scale(.9)}45%{transform:scale(1.08);color:#b00027}100%{transform:scale(1)}}
@media(min-width:900px){#winwin-roadmap .wwa-panel{padding:24px}#winwin-roadmap .wwa-grid{gap:16px}#winwin-roadmap .wwa-card{padding:20px 16px 16px}#winwin-roadmap .wwa-card h3{font-size:16px;min-height:52px}#winwin-roadmap .wwa-note{font-size:12px;min-height:40px}#winwin-roadmap .wwa-action{font-size:13px}}
@media(max-width:359px){#winwin-roadmap .wwa-panel{padding:18px 10px}#winwin-roadmap .wwa-grid{gap:8px}#winwin-roadmap .wwa-card{padding:12px 9px}#winwin-roadmap .wwa-card h3{font-size:12px}#winwin-roadmap .wwa-action{font-size:11px}}
@media(prefers-reduced-motion:reduce){#winwin-roadmap .wwa-gained .wwa-number{animation:none!important}}

main[data-ww-roadmap-host] { padding: 0 !important; background: #f5f1e7 !important; }
main[data-ww-roadmap-host] > :not(#winwin-roadmap) { display: none !important; }
#winwin-roadmap, #winwin-roadmap * { box-sizing: border-box; }
#winwin-roadmap { max-width: 520px; margin: 0 auto; font-family: inherit; color: #25271f; background: #f5f1e7; min-height: 100%; }
#winwin-roadmap .wwr-content { --wwr-gutter: 18px; padding: 22px var(--wwr-gutter) 30px; }
#winwin-roadmap .wwr-brand { display: flex; align-items: baseline; gap: 8px; padding: 17px 20px; background: #141812; color: #fff5d0; }
#winwin-roadmap .wwr-brand strong { font-size: 24px; font-style: italic; color: #f8d565; } #winwin-roadmap .wwr-brand span { font-size: 12px; font-weight: 700; }
#winwin-roadmap .wwr-hero { position: relative; overflow: hidden; padding: 24px 22px 22px; border: 1px solid #63583a; border-radius: 24px; background: radial-gradient(ellipse at 100% 0,#76603c66,transparent 65%),#191f19; color: #fff8df; box-shadow: 0 8px 20px #201c1714; }
#winwin-roadmap .wwr-kicker { display: flex; align-items: center; gap: 7px; font-size: 9px; font-weight: 800; letter-spacing: .16em; color: #d9bb6a; }
#winwin-roadmap .wwr-kicker span { width: 6px; height: 6px; border-radius: 50%; background: #f2ce64; }
#winwin-roadmap h1 { font-size: clamp(23px,6.2vw,30px); line-height: 1.5; font-weight: 900; letter-spacing: -.04em; margin: 12px 0 9px; }
#winwin-roadmap h1 em { font-style: normal; color: #ffe28c; }
#winwin-roadmap .wwr-hero > p { color: #c7c9b9; font-size: 12px; line-height: 1.85; margin: 0 0 19px; }
#winwin-roadmap .wwr-progress-head { display: flex; align-items: baseline; justify-content: space-between; font-size: 11px; color: #d6d6c4; }
#winwin-roadmap .wwr-progress-head strong { color: #ffe18c; font-size: 26px; line-height: 1; }
#winwin-roadmap .wwr-progress-head small { font-size: 11px; color: #d6d6c4; }
#winwin-roadmap .wwr-progress { display: flex; gap: 5px; margin-top: 11px; } #winwin-roadmap .wwr-progress span { height: 5px; flex: 1; border-radius: 8px; background: #414537; } #winwin-roadmap .wwr-progress .is-complete { background: linear-gradient(90deg,#e0ac39,#ffe599); }
#winwin-roadmap .wwr-next { display: flex; flex-direction: column; gap: 4px; margin: 21px 2px 20px; }
#winwin-roadmap .wwr-next > span { color: #7e6d42; font-size: 9px; font-weight: 900; letter-spacing: .15em; } #winwin-roadmap .wwr-next strong { font-size: 15px; font-weight: 800; line-height: 1.6; }
#winwin-roadmap .wwr-swipe-hint { display: flex; justify-content: flex-end; gap: 9px; margin: 0 2px 12px; color: #cdb983; font-size: 11px; font-weight: 700; }
#winwin-roadmap .wwr-steps { display: flex; align-items: stretch; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--wwr-gutter); -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #b78b36 #24212a; list-style: none; margin: 0 calc(-1 * var(--wwr-gutter)) 20px; padding: 4px var(--wwr-gutter) 24px; }
#winwin-roadmap .wwr-steps:focus-visible { outline: 2px solid #ffe69a; outline-offset: -2px; }
#winwin-roadmap .wwr-steps > .wwr-step { display: flex; flex: 0 0 calc(100% - 24px); min-width: 0; position: relative; padding: 0 0 8px; scroll-snap-align: start; scroll-snap-stop: always; }
#winwin-roadmap .wwr-steps > .wwr-step:not(:last-child) { padding-bottom: 8px; }
#winwin-roadmap .wwr-marker { display: none; }
#winwin-roadmap .wwr-card { --wwr-card-padding: 17px; display: flex; flex-direction: column; width: 100%; min-height: 310px; overflow: hidden; border: 2px solid #cacaca; border-radius: 20px; padding: var(--wwr-card-padding); background: #e7e7e9; box-shadow: 0 5px 0 #b8b8bb; }
#winwin-roadmap .wwr-card > * { flex-shrink: 0; }
#winwin-roadmap .wwr-card > .wwr-action { margin-top: auto; }
#winwin-roadmap .wwr-current .wwr-card { border-color: #b60012; background: linear-gradient(#eb0019, #c90016); color: white; box-shadow: 0 5px 0 #9f0010, 0 9px 18px #ad00112e; }
#winwin-roadmap .wwr-done .wwr-card { position: relative; border-color: #f6c000; background: radial-gradient(ellipse at 92% 24%,#fffde7b8,transparent 35%),linear-gradient(125deg,#d99100 0%,#ffc400 12%,#ffeb69 27%,#fff9b3 36%,#ffda08 48%,#ffbe00 63%,#fff28a 77%,#ffd000 89%,#e7a000 100%); color: #211500; box-shadow: inset 0 0 0 2px #fff6b5b3,inset 0 -5px 12px #fba00066,0 5px 0 #af7800,0 8px 22px #ffcc0057; }
#winwin-roadmap .wwr-done .wwr-card::after { content: ''; position: absolute; top: 83px; right: 17px; width: 17px; height: 17px; background: #fffef1; clip-path: polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%); pointer-events: none; }
#winwin-roadmap .wwr-current .wwr-marker { color: white; background: #df001b; border-color: #a80010; box-shadow: 0 0 0 4px #df001b15; }
#winwin-roadmap .wwr-done .wwr-marker { color: #211500; background: linear-gradient(135deg,#fffbb0,#ffd000 48%,#efa800); border-color: #edbb00; box-shadow: inset 0 1px 2px #fffbe4,0 0 8px #ffcc0080; }
#winwin-roadmap .wwr-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 13px; }
#winwin-roadmap .wwr-step-label { color: #57575c; letter-spacing: .13em; font-size: 9px; font-weight: 900; }
#winwin-roadmap .wwr-current .wwr-step-label { color: #fff2be; } #winwin-roadmap .wwr-done .wwr-step-label { color: #514008; }
#winwin-roadmap .wwr-status { padding: 3px 8px; color: #52525a; background: #d4d4d9; border-radius: 20px; font-size: 10px; font-weight: 800; }
#winwin-roadmap .wwr-current .wwr-status { background: #fff36a; color: #78000c; }
#winwin-roadmap .wwr-clear-stamp { display: flex; align-items: center; justify-content: center; gap: 7px; width: calc(100% + var(--wwr-card-padding) * 2); margin: calc(-1 * var(--wwr-card-padding)) calc(-1 * var(--wwr-card-padding)) 15px; padding: 8px 12px; border-bottom: 3px solid #950012; color: white; background: #df001b; font-family: Arial, sans-serif; font-size: 34px; font-style: normal; font-weight: 900; letter-spacing: -.04em; line-height: 1.1; white-space: nowrap; pointer-events: none; }
#winwin-roadmap .wwr-clear-stamp svg { flex: 0 0 24px; width: 24px; height: 24px; } #winwin-roadmap .wwr-clear-stamp b { font-weight: 900; }
#winwin-roadmap .wwr-card-title { display: flex; align-items: center; gap: 10px; } #winwin-roadmap .wwr-icon { display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 10px; background: #d4d4d9; color: #57575c; } #winwin-roadmap .wwr-icon svg { width: 20px; height: 20px; }
#winwin-roadmap .wwr-current .wwr-icon { background: #fff0bc26; color: #fff36a; } #winwin-roadmap .wwr-done .wwr-icon { background: #fff8bd80; color: #5c4400; }
#winwin-roadmap h2 { font-size: 15px; font-weight: 900; line-height: 1.6; margin: 0; }
#winwin-roadmap .wwr-card p { color: #595962; font-size: 11px; line-height: 1.9; margin: 11px 0 15px; }
#winwin-roadmap .wwr-current .wwr-card p { color: #fff5ed; } #winwin-roadmap .wwr-done .wwr-card p { color: #493b0c; }
#winwin-roadmap .wwr-action { display: flex; justify-content: space-between; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 11px 13px; border: 1px solid #d9b958; border-radius: 12px; text-decoration: none; background: linear-gradient(110deg,#ffe99c,#edc256); color: #332c17; font-size: 12px; line-height: 1.6; font-weight: 800; font-family: inherit; cursor: pointer; }
#winwin-roadmap .wwr-action.wwr-line { background: #07863e; border-color: #07863e; color: white; }
#winwin-roadmap .wwr-done .wwr-action { border-color: #9b7a15; background: #fff7cb; color: #4c3900; }
#winwin-roadmap .wwr-action:disabled { cursor: default; background: #d5d5da; border-color: transparent; color: #5c5c64; font-size: 10px; justify-content: center; }
#winwin-roadmap a:focus-visible, #winwin-roadmap button:focus-visible, .wwr-back:focus-visible { outline: 3px solid #8f651c; outline-offset: 3px; }
#winwin-roadmap .wwr-card small { display: block; font-size: 10px; line-height: 1.8; color: #847957; margin-top: 10px; }
#winwin-roadmap .wwr-current .wwr-card small { color: #fff2cb; }
#winwin-roadmap .wwr-footer { padding: 4px 0 0; } #winwin-roadmap .wwr-footer p { color: #7a7868; font-size: 10px; line-height: 1.9; margin: 0; } #winwin-roadmap .wwr-footer .wwr-congrats { font-size: 12px; color: #366447; margin-bottom: 13px; font-weight: 700; }
#winwin-roadmap .wwr-learn { display: inline-flex; align-items: center; gap: 14px; padding: 14px 0; font-size: 11px; color: #6d603e; text-underline-offset: 4px; }
#winwin-roadmap .wwr-error { padding: 12px; margin-bottom: 16px; background: #fff2dc; border: 1px solid #d1b887; border-radius: 12px; font-size: 12px; line-height: 1.7; } #winwin-roadmap .wwr-error p { margin: 0 0 8px; } #winwin-roadmap .wwr-error button { border: 1px solid #9b773c; border-radius: 8px; padding: 8px 12px; background: white; cursor: pointer; font: inherit; } #winwin-roadmap .wwr-error a { display: block; margin-top: 9px; color: #6d5022; }
.wwr-back { display: block; margin: 12px 16px; padding: 12px 14px; border: 1px solid #d8c698; border-radius: 12px; background: #fff9e9; color: #68552b; font-size: 12px; font-weight: 800; text-decoration: none; }
.wwr-top-navigation { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 8px 12px; border: 1px solid #c58d22; border-radius: 999px; background: #fff5d5; color: #55152c; font-family: inherit; font-size: 10px; line-height: 1.5; font-weight: 800; white-space: nowrap; text-decoration: none; }
.wwr-top-navigation svg { width: 15px; height: 15px; flex-shrink: 0; }
.wwr-top-navigation[aria-current="page"] { border-color: #fff0b6; background: linear-gradient(135deg,#fff08f,#ffc647); color: #2d2109; box-shadow: inset 0 1px 0 #fff8, 0 0 10px #ffd5003b; }
.wwr-top-navigation:focus-visible { outline: 2px solid #ffe69a; outline-offset: 2px; }
@media (max-width: 360px) { #winwin-roadmap .wwr-content { --wwr-gutter: 12px; padding: 16px var(--wwr-gutter) 26px; } #winwin-roadmap .wwr-hero { padding: 20px 16px; } #winwin-roadmap .wwr-card { --wwr-card-padding: 14px; } #winwin-roadmap h2 { font-size: 14px; } }
/* Compact image carousels. Scoped above the shared game theme's legacy cards. */
#winwin-roadmap.wwr-home { width: 100%; max-width: none; margin: 0; padding: 0; color: #211d17; background: #fff9e9; }
#winwin-roadmap.wwr-home > .wwr-top-banner { display: block; width: 100%; height: auto; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; }
#winwin-roadmap.wwr-home .wwr-content { max-width: 520px; margin: 0 auto; }
#winwin-roadmap.wwr-home .wwr-content { padding: 0 0 22px; }
#winwin-roadmap.wwr-home .wwr-hero { margin: 0; padding: 18px 16px 12px; border: 0; border-radius: 0; box-shadow: none; background: linear-gradient(120deg,#20202d,#101118); }
#winwin-roadmap.wwr-home .wwr-summary-line { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
#winwin-roadmap.wwr-home h1 { margin: 0; font-size: 18px; line-height: 1.5; letter-spacing: 0; text-shadow: none; color: #ffe28a; }
#winwin-roadmap.wwr-home .wwr-progress-head strong { font-family: inherit; font-size: 24px; font-style: normal; text-shadow: none; }
#winwin-roadmap.wwr-home .wwr-progress-head small { font-size: 14px; }
#winwin-roadmap.wwr-home .wwr-progress { margin: 10px 0; }
#winwin-roadmap.wwr-home .wwr-progress span { height: 6px; }
#winwin-roadmap.wwr-home .wwr-hero > .wwr-next-action { font-size: 14px; line-height: 1.65; margin: 0; }
#winwin-roadmap.wwr-home .wwfx-preferences { margin-top: 8px; gap: 8px; }
#winwin-roadmap.wwr-home .wwfx-preferences button { padding: 5px 9px; min-height: 36px; font-size: 12px; }
#winwin-roadmap.wwr-home .wwr-carousel { padding: 22px 0 18px; border-bottom: 1px solid #c6a859; background: linear-gradient(115deg,#fffbed,#f4e4b4); }
#winwin-roadmap.wwr-home .wwr-carousel-ruby { color: #fff9e4; background: radial-gradient(ellipse at 100% 0,#96082d,#351224 65%,#16121d); }
#winwin-roadmap.wwr-home .wwr-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; }
#winwin-roadmap.wwr-home .wwr-section-heading h2 { margin: 0; font-family: inherit; font-size: 20px; font-weight: 900; line-height: 1.5; letter-spacing: 0; color: inherit; text-shadow: none; }
#winwin-roadmap.wwr-home .wwr-section-heading .wwr-mission-heading { display: flex; align-items: center; gap: 10px; min-width: 0; }
#winwin-roadmap.wwr-home .wwr-mission-badge { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: center; min-width: 68px; padding: 5px 4px 4px; border: 2px solid #e2b542; border-radius: 12px 5px 12px 5px; background: linear-gradient(135deg,#b91835,#76001c 65%,#b90d30); color: #fff0b0; box-shadow: inset 0 1px 0 #fff6b9,0 3px 0 #714408; text-shadow: 0 1px 2px #39000d; }
#winwin-roadmap.wwr-home .wwr-mission-badge > span { font-size: 12px; font-weight: 900; line-height: 1.3; white-space: nowrap; }
#winwin-roadmap.wwr-home .wwr-mission-badge > strong { font-family: Arial, sans-serif; font-size: 28px; font-weight: 900; line-height: 1; color: #ffdf59; }
#winwin-roadmap.wwr-home .wwr-total { display: grid; place-items: center; flex: 0 0 30px; height: 30px; border: 1px solid #b69542; border-radius: 50%; background: #30251a; color: #fff0b0; font-size: 14px; font-weight: 800; }
#winwin-roadmap.wwr-home .wwr-section-description { margin: 8px 16px 16px; color: inherit; opacity: .85; font-size: 14px; line-height: 1.65; }
#winwin-roadmap.wwr-home .wwr-track { position: relative; display: flex; align-items: stretch; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #ba933b transparent; margin: 0; padding: 3px 16px 16px; list-style: none; }
#winwin-roadmap.wwr-home .wwr-track > li { flex: 0 0 46%; min-width: 148px; display: flex; margin: 0; padding: 0; scroll-snap-align: start; scroll-snap-stop: always; }
#winwin-roadmap.wwr-home .wwr-carousel .wwr-tile { position: relative; display: flex; flex-direction: column; width: 100%; min-width: 0; min-height: 0; margin: 0; padding: 0; overflow: hidden; border: 2px solid #d4ab37; border-radius: 18px; background: #fff; box-shadow: 0 5px 0 #372b1b26; text-decoration: none; color: #241d16; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#winwin-roadmap.wwr-home .wwr-carousel .wwr-done .wwr-tile { background: linear-gradient(120deg,#ffe780,#fff1a4 40%,#f6ca39 75%,#ffdf6c); border-color: #d2a72d; }
#winwin-roadmap.wwr-home .wwr-carousel .wwr-current .wwr-tile { border-color: #e30031; box-shadow: 0 5px 0 #9c00202a; }
#winwin-roadmap.wwr-home .wwr-carousel .wwr-tile::after { content: none; }
#winwin-roadmap.wwr-home .wwr-tile-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px; padding: 10px; min-height: 58px; background: #e3e3e8; color: #41414a; font-size: 14px; line-height: 1.4; font-weight: 800; }
#winwin-roadmap.wwr-home .wwr-done .wwr-tile-top { background: transparent; color: #392b08; }
#winwin-roadmap.wwr-home .wwr-current .wwr-tile-top { background: #df002e; color: #fff; }
#winwin-roadmap.wwr-home .wwr-tile-media { aspect-ratio: 1; width: 100%; flex-shrink: 0; overflow: hidden; background: #fff; }
#winwin-roadmap.wwr-home .wwr-tile-media > img { display: block; width: 100%; height: 100%; object-fit: contain; }
#winwin-roadmap.wwr-home .wwr-line-visual { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 12px; color: white; background: #067d3e; text-align: center; }
#winwin-roadmap.wwr-home .wwr-line-visual svg { width: 46px; height: 46px; }
#winwin-roadmap.wwr-home .wwr-line-visual strong { font-size: 24px; }
#winwin-roadmap.wwr-home .wwr-line-visual span { font-size: 14px; line-height: 1.6; }
#winwin-roadmap.wwr-home .wwr-tile-body { flex: 1; display: flex; flex-direction: column; padding: 12px 10px 8px; }
#winwin-roadmap.wwr-home .wwr-tile h3 { margin: 0 0 14px; color: #241d16; font-family: inherit; font-size: 16px; font-weight: 850; line-height: 1.65; text-shadow: none; overflow-wrap: anywhere; }
#winwin-roadmap.wwr-home .wwr-tile-cta { display: flex; justify-content: space-between; align-items: center; gap: 7px; margin-top: auto; padding: 10px 0 4px; border-top: 1px solid #a88a4166; color: #a90028; font-size: 14px; font-weight: 800; line-height: 1.6; }
#winwin-roadmap.wwr-home .wwr-tile-cta > span { flex-shrink: 0; font-size: 20px; }
#winwin-roadmap.wwr-home .wwr-carousel-controls { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 16px 0; font-size: 14px; line-height: 1.5; }
#winwin-roadmap.wwr-home .wwr-carousel-controls > span { max-width: 11em; }
#winwin-roadmap.wwr-home .wwr-carousel-controls > div { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
#winwin-roadmap.wwr-home .wwr-carousel-controls button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #bd921b; border-radius: 50%; background: #ffdc48; color: #2c2209; font-family: inherit; font-weight: 500; line-height: 1; font-size: 32px; cursor: pointer; }
#winwin-roadmap.wwr-home .wwr-carousel-controls button:disabled { border-color: #ddd; background: #efefef; color: #aaa; cursor: default; }
#winwin-roadmap.wwr-home .wwr-carousel-controls output { min-width: 42px; text-align: center; font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; }
#winwin-roadmap.wwr-home .wwr-track:focus-visible, #winwin-roadmap.wwr-home a:focus-visible, #winwin-roadmap.wwr-home button:focus-visible { outline: 3px solid #2075e6; outline-offset: -3px; }
#winwin-roadmap.wwr-home .wwr-footer { padding: 10px 16px; }
#winwin-roadmap.wwr-home .wwr-learn { color: #75471d; font-size: 14px; }
#winwin-roadmap.wwr-home .wwr-error { margin: 12px 16px; font-size: 14px; }
@media (hover: hover) { #winwin-roadmap.wwr-home .wwr-tile:hover { filter: brightness(1.04); } }
@media (max-width: 360px) { #winwin-roadmap.wwr-home .wwr-section-heading h2 { font-size: 18px; } #winwin-roadmap.wwr-home .wwr-carousel-controls { padding-inline: 12px; } }