/* White canvas, clear red actions, yellow labels. Existing layout stays native. */
html[data-ww-clean-community], html[data-ww-clean-community].dark {
  color-scheme: light;
  --background: #fff; --foreground: #333; --card: #fff; --card-foreground: #333;
  --popover: #fff; --popover-foreground: #333; --primary: #bf0000;
  --primary-foreground: #ffe45c; --secondary: #f5f5f5; --secondary-foreground: #333;
  --muted: #f6f6f6; --muted-foreground: #656565; --accent: #fff3f3;
  --accent-foreground: #bf0000; --border: #e4e4e4; --input: #d4d4d4; --ring: #bf0000;
  --wwg-card-gap: 24px; --wwg-section-gap: 28px;
  --ww-japanese: "Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,-apple-system,BlinkMacSystemFont,sans-serif;
}
html[data-ww-clean-community] body { background:#fff; color:#333; }
/* Exact native cream/black page surfaces also cover the loading/login gates.
   Generated member homepages retain their authored art and image contrast. */
html[data-ww-clean-community] :is(div,main,section,article,form):is([class~="bg-[#fffaf0]"],[class~="bg-[#fffaf1]"],[class~="bg-[#fff8e8]"],[class~="bg-[#fff5d5]"],[class~="bg-[#fff6cf]"],[class~="bg-[#fff8d9]"],[class~="bg-[#faf6ef]"],[class~="bg-[#f7f3eb]"],[class~="bg-[#f6f5f0]"],[class~="bg-[#e9e9e9]"],[class~="bg-[#10100f]"],[class~="bg-[#fff200]"],[class~="bg-[#fff2cc]"]):not(:where(.gm-style,.gm-style *,[data-testid="generated-profile-homepage"],[data-testid="generated-profile-homepage"] *)) { background:#fff!important; }
[data-ww-game-shell] { overflow:clip!important; background:#fff!important; color:#333!important; font-family:var(--ww-japanese); box-shadow:none!important; }
[data-ww-game-shell] > main { background:#fff; }
[data-ww-game-header] { position:sticky; top:0; z-index:50; background:#fff!important; color:#333!important; border-bottom:1px solid #e4e4e4; box-shadow:0 2px 8px #00000008!important; }
[data-ww-game-header] > div:first-child { background:#fff; border-bottom-color:#ededed!important; }
[data-ww-game-header] button[aria-label="WINWIN コミュニティ"] > span { color:#bf0000!important; text-shadow:none; font-style:normal; }
[data-ww-game-header] button[aria-label="WINWIN コミュニティ"] > span:first-child { font-family:Arial,var(--ww-japanese); font-weight:800; letter-spacing:-.035em; }
[data-ww-game-header] button[title="タップしてログアウト"] { color:#656565!important; }
[data-ww-game-header] [data-testid="mission-reminder-settings-button"] { border-color:#bf0000; background:#fff; color:#bf0000; box-shadow:none; }
[data-ww-game-stats] { background:#fff!important; border-block:0; }
[data-ww-game-stats] > button { position:relative; background:#bf0000!important; color:#fff!important; border:1px solid #bf0000!important; border-radius:10px; box-shadow:none!important; text-shadow:none; transition:background-color .12s,transform .12s; }
[data-ww-game-stats] > button :is(svg,span,span b) { color:#fff!important; }
[data-ww-game-stats] > button[aria-label="メッセージ"] { border-radius:50%; }
[data-ww-game-stats] > button > span { font-weight:700; }
[data-ww-game-stats] > button > span > b { font-weight:800; font-variant-numeric:tabular-nums; text-shadow:none; }
[data-ww-game-stats] > button > b { background:#fff!important; color:#bf0000!important; border:1px solid #bf0000; box-shadow:none; text-shadow:none; }
[data-ww-game-nav] { position:relative; scroll-behavior:smooth!important; background:#fff!important; border-top-color:#ededed!important; padding-bottom:10px!important; scrollbar-width:none; }
[data-ww-game-nav]::-webkit-scrollbar { display:none; }
:is([data-ww-game-nav] > :is(button,a),[data-ww-pinned-navigation] .wwr-top-navigation) { position:relative; border:1px solid #bf0000!important; border-radius:10px!important; background:#bf0000!important; color:#ffe45c!important; font-family:var(--ww-japanese); font-weight:700!important; text-shadow:none; box-shadow:none!important; transition:background-color .12s,transform .12s; }
:is([data-ww-game-nav] > :is(button,a),[data-ww-pinned-navigation] .wwr-top-navigation)[aria-current="page"] { background:#900000!important; border-color:#900000!important; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; }
[data-ww-pinned-navigation] .wwr-top-navigation { position:static; min-height:34px; }
[data-ww-game-nav] > :is(button,a) > span[data-testid$="-count"] { color:#bf0000!important; border:1px solid #fff!important; background:#fff!important; text-shadow:none; box-shadow:none; }

/* Native member cards and generous controls. Role-based switches, calendar
   cells, tiny tools, semantic green statuses and genuine LINE controls keep
   their original affordance and color. No blanket button override. */
[data-ww-game-shell] > main :is(h1,h2,h3) { text-wrap:pretty; }
[data-ww-game-shell] > main :is(article,[data-social-member-card],[data-slot="card"]):not(:where(.gm-style *,[data-testid="generated-profile-homepage"] *)) { border-color:#e4e4e4!important; box-shadow:0 2px 10px #00000006!important; }
[data-ww-game-shell] > main [data-ww-game-control] { font-family:var(--ww-japanese); border-radius:12px; box-shadow:none; text-shadow:none; transition:background-color .12s,transform .12s; }
[data-ww-game-shell] > main [data-ww-game-control]:not(:where([role],[data-state],[aria-pressed],[class*="green"],[class*="06c755" i],[class*="05b"],[data-testid="generated-profile-homepage"] *,[data-testid="profile-homepage-preview-dialog"] *)) { background:#bf0000!important; border-color:#bf0000!important; color:#ffe45c!important; }
html[data-ww-clean-community] :is(button,a):is([class*="bg-[#d6001c]" i],[class*="bg-[#d8003d]" i],[class*="bg-[#d7003d]" i],[class*="bg-[#e6003d]" i],[class*="bg-[#a30825]" i],[class*="bg-[#bd0035]" i],[class*="bg-[#d00038]" i],[class*="bg-[#b80032]" i],[class*="bg-[#641630]" i]):not(:where(.gm-style *,[data-testid="generated-profile-homepage"] *)) { background:#bf0000!important; border-color:#bf0000!important; color:#ffe45c!important; box-shadow:none!important; text-shadow:none; }
html[data-ww-clean-community] :is(button,a):is([class*="bg-[#d6001c]" i],[class*="bg-[#d8003d]" i],[class*="bg-[#d7003d]" i],[class*="bg-[#e6003d]" i],[class*="bg-[#a30825]" i],[class*="bg-[#bd0035]" i],[class*="bg-[#d00038]" i],[class*="bg-[#b80032]" i],[class*="bg-[#641630]" i]) :is(span,strong):not([data-slot="badge"]) { color:inherit; }
/* Disabled presentation remains distinct even when a native component keeps
   disabled:opacity-100. Native disabled/aria-disabled handling is unchanged. */
html[data-ww-clean-community] :is([data-ww-game-control],:is(button,a):is([class*="bg-[#d6001c]" i],[class*="bg-[#d8003d]" i],[class*="bg-[#d7003d]" i],[class*="bg-[#e6003d]" i],[class*="bg-[#a30825]" i],[class*="bg-[#bd0035]" i],[class*="bg-[#d00038]" i],[class*="bg-[#b80032]" i],[class*="bg-[#641630]" i]),[data-ww-game-stats] > button,[data-ww-game-nav] > :is(button,a)):is(:disabled,[aria-disabled="true"]):not(:where(.gm-style *,[data-testid="generated-profile-homepage"] *,[data-testid="profile-homepage-preview-dialog"] *)) { background:#ededed!important; color:#656565!important; border-color:#d5d5d5!important; opacity:1!important; cursor:not-allowed; box-shadow:none!important; text-shadow:none; }
html[data-ww-clean-community] :is([data-ww-game-control],:is(button,a):is([class*="bg-[#d6001c]" i],[class*="bg-[#d8003d]" i],[class*="bg-[#d7003d]" i],[class*="bg-[#e6003d]" i],[class*="bg-[#a30825]" i],[class*="bg-[#bd0035]" i],[class*="bg-[#d00038]" i],[class*="bg-[#b80032]" i],[class*="bg-[#641630]" i])):is(:disabled,[aria-disabled="true"]) :is(span,strong):not([data-slot="badge"]) { color:inherit!important; }

[data-ww-game-shell] > main :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select):focus-visible { outline:3px solid #bf0000; outline-offset:2px; box-shadow:none; }
/* Flatten only known decorative card gradients; photograph overlays and
   real status pills are deliberately outside these selectors. */
[data-ww-game-shell] > main :is(div,section,article,form):is([class~="from-[#fff4d6]"],[class~="from-[#fff2b8]"],[class~="from-[#fff4cd]"],[class~="from-[#ef003b]"],[class~="from-[#ffed00]"],[class~="from-[#f2c85a]"],[class~="from-[#ffe259]"],[class~="from-[#220a0a]"],[class~="from-[#d7003d]"],[class~="from-[#ef002d]"]):not(.absolute):not(:where([data-testid="generated-profile-homepage"] *)) { background:#fff!important; color:#333!important; border-color:#e4e4e4!important; box-shadow:0 2px 10px #00000006!important; }
[data-ww-game-shell] > main :is(div,section,article,form):is([class~="from-[#fff4d6]"],[class~="from-[#fff2b8]"],[class~="from-[#fff4cd]"],[class~="from-[#ef003b]"],[class~="from-[#ffed00]"],[class~="from-[#f2c85a]"],[class~="from-[#ffe259]"],[class~="from-[#220a0a]"],[class~="from-[#d7003d]"],[class~="from-[#ef002d]"]):not(.absolute) :is([class~="text-white"],[class*="text-white/"]):not(:where(button,a,button *,a *,[data-slot="avatar-fallback"],[data-slot="badge"],[role="status"],span[class*="bg-"]:not([class*="bg-white"]),[data-testid="generated-profile-homepage"] *)) { color:#333!important; text-shadow:none!important; }
[data-ww-game-shell] > main .ww-followback-toggle { border-color:#bf0000; background:#bf0000; color:#ffe45c; box-shadow:none; }
[data-ww-game-shell] > main .ww-followback-toggle[aria-pressed="true"] { background:#900000; border-color:#900000; box-shadow:inset 0 0 0 2px #ffe45c; }
[data-ww-game-shell] > main .ww-followback-toggle :is(strong,.ww-followback-eyebrow,.ww-followback-arrow) { color:#ffe45c; text-shadow:none; }
[data-ww-game-shell] > main .ww-followback-icon { background:#fff; color:#bf0000; border-color:#fff; box-shadow:none; }

/* Keep native vertical rhythm and the pinned navigation layout. */
[data-ww-game-shell] > main :is([data-testid="social-member-list"],:is(.space-y-3,.space-y-4):not(.flex):not(.grid):has(> article + article),:is(.space-y-3,.space-y-4):not(.flex):not(.grid):has(> [data-slot="card"] + [data-slot="card"])) > :is(article,[data-slot="card"]) { margin-block:0!important; }
[data-ww-game-shell] > main :is([data-testid="social-member-list"],:is(.space-y-3,.space-y-4):not(.flex):not(.grid):has(> article + article),:is(.space-y-3,.space-y-4):not(.flex):not(.grid):has(> [data-slot="card"] + [data-slot="card"])) > :is(article,[data-slot="card"]):not(:last-child) { margin-block-end:var(--wwg-card-gap)!important; }
[data-ww-game-shell] > main :is([data-testid="event-referral-invite-card"],[data-testid="event-google-review-card"],[data-testid="event-gallery"],[data-testid="new-members-follow-frame"],[data-testid="important-owner-invite-card"],[data-testid="recent-following-frame"]) { margin-top:var(--wwg-section-gap)!important; }
body[data-ww-game-active] [role="dialog"] .space-y-2 > article:is([data-mission-type],[data-mission-kind]) { margin-block:0!important; }
body[data-ww-game-active] [role="dialog"] .space-y-2 > article:is([data-mission-type],[data-mission-kind]):has(~ article:is([data-mission-type],[data-mission-kind])) { margin-block-end:24px!important; }
body[data-ww-game-active] [role="dialog"] article[data-mission-kind="request"] { background:#fff!important; color:#333!important; border-color:#e4e4e4!important; }
body[data-ww-game-active] [role="dialog"] article[data-mission-kind="request"] :is(span,p):not(:where(button *,a *,[data-slot="badge"],[role="status"],span[class*="bg-"]:not([class*="bg-white"]))) { color:#333!important; text-shadow:none; }
body[data-ww-game-active] [role="dialog"] article[data-mission-kind="request"] > div > span[class*="bg-gradient-"] { background:#bf0000!important; color:#ffe45c!important; text-shadow:none; }

/* Five-stage roadmap. Status words/icons still distinguish current/done. */
main[data-ww-roadmap-host],#winwin-roadmap { background:#fff!important; color:#333; }
#winwin-roadmap { font-family:var(--ww-japanese); }
#winwin-roadmap .wwr-hero { position:relative; border:1px solid #e4e4e4; border-radius:16px; background:#fff; box-shadow:none; }
#winwin-roadmap .wwr-hero::before { content:none; }
#winwin-roadmap .wwr-kicker { font-size:11px; color:#bf0000; letter-spacing:.1em; }
#winwin-roadmap .wwr-kicker span { background:#bf0000; box-shadow:none; transform:none; border-radius:50%; }
#winwin-roadmap h1 { font-size:clamp(24px,6.5vw,32px); font-weight:800; line-height:1.5; letter-spacing:-.035em; color:#333; text-shadow:none; }
#winwin-roadmap h1 em { color:#bf0000; font-style:normal; background:none; -webkit-text-fill-color:currentColor; text-shadow:none; filter:none; }
#winwin-roadmap .wwr-hero > p { color:#656565; font-size:14px; line-height:1.8; }
#winwin-roadmap .wwr-progress-head { color:#656565; font-size:12px; }
#winwin-roadmap .wwr-progress-head strong { font-size:32px; color:#bf0000; font-style:normal; text-shadow:none; }
#winwin-roadmap .wwr-progress-head small { color:#656565; font-size:12px; }
#winwin-roadmap .wwr-progress span { height:8px; border:0; border-radius:4px; transform:none; background:#e8e8e8; box-shadow:none; }
#winwin-roadmap .wwr-progress .is-complete { background:#bf0000; box-shadow:none; }
#winwin-roadmap .wwr-next { padding:10px 12px; border:0; border-left:3px solid #bf0000; border-radius:0; background:#fff7f7; }
#winwin-roadmap .wwr-next > span { color:#bf0000; font-size:11px; letter-spacing:.08em; text-shadow:none; }
#winwin-roadmap .wwr-next strong { font-size:16px; color:#333; text-shadow:none; }
#winwin-roadmap .wwr-step:not(:last-child) { padding-bottom:var(--wwg-card-gap); }
#winwin-roadmap .wwr-step:not(:last-child)::before { border-color:#dedede; }
#winwin-roadmap .wwr-marker { background:#f4f4f4; border:1px solid #d4d4d4; color:#656565; box-shadow:none; }
#winwin-roadmap .wwr-card { position:relative; border-radius:16px; border-color:#dedede; background:#fff; color:#333; box-shadow:0 2px 10px #00000006; }
#winwin-roadmap .wwr-current .wwr-card { border:2px solid #bf0000; background:#fff; color:#333; box-shadow:none; }
#winwin-roadmap .wwr-done .wwr-card { border-color:#e5d59b; background:#fff; color:#333; box-shadow:none; }
#winwin-roadmap .wwr-current .wwr-marker { color:#ffe45c; border-color:#bf0000; background:#bf0000; box-shadow:none; }
#winwin-roadmap .wwr-done .wwr-marker { border-color:#dfc46c; background:#ffe45c; color:#5a4400; box-shadow:none; }
#winwin-roadmap .wwr-clear-stamp { position:relative; background:#fff7d9; border-bottom:1px solid #ead99f; color:#795b00; font:800 24px/1.4 var(--ww-japanese); padding-block:8px; text-shadow:none; box-shadow:none; letter-spacing:.02em; }
#winwin-roadmap .wwr-clear-stamp b { display:inline-block; transform-origin:center; }
#winwin-roadmap .wwr-done .wwr-card::after { content:none; }
#winwin-roadmap .wwr-step-label { font:700 11px/1.5 var(--ww-japanese); letter-spacing:.08em; color:#656565; }
#winwin-roadmap .wwr-status { border:0; border-radius:6px; font-size:11px; background:#f1f1f1; color:#656565; box-shadow:none; }
#winwin-roadmap .wwr-current .wwr-status { background:#fff1f1; color:#bf0000; }
#winwin-roadmap .wwr-done .wwr-status { background:#fff7d9; color:#795b00; }
#winwin-roadmap h2 { font-size:17px; font-weight:800; line-height:1.55; letter-spacing:-.02em; text-shadow:none; }
#winwin-roadmap .wwr-card p,#winwin-roadmap .wwr-done .wwr-card p,#winwin-roadmap .wwr-current .wwr-card p { font-size:14px; line-height:1.8; color:#656565; }
#winwin-roadmap .wwr-icon,#winwin-roadmap .wwr-current .wwr-icon,#winwin-roadmap .wwr-done .wwr-icon { width:36px; height:36px; border-radius:10px; border:1px solid #e4e4e4; background:#fff; color:#bf0000; box-shadow:none; }
#winwin-roadmap .wwr-action,#winwin-roadmap .wwr-done .wwr-action { position:relative; min-height:48px; border:1px solid #bf0000; border-radius:10px; font-size:14px; font-weight:700; background:#bf0000; color:#ffe45c; box-shadow:none; text-shadow:none; transition:background-color .12s,transform .12s; }
#winwin-roadmap .wwr-action > span[aria-hidden] { font-size:20px; line-height:1; }
#winwin-roadmap .wwr-action.wwr-line { background:#087b40; color:#fff; border-color:#087b40; text-shadow:none; box-shadow:none; }
#winwin-roadmap .wwr-footer p { color:#656565; font-size:12px; }
#winwin-roadmap .wwr-footer .wwr-congrats { color:#795b00; font-size:14px; }
#winwin-roadmap .wwr-learn { color:#bf0000; font-size:13px; font-weight:700; }
#winwin-roadmap .wwr-error { color:#a00000; background:#fff2f2; border-color:#e8bbbb; }
.wwr-back { background:#bf0000; border-color:#bf0000; color:#ffe45c; box-shadow:none; }

/* Existing fixed actions keep safe-area spacing, routes and native sizing. */
#winwin-fixed-actions { font-family:var(--ww-japanese); }
#winwin-fixed-actions .ww-dock { background:#fff; border:1px solid #e4e4e4; border-radius:16px; box-shadow:0 -2px 12px #0000000a; backdrop-filter:none; }
#winwin-fixed-actions .ww-action { background:#bf0000; color:#ffe45c; border:1px solid #bf0000; border-radius:11px; text-shadow:none; box-shadow:none; }
#winwin-fixed-actions .ww-action::before { content:none; }
#winwin-fixed-actions .ww-tools:disabled { background:#f4f4f4; color:#757575; border-color:#e4e4e4; }
#winwin-fixed-actions .ww-stamp { background:#fff; border-color:#d5d5d5; color:#656565; }
#winwin-fixed-actions .ww-mission-count { background:#fff; color:#bf0000; border:1px solid #bf0000; box-shadow:none; }
#winwin-fixed-actions .ww-action:not(:disabled):hover { background:#a30000; border-color:#a30000; box-shadow:none; }
#winwin-fixed-actions .ww-action:not(:disabled):active { box-shadow:none; }

/* Member-only referral and balance panels keep all amounts, state labels,
   tables and financial handlers untouched. */
[data-ww-game-shell] #winwin-referral-network,[data-ww-game-shell] .ww-finance { background:#fff; color:#333; border-color:#e4e4e4; }
[data-ww-game-shell] #winwin-referral-network button,[data-ww-game-shell] .ww-finance button { background:#bf0000; color:#ffe45c; border-color:#bf0000; box-shadow:none; }
[data-ww-game-shell] #winwin-referral-network :is(.wwrn-policy,.wwrn-stats>div,.wwrn-children>li),[data-ww-game-shell] .ww-finance :is(.ww-finance-review,.ww-finance-bank,[data-finance-confirm]) { background:#f7f7f7; color:#333; }
[data-ww-game-shell] :is(#winwin-referral-network,.ww-finance) :is(button,input,textarea,select,summary):focus-visible { outline:3px solid #bf0000; outline-offset:3px; }

/* Registration, support and profile-entry surfaces. */
#ww-welfare-registration { background:#fff; color:#333; }
#ww-welfare-registration .wwf-intro { padding:18px; border:1px solid #e4e4e4; border-radius:16px; background:#fff; color:#333; box-shadow:none; }
#ww-welfare-registration .wwf-intro > span { color:#bf0000; }
#ww-welfare-registration h1 { font-weight:800; text-shadow:none; }
#ww-welfare-registration fieldset { border-color:#e4e4e4; box-shadow:none; }
#ww-welfare-registration label { font-size:14px; }
#ww-welfare-registration :is(input:not([type=file]):not([type=range]),textarea) { border-color:#d4d4d4; background:#fff; color:#333; }
#ww-welfare-registration .wwf-submit { background:#bf0000; color:#ffe45c; border-color:#bf0000; font-size:14px; text-shadow:none; box-shadow:none; }
#ww-welfare-registration .wwf-image-picker { background:#fff; color:#bf0000; border-color:#bf0000; box-shadow:none; }
#ww-welfare-registration .wwf-crop { background:#f6f6f6; }
#ww-welfare-registration .wwf-success { background:#f3faf5; color:#245532; border-color:#bcd6c3; }
body[data-ww-game-active] [role="dialog"][data-slot="dialog-content"] { color:#333; background:#fff; border-color:#e4e4e4; box-shadow:0 18px 60px #0000002b; }
#winwin-contact-guide { border-top-color:#bf0000; background:#fff; color:#333; font-family:var(--ww-japanese); }
#winwin-contact-guide .ww-guide-header { background:#fff; color:#333; border-bottom:1px solid #e4e4e4; box-shadow:none; }
#winwin-contact-guide .ww-guide-brand,#winwin-contact-guide h2 { color:#bf0000; text-shadow:none; }
#winwin-contact-guide h2 span { color:#bf0000; border-color:#e6b5b5; }
#winwin-contact-guide .ww-guide-description { background:#f7f7f7; border-color:#e4e4e4; }
#winwin-contact-guide .ww-guide-message { border-color:#e4e4e4; box-shadow:none; }
#winwin-contact-guide .ww-guide-speaker { color:#656565; }
#winwin-contact-guide .ww-guide-topics button { min-height:44px; border-radius:10px; background:#bf0000; color:#ffe45c; border-color:#bf0000; box-shadow:none; }
#winwin-contact-guide .ww-guide-mine { background:#fff3f3; border-color:#edd3d3; }
#winwin-contact-guide .ww-guide-link:not(.ww-guide-line-link),#winwin-contact-guide .ww-guide-send:not(:disabled) { background:#bf0000; color:#ffe45c; border-color:#bf0000; border-radius:10px; box-shadow:none; }
#winwin-contact-guide .ww-guide-close { border-radius:10px; border-color:#bf0000; background:#bf0000; color:#ffe45c; box-shadow:none; }
#winwin-contact-guide textarea { background:#fff; border-color:#d4d4d4; color:#333; border-radius:10px; }
#winwin-world-profile-entry { background:#fff!important; color:#333!important; border-color:#e4e4e4!important; }
#winwin-world-profile-entry h2 { color:#bf0000; }
#winwin-world-profile-entry a { background:#bf0000!important; color:#ffe45c!important; }
[data-testid="profile-homepage-generator"],[data-testid="profile-homepage-generating"] { background:#fff!important; color:#333!important; }
[data-testid="profile-homepage-generating"] [class*="text-white/"] { color:#656565!important; }
[data-testid="profile-homepage-generating"] [role="progressbar"] { background:#ededed; }
[data-testid="profile-homepage-progress-bar"] { background:#bf0000!important; }

/* Keep existing opt-in feedback behavior without metallic presentation or a
   new font request. No extra observer, timer, media or animation is added. */
.wwfx-preferences { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:7px; margin-top:15px; }
.wwfx-preferences button { font:700 12px/1.4 var(--ww-japanese); min-height:44px; border:1px solid #d5d5d5; border-radius:8px; background:#fff; color:#656565; padding:6px 10px; cursor:pointer; }
.wwfx-preferences button[aria-pressed=true] { color:#bf0000; border-color:#bf0000; }
.wwfx-preferences button:disabled { opacity:.6; cursor:default; }
.wwfx-layer { position:fixed; inset:0; pointer-events:none!important; z-index:2147483000; overflow:hidden; contain:strict; }
.wwfx-burst { position:absolute; width:0; height:0; pointer-events:none; }
.wwfx-ring { position:absolute; width:48px; height:48px; border:2px solid var(--wwfx-color); border-radius:50%; opacity:0; }
.wwfx-spark { position:absolute; display:block; width:5px; height:5px; border-radius:1px; background:var(--wwfx-color); opacity:0; }
:is([data-ww-game-stats] > button,[data-ww-game-nav] > button,[data-ww-game-nav] > a,[data-ww-game-control],#winwin-roadmap .wwr-action,#ww-welfare-registration .wwf-submit):not(:disabled):not([aria-disabled="true"]):active { transform:translateY(1px) scale(.99); }
:is([data-ww-game-shell],#winwin-fixed-actions,#winwin-contact-guide,#winwin-roadmap,.wwfx-preferences) :is(button,a,input,textarea,select):focus-visible { outline:3px solid #bf0000; outline-offset:3px; }
body[data-ww-effects=off] :is([data-ww-game-shell],#winwin-fixed-actions,#winwin-contact-guide,#winwin-roadmap) :is(button,a) { animation:none!important; transition:none!important; }
body[data-ww-effects=off] :is([data-ww-game-shell],#winwin-fixed-actions,#winwin-contact-guide,#winwin-roadmap) :is(button,a):active { transform:none!important; }
@media (prefers-reduced-motion:reduce) { [data-ww-game-nav] { scroll-behavior:auto!important; } .wwfx-layer { display:none; } :is([data-ww-game-stats] > button,[data-ww-game-nav] > button,[data-ww-game-nav] > a,[data-ww-game-control],#winwin-roadmap .wwr-action,#winwin-fixed-actions .ww-action) { transition:none!important; } :is([data-ww-game-stats] > button,[data-ww-game-nav] > button,[data-ww-game-nav] > a,[data-ww-game-control],#winwin-roadmap .wwr-action,#winwin-fixed-actions .ww-action):active { transform:none!important; } }
@media (max-width:360px) { #winwin-roadmap h1 { font-size:23px; } #winwin-roadmap h2 { font-size:15px; } #winwin-roadmap .wwr-action { padding-inline:10px; font-size:13px; } }

/* Replace only the original mission cell. The native four-column grid,
   social buttons and row height remain authoritative. */
[data-ww-referral-stats] > [data-testid="mission-summary-button"] { display:none!important; }
[data-ww-referral-stats] > .ww-header-referral { box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;padding:3px 4px;border:1px solid #bf0000;border-radius:10px;background:#bf0000;color:#fff;text-decoration:none;text-align:center;box-shadow:none; }
.ww-header-referral-copy { display:flex;flex-direction:column;align-items:center;min-width:0;line-height:1.2; }
.ww-header-referral-copy > * { display:block;white-space:nowrap;font-style:normal;color:inherit; }
.ww-header-referral-copy > span:first-child { font-size:clamp(9px,2.75vw,11px);font-weight:800; }
.ww-header-referral-copy > strong { font-size:clamp(8px,2.45vw,10px);font-weight:800; }
.ww-header-referral-copy > span:last-child { font-size:clamp(8px,2.3vw,9px);font-weight:700; }
.ww-header-referral:focus-visible { outline:3px solid #bf0000!important;outline-offset:2px; }
.ww-header-referral:active { background:#a30000; }