@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/99c6cdb74b1a9f21-s.3-72worm-ib39.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/9b2952c75e1b82c6-s.3_mjd9z78cbbb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/01d67e7cc17e7674-s.p.0wyelkczeev99.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans Fallback;src:local(Arial);ascent-override:81.7%;descent-override:24.87%;line-gap-override:0.0%;size-adjust:112.61%}._7O-yKW_className{font-family:Pixelify Sans,Pixelify Sans Fallback;font-style:normal}._7O-yKW_variable{--font-pixel:"Pixelify Sans", "Pixelify Sans Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.fBtycW_className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.fBtycW_variable{--font-text:"Space Grotesk", "Space Grotesk Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:#ff7a80;--color-success:#4fd18a;--container:1120px;--gutter:16px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#14161b;--color-paper-2:#1b1e25;--color-paper-3:#262a33;--color-ink:#f4f1e6;--color-ink-2:#dcd9cd;--color-muted:#9fa4ad;--color-rule:#2f343e;--color-accent:#f7d21a;--color-accent-deep:#a88700;--color-accent-ink:#12161c;--color-accent-2:#6ab0ff;--color-accent-3:#ff5e63;--color-mint:#70e093;--color-mint-deep:#3fcf7e;--color-focus:#6ab0ff;--color-card:#1d2028;--color-edge:#0a0b0e;--color-fringe:#1d2028;--color-kraft:#ae7d52;--color-sand:#d9ac69;--color-sugar:#c6dfef;--color-hill-1:#ebf0da;--color-hill-2:#d6eacc;--color-leaf:#36a558;--font-display:var(--font-pixel), ui-rounded, ui-sans-serif, sans-serif;--font-body:var(--font-text), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-card:14px;--radius-stock:10px;--radius-input:10px;--radius-pill:999px;--rule-hair:1px;--shadow-card:0 1px 2px #12161c0f, 0 12px 28px -14px #12161c38;--shadow-paper:drop-shadow(0 0 .6px #12161c52) drop-shadow(1.5px 2.5px 1.5px #12161c1a) drop-shadow(6px 14px 16px #12161c21);--tracking-display:.01em;--display-weight:400;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-snap:cubic-bezier(.22, 1, .36, 1);--color-lv-1:#6ab0ff;--color-lv-2:#f7d21a;--color-lv-3:#ff7f73;--color-board:var(--color-card);--color-cell-ink:#3f444d;--color-hint:var(--color-accent-2);--color-scrim:#050609b8;--color-danger-wash:#3a2024;--confetti-1:#ff5e63;--confetti-2:#d9ac69;--confetti-3:#f7d21a;--confetti-4:#70e093;--confetti-5:#008bcc;--confetti-6:#8b5dce;--confetti-7:#e97ab2;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tap:44px;--control:48px;--edge:4px;--color-shadow:#0009;--color-ring:#f4f1e633;--radius-bar:3px}
*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{color:var(--color-ink);background:#f7d21a38}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]>img{filter:saturate(1.06)brightness(1.04)}
html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:100%}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}h1,h2{max-width:none}.shell{min-height:100vh;min-height:100dvh}.screen{max-width:var(--container);padding:calc(var(--safe-top) + var(--space-md)) var(--gutter) calc(96px + var(--safe-bottom));animation:rise var(--dur-short) var(--ease-out) both;margin:0 auto}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.tabbar{left:50%;bottom:calc(10px + var(--safe-bottom));z-index:var(--z-sticky-nav);background:var(--color-card);border-radius:24px;gap:2px;width:min(100% - 24px,420px);padding:6px;display:flex;position:fixed;translate:-50%;box-shadow:inset 0 0 0 1px #f4f1e61a,0 10px 30px #0000008c}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tabbar{-webkit-backdrop-filter:saturate(180%)blur(22px);backdrop-filter:saturate(180%)blur(22px);background:#1d2028b8}}.tab{letter-spacing:.01em;white-space:nowrap;min-width:0;min-height:50px;color:var(--color-muted);transition:color var(--dur-micro) var(--ease-snap), background-color var(--dur-short) var(--ease-snap);border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 0;font-size:10.5px;font-weight:600;text-decoration:none;display:flex}.tab:active{background:#f4f1e614}.tab.on{color:var(--color-accent);background:#f7d21a24}@media (min-width:60rem){.tabbar{width:auto;padding:5px;top:10px;bottom:auto}.tab{gap:var(--space-xs);min-height:40px;padding:0 var(--space-md);font-size:var(--text-sm);flex-direction:row;flex:none}.screen{padding-top:calc(var(--safe-top) + var(--space-3xl));padding-bottom:var(--space-2xl)}}.large-title{padding:var(--space-md) 0 var(--space-md)}.large-title h1{font-size:var(--text-3xl);color:var(--color-ink)}.large-title p{margin-top:var(--space-xs);color:var(--color-muted);font-size:var(--text-md)}.section{margin:var(--space-lg) 0 var(--space-sm);font-family:var(--font-body);font-size:var(--text-lg);letter-spacing:0;color:var(--color-ink);font-weight:700}.muted{color:var(--color-muted)}.hero{text-align:left;width:100%;margin-top:var(--space-xs);border-radius:var(--radius-card);background:var(--color-card);box-shadow:inset 0 0 0 2px var(--color-rule), 0 var(--edge) 0 0 var(--color-edge);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);align-items:stretch;display:flex;position:relative;overflow:hidden}.hero:active{translate:0 var(--edge);box-shadow:inset 0 0 0 2px var(--color-rule), 0 0 0 0 var(--color-edge)}.hero-stub{background:var(--color-accent);width:64px;color:var(--color-accent-ink);font-family:var(--font-display);text-transform:uppercase;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.hero-stub b{font-weight:400;font-size:var(--text-2xl);line-height:1}.hero-stub small{font-size:var(--text-sm);letter-spacing:.08em}.hero-stub:before,.hero-stub:after{content:"";background:var(--color-paper);border-radius:50%;width:18px;height:18px;position:absolute;right:-9px}.hero-stub:before{top:-9px}.hero-stub:after{bottom:-9px}.hero-body{gap:var(--space-md);min-width:0;padding:var(--space-md);border-left:2px dashed var(--color-paper);flex:1;align-items:center;display:flex}.hero-art{background:var(--color-board);width:112px;height:112px;box-shadow:0 0 0 2px var(--color-ink);border-radius:4px;flex:none;place-items:center;display:grid;overflow:hidden}.hero-text{align-items:flex-start;gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.hero-kicker{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:5px;display:inline-flex}.hero-text strong{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);text-wrap:balance;overflow-wrap:break-word;line-height:1.05}.hero-meta{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.hero-bar{border-radius:var(--radius-bar);background:var(--color-paper-3);align-self:stretch;height:6px;overflow:hidden}.hero-bar span{background:var(--color-accent);transform-origin:0;height:100%;display:block}.cta{margin-top:var(--space-sm);min-height:var(--tap);align-items:center;gap:var(--space-xs);padding:0 var(--space-md);font-size:var(--text-md);font-weight:700;display:inline-flex}.chips{gap:var(--space-xs);margin:var(--space-lg) calc(var(--gutter) * -1) var(--space-sm);padding:var(--space-3xs) var(--gutter);scrollbar-width:none;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.palette::-webkit-scrollbar{display:none}.chips.tight{margin-top:0}.chip{min-height:var(--tap);padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--color-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule);font-size:var(--text-sm);color:var(--color-ink-2);transition:background-color var(--dur-micro) var(--ease-snap), color var(--dur-micro) var(--ease-snap);flex:none;font-weight:600}.chip:hover{background:var(--color-paper-2)}.chip:active{background:var(--color-paper-3)}.chip.on{background:var(--color-ink);color:var(--color-paper);box-shadow:none}.grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:40rem){.grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:60rem){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{gap:var(--space-sm);padding:var(--space-xs);text-align:left;border-radius:var(--radius-card);background:var(--color-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule), 0 var(--edge) 0 0 var(--color-edge);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);flex-direction:column;display:flex}.card:hover{box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule), 0 calc(var(--edge) + 2px) 0 0 var(--color-edge);translate:0 -2px}.card:active{translate:0 var(--edge);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule), 0 0 0 0 var(--color-edge)}.card-art{aspect-ratio:1;border-radius:var(--radius-stock);background:var(--color-paper-2);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.thumb{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.badge{top:var(--space-xs);right:var(--space-xs);border-radius:var(--radius-bar);background:var(--color-accent);width:28px;height:28px;color:var(--color-accent-ink);place-items:center;display:grid;position:absolute}.card-info{gap:var(--space-3xs);padding:0 var(--space-2xs) var(--space-2xs);flex-direction:column;display:flex}.card-info strong{font-size:var(--text-md);color:var(--color-ink);line-height:1.2}.card-meta{column-gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.bar{margin-top:var(--space-xs);border-radius:var(--radius-bar);background:var(--color-paper-3);height:8px;overflow:hidden}.bar div{border-radius:var(--radius-bar);background:var(--color-accent);transform-origin:0;height:100%}.empty{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--color-muted);flex-direction:column;line-height:1.5;display:flex}.empty p{max-width:48ch}.empty-art{border-radius:var(--radius-stock);background:var(--color-paper-2);width:96px;height:96px;overflow:hidden}.group{margin-top:var(--space-md);border-radius:var(--radius-card);background:var(--color-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule);overflow:hidden}.settings{max-width:640px}.row{width:100%;min-height:var(--control);justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);text-align:left;transition:background-color var(--dur-micro) var(--ease-snap);display:flex;position:relative}button.row:hover,label.row:hover{background:var(--color-paper-2)}button.row:active,label.row:active{background:var(--color-paper-3)}.row+.row{border-top:var(--rule-hair) solid var(--color-rule)}.row>span:first-child{gap:var(--space-3xs);flex-direction:column;display:flex}.row strong{font-size:var(--text-md)}.row small{font-size:var(--text-sm);color:var(--color-muted);line-height:1.35}.row svg{flex:none}.danger-text strong,.danger-text svg{color:var(--color-error)}.row:disabled{background:var(--color-paper-2)}.row:disabled strong,.row:disabled small,.row:disabled svg{color:var(--color-muted)}.row input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.row:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px}.switch{border-radius:var(--radius-pill);background:var(--color-paper-3);width:52px;height:32px;box-shadow:inset 0 0 0 var(--rule-hair) var(--color-edge);transition:background-color var(--dur-short) var(--ease-snap);flex:none;position:relative}.switch:after{content:"";background:var(--color-card);width:24px;height:24px;box-shadow:0 1px 3px var(--color-shadow);transition:transform var(--dur-short) var(--ease-snap);border-radius:50%;position:absolute;top:4px;left:4px}.row input:checked~.switch{background:var(--color-accent);box-shadow:none}.row input:checked~.switch:after{transform:translate(20px)}.inline-actions{gap:var(--space-xs)!important;flex-direction:row!important;display:flex!important}.footnote{margin:var(--space-lg) var(--space-xs) 0;text-align:center;font-size:var(--text-sm);color:var(--color-muted);line-height:1.5}.settings .footnote{text-align:left;margin-left:0}.btn{width:100%;min-height:var(--control);justify-content:center;align-items:center;gap:var(--space-xs);padding:0 var(--space-lg);border-radius:var(--radius-stock);background:var(--color-card);color:var(--color-ink);font-size:var(--text-md);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule), 0 var(--edge) 0 0 var(--color-edge);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap), background-color var(--dur-micro) var(--ease-snap);font-weight:700;display:inline-flex}.btn:hover{background:var(--color-paper-2)}.btn:active{translate:0 var(--edge);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule), 0 0 0 0 var(--color-edge)}.btn.primary,.cta{background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-stock);box-shadow:0 var(--edge) 0 0 var(--color-accent-deep);transition-timing-function:var(--ease-spring)}.btn.primary:hover{background:var(--color-accent)}.btn.primary:active{box-shadow:0 0 0 0 var(--color-accent-deep)}.btn.small{width:auto;min-height:var(--tap);padding:0 var(--space-md);font-size:var(--text-sm)}.btn.danger{color:var(--color-error);box-shadow:inset 0 0 0 2px var(--color-error), 0 var(--edge) 0 0 var(--color-edge)}.btn:disabled{background:var(--color-paper-3);color:var(--color-muted);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule);translate:0}.game{background:var(--color-paper);touch-action:none;animation:rise var(--dur-short) var(--ease-out) both;flex-direction:column;display:flex;position:fixed;inset:0}.game-bar{align-items:center;gap:var(--space-sm);padding:calc(var(--safe-top) + 6px) var(--space-sm) 6px;display:flex}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-stock);background:var(--color-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule), 0 3px 0 0 var(--color-edge);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);flex:none;place-items:center;display:grid}.icon-btn:active{box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule), 0 0 0 0 var(--color-edge);translate:0 3px}.game-title{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;line-height:1.1;display:flex}.game-title strong{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.game-meta{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:11px;display:flex}.pill{min-width:56px;height:var(--tap);padding:0 var(--space-sm);border-radius:var(--radius-stock);background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-display);font-size:var(--text-md);font-variant-numeric:tabular-nums;flex:none;place-items:center;display:grid}.game-progress{background:var(--color-paper-3);height:3px;overflow:hidden}.game-progress div{background:var(--color-accent);transform-origin:0;height:100%;transition:transform var(--dur-short) var(--ease-snap)}.stage{flex:1;min-height:0;display:flex;position:relative}.board{touch-action:none;cursor:crosshair;background:var(--color-paper-2);flex:1;min-height:0;position:relative;overflow:hidden}.board-pan{cursor:grab}.board canvas{width:100%;height:100%;display:block}.toast{left:50%;top:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-stock);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);white-space:nowrap;animation:rise var(--dur-short) var(--ease-out) both;pointer-events:none;font-weight:700;position:absolute;translate:-50%}.tools{top:var(--space-sm);right:var(--space-sm);border-radius:var(--radius-card);background:#14161bd1;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #f4f1e61f,0 6px 18px #00000073}.tool{border-radius:var(--radius-stock);width:42px;height:42px;color:var(--color-ink-2);touch-action:none;transition:background-color var(--dur-micro) var(--ease-snap), color var(--dur-micro) var(--ease-snap);place-items:center;display:grid}.tool.on{background:var(--color-accent);color:var(--color-accent-ink)}.tool:active{background:var(--color-paper-3)}.tool.on:active{background:var(--color-accent)}.dock{background:var(--color-card);border-top:var(--rule-hair) solid var(--color-rule);padding:0 0 var(--safe-bottom)}.palette{gap:var(--space-sm);-webkit-overflow-scrolling:touch;padding:14px var(--space-md) 10px;scrollbar-width:none;touch-action:pan-x;display:flex;overflow-x:auto}.swatch{border-radius:var(--radius-stock);width:52px;height:52px;box-shadow:inset 0 0 0 2px var(--color-ring), 0 3px 0 0 var(--color-edge);transition:translate var(--dur-micro) var(--ease-snap), box-shadow var(--dur-micro) var(--ease-snap);flex:none;place-items:center;display:grid;position:relative}.swatch b{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);font-variant-numeric:tabular-nums}.swatch i{border-radius:var(--radius-bar);background:var(--color-ink);min-width:22px;color:var(--color-paper);text-align:center;font-variant-numeric:tabular-nums;padding:2px 5px;font-size:10.5px;font-style:normal;font-weight:700;line-height:1.2;position:absolute;bottom:-5px;right:-5px}.swatch.sel{box-shadow:0 0 0 3px var(--color-card), 0 0 0 5px var(--color-accent), 0 8px 0 0 var(--color-edge);z-index:var(--z-base);translate:0 -5px}.swatch.done{box-shadow:inset 0 0 0 2px var(--color-accent)}.swatch.done svg{color:var(--color-accent)}.overlay{z-index:var(--z-modal);padding:var(--space-lg);background:var(--color-scrim);animation:fade var(--dur-long) var(--ease-out) both;place-items:center;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{align-items:center;gap:var(--space-sm);width:min(100%,380px);padding:var(--space-lg) var(--space-md) var(--space-md);border-radius:var(--radius-card);background:var(--color-card);text-align:center;animation:pop var(--dur-long) var(--ease-spring) both;flex-direction:column;display:flex}.sheet .text{text-align:center}.sheet h2{font-size:var(--text-2xl)}.sheet p{margin:0}.final{aspect-ratio:1;border-radius:var(--radius-stock);background:var(--color-paper-2);width:min(70vw,260px);margin:var(--space-xs) 0;place-items:center;display:grid;overflow:hidden}@keyframes pop{0%{opacity:0;transform:translateY(16px)}}.confetti{z-index:calc(var(--z-modal) + 1);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.level{top:var(--space-xs);left:var(--space-xs);letter-spacing:.02em;color:var(--color-ink);background:#0a0b0ed1;border-radius:5px;align-items:center;gap:6px;padding:4px 8px 4px 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 1px #f4f1e61f}.level.flat{position:static}.meter{align-items:flex-end;gap:2px;display:inline-flex}.meter i{background:var(--color-ring);border-radius:1px;width:5px;height:5px}.meter i:nth-child(2){height:8px}.meter i:nth-child(3){height:11px}[data-l=Facile]{--lv:var(--color-lv-1)}[data-l=Moyen]{--lv:var(--color-lv-2)}[data-l=Difficile]{--lv:var(--color-lv-3)}.meter[data-l=Facile] i:nth-child(-n+1),.meter[data-l=Moyen] i:nth-child(-n+2),.meter[data-l=Difficile] i:nth-child(-n+3){background:var(--lv)}.meter[data-l=Tous] i:first-child{background:var(--color-lv-1)}.meter[data-l=Tous] i:nth-child(2){background:var(--color-lv-2)}.meter[data-l=Tous] i:nth-child(3){background:var(--color-lv-3)}.seg{border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.seg-btn{border-radius:var(--radius-stock);min-height:56px;color:var(--color-muted);transition:background-color var(--dur-micro) var(--ease-snap), color var(--dur-micro) var(--ease-snap);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px 2px;font-size:12px;font-weight:600;display:flex}.seg-btn[aria-selected=true]{color:var(--color-ink);background:var(--color-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule), 0 3px 0 0 var(--color-edge)}.cats{gap:var(--space-xs);-webkit-overflow-scrolling:touch;margin:var(--space-sm) calc(var(--gutter) * -1) 0;padding:var(--space-2xs) var(--gutter) 6px;scrollbar-width:none;display:flex;overflow-x:auto}.cats::-webkit-scrollbar{display:none}.cat{--cc:var(--color-accent);border-radius:var(--radius-stock);background:var(--color-card);width:96px;box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule);color:var(--color-muted);transition:box-shadow var(--dur-micro) var(--ease-snap), background-color var(--dur-micro) var(--ease-snap);flex-direction:column;flex:none;gap:6px;padding:5px;display:flex}.cat[data-c=Paysages]{--cc:#7fd18b}.cat[data-c=Villes]{--cc:#b79cff}.cat[data-c=Mer]{--cc:#5ec8f2}.cat[data-c=Nature]{--cc:#a6d94f}.cat[data-c=Espace]{--cc:#8f9bff}.cat[data-c=Portraits]{--cc:#ff9db0}.cat[data-c=Animaux]{--cc:#ffb35c}.cat[data-c=Perso]{--cc:#f7d21a}.cat-art{background:var(--color-paper-2);width:100%;height:72px;box-shadow:inset 0 -3px 0 0 var(--cc);color:var(--cc);border-radius:6px;place-items:center;display:grid;overflow:hidden}.cat-name{justify-content:space-between;align-items:baseline;gap:4px;padding:0 3px 2px;display:flex}.cat-name strong{text-overflow:ellipsis;min-width:0;font-size:12px;line-height:1.1;overflow:hidden}.cat-name small{font-variant-numeric:tabular-nums;color:var(--color-muted);flex:none;font-size:10.5px}.cat[aria-selected=true]{color:var(--color-ink);background:var(--color-paper-3);box-shadow:0 0 0 2px var(--cc)}.cat[aria-selected=true] .cat-name small{color:var(--cc)}.count{margin:var(--space-xs) 2px var(--space-sm);font-size:var(--text-sm);color:var(--color-muted)}.card-wrap{position:relative}.card-wrap .card{width:100%;height:100%}.card-actions{top:var(--space-md);right:var(--space-md);gap:4px;display:flex;position:absolute}.del{border-radius:var(--radius-stock);width:38px;height:38px;color:var(--color-error);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule);transition:background-color var(--dur-micro) var(--ease-snap);background:#14161bd1;place-items:center;display:grid}.del.edit{color:var(--color-ink)}.del:hover{background:var(--color-danger-wash)}.drop,.creator,.error{max-width:720px}.drop{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;min-height:220px;padding:var(--space-xl) var(--space-lg);text-align:center;border-radius:var(--radius-card);border:2px dashed var(--color-edge);background:var(--color-card);color:var(--color-muted);transition:background-color var(--dur-micro) var(--ease-snap), border-color var(--dur-micro) var(--ease-snap);flex-direction:column;display:flex}.drop:hover{background:var(--color-paper-2);border-color:var(--color-ink-2)}.drop:active{background:var(--color-paper-3)}.drop strong{color:var(--color-ink);font-size:var(--text-lg)}.drop span{font-size:var(--text-sm);max-width:34ch;line-height:1.4}.error{margin:var(--space-sm) 0 0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-stock);background:var(--color-danger-wash);color:var(--color-error);font-size:var(--text-sm)}.creator{padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.creator-preview{aspect-ratio:1;border-radius:var(--radius-stock);background:var(--color-paper-2);background-image:linear-gradient(45deg, var(--color-paper-3) 25%, transparent 25%, transparent 75%, var(--color-paper-3) 75%), linear-gradient(45deg, var(--color-paper-3) 25%, transparent 25%, transparent 75%, var(--color-paper-3) 75%);background-position:0 0,8px 8px;background-size:16px 16px;place-items:center;width:100%;max-height:62vw;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f7d21a59}.creator-preview>*{grid-area:1/1;width:100%;height:100%}.creator-preview>span{place-items:center;display:grid}.creator-preview .gone{display:none}.creator-preview canvas.thumb{image-rendering:auto}.seg.two{grid-template-columns:repeat(2,minmax(0,1fr))}.seg-btn.flat{min-height:40px;font-size:var(--text-sm);flex-direction:row}.size-btn b{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);color:var(--color-ink)}.size-btn small{font-size:10.5px}.size-btn[aria-checked=true] b{color:var(--color-accent)}.mini-palette{flex-wrap:wrap;gap:3px;display:flex}.mini-palette i{border-radius:3px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #f4f1e626}.studio{gap:var(--space-sm);max-width:520px;padding:var(--space-md);border-radius:var(--radius-card);background:radial-gradient(120% 90% at 50% 0%, #f7d21a29, #f7d21a00 60%), var(--color-card);box-shadow:inset 0 0 0 1px #f7d21a4d, 0 var(--edge) 0 0 var(--color-edge);flex-direction:column;display:flex}.studio.over{box-shadow:inset 0 0 0 2px var(--color-accent), 0 var(--edge) 0 0 var(--color-edge)}.studio-demo{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;color:var(--color-accent);display:flex}.demo-photo{width:76px;height:76px;box-shadow:0 0 0 3px var(--color-ink-2);background:linear-gradient(160deg,#ffb25c,#e8566b 55%,#4a3b8f);border-radius:6px}.demo-pixels{width:76px;height:76px;box-shadow:0 0 0 3px var(--color-accent);border-radius:6px;grid-template-columns:repeat(6,1fr);display:grid;overflow:hidden}.demo-pixels i{animation:1.8s step-end infinite blink}.demo-pixels i:nth-child(4n+1){background:#ffb25c}.demo-pixels i:nth-child(4n+2){background:#e8566b}.demo-pixels i:nth-child(4n+3){background:#7b4a9e}.demo-pixels i:nth-child(4n){background:#4a3b8f}@keyframes blink{0%,to{opacity:1}50%{opacity:.55}}.steps{font-size:var(--text-sm);color:var(--color-ink-2);gap:6px;margin:0;padding:0;font-weight:600;list-style:none;display:grid}.steps li{align-items:center;gap:var(--space-sm);border-radius:var(--radius-stock);background:var(--color-paper-2);padding:8px 10px;display:flex}.steps b{background:var(--color-accent);width:24px;height:24px;color:var(--color-accent-ink);font-family:var(--font-display);border-radius:5px;flex:none;place-items:center;font-weight:400;display:grid}.studio .footnote{margin:2px 0 0}.creator-meta{align-items:center;gap:var(--space-xs) var(--space-md);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.creator-meta .level{position:static}.field{gap:var(--space-xs);font-size:var(--text-sm);flex-direction:column;font-weight:600;display:flex}.field b{margin-left:var(--space-xs);color:var(--color-ink);font-variant-numeric:tabular-nums}.field input[type=range]{width:100%;min-height:var(--tap);accent-color:var(--color-accent)}.text{width:100%;min-height:var(--control);padding:0 var(--space-md);border-radius:var(--radius-input);border:var(--rule-hair) solid var(--color-muted);background:var(--color-paper);color:var(--color-ink);font:inherit;-webkit-user-select:text;user-select:text}.row.inline{padding:var(--space-2xs) 0}.creator-actions{gap:var(--space-sm);flex-direction:column;display:flex}@media (min-width:40rem){.creator-actions{flex-direction:row}.creator-actions .btn.primary{flex:2}.creator-actions .btn{flex:1}}@media (max-width:22rem){.hero-stub{width:52px}.hero-body{flex-direction:column;align-items:flex-start}}.chips,.palette{-webkit-overflow-scrolling:touch}@media (max-height:700px){.game-bar{padding-top:calc(var(--safe-top) + 4px);padding-bottom:4px}.palette{padding:12px var(--space-sm) 8px;gap:10px}.swatch{width:46px;height:46px}.swatch b{font-size:var(--text-lg)}.tool{width:38px;height:38px}.large-title h1{font-size:var(--text-2xl)}.screen{padding-bottom:calc(88px + var(--safe-bottom))}}@media (max-width:22rem){.tab{font-size:10px}.seg-btn{font-size:11px}.game-title strong{font-size:var(--text-md)}.pill{min-width:48px}}@supports not (aspect-ratio:1){.card-art,.final,.creator-preview{height:0;padding-bottom:100%}.card-art>*,.final>*,.creator-preview>*{position:absolute;top:0;left:0}}@media (max-width:26rem){.hero-art{width:96px;height:96px}}.stairs{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:6px;display:grid}.stair{--lv:var(--color-ink-2);height:calc(44px + var(--step) * 10px);background:var(--color-paper-2);box-shadow:inset 0 3px 0 0 var(--lv);color:var(--color-muted);text-align:left;transition:background-color var(--dur-micro) var(--ease-snap), color var(--dur-micro) var(--ease-snap);border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1px;padding:6px 8px;display:flex}.stair[data-l=Tous]{--lv:var(--color-muted)}.stair strong{font-size:12px;line-height:1.1}.stair small{font-family:var(--font-display);font-size:var(--text-lg);color:var(--lv);line-height:1}.stair[aria-selected=true]{background:var(--lv);color:var(--color-accent-ink);box-shadow:none}.stair[aria-selected=true] small{color:var(--color-accent-ink)}.stair[data-l=Tous][aria-selected=true]{background:var(--color-ink)}@media (max-width:22rem){.stair strong{font-size:10.5px}.stair{padding:6px}}.sentinel{height:1px}.row.static{cursor:default}.account{justify-content:flex-start}.account-text{gap:var(--space-3xs);flex-direction:column;min-width:0;display:flex}.account-text strong{overflow-wrap:anywhere}.avatar{border-radius:var(--radius-stock);background:var(--color-paper-3);width:40px;height:40px;color:var(--color-muted);flex:none;place-items:center;overflow:hidden;display:grid!important}.avatar img{object-fit:cover;width:100%;height:100%}.row small.bad{color:var(--color-error)}.splash{z-index:1000;background:var(--color-paper);transition:opacity .75s var(--ease-out), visibility .75s;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.splash.leaving{opacity:0;visibility:hidden;pointer-events:none}.splash-grid{width:min(62vw,240px);transition:transform .75s var(--ease-out), filter .75s var(--ease-out);grid-template-columns:repeat(11,1fr);gap:3px;display:grid}.splash.leaving .splash-grid{filter:blur(3px);transform:scale(1.14)}.splash-grid i{aspect-ratio:1;animation:paint .52s var(--ease-out) backwards;background:#3a3f48;border-radius:2px}.splash-grid i.off{background:0 0;animation:none}.splash-grid i:nth-child(3n){--c:#f7d21a}.splash-grid i:nth-child(3n+1){--c:#ff7f73}.splash-grid i:nth-child(3n+2){--c:#ffb35c}@keyframes paint{0%{background:#3a3f48;transform:scale(.82)}55%{transform:scale(1.12)}to{background:var(--c,#f7d21a);transform:scale(1)}}@keyframes splash-name-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.splash-name{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:.04em;color:var(--color-ink);animation:splash-name-in .7s var(--ease-out) .7s backwards;transition:transform .75s var(--ease-out);margin:0}.splash.leaving .splash-name{transform:translateY(6px)}@supports not (aspect-ratio:1){.splash-grid i{height:0;padding-bottom:100%}}@media (prefers-reduced-motion:reduce){.splash-grid i,.splash-name{animation-duration:.01ms;animation-delay:0s!important}.splash.leaving .splash-grid{filter:none;transform:none}}