@font-face{font-family:MalkastenHand;src:url('design/caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--ink:#193f46;--muted:#7b7060;--green:#147978;--mint:#d8eee8;--paper:#fff9eb;--line:#e3d2b3;--orange:#ef7155}body{background:#fff7e8 url('design/paint-paper.png') center top/100% auto repeat-y;color:var(--ink)}
#gallery.shell{display:block;max-width:1510px;margin:0 auto;padding:0 48px;background:none}#gallery main{padding:0}.site-header{display:grid;grid-template-columns:300px minmax(360px,1fr) auto;gap:24px;align-items:center;min-height:132px;border-bottom:1px solid #d8caa280;background:#fff9e7bb;box-shadow:0 4px 16px #946f2910;margin:0 -20px;padding:12px 20px;position:relative;border-radius:0 0 30px 18px}
.site-header .brand{gap:8px;color:#174d3b;font:700 39px/.8 MalkastenHand,cursive}.site-header .brand img{width:98px;height:98px;flex:none;filter:drop-shadow(0 3px 3px #63503522)}.site-header .brand b{font-size:47px;font-weight:700}.brand small{display:block;margin-top:12px;font:10px/1.3 system-ui;color:#28505a;white-space:nowrap}.main-navigation{display:flex;justify-content:space-evenly;gap:8px;align-items:center}.main-navigation .nav{position:relative;min-width:85px;min-height:98px;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:3px 14px 8px;border-radius:0;background:none;font:700 16px Georgia;color:#19424b;isolation:isolate}.main-navigation .nav>*{z-index:1}.main-navigation .nav.active:before{content:'';position:absolute;inset:48px -2px 0;z-index:-1;background:#8fd7d6b5;clip-path:polygon(3% 12%,16% 6%,37% 10%,56% 0,74% 9%,99% 1%,95% 27%,100% 49%,95% 74%,100% 93%,77% 100%,59% 90%,39% 99%,20% 91%,0 99%,4% 67%,0 39%)}.main-navigation .nav:hover{transform:translateY(-2px);background:none}.nav-art{display:block;width:64px;height:64px;background-image:url('design/navigation-icons.webp');background-size:200% 200%;background-repeat:no-repeat;flex:none}.main-navigation .nav>.nav-art{width:61px;height:61px}.art-palette{background-position:0 0}.art-books{background-position:100% 0}.art-puzzle{background-position:0 100%}.art-trophy{background-position:100% 100%}.main-navigation .nav small{position:absolute;top:7px;right:5px;background:#fff0c8;color:#896422;border:1px solid #dabb74;font:11px system-ui;border-radius:50%;min-width:20px;padding:2px}
.site-header .top-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}.artist-account{background:linear-gradient(135deg,#fff0b6,#ffdf86);border:1px solid #d9ae4e;color:#674b15;box-shadow:inset 0 0 0 2px #fff7d788,0 3px 8px #ac852a16;font-size:18px;padding:11px 20px;font-weight:700;min-height:44px}.artist-account:after{content:' Traumpunkte';font-size:10px;font-weight:500}.account-button{min-height:36px;padding:8px 15px;border:1px solid #dfcdac;background:#fffdf5;color:#1d525a;font-size:11px}.site-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 7px}.studio-links{display:flex;gap:11px;flex-wrap:wrap}.nav.nav-secondary{display:block;min-height:34px;padding:7px 12px;border:1px solid #ddcba7;border-radius:20px;background:#fff8e7bd;font:11px system-ui;color:#547069}.nav.nav-secondary.active{background:#c8e7dd;color:#175b4b}.nav.nav-secondary:hover{background:#fff0cf}.little-tools{display:flex;gap:14px;align-items:center}.little-tools .plain{font-size:11px;color:#647471}.little-tools .avatar{width:32px;height:32px;border-color:#cebf98}
.welcome-scene{display:grid;grid-template-columns:.8fr 1.65fr;align-items:center;gap:24px;position:relative;margin:20px 0 32px;padding:10px 70px 0 0;min-height:420px}.welcome-scene .intro{margin:0;z-index:2}.hello-note{font:500 20px MalkastenHand,cursive;color:#738359;margin-bottom:13px}.intro h1{font:700 clamp(60px,5.7vw,89px)/.84 MalkastenHand,cursive;letter-spacing:-.035em;color:#124456}.intro h1 em{font:inherit;font-style:normal;color:#ec644d}.intro h1 em span{color:#179da0}.intro p{font:16px/1.6 Georgia;color:#385b5b;max-width:350px;margin-top:22px}.paint-note{position:relative;display:inline-block;isolation:isolate;margin:20px 0 0 4px;padding:11px 28px;font:700 24px/.95 MalkastenHand,cursive;color:#fffdf2;transform:rotate(-4deg)}.paint-note:before{content:'';position:absolute;inset:0 -7px;z-index:-1;background:#ec8066;clip-path:polygon(3% 13%,30% 1%,62% 8%,95% 0,97% 28%,100% 44%,95% 59%,99% 88%,60% 96%,18% 99%,1% 90%,4% 66%,0 33%)}
.welcome-scene .feature-row{display:block;position:relative;z-index:2;min-width:0;margin:0}.featured{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:8px;padding:18px;border-radius:7px 18px 9px 24px;background:#fffdf3e8;border:1px solid #e5d4b2;min-height:365px;box-shadow:0 8px 24px #98704426;transform:rotate(-1deg)}.featured-art{width:100%;padding:6px 8px 28px;position:relative}.featured-art canvas{width:100%;max-width:none;height:auto;display:block;transform:rotate(3deg);border:6px solid #fffbef;border-bottom-width:12px;border-radius:4px;box-shadow:0 5px 12px #71573a33}.art-sticker{bottom:2px;right:9px;left:12px;padding:5px;background:#fff5d9;color:#916344;font:15px MalkastenHand,cursive;text-align:center;transform:rotate(-2deg)}.feature-copy{width:100%;padding:14px 9px;transform:rotate(1deg)}.feature-copy h2{font:700 24px/1.2 Georgia;color:#16434e;margin:14px 0}.feature-copy .eyebrow{font-size:8px;color:#95815d}.feature-copy p{font-size:12px;line-height:1.7;color:#6f7b72;min-height:40px}.hero-progress-track{height:12px;background:#e5ddc9;border-radius:20px;overflow:hidden;margin-bottom:16px;box-shadow:inset 0 2px 3px #85755013}.hero-progress-track>div{height:100%;background:linear-gradient(90deg,#70b64b,#2a914e);border-radius:20px;transition:width .3s}.primary{background:linear-gradient(#ff8467,#e7513c);border-color:#d94d39;box-shadow:inset 0 1px 0 #ffc9a9,0 4px 8px #aa512928;color:white;border-radius:28px;padding:13px 25px;min-height:46px;font:700 15px Georgia}.primary:hover{background:linear-gradient(#f7785f,#d94736);transform:translateY(-1px)}.feature-copy .primary{width:100%;font-size:21px;padding:13px 12px;margin:5px 0 8px}.feature-note{display:block;color:#8d7a5e!important;font-size:9px;line-height:1.6}.hero-rewards{display:flex;justify-content:space-around;gap:10px;border-top:1px dashed #dec895;margin-top:15px;padding-top:13px}.hero-rewards>div{text-align:center}.hero-rewards b{display:block;font:700 25px Georgia;color:#295459}.hero-rewards span{font-size:9px;color:#826748}.hero-supplies{width:174px;position:absolute;right:-54px;bottom:0;z-index:1;pointer-events:none;filter:drop-shadow(0 7px 8px #67512628)}
.reward-road{border-radius:14px;background:#fffaeabf;box-shadow:0 3px 10px #926d2710;padding:13px 19px;margin-bottom:14px}.reward-road strong{color:#99671e}.reward-goal b{color:#235c58}.reward-road button{background:linear-gradient(#397b53,#23583e);border-color:#245438;border-radius:24px}.create-card{display:flex;align-items:center;gap:16px;padding:14px 22px;border-radius:15px;background:#d9e8d099;border:1px solid #bdd3ae;margin:0 0 14px}.create-card:after{display:none}.create-card .create-art{display:block;width:58px;height:58px;margin:0;flex:none}.create-card .nav-art{width:58px;height:58px}.create-card h2{font:700 21px MalkastenHand,cursive;margin:3px 0;color:#2c6747}.create-card .eyebrow{font-size:7px}.create-card p{font-size:11px;margin:3px 0;color:#59805e}.create-card .text-button{margin-left:auto;flex:none;font:700 13px Georgia;color:#285840;padding:11px 19px;border-radius:22px;border:1px solid #a8c390;background:#f9f9e8}.collection-summary{background:none;border:0;border-bottom:1px dashed #c9b98f;border-radius:0;padding:4px 0 15px;margin:0 0 21px;color:#867247}.collection-summary button{color:#21694f}.section-title h2{font:700 31px Georgia;color:#143f4a;letter-spacing:-.025em}.section-title .eyebrow{color:#a28557;font-size:8px}.search{background:#fffbee;border:1px solid #d8c196;border-radius:22px;min-height:43px}.filters{margin:20px 0;gap:9px}.chip{font-size:11px;padding:9px 17px;border-color:#d5c29d;background:#fff9e9;color:#7f765e}.chip.active{background:#238e91;border-color:#197b80;color:white}.chip:hover:not(.active){background:#ffe5bd}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.collectible{padding:10px 10px 15px;background:#fffcf0e8;border:1px solid #dcca9d;border-radius:16px;box-shadow:0 7px 17px #7d64331f}.collectible:hover{box-shadow:0 11px 25px #7d643334}.card-art{border-radius:9px;overflow:hidden}.card-meta h3{font:700 18px/1.3 Georgia;color:#24434a}.card-sub{font-size:10px;color:#897451;line-height:1.5}.collectible .card-number{background:#f8e2a5;border:1px solid #d3ae5d;color:#75571e;font-weight:700;font-size:11px;box-shadow:inset 0 1px 0 #fff7d4}.card-progress{border-radius:8px;background:#fff7dcef;border-color:#e5c786;color:#96713a;font-size:10px}.mystery-seal{font:14px MalkastenHand,cursive;background:#fffae9ed;color:#9a7650;border-color:#ddc6a0;bottom:14px}.favorite{background:#fff9e9ec;color:#b38078}.card-start,.card-puzzle{display:block;width:calc(100% - 10px);margin:12px 5px 0;min-height:43px;border:1px solid #d65c45;border-radius:20px;background:linear-gradient(#fc8969,#e85942);color:white;font:700 13px Georgia;padding:11px 9px;box-shadow:inset 0 1px 0 #ffcab0,0 2px 5px #9846281a}.card-puzzle{background:linear-gradient(#438fb3,#195b80);border-color:#175372;box-shadow:inset 0 1px 0 #8ec6db,0 2px 5px #28577824;color:white}.card-start:hover{background:#e75d44}.card-puzzle:hover{background:#246b91}.collectible[data-frame] .card-number{background:linear-gradient(110deg,var(--metal-light),var(--frame-paper));color:var(--metal-dark);border-color:var(--metal-mid)}footer{padding:28px 0;font:17px MalkastenHand,cursive;color:#7c865d}footer button,footer a{font:11px system-ui;color:#68807b}
.player{background:var(--paper)}.player .canvas-wrap{background:#eadfc9}.player .peek{color:#1d6b6d;background:#fff9e8f5;border-color:#c6d8cd}.player .swatch.active{outline-color:#238d93}.player .tools .active{background:#cce5df}.player .color-purchase button{background:#ffebb0;color:#866323}.player .finish-note{background:#fff4cf;border-color:#dab974}.toast{background:#247b7c;border-color:#15575b;color:#fff}.workshop-dialog,.rankings-dialog,.puzzle-dialog,dialog{background:#fffbf0;border-color:#d7c5a0;border-radius:23px}dialog h2{color:#285960}.rank-tabs button[aria-pressed=true]{background:#217f83}.puzzle-board{border-color:#87a8a0}.puzzle-piece.selected{border-color:#23878d;outline-color:#23878d}
@media(max-width:1200px){#gallery.shell{padding:0 28px}.site-header{grid-template-columns:270px minmax(320px,1fr) 155px;gap:12px}.site-header .brand{font-size:34px}.site-header .brand b{font-size:40px}.site-header .brand img{width:86px;height:86px}.main-navigation .nav{min-width:74px;padding-left:8px;padding-right:8px;font-size:14px}.artist-account{padding:10px 12px;font-size:16px}.welcome-scene{gap:15px;padding-right:45px;grid-template-columns:.75fr 1.4fr;min-height:360px}.hero-supplies{width:144px;right:-30px}.intro h1{font-size:65px}.intro p{font-size:14px}.featured{padding:12px;min-height:335px}.feature-copy h2{font-size:21px}.feature-copy .primary{font-size:18px}.cards{gap:20px}.card-meta h3{font-size:16px}}
@media(max-width:900px){.site-header{grid-template-columns:240px 1fr;min-height:110px}.site-header .top-actions{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-end;position:absolute;right:8px;top:116px}.site-header .brand{font-size:32px}.site-header .brand b{font-size:39px}.site-header .brand img{width:74px;height:74px}.brand small{font-size:8px}.site-toolbar{min-height:75px;align-items:flex-end}.little-tools{display:none}.studio-links{gap:7px}.nav.nav-secondary{padding:6px 9px;font-size:10px}.welcome-scene{margin-top:6px;padding-right:0;grid-template-columns:.8fr 1.25fr}.hero-supplies{display:none}.featured{grid-template-columns:1fr;gap:0;padding:12px;max-width:390px;margin-left:auto}.featured-art{padding:0 30px 22px}.feature-copy{padding:0 9px}.feature-copy h2{font-size:18px;margin:5px 0}.feature-copy p{display:none}.hero-progress-track{margin-bottom:8px;height:9px}.hero-rewards{padding-top:8px;margin-top:9px}.feature-copy .primary{font-size:18px;padding:10px}.intro h1{font-size:64px}.cards{gap:17px}.card-meta h3{font-size:15px}.card-start,.card-puzzle{font-size:11px}.create-card p{font-size:10px}}
@media(max-width:760px){body{background-size:auto 950px;background-position:center top}#gallery.shell{padding:0 17px}.site-header{display:flex;flex-wrap:wrap;gap:8px;margin:0 -17px;padding:15px 13px 5px;border-radius:0 0 20px 20px;min-height:0;justify-content:space-between}.site-header .brand{gap:6px;font-size:30px;flex:1}.site-header .brand b{font-size:37px}.site-header .brand img{width:72px;height:72px}.brand small{font-size:8px;margin-top:8px;white-space:normal}.site-header .top-actions{position:static;flex-direction:column;align-items:stretch;gap:6px;flex:0 0 auto;width:98px}.artist-account{font-size:14px;padding:7px 9px;min-height:32px;border-radius:16px}.artist-account:after{display:block;font-size:7px}.account-button{font-size:9px;padding:6px 7px;min-height:29px;max-width:98px}.main-navigation{order:3;flex-basis:100%;justify-content:space-between;gap:4px;padding:6px 1px 0}.main-navigation .nav{width:25%;min-width:0;min-height:77px;font-size:13px;padding:0 4px 7px;gap:0}.main-navigation .nav>.nav-art{width:46px;height:46px}.main-navigation .nav.active:before{inset:35px 0 2px}.main-navigation .nav small{font-size:9px;min-width:16px;top:1px;right:8px;padding:1px}.site-toolbar{min-height:0;padding:11px 0 4px;display:block}.studio-links{gap:6px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.nav.nav-secondary{white-space:nowrap;flex-shrink:0;padding:6px 9px;font-size:9px;min-height:30px}.little-tools{display:flex;justify-content:flex-end;gap:10px;margin-top:7px}.little-tools .plain{font-size:9px}.little-tools .avatar{display:none}.welcome-scene{display:block;margin:12px 0 23px;padding:0;min-height:0}.welcome-scene .intro{margin:0 0 22px;position:relative}.hello-note{font-size:17px;margin-bottom:6px}.intro h1{font-size:61px;line-height:.84}.intro p{font-size:12px;line-height:1.6;max-width:225px;margin-top:14px}.paint-note{font-size:17px;padding:8px 16px;margin-top:14px}.hero-supplies{display:block;width:115px;top:86px;right:-12px;bottom:auto;z-index:0}.featured{display:grid;grid-template-columns:1.02fr 1fr;max-width:none;padding:10px;min-height:240px;transform:rotate(-.8deg);border-radius:6px 15px 7px 20px}.featured-art{padding:0 6px 23px}.featured-art canvas{border-width:4px;border-bottom-width:9px}.art-sticker{font-size:11px;left:5px;right:3px;bottom:5px;padding:3px}.feature-copy{padding:7px 5px}.feature-copy h2{font-size:17px;line-height:1.2;margin:8px 0 12px}.feature-copy .eyebrow{font-size:6px;line-height:1.5;display:block}.feature-copy p{display:block;font-size:9px;line-height:1.55;min-height:0;margin:8px 0}.feature-copy .primary{font-size:14px;padding:10px 6px;min-height:39px}.feature-note{font-size:7px!important}.hero-rewards{gap:7px;padding-top:9px}.hero-rewards b{font-size:20px}.hero-rewards span{font-size:7px}.reward-road{gap:11px;padding:13px 15px;border-radius:13px}.reward-road strong{font-size:20px}.reward-road small{font-size:9px}.reward-road .reward-goal{font-size:10px;line-height:1.6}.reward-goal b{font-size:11px}.reward-road button{min-height:39px;font-size:11px}.create-card{padding:12px 14px;gap:9px;flex-wrap:wrap}.create-card .create-art,.create-card .nav-art{width:43px;height:43px}.create-card>div:nth-child(2){flex:1;min-width:180px}.create-card h2{font-size:22px}.create-card p{font-size:10px}.create-card .text-button{width:100%;margin:4px 0 0;padding:10px;font-size:11px}.collection-summary{gap:8px;margin-bottom:20px;padding-bottom:12px;font-size:10px}.collection-summary button{font-size:10px}.section-title h2{font-size:27px;max-width:none}.section-title .eyebrow{font-size:7px}.search{margin-top:14px;width:100%;min-height:43px;padding:10px 13px}.filters{margin:16px -17px;padding:0 17px 8px;gap:8px}.chip{font-size:10px;padding:8px 13px}.cards{grid-template-columns:1fr;gap:21px;padding:0 9px}.collectible{padding:9px 9px 14px;border-radius:15px}.card-meta{margin-top:13px;min-height:0}.card-meta h3{font-size:17px}.card-sub{font-size:10px;margin-top:6px}.collectible .card-number{font-size:11px;padding:4px 7px}.card-start,.card-puzzle{font-size:13px;min-height:44px;margin-top:13px}.card-progress{font-size:10px;padding:5px 8px}.mystery-seal{font-size:13px;padding:5px 10px}.favorite{width:31px;height:31px;right:17px;top:17px}.player .peek{font-size:10px}.player .primary{font-size:12px}footer{font-size:16px;text-align:center;gap:10px;flex-wrap:wrap;justify-content:center}.rank-tabs button{font-size:10px}.puzzle-dialog .primary{font-size:12px}}
@media(min-width:520px) and (max-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:15px}.card-meta h3{font-size:14px}.card-start,.card-puzzle{font-size:11px}.welcome-scene .intro h1{font-size:74px}.hero-supplies{width:160px;right:15px;top:50px}.featured{min-height:290px}.featured-art{padding:6px 25px 25px}.feature-copy h2{font-size:22px}.feature-copy p{font-size:12px}.feature-copy .primary{font-size:18px}.feature-copy .eyebrow{font-size:8px}}
body.dark{--paper:#283a37;--ink:#f2e8cc;--line:#4c6659;background-color:#213c37;background-blend-mode:soft-light}body.dark .site-header{background:#253d39eb}body.dark .brand,body.dark .brand small,body.dark .main-navigation .nav,body.dark .intro h1,body.dark .section-title h2{color:#f2e8cc}body.dark .intro h1 em{color:#ff907b}body.dark .intro h1 em span{color:#78d0cb}body.dark .intro p{color:#d4dfcb}body.dark .featured,body.dark .collectible,body.dark .reward-road{background:#304d42;color:#eee1c0}body.dark .feature-copy h2,body.dark .card-meta h3,body.dark .reward-goal b,body.dark .hero-rewards b{color:#f3e7bd}body.dark .feature-copy p,body.dark .feature-note,body.dark .card-sub{color:#c8c7a6!important}body.dark .nav.nav-secondary,body.dark .create-card{background:#385b4a;color:#e2e8ce}body.dark .create-card h2,body.dark .create-card p{color:#d7e7c3}body.dark .player .canvas-wrap{background:#32483f}body.dark dialog{background:#2b423b;color:#e4e6cf}body.dark dialog h2{color:#e7e4c4}

.nav.nav-secondary{width:auto;flex:none}#gallery[data-view="discover"] .reward-road>div:not(.reward-goal){display:none}.collection>.create-card{margin-top:30px}.collection>.collection-summary{margin-top:22px}

@media(max-width:360px){.site-header .brand{font-size:26px}.site-header .brand b{font-size:32px}.site-header .brand img{width:60px;height:60px}.site-header .top-actions{width:85px}.account-button{max-width:85px}.intro h1{font-size:55px}.hero-supplies{width:105px;right:-9px}.main-navigation .nav{font-size:12px}}
/* One fixed decorative sheet follows the viewport, without tiled joins. */
body{background-image:none;isolation:isolate}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:#fff7e8 url('design/paint-paper.png') center top/cover no-repeat}
body.dark::before{background-color:#213c37;background-blend-mode:soft-light}
/* Prominent workshop navigation and a calm collection label. */
.main-navigation .nav.active{box-shadow:none;border:0}
.main-navigation .nav-label{display:flex;flex-direction:column;align-items:center;line-height:1.1;gap:4px}
.main-navigation .nav small{position:static;min-width:0;padding:0;border:0;border-radius:0;background:none;font:11px system-ui;color:#53775f}
.main-navigation .nav{min-height:112px}
.site-toolbar{align-items:start;gap:18px}.studio-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:12px;overflow:visible}.nav.nav-secondary{--accent:#b66980;display:flex;align-items:center;gap:12px;width:100%;min-height:78px;text-align:left;white-space:normal;border:1px solid color-mix(in srgb,var(--accent) 45%,white);border-bottom:3px solid var(--accent);border-radius:16px 12px 18px 12px;padding:12px;background:linear-gradient(140deg,#fffef6,color-mix(in srgb,var(--accent) 14%,#fffef6));color:var(--accent);box-shadow:0 4px 10px #63503512;transition:transform .2s,box-shadow .2s}.nav-secondary b{display:block;font:700 15px/1.3 Georgia;color:#254e51}.nav-secondary small{display:block;margin-top:5px;font:10px/1.4 system-ui;color:#637271}.studio-icon{font:32px/1 Georgia;min-width:38px;text-align:center}.nav.nav-secondary:hover{transform:translateY(-3px);background:#fff9e8;box-shadow:0 7px 15px #63503525}.duel-menu{--accent:#7c66a8!important}.ai-menu{--accent:#178f91!important}.create-menu{--accent:#c19136!important}.little-tools{flex:none;align-self:center}.nav.nav-secondary.active{background:#e0f0e5}
@media(max-width:1100px){.site-toolbar{display:block;padding-top:14px}.little-tools{margin-top:10px;justify-content:flex-end}.site-header .top-actions{position:static;grid-column:1/-1}.studio-links{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-secondary small{font-size:9px}.nav-secondary b{font-size:13px}.nav.nav-secondary{gap:7px;padding:10px}.studio-icon{min-width:29px;font-size:27px}}
@media(max-width:760px){.main-navigation .nav{min-height:92px;justify-content:start}.main-navigation .nav small{font-size:9px}.studio-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nav.nav-secondary{min-height:76px;font-size:13px;padding:11px 9px}.nav-secondary b{font-size:13px}.nav-secondary small{font-size:9px}.studio-icon{font-size:29px;min-width:30px}}
.site-header .brand small{font:600 13px/1.5 system-ui;color:#24535a;letter-spacing:.02em;white-space:normal;margin-top:12px}.site-header .brand b{font-size:44px}.site-header .brand{font-size:37px}
@media(max-width:760px){.site-header .brand small{font-size:11px;line-height:1.45;margin-top:8px}.site-header .brand{font-size:28px}.site-header .brand b{font-size:35px}.site-header .brand img{width:70px;height:70px}}
.account-button{font-size:14px;font-weight:650;min-height:45px;padding:11px 19px;background:#f0f8ef;border:1px solid #97b9a0;box-shadow:0 3px 7px #385e4520}.site-header .top-actions{min-width:145px}.site-header{grid-template-columns:300px 1fr 170px}.artist-account:after{font-size:11px}
dialog{width:760px;max-width:calc(100vw - 26px);padding:35px 38px;max-height:92dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:#b6bdac transparent;box-shadow:0 24px 90px #233b3c44;background:radial-gradient(ellipse at top left,#fff4d8,transparent 60%),#fffbf2}dialog::backdrop{background:#1736388c;backdrop-filter:blur(5px)}dialog::-webkit-scrollbar{width:5px}dialog::-webkit-scrollbar-thumb{background:#b6bdac;border-radius:5px}dialog .close-dialog{position:sticky;top:0;float:right;margin:-16px -17px 3px 10px;z-index:10;background:#fffdf4;border:1px solid #d3c7af;box-shadow:0 3px 8px #5c493522}dialog h2{font:700 35px/1.2 MalkastenHand,Georgia;margin-top:8px}dialog p{line-height:1.65}#account-dialog{width:680px}#account-dialog form{max-width:510px;margin:24px auto}#account-dialog input{font-size:16px;min-height:49px;background:#fffef8}#account-dialog .auth-actions{gap:15px}.workshop-dialog{width:780px}#info-dialog{width:790px}.duel-dialog{width:1180px}.puzzle-dialog{width:940px}.rankings-dialog{width:850px}
@media(max-width:900px){.site-header{grid-template-columns:270px 1fr}.site-header .top-actions{flex-direction:row;grid-column:1/-1;justify-content:flex-end}}
@media(max-width:760px){dialog{max-width:calc(100vw - 14px);padding:25px 18px;max-height:94dvh;border-radius:18px}dialog h2{font-size:31px}dialog .close-dialog{margin:-12px -7px 0 10px}.site-header .top-actions{min-width:112px;width:112px;flex-direction:column}.account-button{min-height:39px;font-size:12px;max-width:none;padding:9px 8px}.artist-account:after{font-size:9px}.site-header .brand{min-width:0}.site-header .brand small{font-size:10px}.site-header .brand b{font-size:31px}.site-header .brand img{width:62px;height:62px}}
.daily-motifs-note{padding:11px 15px;border:1px solid #b6cdb7;border-radius:12px;background:#edf5de;font:12px/1.5 system-ui;color:#54744b;margin-bottom:22px}
/* Override the former icon-only span widths in the original navigation. */
.nav.nav-secondary{flex-direction:row;justify-content:flex-start}.nav.nav-secondary>.studio-icon{width:38px;font:32px/1 Georgia;color:var(--accent)}.nav.nav-secondary>span:not(.studio-icon){width:auto;flex:1;min-width:0;text-align:left;font:inherit;color:inherit}.main-navigation .nav>.nav-label{width:auto;font:inherit;color:inherit}.main-navigation .nav small{display:block;margin-left:0}
@media(max-width:760px){.nav.nav-secondary>.studio-icon{width:30px;font-size:29px}}
.nav-secondary small{background:none;border:0;border-radius:0;padding:0}.site-header .brand small{font-size:13px}
@media(max-width:760px){.site-header .brand small{font-size:11px}.main-navigation .nav small{font-size:10px}.account-button{font-size:13px}}
.site-header .brand img{width:148px;height:148px}
@media(min-width:1101px){.site-header{grid-template-columns:350px minmax(320px,1fr) 170px}}
@media(min-width:761px) and (max-width:1100px){.site-header .brand img{width:128px;height:128px}.site-header{grid-template-columns:335px 1fr}}
@media(max-width:760px){.site-header .brand{flex:1 1 100%;gap:12px}.site-header .brand img{width:108px;height:108px}.site-header .top-actions{flex-direction:row;min-width:0;width:auto;margin-left:auto}.site-header .brand small{font-size:12px}}
@media(max-width:360px){.site-header .brand img{width:100px;height:100px}}
@media(max-width:360px){.site-header .brand img{width:50px;height:50px}.site-header .brand{font-size:25px}.site-header .brand b{font-size:28px}}
.dream-story-world.light{color:#315e58}.dream-card-editor{color:#425b55}.dream-empty,.dream-victory{color:#56704b}#account-dialog input{color:#31504c}

/* Freestanding portrait and lettering, with true alpha and no surrounding badge. */
.site-header .brand.brand-dreamworlds{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;width:100%;border:0;background:none}
.site-header .brand.brand-dreamworlds img{display:block;width:100%;max-width:360px;height:auto;object-fit:contain;filter:none;border:0;border-radius:0;background:none}
.site-header .brand.brand-dreamworlds>small{display:block;margin:0;color:#24535a;font:600 12px/1.4 system-ui;text-align:center;white-space:normal}
@media(max-width:760px){.site-header .brand.brand-dreamworlds{flex:1 1 100%}.site-header .brand.brand-dreamworlds img{max-width:330px}.site-header .brand.brand-dreamworlds>small{font-size:11px}}

/* Readable closing cards sit on opaque paper above the painted background. */
#gallery .collection>.create-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:22px;align-items:center;padding:26px 28px;background:linear-gradient(115deg,#edf5e8,#fffdf5);border:1px solid #bfceb5;border-radius:22px;box-shadow:0 5px 16px #4a503411}
#gallery .create-card .create-art,#gallery .create-card .nav-art{width:76px;height:76px}
#gallery .create-card .eyebrow{font:700 12px/1.5 system-ui;letter-spacing:.08em;color:#536b47}
#gallery .create-card h2{font:700 27px/1.25 Georgia,serif;color:#254e41;margin:7px 0}
#gallery .create-card p{font:400 16px/1.6 system-ui;color:#3d5545;max-width:560px}
#gallery .create-card .text-button{margin:0;min-height:48px;padding:12px 22px;border:1px solid #245b4d;border-radius:14px;background:#245b4d;color:#fffdf3;font:700 16px/1.4 system-ui;text-align:center}
#gallery .collection>.collection-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin:18px 0 26px;padding:20px 24px;border:1px solid #ded1b9;border-radius:18px;background:#fffdf6;color:#405547;font:500 16px/1.55 system-ui;box-shadow:0 4px 12px #6752380a}
#gallery .collection-summary button{min-height:48px;padding:11px 20px;border:1px solid #cdbbdf;border-radius:14px;background:#f3ecfa;color:#61427c;font:700 16px/1.4 system-ui}
#gallery footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 28px;padding:22px 24px;border:1px solid #dfd4c3;border-radius:18px;background:#fffaf2;color:#455c4d;font:500 18px/1.5 Georgia,serif}
#gallery footer>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#gallery footer a,#gallery footer .plain{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #d7d9c9;border-radius:11px;background:#fffef9;color:#31584a;font:600 14px/1.4 system-ui}
@media(max-width:760px){#gallery .collection>.create-card{grid-template-columns:54px minmax(0,1fr);gap:15px;padding:22px 18px}#gallery .create-card .create-art,#gallery .create-card .nav-art{width:54px;height:54px}#gallery .create-card>div:nth-child(2){min-width:0}#gallery .create-card h2{font-size:24px}#gallery .create-card .eyebrow{font-size:10px}#gallery .create-card p{font-size:15px}#gallery .create-card .text-button{grid-column:1/-1;width:100%;font-size:16px}#gallery .collection>.collection-summary{padding:20px 18px;font-size:16px}#gallery .collection-summary button{width:100%;font-size:15px}#gallery footer{flex-direction:column;align-items:stretch;padding:21px 18px;text-align:left;font-size:18px}#gallery footer>div{justify-content:flex-start}}
body.dark #gallery .collection>.create-card,body.dark #gallery .collection>.collection-summary,body.dark #gallery footer{background:#2d4840;border-color:#6b8270;color:#fff1d8}body.dark #gallery .create-card h2,body.dark #gallery .create-card p,body.dark #gallery .create-card .eyebrow{color:#fff1d8}

/* Keep viewport and dialog widths steady when content starts or stops scrolling. */
html{overflow-y:scroll;scrollbar-gutter:stable}
dialog:not(.game-dialog){scrollbar-gutter:stable}