:root{--dream-shadow:0 12px 30px -16px #4a5c5360,0 3px 9px #75604714;--dream-shadow-hover:0 18px 38px -15px #3d5c5266,0 5px 13px #7560471c}
.motif-level-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 8px}
.motif-level-filter button{display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding:15px 17px;text-align:left;border:1px solid #d7d8c6;border-radius:17px;background:#fffdf6f5;color:#31594f;box-shadow:var(--dream-shadow);min-height:85px}
.motif-level-filter button b{font:700 19px/1.2 Georgia,serif}.motif-level-filter button span{font:500 12px/1.5 system-ui;color:#53645c}
.motif-level-filter [data-motif-level=easy]{background:#f0f7e9}.motif-level-filter [data-motif-level=classic]{background:#e8f5f1}.motif-level-filter [data-motif-level=detail]{background:#f0eaf8}
.motif-level-filter button[aria-pressed=true]{border:2px solid #268b81;padding:14px 16px;box-shadow:0 5px 16px #285e5033,inset 0 0 0 2px #ffffff9c}
.motif-level-filter button:focus-visible{outline:3px solid #c49431;outline-offset:3px}
.motif-quality-note{margin:10px 2px 18px;color:#4e655c;font:500 13px/1.6 system-ui}
.motif-level-badge{display:inline-flex;width:max-content;max-width:100%;align-items:center;padding:5px 9px;margin:3px 0 4px;border-radius:9px;font:700 11px/1.4 system-ui;color:#31594b;background:#e8f2df}
.motif-level-badge.level-classic{color:#23665d;background:#def1eb}.motif-level-badge.level-detail{color:#71538b;background:#ede3f5}
.collectible .card-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 8px}
.collectible .card-meta h3{grid-column:1/-1;min-width:0;margin-bottom:0}
.collectible .card-meta .card-dot{display:none}
.collectible .card-meta .motif-level-badge{grid-column:1;grid-row:2;margin:0}
.collectible .card-meta .card-number{grid-column:2;grid-row:2;align-self:center}
@media(max-width:700px){.motif-level-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.motif-level-filter button{padding:12px;min-height:86px}.motif-level-filter button[aria-pressed=true]{padding:11px}.motif-level-filter button b{font-size:18px}.motif-level-filter button span{font-size:11px}.motif-quality-note{font-size:12px}}
#gallery .site-header{background:linear-gradient(120deg,#fffdf2e8,#f7fff4c9);border:1px solid #ffffffd9;border-bottom-color:#d7dcca;border-radius:26px;box-shadow:0 16px 40px -20px #385d536b,inset 0 1px #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);margin:12px 0 18px;padding:18px 22px;gap:20px}
#gallery .site-header .top-actions{gap:10px}
#gallery .little-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:12px 0}
#gallery .little-tools .plain{min-height:44px;min-width:44px;padding:10px 13px;font:700 15px/1.3 system-ui;color:#235450;background:#fffdf3f5;border:1px solid #d6d7bf;border-radius:15px;box-shadow:var(--dream-shadow)}
#gallery #help{display:flex;align-items:center;gap:10px;white-space:nowrap}
#gallery #help span{font-size:15px;color:#235450;border-color:#8da99b}
#gallery :is(.collectible,.featured,.create-card,.reward-road,.collection-summary,.daily-motifs-note,.nav-secondary,.pixel-detail-filter button,.top-actions button){box-shadow:var(--dream-shadow)}
#gallery .collectible{transition:box-shadow .2s,transform .2s}
@media(hover:hover){#gallery :is(.collectible,.nav-secondary):hover{box-shadow:var(--dream-shadow-hover)}}
dialog,.floating-paint-panel{box-shadow:0 22px 65px #203c3a3d,0 6px 20px #63503920!important}
.paint-setup-dialog{width:min(850px,calc(100vw - 32px));max-width:850px;padding:34px;background:#fffdf5;color:#234d4b;border:1px solid #e4d3ad;border-radius:26px}
.paint-setup-dialog h2{font-size:clamp(25px,4vw,34px);margin:10px 35px 14px 0}
.paint-setup-dialog>p{font-size:16px;line-height:1.6;max-width:680px}
.paint-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.paint-levels>button{display:flex;flex-direction:column;gap:10px;text-align:left;padding:20px;border:1px solid #cbdac3;border-radius:18px;background:linear-gradient(155deg,#fff,#edf4e6);color:#234d4b;box-shadow:var(--dream-shadow)}
.paint-levels>button:nth-child(2){background:linear-gradient(155deg,#fff,#e2f2ef)}
.paint-levels>button:nth-child(3){background:linear-gradient(155deg,#fff,#efe9fc)}
.paint-levels>button strong{font:700 22px Georgia,serif}.paint-levels>button>span:not(.level-grid){font-size:14px;line-height:1.5;min-height:65px}.paint-levels b{font-size:17px}.paint-levels small{font-size:13px;color:#50615c}.paint-levels em{font-size:13px;font-style:normal;color:#52672c;font-weight:700}.level-grid{font-size:45px;line-height:1;color:#609679}.level-classic{color:#288c89}.level-detail{color:#8461a4}
.paint-levels>button:focus-visible{outline:3px solid #238b87;outline-offset:3px}.paint-levels>button:disabled{opacity:.65}
.daily-bonus-card{border:2px solid #e7b64d!important}.daily-bonus-badge{display:block;padding:10px 15px;margin:-2px -2px 9px;background:linear-gradient(110deg,#ffe4a1,#fff6d9);color:#67430a;border-radius:16px 16px 0 0;font:750 14px/1.4 system-ui}.daily-bonus-note{background:#fff0be;padding:12px 16px;border-radius:14px;color:#67430a;font-weight:700}
.puzzle-reward-note,.magic-reward-note{padding:12px 16px;border:1px solid #d6dcc4;border-radius:14px;background:#fffbee;color:#4e5d35;font:600 14px/1.5 system-ui;box-shadow:var(--dream-shadow)}
.magic-victory .duel-points{font:750 22px/1.4 system-ui;color:#fbda78}
@media(max-width:900px){#gallery .site-header{padding:14px;gap:14px}#gallery .little-tools{justify-content:center}.paint-levels>button{padding:14px}}
@media(max-width:560px){#gallery .site-header{margin:8px 0 14px;border-radius:20px;padding:12px;gap:10px}.paint-setup-dialog{padding:22px 17px}.paint-levels{grid-template-columns:1fr;gap:10px;margin:18px 0}.paint-levels>button{display:grid;grid-template-columns:44px 1fr;gap:5px 12px;padding:13px}.paint-levels .level-grid{grid-row:1/4;font-size:38px}.paint-levels>button>span:not(.level-grid){min-height:0}.paint-levels>button b,.paint-levels>button small,.paint-levels>button em{grid-column:2}.paint-levels>button strong{font-size:20px}.paint-levels>button>span:not(.level-grid){font-size:13px}}
@media(prefers-reduced-motion:reduce){#gallery .collectible{transition:none}}
@media(max-height:520px){
 .pixel-studio #studio-panel .paint-options:not([hidden]){display:grid!important;grid-template-columns:1fr 1fr;gap:5px}
 .pixel-studio #studio-panel .paint-options .toggle{margin:0;min-height:34px;padding:5px;font-size:11px;line-height:1.3}
 .pixel-studio #studio-panel .studio-tip{display:none}
 .pixel-studio #studio-panel .color-purchase{margin:5px 0;padding:4px 0}
 .pixel-studio #studio-panel .floating-panel-head{margin-bottom:5px}
}
/* Equal picture insets and bottom actions, including bonus cards and metal frames. */
#cards>.collectible{--card-rim:1px;display:flex;flex-direction:column;min-width:0;border-width:var(--card-rim);padding:calc(14px - var(--card-rim)) calc(14px - var(--card-rim)) calc(22px - var(--card-rim))}
#cards>.collectible:hover{transform:none}
#cards>.collectible[data-frame]{--card-rim:8px}
#cards>.collectible.daily-bonus-card{border-width:var(--card-rim)!important;outline:1px solid #e7b64d;outline-offset:0}
#cards>.collectible>.card-art{flex:none;aspect-ratio:1}
#cards>.collectible>.card-meta{min-height:76px;align-content:start}
#cards>.collectible>.card-sub{min-height:3em;margin-bottom:12px}
#cards>.collectible>:is(.card-start,.card-puzzle){margin-top:auto}
#cards>.collectible>.favorite{top:calc(24px - var(--card-rim));right:calc(24px - var(--card-rim));z-index:3}
#cards>.collectible>.daily-bonus-badge{position:absolute;top:calc(14px - var(--card-rim));left:calc(14px - var(--card-rim));right:calc(14px - var(--card-rim));z-index:2;margin:0;padding:10px 48px 10px 12px;border-radius:8px 8px 0 0;font-size:12px;line-height:1.5}