.header-tools{display:flex;align-items:center;gap:12px}.header-search,.appearance-shortcut{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #b4ad9e;border-radius:50%;background:transparent;color:inherit}.header-search svg{width:21px;height:21px}.appearance-shortcut{font-size:23px}.appearance-options{display:flex;gap:12px;flex-wrap:wrap}.appearance-options [aria-pressed=true]{background:var(--teal);color:#f5f0e5;border-color:var(--teal)}.history-filters{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.history-filters label{display:grid;gap:8px;font-weight:700}.history-filters select{min-height:48px;min-width:145px;padding:10px;border:1px solid #8a897c;border-radius:8px;background:#fffaf1;color:#181b18}.saved-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.saved-collection>*{min-width:0}.saved-collection .tile .media-art{height:220px}.score-number{font-size:clamp(22px,3.2vw,42px);overflow-wrap:anywhere}.score-row{gap:20px}.appearance-panel{max-width:760px}html{color-scheme:light}
/* Night surfaces use warm charcoal; supplied identity artwork retains its colour. */
html[data-theme=dark]{color-scheme:dark;--cream:#20231f;--ink:#f5f0e5;--night-panel:#2b302a;--night-border:#626a5d;--night-muted:#d2d3c6}
html[data-theme=dark] body{background:#20231f;color:#f5f0e5}
html[data-theme=dark] :is(header,footer,.prototype-line,.tile,.list-row,.section-top,.edition-row,.big-list li){border-color:#626a5d}
html[data-theme=dark] :is(.meta,.prototype-line,.board-caption,.board-note,.profile-privacy,.creator,.record-credit span){color:#d2d3c6}
html[data-theme=dark] :is(.profile-menu summary,.profile-dropdown,.quick-dialog,dialog,.score-surface,.media-edit-item,.empty,.form-panel,.response-form,.studio-item,.score-snapshot-values a,.best-strip,.home-score-snapshot,.weekly-score-mini,.profile-tools,.people-purpose,.journey-link,.help-contact,.quick-contribution,.resource-shelf,.sample-session,.feature-editor,.source-details[open],.note,.game-head,.arcade-stage,.game-footer){background:#2b302a;color:#f5f0e5;border-color:#626a5d}
html[data-theme=dark] :is(.profile-dropdown a:hover,.profile-dropdown a:focus-visible){background:#40493b}
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.search-input,.quick-dialog form input:not([type=checkbox]):not([type=radio]),.quick-dialog textarea){background:#252b24;color:#f5f0e5;border-color:#88937f}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#b8bfae}
html[data-theme=dark] :is(.btn,.tabs .tab-link[aria-current],.tabs button[aria-pressed=true]){background:#f5f0e5;color:#20231f;border-color:#f5f0e5}
html[data-theme=dark] :is(.btn.light,.tab-link,.tabs button,.quick-close,.header-search,.appearance-shortcut){background:transparent;color:#f5f0e5;border-color:#a5ad99}
html[data-theme=dark] :is(.appearance-options [aria-pressed=true],.home-week-panel .tabs .tab-link[aria-pressed=true]){background:#b6c9a8;color:#18211a;border-color:#b6c9a8}
html[data-theme=dark] :is(.desktop-nav a[aria-current],.mobile-nav a[aria-current],.back,.creator-link,.best-strip a){color:#f2c46e}
html[data-theme=dark] .mobile-nav{background:#20231f;border-color:#626a5d;color:#f5f0e5}
html[data-theme=dark] .brand{background:#f5f0e5;border-radius:12px}
html[data-theme=dark] .brand img{mix-blend-mode:normal}
html[data-theme=dark] :is(.entry-welcome,.entry-welcome .eyebrow,.entry-welcome .text-btn,.arcade-intro,.room-heading,.page-head,.work-layout,.profile-welcome){color:#f5f0e5}
html[data-theme=dark] :is(.entry-welcome p,.arcade-intro p,.page-head p,.work-layout .detail-context,.profile-welcome p){color:#d2d3c6}
html[data-theme=dark] :is(.culture-doors a,.around-grid>a,.shared-cover,.world-cover,.profile-choices button,.profile-paths a,.profile-suggestions>div,.choice-option,.choice-option span,.welcome-options a,.next-experience,.activity-body,.activity-card,.idea-card,.community-card,.support-card,.listing-preview,.host-invitation,.profile-emblem,.good-swap,.gathering-strip,.plato-guide,.game-preview,.status,.ended-label,.relationship-label,.visual-label,.record-credit,.reaction-preview,.game-result,.score-door){color:#181b18}
html[data-theme=dark] :is(.culture-doors a,.around-grid>a,.shared-cover,.profile-choices button,.profile-paths a,.choice-option,.welcome-options a,.next-experience,.activity-body,.idea-card,.community-card,.support-card,.listing-preview,.host-invitation,.good-swap,.gathering-strip,.plato-guide,.score-door) :is(p,.meta,.eyebrow,small,span,.listing-owner,.listing-fact,.text-btn,.link){color:inherit}
html[data-theme=dark] :is(.around-play,.around-gathering,.shared-cover,.host-invitation,.world-cover.teal,.activity-art.teal){color:#f5f0e5}
html[data-theme=dark] :is(.around-grid>a,.shared-cover,.profile-choices button,.profile-paths a,.choice-option,.welcome-options a,.next-experience,.activity-body,.idea-card,.community-card,.support-card,.listing-preview,.host-invitation,.good-swap,.gathering-strip,.plato-guide,.score-door) .btn.light{color:inherit;border-color:currentColor}
html[data-theme=dark] :is(.score-number,.score-row h2,.quick-dialog h2,.quick-dialog h3,.quick-dialog p,.quick-dialog .meta,.profile-dropdown){color:#f5f0e5}
html[data-theme=dark] :is(.quick-dialog .choice-option,.quick-dialog .choice-option span,.profile-choice-dialog .choice-option span){color:#181b18}
html[data-theme=dark] .profile-choice-dialog .choice-option:has(input:checked),html[data-theme=dark] .profile-choice-dialog .choice-option:has(input:checked) span{color:#f5f0e5;background:#0f5b58}
html[data-theme=dark] :is(.answer,.answers button,.memory-board button,.target-board button,.direction-pad button){background:#394234;color:#f5f0e5;border-color:#a5ad99}
html[data-theme=dark] .memory-board button.revealed{background:#f2c46e;color:#181b18}
html[data-theme=dark] .sequence-pad{color:#fffaf0}
html[data-theme=dark] #toast{background:#f5f0e5;color:#20231f}
html[data-theme=dark] #offline{background:#f2c46e;color:#181b18}
html[data-theme=dark] :focus-visible{outline-color:#f2c46e}
html[data-theme=dark] .eyebrow{color:#c8d0bd}
html[data-theme=dark] .profile-menu summary{background:#2b302a;color:#f5f0e5}
html[data-theme=dark] .culture-doors a:first-child{color:#f5f0e5}
html[data-theme=dark] .around-gathering,html[data-theme=dark] .around-gathering :is(h3,p,.eyebrow,.link),html[data-theme=dark] .visual-label{color:#181b18}
html[data-theme=dark] .reaction-preview,html[data-theme=dark] .around-play :is(p,h3,.eyebrow,.link){color:#f5f0e5}
html[data-theme=dark] .record-credit b{color:#181b18}
html[data-theme=dark] .mobile-nav a[aria-current]{background:#394234;color:#f2c46e}
html[data-theme=dark] .discovery-controls button{color:#181b18}
html[data-theme=dark] body :is(.around-gathering,.shared-cover,.profile-welcome,.arcade-intro){color:#181b18}
html[data-theme=dark] body :is(.around-gathering,.shared-cover,.profile-welcome,.arcade-intro) :is(h1,h2,h3,p,.eyebrow,.link,.text-btn,.visual-label){color:#181b18!important}
html[data-theme=dark] body :is(.people-ribbon,.profile-emblem,.reaction-preview span){color:#f5f0e5!important}
html[data-theme=dark] body .activity-card .activity-body,html[data-theme=dark] body .activity-card .activity-body :is(h3,p,span,a){color:#f5f0e5!important}
html[data-theme=dark] body :is(.sample-note,.source-note){color:#d2d3c6}
html[data-theme=dark] body :is(.resource-shelf,.quick-contribution)>summary{color:#f2c46e}
html[data-theme=dark] body .record-disc>span{color:#181b18}
html[data-theme=dark] .skip{background:#f5f0e5;color:#181b18}
html[data-theme=dark] .mobile-nav a[aria-current] svg{color:#f2c46e}
html[data-theme=dark] body .record-disc span,html[data-theme=dark] body .record-credit span{color:#181b18}
html[data-theme=dark] body .gathering-strip :is(h2,p){color:#f5f0e5!important}
html[data-theme=dark] body .visual-label{background:#f5f0e5;color:#181b18!important}
html[data-theme=dark] body .support-card,html[data-theme=dark] body .support-card :is(h3,p,.eyebrow,.link){color:#f5f0e5!important}
html[data-theme=dark] body .experience-format-art span{color:#f5f0e5!important}
html[data-theme=dark] body .experience-format-art span:nth-child(3){color:#181b18!important}
html[data-theme=dark] body :is(.game-progress,.game-feedback){color:#d2d3c6}
html[data-theme=dark] body .profile-menu summary,html[data-theme=dark] body .mobile-nav a[aria-current]{transition:none}
html[data-theme=dark] body .challenge-badge{color:#181b18}
html[data-theme=dark] body .puzzle-grid i{color:#f5f0e5}
html[data-theme=dark] body .live-board,html[data-theme=dark] body .live-board :is(h3,p){color:#f5f0e5}
html[data-theme=dark] body .form{background:#2b302a;color:#f5f0e5}
@media(max-width:800px){.header-tools{gap:6px}.header-search,.appearance-shortcut{min-width:40px;min-height:44px}.profile-menu summary{padding:10px}.saved-collection{grid-template-columns:1fr}.score-row{grid-template-columns:minmax(0,1fr) auto}.score-number{max-width:125px;font-size:24px}.header-tools .profile-menu{margin-left:0}header{gap:8px}}
@media(max-width:350px){.header-tools{gap:3px}.header-search,.appearance-shortcut{min-width:36px}.brand img{width:68px}.profile-menu summary{font-size:14px;padding:8px}.score-number{max-width:100px;font-size:20px}}
