/* Original colors are unchanged unless another scheme is chosen. */
.arcade-themebar{height:54px;min-height:54px;box-sizing:border-box;background:#191920;border-bottom:1px solid #3d4351;color:#eeeef5;font:12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));position:relative;z-index:6}
.arcade-themebar-inner{height:100%;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.arcade-themebar .theme-caption{font-size:11px;color:inherit;opacity:.8;letter-spacing:.3px}
.theme-choices{display:flex;align-items:center;gap:2px}.theme-label{font-size:12px;font-weight:650;margin-right:6px}
body .arcade-themebar button.theme-swatch{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;margin:0;border:0;border-radius:50%;background:transparent!important;color:inherit;box-shadow:none;transform:none;cursor:pointer;touch-action:manipulation}
.theme-swatch-color{display:grid;place-items:center;box-sizing:border-box;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.75);box-shadow:0 0 0 1px #777;pointer-events:none}
[data-theme-choice="classic"] .theme-swatch-color{background:conic-gradient(#a7dbc9 0 33%,#f6dc88 33% 66%,#bda8e8 66%)}
[data-theme-choice="vivid"] .theme-swatch-color{background:conic-gradient(#c92535 0 33%,#147fc4 33% 66%,#ffd438 66%)}
[data-theme-choice="ocean"] .theme-swatch-color{background:conic-gradient(#49e0d2 0 33%,#79bfff 33% 66%,#123448 66%)}
[data-theme-choice="candy"] .theme-swatch-color{background:conic-gradient(#ad245e 0 33%,#8062ce 33% 66%,#f5c675 66%)}
.theme-swatch[aria-pressed="true"] .theme-swatch-color{outline:2px solid currentColor;outline-offset:3px}
.theme-swatch[aria-pressed="true"] .theme-swatch-color::after{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#102832;color:#fff;font:bold 13px/1 system-ui}
body .arcade-themebar button.theme-swatch:focus-visible{outline:2px solid currentColor;outline-offset:-1px}
html[data-arcade-theme="vivid"]{--arcade-bg:#d9f0ff;--arcade-panel:#fff9e8;--arcade-ink:#12334b;--arcade-muted:#476071;--arcade-line:#8bbadb;--arcade-accent:#c92535;--arcade-secondary:#147fc4;--arcade-on-accent:#fff;--arcade-game-filter:saturate(1.75) contrast(1.06)}
html[data-arcade-theme="ocean"]{--arcade-bg:#071f2d;--arcade-panel:#123448;--arcade-ink:#edfaff;--arcade-muted:#acccd8;--arcade-line:#376076;--arcade-accent:#49e0d2;--arcade-secondary:#79bfff;--arcade-on-accent:#082832;--arcade-game-filter:hue-rotate(20deg) saturate(1.2)}
html[data-arcade-theme="candy"]{--arcade-bg:#fff0f6;--arcade-panel:#fffafe;--arcade-ink:#392e54;--arcade-muted:#775771;--arcade-line:#e0a7c5;--arcade-accent:#ad245e;--arcade-secondary:#8062ce;--arcade-on-accent:#fff;--arcade-game-filter:hue-rotate(-12deg) saturate(1.35)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body{--bg:var(--arcade-bg);--ink:var(--arcade-bg);--panel:var(--arcade-panel);--line:var(--arcade-line);--text:var(--arcade-ink);--white:var(--arcade-ink);--muted:var(--arcade-muted);--accent:var(--arcade-accent);--yellow:var(--arcade-accent);--gold:var(--arcade-accent);--mint:var(--arcade-secondary);--blue:var(--arcade-secondary);--purple:var(--arcade-secondary);background:var(--arcade-bg);color:var(--arcade-ink);color-scheme:light}
html[data-arcade-theme="ocean"] body{color-scheme:dark}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) .arcade-themebar{background:var(--arcade-panel);color:var(--arcade-ink);border-color:var(--arcade-line)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body :is(.featured,.feature-art,.feature-info,.card,.art,.about,.ticker,.board-wrap,.board-frame,.cabinet,.scoreboard,.overlay,.game-guide,.share-panel,.help){background:var(--arcade-panel)!important;color:var(--arcade-ink);border-color:var(--arcade-line)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body :is(button:not(.playing-card):not(.memory-card):not(.slot),select){background:var(--arcade-panel);color:var(--arcade-ink);border-color:var(--arcade-line)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body :is(.primary,.button,.filter[aria-pressed="true"],.character-option[aria-pressed="true"]){background:var(--arcade-accent);color:var(--arcade-on-accent);border-color:var(--arcade-accent)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body :is(.eyebrow,.back,.tip,.hint,.edition,.section-label,.board-top,.legend,.help p,.overlay p,.overlay small,.footer,.scoreboard div,.card-meta,.card-bottom>span){color:var(--arcade-muted)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body :is(.scoreboard strong,.overlay h2,.help strong,.stat strong){color:var(--arcade-ink)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body .character-option span{color:inherit}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body :is(.tag,.score,.brand span,.hero-copy em){color:var(--arcade-accent)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body :is(canvas,.feature-art img,.art img,.art svg,.ghost-icon){filter:var(--arcade-game-filter)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body .memory-card{background:var(--arcade-secondary);color:var(--arcade-on-accent);border-color:var(--arcade-line)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body .memory-card .back-icon{color:#fff}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body .memory-card.open{background:var(--arcade-panel);color:var(--arcade-accent)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body .memory-card.matched{background:var(--arcade-accent);color:var(--arcade-on-accent)}
html[data-arcade-theme]:not([data-arcade-theme="classic"]) body .tile:not([data-value]){background:var(--arcade-line)}
html[data-arcade-theme="vivid"] .tile[data-value="2"]{background:#147fc4}html[data-arcade-theme="vivid"] .tile[data-value="4"]{background:#237d42}html[data-arcade-theme="vivid"] .tile[data-value="8"]{background:#d43234}html[data-arcade-theme="vivid"] .tile[data-value="16"]{background:#a9470b}html[data-arcade-theme="vivid"] .tile[data-value="32"]{background:#7745bd}html[data-arcade-theme="vivid"] .tile[data-value="64"]{background:#0d8186}html[data-arcade-theme="vivid"] .tile[data-value="128"]{background:#af285e}html[data-arcade-theme="vivid"] .tile[data-value="256"]{background:#2550ad}html[data-arcade-theme="vivid"] .tile[data-value="512"]{background:#277128}html[data-arcade-theme="vivid"] .tile[data-value="1024"]{background:#ae490d}html[data-arcade-theme="vivid"] .tile[data-value="2048"]{background:#ffd438;color:#17354e}
html[data-arcade-theme="ocean"] .tile[data-value]{background:color-mix(in srgb,var(--arcade-secondary) 65%,#102e45);color:#fff}html[data-arcade-theme="ocean"] .tile[data-value="2"]{background:#234d6d}html[data-arcade-theme="ocean"] .tile[data-value="4"]{background:#286278}html[data-arcade-theme="ocean"] .tile[data-value="8"]{background:#297d82}html[data-arcade-theme="ocean"] .tile[data-value="16"]{background:#3370a6}html[data-arcade-theme="ocean"] .tile[data-value="32"]{background:#5565a6}html[data-arcade-theme="ocean"] .tile[data-value="2048"]{background:#49e0d2;color:#082832}
html[data-arcade-theme="candy"] .tile[data-value]{background:#8051a4;color:#fff}html[data-arcade-theme="candy"] .tile[data-value="2"]{background:#9a4d77}html[data-arcade-theme="candy"] .tile[data-value="4"]{background:#a63774}html[data-arcade-theme="candy"] .tile[data-value="8"]{background:#694aab}html[data-arcade-theme="candy"] .tile[data-value="16"]{background:#3c699d}html[data-arcade-theme="candy"] .tile[data-value="32"]{background:#307e82}html[data-arcade-theme="candy"] .tile[data-value="2048"]{background:#f5c675;color:#392e54}
@media(max-width:440px){.arcade-themebar .theme-caption{font-size:10px;max-width:90px}.theme-label{display:none}.arcade-themebar-inner{gap:4px}}
@media(pointer:coarse){html.game-active .arcade-themebar{touch-action:manipulation}html.game-active main{height:calc(100vh - 54px);height:calc(100dvh - 54px)}}

html[data-arcade-theme]:not([data-arcade-theme="classic"]) body header h1 span{color:var(--arcade-accent)}
