/* A coherent night atelier; artwork pigments and the daytime theme stay unchanged. */
html:has(body.dark){color-scheme:dark;scrollbar-color:#62778a #14202d}
body.dark{--ink:#f3eee7;--muted:#d1c8df;--green:#9de1d0;--mint:#3d3459;--paper:#211d34;--line:#76618d;--orange:#ffb99d;--night-surface:#29223e;--night-raised:#362d50;--dream-shadow:0 12px 30px -14px #050b158c,0 2px 8px #050b152b;--dream-shadow-hover:0 18px 38px -14px #030912bb,0 4px 14px #76d5cc14;color-scheme:dark;background:#171426;color:var(--ink)}
body.dark::before{background-color:#171426;background-image:radial-gradient(ellipse at 5% 5%,#437f8444,transparent 50%),radial-gradient(ellipse at 95% 65%,#a36fc233,transparent 45%),linear-gradient(#211c36ec,#171426f5),url('design/paint-paper.png');background-position:center;background-size:cover;background-repeat:no-repeat;background-blend-mode:normal}
body.dark #gallery .site-header{background:linear-gradient(120deg,#33294dea,#26213bea);border-color:#7896aa55;border-bottom-color:#718d9d77;box-shadow:0 18px 40px -20px #030b14cc,inset 0 1px #b6d3e01f}
body.dark #gallery .main-navigation .nav{color:#eff5f8}
body.dark #gallery .main-navigation .nav>.nav-label{color:inherit}
body.dark #gallery .main-navigation .nav small{color:#c3d4df}
body.dark #gallery .main-navigation .nav.active::before{background:#3d6e72}
body.dark #gallery .main-navigation .nav:hover{background:#3a566a66}
body.dark #gallery .top-actions .account-button{background:#305d62;border-color:#6d9aab;color:#e3f8f4}
body.dark #gallery .top-actions .account-button:hover{background:#3b7375}
body.dark #gallery .artist-account{background:linear-gradient(120deg,#f6d899,#e4bb75);border-color:#efcd8e;color:#302716;box-shadow:inset 0 1px #fff2d8,0 4px 12px #060d183b}
body.dark #gallery .favorite-menu{--accent:#ffb2ce}
body.dark #gallery .duel-menu{--accent:#c6b1fa!important}
body.dark #gallery .ai-menu{--accent:#83dedb!important}
body.dark #gallery .create-menu{--accent:#efcb8d!important}
body.dark #gallery .nav.nav-secondary{background:linear-gradient(130deg,#372d51,#29233d);border-color:#607b8b;border-bottom-color:var(--accent);color:var(--accent)}
body.dark #gallery .nav.nav-secondary:hover,body.dark #gallery .nav.nav-secondary.active{background:#51416c;border-color:var(--accent)}
body.dark #gallery .nav-secondary b{color:#f4f0e9}
body.dark #gallery .nav-secondary small{color:#c1d1dc}
body.dark #gallery .little-tools .plain,body.dark #gallery footer a,body.dark #gallery footer .plain{background:#362d50;border-color:#60788c;color:#e4f3f4}
body.dark #gallery #help span{color:#deeff0;border-color:#91b2bb}
body.dark #gallery .hello-note{color:#c7d7df}
body.dark #gallery .intro h1,body.dark #gallery .section-title h2{color:#f4eee4}
body.dark #gallery .intro h1 em{color:#ffb39e}
body.dark #gallery .intro h1 em span{color:#94dfd6}
body.dark #gallery .intro p{color:#d3dfe5}
body.dark #gallery .paint-note{background:#b35a59;color:#fff7ec}
body.dark #gallery :is(.featured,.collectible,.reward-road){background:var(--night-surface);border-color:#587183;color:#e7edf0}
body.dark #gallery .featured{background:linear-gradient(125deg,#3d2e51,#272039)}
body.dark #gallery :is(.feature-copy h2,.card-meta h3,.reward-goal b){color:#f5eee3}
body.dark #gallery .feature-copy .eyebrow,body.dark #gallery .section-title .eyebrow{color:#c1d4df}
body.dark #gallery .feature-copy p,body.dark #gallery .card-sub{color:#d7cfe5}
body.dark #gallery .feature-note{color:#c9d8df!important}
body.dark #gallery .hero-rewards{border-color:#657d8a}
body.dark #gallery .hero-rewards b,body.dark #gallery .reward-road strong{color:#f9d99d}
body.dark #gallery .hero-rewards span,body.dark #gallery .reward-road small{color:#c4d5df}
body.dark #gallery .hero-progress-track{background:#40566a;box-shadow:inset 0 1px 3px #06152155}
body.dark #gallery .hero-progress-track>div{background:linear-gradient(90deg,#79c9ad,#9ce4d8)}
body.dark .primary,body.dark #gallery .card-start{background:linear-gradient(#ffc0a5,#fca78b);border-color:#ffc5aa;color:#312124;box-shadow:inset 0 1px #ffead8,0 4px 12px #090c163b}
body.dark .primary:hover,body.dark #gallery .card-start:hover{background:linear-gradient(#ffd3bc,#ffbba1)}
body.dark #gallery .card-puzzle{background:linear-gradient(#396581,#294c6a);border-color:#7596b2;color:#eff7fd;box-shadow:inset 0 1px #7ca1bb55}
body.dark #gallery .search{background:#2d2742;border-color:#668297;color:#d9e9ef}
body.dark #gallery .search input{background:none;color:#f0f6f8}
body.dark #gallery .search input::placeholder{color:#becdd8;opacity:1}
body.dark #gallery .search span{color:#b9d0da}
body.dark #gallery .chip{background:#352c4c;border-color:#617c91;color:#dce9ef}
body.dark #gallery .chip.active{background:#99dfd1;border-color:#b9f3e7;color:#183433}
body.dark #gallery .chip:hover:not(.active){background:#38586c}
body.dark #gallery .motif-level-filter button{background:#302742;border-color:#587486;color:#edf4f4;box-shadow:var(--dream-shadow)}
body.dark #gallery .motif-level-filter [data-motif-level=easy]{background:#243e3a}
body.dark #gallery .motif-level-filter [data-motif-level=classic]{background:#2e4056}
body.dark #gallery .motif-level-filter [data-motif-level=detail]{background:#49365b}
body.dark #gallery .motif-level-filter button span{color:#c9d8df}
body.dark #gallery .motif-level-filter button[aria-pressed=true]{border-color:#99e5d6;box-shadow:inset 0 0 0 1px #99e5d64d,0 5px 18px #030b1544}
body.dark #gallery .motif-quality-note{color:#c8d6de}
body.dark #gallery .motif-level-badge{background:#2c5146;color:#caf5d9}
body.dark #gallery .motif-level-badge.level-classic{background:#294e5a;color:#c5f3f6}
body.dark #gallery .motif-level-badge.level-detail{background:#514366;color:#eee0ff}
body.dark #gallery .collectible[data-frame]{--frame-paper:#29223e;background:linear-gradient(var(--frame-paper),var(--frame-paper)) padding-box,linear-gradient(135deg,var(--metal-dark),var(--metal-mid) 17%,var(--metal-light) 32%,var(--metal-dark) 50%,var(--metal-mid) 66%,var(--metal-light) 81%,var(--metal-dark)) border-box;border-color:transparent}
body.dark #gallery .collectible .card-number{background:#42344d;border-color:#8294a2;color:#f3e9d5}
body.dark #gallery .collectible[data-frame] .card-number{background:#42344d;color:#fff0d5;border-color:var(--metal-mid)}
body.dark #gallery .card-progress{background:#1c3044f5;border-color:#97b9ca;color:#edf5f7}
body.dark #gallery .favorite{background:#3c2d50f5;color:#ffd0e0;border:1px solid #a9bacb66}
body.dark #gallery .favorite.selected{color:#ff9dc2;background:#493c56}
body.dark #gallery .daily-motifs-note{background:#2c4844;border-color:#75957e;color:#d1efcd}
body.dark #gallery .daily-bonus-badge,body.dark .daily-bonus-note{background:linear-gradient(110deg,#55482e,#3b3940);color:#ffe7b0;border-color:#d2b87c}
body.dark #gallery .collection>.create-card,body.dark #gallery .collection>.collection-summary,body.dark #gallery footer{background:#2d2542;border-color:#5c7788;color:#dbe7e9}
body.dark #gallery .create-card h2{color:#e8f1e8}
body.dark #gallery .create-card p,body.dark #gallery .create-card .eyebrow{color:#d5e6da}
body.dark #gallery .create-card .text-button{background:#335d59;border-color:#8dc7b5;color:#eefbf2}
body.dark #gallery .collection-summary button{background:#4b3f65;border-color:#b6a0d4;color:#f0e4ff}
body.dark #gallery .empty,body.dark #gallery .empty p{color:#d4e2e9}
body.dark dialog:not(.game-dialog){background:linear-gradient(140deg,#392d4e,#241e35);border-color:#7a94a7;color:#f2eee8}
body.dark dialog::backdrop{background:#06101bd1}
body.dark dialog:not(.game-dialog) :is(h2,h3){color:#f4eee5}
body.dark dialog:not(.game-dialog) h2 em{color:#e5bded}
body.dark dialog:not(.game-dialog) :is(p,label,ol,.eyebrow){color:#d2dfe6}
body.dark dialog:not(.game-dialog) .fine-print{color:#becfd8!important}
body.dark dialog:not(.game-dialog) :is(input:not([type=file]):not([type=checkbox]),textarea,select){background:#201a30;border-color:#6f8b9f;color:#f1f5f7}
body.dark #account-dialog input{background:#201a30;border-color:#6f8b9f;color:#f1f5f7}
body.dark dialog :is(input,textarea)::placeholder{color:#b4c8d4;opacity:1}
body.dark dialog .upload{background:#2d4556;border-color:#a2bfce;color:#e4eef3}
body.dark dialog .upload small{color:#c8d8e1}
body.dark dialog :is(.icon-button,.prompt-chips button,.rank-tabs button){background:#493962;border-color:#7e9ab1;color:#eff4f6}
body.dark dialog .rank-tabs button[aria-pressed=true]{background:#a6dbcf;border-color:#beece1;color:#1a3534}
body.dark dialog .auth-actions .text-button,body.dark dialog #install{color:#a7e7dc}
body.dark dialog :is(#ai-status,#account-status){color:#ffceaa}
body.dark #rank-table :is(th,td){border-color:#587184}
body.dark #rank-table tbody tr:first-child{background:#455041;color:#fff0c8}
body.dark .toast{background:#335d65;border-color:#91b8bd;color:#fff}
body.dark :is(button,a,input,select,textarea):focus-visible{outline-color:#ffd49c}
/* Dark chrome around the canvas never recolours numbered paint or palette swatches. */
body.dark .player.pixel-studio{background:#111e2b}
body.dark .pixel-studio .canvas-wrap{background:#1c2b38!important;box-shadow:0 0 0 1px #587082,0 2px 8px #0003}
body.dark .pixel-studio :is(#color-tray,#studio-panel){background:#2b2541!important;border-color:#698397!important;color:#e4eef3}
body.dark .pixel-studio :is(.floating-panel-handle,#selected-color,.palette-dock-toggle,.floating-panel-close,.pixel-page-controls>button){color:#d9e9ef}
body.dark .pixel-studio[data-palette-docked=false] #color-tray>.floating-panel-head{background:#304b60}
body.dark .pixel-studio[data-palette-docked=false] #color-tray .floating-panel-handle{background:#436273;color:#f0f8f7}
body.dark .pixel-studio :is(.paint-panel-tabs button,.tool,.paint-core .action-tools button,.paint-core .zoom-tools button,.pixel-brush-options>button){background:#3f3359;color:#deebf3;border-color:#688298}
body.dark .pixel-studio :is(.paint-panel-tabs button[aria-pressed=true],.tool.active,.pixel-brush-options button[aria-pressed=true]){background:#4b456b;border-color:#c5b2ea;color:#f3eaff}
body.dark .pixel-studio :is(.brush-reward-note,.brush-reward-note button){color:#dbc8f5}
body.dark .pixel-studio :is(.brush-reward-tooltip,.pixel-magic-hand){background:#3c3657;color:#eadcfb;border-color:#ae95d0}
body.dark .pixel-studio .pixel-magic-hand.active{background:linear-gradient(90deg,#66508a var(--magic-left),#49365b var(--magic-left));color:#fff}
body.dark .pixel-studio .paint-options .studio-tip{color:#c5d7df!important}
body.dark .pixel-studio .color-purchase{color:#e0d9bc}
body.dark .pixel-studio .color-purchase button,body.dark .pixel-studio .challenge{background:#4b4337;border-color:#a28b66;color:#f8e5b7}
body.dark .pixel-studio .pixel-page-controls .pixel-hud>b{color:#d7e7ee}
body.dark .pixel-studio .pixel-page-controls .pixel-hud>i{background:#486071}
body.dark .pixel-studio #pixel-pages button::before{background:#6c8193}
body.dark .pixel-studio #pixel-pages button[aria-current=page]::before{background:#b0e5d8}
body.dark .pixel-studio .peek-colors{background:#2c4559;color:#edf5f9;border-color:#7895ac}
body.dark .pixel-studio .finish-note{background:#403e35;border-color:#b8a26f;color:#f3e8c5}
body.dark .pixel-studio .finish-note :is(h3,p){color:#f3e8c5}