:root{--ink:#4b4941;--muted:#857c75;--green:#866176;--mint:#f0e1e5;--paper:#fffbf5;--line:#eadfd3;--orange:#e8ac75}body{background-color:var(--paper);background-image:radial-gradient(ellipse at 10% 0%,#fae5df66,transparent 50%),radial-gradient(ellipse at 92% 90%,#ede5ee77,transparent 48%)}.shell{max-width:1660px;grid-template-columns:252px 1fr}.sidebar{background:#fff9efcc;border-right:1px solid #e8dbca;padding:28px 22px}.brand{font-size:24px;color:#684e5c}.brand img{width:72px;height:72px;filter:drop-shadow(0 3px 4px #926d5720)}.side-caption{font-size:8px;letter-spacing:.12em;margin:19px 0 26px}.nav{font-size:13px;padding:13px 12px;gap:12px;border-radius:14px}.nav>span{width:22px;text-align:center;color:#b77c93}.nav.active{background:#efdee3;color:#725365;box-shadow:inset 0 0 0 1px #dfc2ce66}.nav:hover{background:#f6e9e4}.sidebar-bottom:before{content:'✿   ♡   ✧';display:block;color:#bc8197;font:25px Georgia;margin-bottom:10px}.little-palette{display:none}.sidebar-bottom p{font:italic 16px/1.5 Georgia;color:#987d7e}.topbar{height:86px;border-bottom:1px dashed #dfcfc0}.topbar>.eyebrow{font-size:9px;letter-spacing:.12em}.top-actions{gap:14px}.account-button{border:1px solid #e7d1d9;border-radius:30px;background:#fff7f6;padding:7px 13px;font-size:11px;color:#92697e}.account-button:hover{background:#f3e3e9}.avatar{width:44px;height:44px;border-color:#d9c7b2}.intro{margin:29px 0 30px;position:relative}.hello-note{display:block;font:italic 16px Georgia;color:#b58294;margin-bottom:12px}.intro h1{font-size:42px;line-height:1.16;letter-spacing:-.045em;color:#65535d}.intro h1 em{color:#a3778b;font-size:40px}.intro p{margin-top:14px;font-size:13px;line-height:1.8}.quiet-badge{font:italic 13px Georgia;white-space:normal;max-width:155px;text-align:center;line-height:1.8}.quiet-badge:before{content:'✿';display:block;font-size:41px;color:#cfabaf;line-height:1.3}.quiet-badge i{display:none}.feature-row{grid-template-columns:1.85fr 1fr;gap:22px}.featured{background:#f1e2e1;border:1px solid #e2cbce;border-radius:25px;min-height:324px;box-shadow:0 8px 24px #a3817710}.feature-copy{width:48%;padding:33px 20px 28px 28px}.feature-copy h2{font-size:30px;color:#674e5b}.feature-copy p{color:#9a7b85;font-size:12px}.feature-copy .eyebrow{color:#9f7485;font-size:8px}.feature-note{color:#9a7b85!important;font-size:9px;line-height:1.8}.primary{background:#946b83;border:1px solid #876075;border-radius:12px;padding:12px 19px;box-shadow:0 3px 7px #89677512;color:white}.primary:hover{background:#7e586e}.featured-art{width:52%;padding:24px 24px 42px 0}.featured-art canvas{width:100%;max-width:300px;transform:rotate(3deg);image-rendering:auto;border:8px solid #fff9f2;border-bottom-width:26px;border-radius:10px;box-shadow:0 9px 20px #82606724}.orbit{display:none}.art-sticker{bottom:24px;right:29px;background:#fff8e9;box-shadow:0 2px 4px #85684b0e;transform:rotate(-5deg);color:#9d7b72;font-size:11px}.create-card{border-radius:25px;background:#edf0e3;border:1px solid #d9dfc8;padding:25px;position:relative;overflow:hidden}.create-card:after{content:'✧';position:absolute;right:19px;top:17px;font-size:31px;color:#b0b997;transform:rotate(14deg)}.create-card .eyebrow{color:#9da17f}.create-card h2{font-size:28px;color:#67735d}.create-card p{color:#8c917d}.create-card .text-button{color:#6e7d60}.photo-square{background:#edd9e1;color:#b2829f;box-shadow:0 5px 9px #8d816624}.pixel-square{background:#d8d6ed;color:#9980af;font-size:38px}.create-art .pixel-square:after{content:'✧';position:absolute}.create-art{margin-bottom:13px}.collection-summary{display:flex;align-items:center;justify-content:space-between;background:#fff2e1;border:1px dashed #e0c7a7;border-radius:14px;padding:12px 17px;margin-bottom:28px;font-size:12px;color:#9a7c5e;gap:15px}.collection-summary button{font-size:12px;font-weight:600;color:#9b7550}.collection-summary b{margin-left:10px}.section-title .eyebrow{font-size:8px;color:#ac8a83}.section-title h2{font:27px/1.3 Georgia;letter-spacing:-.04em;color:#6a575d}.search{border-radius:30px;border-color:#e8d9cf;background:#fffdf9;width:230px;padding:9px 13px}.filters{gap:9px;margin:22px 0}.chip{padding:9px 17px;font-size:11px;border-color:#e3d1ca;background:#fffdf9}.chip.active{background:#a27990;border-color:#a27990}.chip:hover:not(.active){background:#f2e1e7}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.collectible{padding:10px 10px 16px;border:1px solid #e2d3c1;border-radius:19px;background:#fffdf8;box-shadow:0 5px 16px #ad998515;transition:transform .2s,box-shadow .2s}.collectible:hover{transform:translateY(-3px);box-shadow:0 10px 22px #ad998529}.card-art{padding:0;border-radius:11px;aspect-ratio:1;image-rendering:auto}.card-art canvas{image-rendering:auto;display:block}.card-art:hover canvas{transform:scale(1.035)}.favorite{background:#fffaf1e8;right:19px;top:18px;width:32px;height:32px;color:#b58696;box-shadow:0 2px 5px #6e4a4021}.card-meta{margin:13px 5px 0;min-height:21px}.card-meta h3{font:17px/1.3 Georgia;color:#6b565c}.card-dot{display:none}.card-sub{margin:6px 5px 0;font-size:9px;color:#a58d7e}.card-number{position:absolute;right:16px;bottom:14px;font:11px Georgia;color:#b49372}.collected{border-color:#b9a269;background:#fff9e5}.collected .card-number{color:#a67a38}.card-progress{background:#fff9e8e8;color:#9c784a;border:1px solid #ecddba;bottom:9px;left:9px}.player{background:var(--paper)}.player-header{height:92px}.canvas-wrap{background-color:#efe4dc;background-image:radial-gradient(#b99e8420 1px,transparent 1px);background-size:16px 16px}.studio-panel{padding:24px 22px}.palette{padding:8px 6px 16px;overflow-x:hidden;max-height:37dvh}.swatch{border-radius:15px;width:43px;height:43px}.swatch.active{outline-color:#af7898}.panel-title h2{color:#826277}.tool.active{background:#ecdae4}.tools{border-radius:12px}.action-tools button{border-radius:10px}.challenge{padding:10px;border-radius:10px;background:#fff0d9;border:1px solid #ecd7ac;color:#9b7844}.challenge input{accent-color:#a38843}#painting-time{margin-top:2px;color:#a17961}.finish-note{border:1px solid #e4cda1;border-radius:15px;background:#fff6dd;margin-top:15px;padding:18px 10px}.finish-note h3{font-size:23px;color:#9e763f}#card-value{font-weight:600;color:#b18545}.finish-note .primary{font-size:11px}.studio-tip{color:#a98e87!important}dialog{background:#fffaf3;border-radius:24px;border-color:#e5cfd4}dialog h2{color:#806276;font-size:33px}dialog h2 em{color:#b287a0}dialog input,dialog select,dialog textarea{display:block;width:100%;padding:11px;border:1px solid #e6d5ce;border-radius:10px;background:#fffefa;color:#6f595e;margin-top:6px;font:13px/1.5 system-ui}dialog textarea{resize:vertical}.prompt-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.prompt-chips button{font-size:10px;border:1px solid #e4d2cf;border-radius:20px;padding:5px 9px;background:#fff3eb}.fine-print{font-size:10px!important;line-height:1.7!important;color:#aa9388!important}.upload{background:#f3e8e6;border-color:#c39aa7;border-radius:17px;color:#957182}.workshop-dialog{width:490px}#ai-image{display:block;width:100%;border-radius:14px;margin-top:18px}#ai-status,#account-status{font-size:12px;color:#b07665;line-height:1.8;margin-top:12px}.auth-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px}.auth-actions .text-button{color:#a57b8f}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #dac1cf;border-top-color:#8c627a;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:#8d637c;border:1px solid #784f68;border-radius:15px}.duel-dialog{width:1050px;max-width:calc(100vw - 24px)}
@media(max-width:1100px){.shell{grid-template-columns:214px 1fr}.sidebar{padding:24px 14px}.brand{font-size:21px}.brand img{width:59px;height:59px}main{padding:0 25px}.intro h1,.intro h1 em{font-size:34px}.topbar>.eyebrow{font-size:8px}.top-actions .plain{display:none}.feature-copy h2{font-size:26px}.featured{min-height:302px}.featured-art{padding:22px 17px 35px 0}.create-card{padding:20px}.create-card h2{font-size:24px}.card-meta h3{font-size:14px}.card-sub{font-size:8px}.card-number{bottom:15px;font-size:10px}.collectible{padding-bottom:30px}.cards{gap:18px 15px}.collection-summary{font-size:10px}.collection-summary button{font-size:10px}}
@media(max-width:760px){body{background-image:radial-gradient(ellipse at 20% 0,#f4ded9,transparent 55%)}.shell{display:block}.sidebar{padding:14px 16px 0;background:#fff7ee;border-right:0;border-bottom:1px solid #e5d0c5}.brand{font-size:24px}.brand img{width:64px;height:64px}.sidebar nav{overflow-x:auto;justify-content:flex-start;margin:11px -16px 0;padding:0 8px;scrollbar-width:none;gap:0}.nav{flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:10px 11px;border-radius:12px 12px 0 0;font-size:9px}.nav>span{font-size:22px}.side-caption{display:none}main{padding:0 17px}.topbar{height:53px}.topbar>.eyebrow{display:none}.top-actions{width:100%;justify-content:space-between;gap:10px}.top-actions .plain{display:block;font-size:9px}.account-button{font-size:10px;padding:6px 10px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{display:none}.intro{margin:19px 0 23px}.hello-note{font-size:14px;margin-bottom:11px}.intro h1,.intro h1 em{font-size:32px;line-height:1.2}.intro p{font-size:11px;max-width:none;line-height:1.8}.intro p br{display:none}.feature-row{grid-template-columns:1fr;gap:16px;margin-bottom:25px}.featured{border-radius:21px;min-height:252px}.feature-copy{width:48%;padding:24px 9px 21px 20px}.feature-copy h2{font-size:25px;line-height:1.2;margin:12px 0}.feature-copy p{font-size:10px}.feature-copy .eyebrow{font-size:7px}.feature-copy .primary{padding:9px 15px;gap:17px;font-size:12px;margin-top:17px}.featured-art{width:52%;padding:15px 14px 32px 4px}.featured-art canvas{width:100%;border-width:5px;border-bottom-width:18px;transform:rotate(3deg)}.art-sticker{font-size:8px;bottom:28px;right:15px;padding:5px 7px}.feature-note{font-size:8px!important}.create-card{border-radius:20px;padding:20px;grid-template-columns:78px 1fr;column-gap:16px}.create-card h2{font-size:23px}.create-card .eyebrow{font-size:7px}.create-card:after{right:12px;top:9px;font-size:25px}.create-card p{font-size:10px;padding-right:6px}.create-card .text-button{font-size:11px}.collection-summary{display:flex;padding:12px 13px;align-items:flex-start;flex-direction:column;gap:6px;border-radius:14px;margin-bottom:23px;font-size:11px}.collection-summary button{font-size:11px}.section-title h2{font-size:26px;line-height:1.25;max-width:300px}.section-title .eyebrow{font-size:7px}.search{width:100%;margin-top:16px;padding:10px 14px}.filters{margin:17px -17px;padding:0 17px 7px}.chip{font-size:10px;padding:8px 13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.collectible{border-radius:15px;padding:6px 6px 28px}.card-art{border-radius:10px}.card-meta{margin:10px 3px 0;min-height:36px;align-items:flex-start}.card-meta h3{font-size:14px;line-height:1.3}.card-sub{font-size:8px;margin:6px 3px 0;line-height:1.5}.card-number{right:10px;bottom:8px;font-size:10px}.favorite{right:12px;top:12px;width:25px;height:25px;font-size:18px}.card-progress{font-size:8px;left:6px;bottom:6px;padding:3px 7px}.player-header{height:77px}.player-heading h1{font-size:17px;max-width:190px}.player-progress span{font-size:7px;max-width:78px}.canvas-wrap{height:52dvh;max-height:510px}.studio-panel{padding:16px}.palette{display:flex;max-height:none;overflow-x:auto;padding:9px 7px 15px}.swatch{border-radius:13px;width:40px;height:40px}.studio-panel>p{font-size:10px;line-height:1.7}.challenge{margin-right:5px;padding:8px;font-size:10px}.finish-note{margin-top:12px}.finish-note h3{font-size:22px}.tools{margin-top:10px}.top-actions .account-button{order:1}.top-actions .plain{order:2}.workshop-dialog{padding:28px 24px}.fine-print{font-size:9px!important}}
body.dark{--ink:#eee1df;--muted:#c2adaa;--green:#b28b9f;--mint:#493b43;--paper:#302b2a;--line:#56464a;background-image:none}body.dark .sidebar{background:#342c2d}body.dark .brand,body.dark .intro h1,body.dark .section-title h2{color:#e1bccd}body.dark .collectible{background:#3d3330;border-color:#76604e}body.dark .card-meta h3{color:#e4c8cf}body.dark .canvas-wrap{background-color:#433833}body.dark dialog{background:#382c31;color:#ead6df}body.dark .collection-summary{background:#45352a;border-color:#8c7356}body.dark .chip{background:#403437}body.dark .account-button{background:#45343e}body.dark .studio-panel .panel-title h2{color:#dbb8d0}

.featured-art img{width:100%;height:auto;max-width:300px;transform:rotate(3deg);border:8px solid #fff9f2;border-bottom-width:26px;border-radius:10px;box-shadow:0 9px 20px #82606724}.card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.card-art:hover img{transform:scale(1.035)}@media(max-width:760px){.featured-art img{border-width:5px;border-bottom-width:18px}}

.mystery-seal{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);white-space:nowrap;padding:7px 12px;background:#fff9f1ef;border:1px solid #ead7c9;border-radius:20px;font:italic 12px Georgia;color:#a5818e;box-shadow:0 2px 8px #9d7e6610}.card-progress+.mystery-seal,.card-art:has(.card-progress) .mystery-seal{bottom:42px}#ai-image{height:auto;width:100%;border:1px solid #eadbd0;background:#fffdf9}.duel-illustration{position:relative}.duel-illustration.sealed{background:radial-gradient(ellipse at center,#f3e5e9,#efe5d3);border:1px solid #dac5bd;border-radius:7px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.duel-illustration.sealed img{width:58%;opacity:.55;filter:sepia(.3)}.duel-illustration.sealed span{position:absolute;bottom:6px;left:0;right:0;text-align:center;font:italic 8px Georgia;color:#a4818e}@media(max-width:760px){.mystery-seal{font-size:9px;padding:5px 8px;bottom:10px}.card-art:has(.card-progress) .mystery-seal{bottom:30px}}