@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-cyrillic-ext-400-normal-3iEGd-c5.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-400-normal-Cg0RnRQ5.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-cyrillic-400-normal-9cDH9rLW.woff2)format("woff2"),url(/assets/caveat-cyrillic-400-normal-CebvvJET.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-latin-ext-400-normal-D7hBUiug.woff2)format("woff2"),url(/assets/caveat-latin-ext-400-normal-DtiRFvw0.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-latin-400-normal-D6LQsQ_v.woff2)format("woff2"),url(/assets/caveat-latin-400-normal-BzhAQZkN.woff)format("woff");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:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-ext-700-normal-CrK2-ngJ.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-700-normal-DjFGiEhD.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-700-normal-BIyejhEL.woff2)format("woff2"),url(/assets/caveat-cyrillic-700-normal-Bhcx9qBB.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-ext-700-normal-DFbRgDry.woff2)format("woff2"),url(/assets/caveat-latin-ext-700-normal-DjJQd59I.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2)format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2)format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2)format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2)format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2)format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-ext-900-normal-BLeVovcl.woff2)format("woff2"),url(/assets/nunito-cyrillic-ext-900-normal-DKFql_-q.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-900-normal-CWPcV0_V.woff2)format("woff2"),url(/assets/nunito-cyrillic-900-normal-Dr1fjxoU.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-vietnamese-900-normal-D6LWQAy_.woff2)format("woff2"),url(/assets/nunito-vietnamese-900-normal-WV2-fBew.woff)format("woff");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:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-ext-900-normal-Dllsvgjo.woff2)format("woff2"),url(/assets/nunito-latin-ext-900-normal-CTBZd6bf.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff)format("woff");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}:root{--paper:#fffdf5;--paper-soft:#fbf5e6;--ink:#2a2320;--ink-soft:#6b5f57;--peach:#ffd9a8;--coral:#f47c7c;--sky:#7ec4cf;--mint:#a7d98a;--sun:#ffcc4d;--lilac:#c9a0dc;--line:#2a232024;--line-strong:#2a23204d;--shadow-crayon:0 2px 0 #2a23202e, 0 8px 22px -12px #2a232059;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Nunito,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button{font:inherit;color:inherit}.target-preview{margin-bottom:.9rem}.target-preview img{border:1.5px solid var(--line-strong);image-rendering:auto;background:var(--paper);border-radius:12px;width:100%;display:block}.target-preview-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.target-preview-head strong{font-family:Caveat,cursive;font-size:1.3rem}.target-preview-head span{color:var(--ink-soft);font-size:.78rem}.paper-bg{background:radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--peach) 60%, transparent), transparent 30%), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--sky) 45%, transparent), transparent 30%), radial-gradient(circle at 78% 92%, color-mix(in srgb, var(--coral) 30%, transparent), transparent 32%), var(--paper);min-height:100vh;padding:clamp(.75rem,2vw,1.5rem)}.card{border:1.5px solid var(--line-strong);background:radial-gradient(circle at 1px 1px, #2a23200f 1px, transparent 0) 0 0/16px 16px, var(--paper);box-shadow:var(--shadow-crayon);border-radius:18px}.frame{gap:1rem;width:min(1240px,100%);margin:0 auto;display:grid}.top{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.brand{align-items:center;gap:.8rem;display:flex}.crayon-mark{background:linear-gradient(135deg, var(--coral), var(--sun));color:#fffdf5;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;transform:rotate(-6deg);box-shadow:inset 0 -3px #00000026,0 4px #00000024}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.provenance-badge{width:fit-content;color:var(--ink-soft);text-transform:uppercase;background:#ffffffad;border:1px solid #ff5bbd3d;border-radius:999px;padding:.18rem .45rem;font-size:.68rem;font-weight:900;display:inline-flex}.game-titlemark{object-fit:contain;filter:drop-shadow(0 12px 20px #2314372e);width:clamp(190px,26vw,350px);height:auto;display:block}.brand h1{letter-spacing:.5px;margin:0;font-family:Caveat,cursive;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1}.brand p{color:var(--ink-soft);margin:.2rem 0 0;font-size:.85rem}.pill{border:1.5px solid var(--line-strong);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:700;transition:transform .12s;display:inline-flex;box-shadow:0 2px #2a232026}.pill:hover:not(:disabled){transform:translateY(-1px)}.pill:active:not(:disabled){transform:translateY(1px);box-shadow:0 0 #0000}.pill.primary{background:linear-gradient(135deg, var(--coral), var(--sun));color:#fffdf5;border-color:#0003}.pill.ghost{box-shadow:none;background:0 0}.pill:disabled{opacity:.45;cursor:not-allowed}.menu{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1rem;padding:1rem;display:grid}@media (width<=900px){.menu{grid-template-columns:1fr}}.menu h2{margin:0 0 .4rem;font-family:Caveat,cursive;font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:700;line-height:1}.menu-copy{color:var(--ink-soft);margin:0 0 1rem;font-size:.95rem}.mode-list{gap:.6rem;display:grid}.mode-card{border:1.5px solid var(--line-strong);background:var(--paper);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:.75rem;padding:.85rem;transition:transform .12s;display:grid;box-shadow:0 2px #2a232024}.mode-card:hover{transform:translateY(-1px)}.mode-card[aria-pressed=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--peach) 55%, var(--paper)), var(--paper));border-color:var(--coral)}.mode-card .glyph{background:var(--paper-soft);border:1.5px dashed var(--line-strong);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.mode-card strong{font-size:1rem}.mode-card small{color:var(--ink-soft);margin-top:.15rem;font-size:.82rem;display:block}.mode-card kbd{font:inherit;background:var(--paper-soft);border:1px solid var(--line);border-radius:6px;padding:.2rem .45rem;font-size:.7rem}.canvas-picker{grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:.6rem;margin-top:1rem;display:grid}.canvas-choice{border:1.5px solid var(--line);background:var(--paper);min-height:62px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:44px 1fr;align-items:center;gap:.6rem;padding:.45rem;font-weight:900;display:grid}.canvas-choice[aria-pressed=true]{border-color:var(--coral);background:color-mix(in srgb, var(--peach) 42%, var(--paper))}.canvas-choice img{object-fit:cover;border:1px solid var(--line);background:var(--paper-soft);border-radius:6px;width:44px;height:52px}.canvas-choice-copy{overflow-wrap:anywhere;gap:.25rem;min-width:0;line-height:1.1;display:grid}.canvas-choice-copy strong{font:inherit;font-weight:900}.canvas-choice-copy small{border:1px solid var(--line);background:var(--paper-soft);width:fit-content;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.12rem .42rem;font-size:.64rem;font-weight:900}.canvas-choice-copy small[data-tier=hard]{border-color:color-mix(in srgb, var(--coral) 45%, var(--line));background:color-mix(in srgb, var(--coral) 16%, var(--paper));color:color-mix(in srgb, var(--coral) 70%, var(--ink))}.canvas-choice-copy small[data-tier=starter]{border-color:color-mix(in srgb, var(--mint) 55%, var(--line));background:color-mix(in srgb, var(--mint) 22%, var(--paper));color:color-mix(in srgb, var(--mint) 55%, var(--ink))}.canvas-choice-copy em{color:var(--ink-soft);font-size:.72rem;font-style:normal;font-weight:800}.gallery-panel{padding:1rem}.gallery-panel header{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;display:grid}.gallery-tile{aspect-ratio:2/3;border:1.5px solid var(--line);background:var(--paper-soft);cursor:pointer;border-radius:10px;padding:0;position:relative;overflow:hidden}.gallery-tile img{object-fit:cover;width:100%;height:100%;display:block}.gallery-tile .tag{background:#fffdf5e6;border-radius:6px;justify-content:space-between;gap:4px;padding:2px 6px;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:4px;left:4px;right:4px}.gallery-empty{color:var(--ink-soft);text-align:center;border:1.5px dashed var(--line-strong);border-radius:12px;padding:1.5rem;font-size:.9rem}.play{grid-template-columns:minmax(0,1fr) 260px;gap:1rem;padding:1rem;display:grid}@media (width<=900px){.play{grid-template-columns:1fr}}.canvas-wrap{border:1.5px solid var(--line-strong);background:var(--paper);border-radius:16px;gap:.6rem;padding:.8rem;display:grid;box-shadow:0 2px #2a23201f}.canvas-hud{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem;display:grid}.hud-tile{background:var(--paper-soft);border:1.5px dashed var(--line);border-radius:10px;padding:.5rem .65rem}.hud-tile span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:.65rem;font-weight:900;display:block}.hud-tile strong{font-family:Caveat,cursive;font-size:1.15rem}.canvas-stage{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--paper-soft) 60%, var(--paper)) 0 6px, var(--paper) 6px 12px);border-radius:12px;place-items:center;min-height:300px;padding:8px;display:grid;position:relative;overflow:hidden}canvas.paint{background:var(--paper);cursor:pointer;max-width:100%;max-height:72vh;box-shadow:0 4px 20px -8px #0003, 0 0 0 1px var(--line);touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50%;will-change:transform;image-rendering:crisp-edges;border-radius:8px;transition:transform 60ms linear;display:block}.zoom-tools{border:1.5px solid var(--line);background:color-mix(in srgb, var(--paper-soft) 70%, white);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem .55rem;font-size:.85rem;display:flex}.zoom-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem;font-weight:900}.zoom-label{text-align:center;min-width:3.2ch;font-family:Caveat,cursive;font-size:1.15rem}.zoom-slider{width:clamp(140px,22vw,260px);accent-color:var(--coral)}.zoom-hint{color:var(--ink-soft);margin-left:auto;font-size:.78rem}.active-number-card{border:1px solid var(--line);background:var(--paper-soft);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:.12rem .7rem;margin-bottom:.65rem;padding:.65rem .75rem;display:grid}.active-number-card span,.active-number-card small{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:900}.active-number-card strong{color:var(--coral);grid-row:span 2;font-family:Caveat,cursive;font-size:2.2rem;line-height:.9}.legend{gap:.35rem;display:grid}.legend-row{background:var(--paper-soft);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;grid-template-columns:40px 1fr;align-items:center;gap:.6rem;padding:.35rem .5rem .35rem .35rem;transition:transform .1s,border-color .1s;display:grid}.legend-row:hover{transform:translate(2px)}.legend-row[aria-pressed=true]{border-color:var(--ink);background:var(--paper);box-shadow:0 2px #00000026}.legend-swatch{border:2px solid var(--line-strong);color:#140f0ce6;text-shadow:0 1px #fffdf3d9;border-radius:10px;place-items:center;width:40px;height:40px;font-size:1.15rem;font-weight:900;display:grid;box-shadow:0 2px #00000026}.legend-meta{flex-direction:column;line-height:1.1;display:flex}.legend-meta strong{font-family:Caveat,cursive;font-size:1.2rem}.legend-meta small{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:900}.legend-row.done .legend-swatch:after{content:"✓";position:absolute}.legend-row.done{opacity:.7}.rail-head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.45rem;display:flex}.rail-head h3{margin:0}.rail-head span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;font-weight:900}.shade-picker{grid-template-columns:repeat(5,minmax(32px,1fr));gap:.35rem;margin-top:.6rem;display:grid}.shade-chip{aspect-ratio:1;border:2px solid var(--line-strong);cursor:pointer;border-radius:10px;min-height:34px;box-shadow:0 2px #00000021}.shade-chip[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.stage-loading{color:var(--ink-soft);place-items:center;font-family:Caveat,cursive;font-size:1.3rem;display:grid;position:absolute;inset:0}.rail{align-content:start;gap:.8rem;display:grid}.rail-card{padding:.85rem}.rail-card h3{margin:0 0 .55rem;font-family:Caveat,cursive;font-size:1.5rem;line-height:1}.brush-grid{grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid}.brush{aspect-ratio:1;border:2px solid var(--line-strong);background:var(--swatch);cursor:pointer;color:#2a2320b8;border-radius:12px;place-items:center;font-weight:900;transition:transform .1s;display:grid;position:relative;box-shadow:0 2px #00000026}.brush:hover{transform:translateY(-2px)rotate(-3deg)}.brush[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px;transform:rotate(-2deg)}.brush.done:after{content:"";background:#fffdf559;border:1.5px dashed #2a232099;border-radius:8px;position:absolute;inset:4px}.rail-note{color:var(--ink-soft);margin:.3rem 0 0;font-size:.82rem;line-height:1.4}.rail-rule{border-top:1px dashed var(--line);color:var(--ink);margin:.55rem 0 0;padding-top:.55rem;font-size:.8rem;font-weight:900;line-height:1.35}.rail-actions{flex-wrap:wrap;gap:.4rem;display:flex}.leaderboard{padding:.85rem}.leaderboard ol{margin:0;padding:0 0 0 1.1rem;font-size:.9rem}.leaderboard li{margin:.15rem 0}.leaderboard li span{color:var(--ink-soft);font-size:.78rem}.leaderboard-empty{color:var(--ink-soft);font-size:.85rem}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#261f1975;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.rules-dialog{border:4px solid var(--paper);background:var(--paper);width:min(620px,100%);max-height:min(82svh,720px);box-shadow:var(--shadow-card);border-radius:24px;padding:22px;overflow-y:auto}.rules-dialog .modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.rules-dialog h2{margin:4px 0 0;font-size:clamp(1.8rem,4vw,2.8rem)}.rules-dialog ul{color:var(--ink-soft);gap:12px;margin:0;padding-left:1.2rem;line-height:1.55;display:grid}.toast{background:var(--ink);color:var(--paper);z-index:20;border-radius:999px;padding:.6rem 1rem;font-size:.9rem;font-weight:700;animation:.26s cubic-bezier(.2,.9,.3,1.3) pop;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px -8px #0006}@keyframes pop{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2a23208c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.overlay .card{text-align:center;gap:.7rem;width:100%;max-width:420px;padding:1.3rem;display:grid}.overlay h2{margin:0;font-family:Caveat,cursive;font-size:2rem}.overlay .stats{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.overlay .stats div{background:var(--paper-soft);border:1.5px dashed var(--line);border-radius:10px;padding:.55rem}.overlay .stats span{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.7rem;font-weight:900;display:block}.overlay .stats strong{font-family:Caveat,cursive;font-size:1.6rem}.overlay .actions{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.hidden-input{display:none}.upload-setup{max-height:90vh;overflow:auto;text-align:left!important;gap:1rem!important;width:100%!important;max-width:940px!important;padding:1.2rem!important;display:grid!important}.upload-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.upload-body{grid-template-columns:1.1fr 1fr;gap:1.2rem;display:grid}@media (width<=780px){.upload-body{grid-template-columns:1fr}}.crop-window{aspect-ratio:1;border:2px dashed var(--line-strong);cursor:grab;touch-action:none;background:repeating-linear-gradient(45deg,#fbf5e6 0 8px,#fffdf5 8px 16px);border-radius:16px;width:100%;position:relative;overflow:hidden}.crop-window:active{cursor:grabbing}.crop-window img{transform-origin:50%;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:none;height:auto;position:absolute;top:50%;left:50%}.crop-tools{align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.crop-tools input[type=range]{flex:1}.upload-right{align-content:start;gap:.85rem;display:grid}.upload-slider{gap:.3rem;font-size:.9rem;display:grid}.upload-slider small{color:var(--ink-soft);font-size:.75rem}.upload-toggle{background:var(--paper-soft);border:1.5px dashed var(--line);border-radius:12px;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.9rem;display:flex}.upload-previews{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.upload-previews img{border:1.5px solid var(--line-strong);background:var(--paper);border-radius:10px;width:100%;display:block}.upload-preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:4px;font-size:.75rem;font-weight:900}.play{gap:.75rem;padding:.75rem}.canvas-wrap{gap:.5rem;padding:.65rem}.canvas-hud{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:.4rem}.hud-tile{padding:.42rem .55rem}.hud-tile strong{font-size:1.05rem}.canvas-stage{min-height:clamp(260px,52dvh,620px)}canvas.paint{max-height:clamp(250px,55dvh,680px)}.play-coach{border:1.5px dashed var(--line);background:color-mix(in srgb, var(--paper-soft) 74%, white);color:var(--ink-soft);border-radius:12px;padding:.45rem .6rem;font-size:.86rem;font-weight:800}.overlay{overflow:auto}.overlay .card{max-height:calc(100dvh - 2rem);overflow:auto}@media (width<=720px){.paper-bg{padding:.5rem}.top{align-items:stretch}.top>div:last-child{grid-template-columns:1fr 1fr;display:grid!important}.top .pill{justify-content:center;min-width:0;padding-inline:.55rem}.play{padding:0}.canvas-hud{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-tile span{letter-spacing:.07em;font-size:.56rem}.hud-tile strong{font-size:.95rem}.zoom-tools{gap:.25rem;padding:.35rem}.zoom-title{display:none}.zoom-slider{flex:120px;min-width:0}.zoom-tools .pill{padding-inline:.55rem}.zoom-hint{display:none}.canvas-stage{min-height:42dvh}canvas.paint{max-height:44dvh}.rail{z-index:10;position:sticky;bottom:0}.rail-card{border-radius:16px 16px 0 0;padding:.55rem;box-shadow:0 -8px 28px -20px #2a232073}.rail-head{margin-bottom:.35rem}.rail-head h3{font-size:1rem}.rail-head span{font-size:.66rem}.legend{scroll-snap-type:x proximity;gap:.35rem;padding:.15rem .1rem .35rem;display:flex;overflow-x:auto}.legend-row{scroll-snap-align:start;flex:0 0 48px;grid-template-columns:1fr;justify-items:center;gap:.2rem;padding:.22rem}.legend-swatch{border-radius:9px;width:32px;height:32px;font-size:.95rem}.legend-meta{align-items:center}.legend-meta strong{font-size:.92rem}.legend-meta small,.rail-note,.leaderboard{display:none}.shade-picker{grid-template-columns:repeat(5,minmax(28px,1fr));gap:.25rem;margin-top:.35rem}.shade-chip{border-radius:8px;min-height:28px}}.upload-preview-empty{aspect-ratio:1;background:var(--paper-soft);border:1.5px dashed var(--line);color:var(--ink-soft);text-align:center;border-radius:10px;place-items:center;padding:.5rem;font-size:.85rem;display:grid}.upload-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.buzz-companion{z-index:70;border:1.5px solid color-mix(in srgb, var(--sun) 70%, var(--line-strong));max-width:min(24rem,100vw - 2rem);box-shadow:var(--shadow-crayon);color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf5e6;border-radius:18px;align-items:center;gap:.65rem;padding:.55rem;display:flex;position:fixed;bottom:1rem;right:1rem}.buzz-companion[data-subscribed=true]{border-color:var(--coral)}.buzz-companion__mark{background:var(--sun);border-radius:14px;flex:none;place-items:center;width:3.25rem;height:3.25rem;display:grid;overflow:hidden;transform:rotate(-4deg)}.buzz-companion__mark img{object-fit:cover;width:100%;height:100%}.buzz-companion__body{gap:.28rem;min-width:0;display:grid}.buzz-companion__body span,.buzz-companion__actions a,.buzz-companion__actions button{letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:900}.buzz-companion__body span{color:var(--coral)}.buzz-companion__body strong{text-overflow:ellipsis;white-space:nowrap;font-family:Caveat,cursive;font-size:1.2rem;overflow:hidden}.buzz-companion__promise{max-width:28rem;color:color-mix(in srgb, var(--ink) 72%, transparent);margin:0;font-size:.72rem;line-height:1.25}.buzz-companion__actions{flex-wrap:wrap;gap:.35rem;display:flex}.buzz-companion__actions a,.buzz-companion__actions button{border:1.5px solid var(--line-strong);background:var(--paper);min-height:1.8rem;color:inherit;border-radius:999px;padding:.25rem .55rem}.buzz-companion__actions button{cursor:pointer}.buzz-companion[data-subscribed=true] .buzz-companion__actions button{background:linear-gradient(135deg, var(--coral), var(--sun));color:var(--paper)}@media (width<=680px){.buzz-companion{max-width:calc(100vw - 1.3rem);bottom:.65rem;right:.65rem}.buzz-companion__body strong{display:none}}.buzz-companion{border-inline:0;border-radius:1rem 1rem 0 0;justify-content:center;width:min(100% - 2rem,980px);max-width:980px;margin:clamp(1rem,4vw,2rem) auto 0;position:static;inset:auto}.buzz-companion__mark{border-radius:.7rem;width:2.35rem;height:2.35rem}@media (width<=680px){.buzz-companion{border-radius:0;width:100%;max-width:none;margin-top:1rem;bottom:auto;right:auto}.buzz-companion__actions{gap:.25rem}}.cn-landing-hero{background:linear-gradient(90deg,#191f2de6,#191f2d52 54%,#191f2db3),linear-gradient(#191f2d05,#191f2d94),url(/assets/color-network-landing-hero-DCfeu1qB.webp) 50%/cover;align-items:flex-end;min-height:clamp(280px,38svh,430px);padding:clamp(1.4rem,4vw,2.6rem);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 75px #1118272e,inset 0 1px #ffffff75}.cn-landing-hero>div{color:#fff;text-shadow:0 2px 20px #00000059;max-width:560px}.cn-landing-hero p{letter-spacing:.17em;text-transform:uppercase;color:#ffd966;margin:0 0 .65rem;font-size:.78rem;font-weight:950}.cn-landing-hero h2{max-width:11ch;margin:0;font-size:clamp(2.45rem,7vw,5.6rem);line-height:.88}.cn-landing-hero span{color:#ffffffe6;max-width:34rem;margin-top:1rem;font-weight:850;display:block}@media (width<=640px){.cn-landing-hero{background-position:58%;min-height:300px}}@media (width>=900px) and (height>=700px){.frame:has(.cn-landing-hero){grid-template-columns:minmax(18rem,.8fr) minmax(29rem,1fr);align-content:center;gap:.75rem clamp(1rem,2vw,1.5rem);min-height:100svh;padding-top:1rem;padding-bottom:1rem;display:grid}:is(.frame:has(.cn-landing-hero)>.top,.frame:has(.cn-landing-hero)>.buzz-companion){grid-column:1/-1}.cn-landing-hero{height:min(560px,100svh - 14rem);min-height:0;padding:clamp(1.2rem,2.5vw,2rem)}.cn-landing-hero h2{font-size:clamp(2.25rem,4.8vw,4.6rem)}.cn-landing-hero+.menu{align-content:center;align-self:stretch;display:grid}}@media (width>=900px) and (height<=760px){.cn-landing-hero{min-height:220px}.cn-landing-hero span{display:none}}.buzz-companion__actions details{position:relative}.buzz-companion__actions summary{min-height:1.8rem;color:inherit;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;padding:.25rem .55rem;font-size:.62rem;font-weight:900;list-style:none;display:inline-flex}.buzz-companion__actions summary::-webkit-details-marker{display:none}.buzz-companion__actions details p{z-index:5;color:#fffaf2;letter-spacing:0;text-transform:none;background:#101824f5;border:1px solid #ffffff2e;border-radius:8px;width:min(18rem,100vw - 2rem);margin:0;padding:.65rem .75rem;font-size:.72rem;font-weight:700;line-height:1.35;position:absolute;bottom:calc(100% + .4rem);right:0}