@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/g/pict/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/g/pict/assets/onest-cyrillic-wght-normal-DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/g/pict/assets/onest-math-wght-normal-Bl4ZGkZl.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/g/pict/assets/onest-symbols-wght-normal-DxQzqQfC.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/g/pict/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2)format("woff2-variations");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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/g/pict/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2)format("woff2-variations");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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/g/pict/assets/onest-latin-wght-normal-Dun_Rd-l.woff2)format("woff2-variations");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:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/g/pict/assets/shantell-sans-cyrillic-ext-wght-normal-C5IA4B3w.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/g/pict/assets/shantell-sans-cyrillic-wght-normal-C3g4RRlc.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/g/pict/assets/shantell-sans-vietnamese-wght-normal-0TYE14Fi.woff2)format("woff2-variations");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:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/g/pict/assets/shantell-sans-latin-ext-wght-normal-CkCuiz5d.woff2)format("woff2-variations");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:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/g/pict/assets/shantell-sans-latin-wght-normal-B8jqu5lV.woff2)format("woff2-variations");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{--surface:#eef3f8;--surface-line:#b9d4ea;--surface-line-step:24px;--margin-line:#e5383b;--blueprint:#1f4f8f;--blueprint-line:#a9c1e2;--blueprint-panel:#2a5d9f;--blueprint-open:#3a6fb3;--blueprint-ink:#f4f8ff;--blueprint-ink-soft:#cddcf1;--blueprint-shadow:2px 3px 0 #0b1f3d73;--blueprint-n1:#8fd3ff;--blueprint-n2:#7ee0a1;--blueprint-n3:#ff9a9c;--blueprint-n4:#c7a6ff;--blueprint-n5:#ffc98a;--blueprint-n6:#7fe0d9;--blueprint-n7:#f4f8ff;--blueprint-n8:#cddcf1;--graph-paper:#fbfdfb;--graph-line:#d3ecdc;--graph-line-bold:#93cfab;--lined-paper:#fbfcff;--lined-line:#c9dcef;--lined-step:32px;--night-paper:#15171c;--night-line:#2a2f3a;--night-panel:#20232b;--night-ink:#f2f4fa;--night-ink-soft:#a9b0c2;--night-fire:#e95658;--night-poison:#4bc188;--night-shadow:2px 3px 0 #0000008c;--night-sky:#0f1830;--night-sky-dusk:#2b3a67;--night-sky-dawn:#4a3566;--night-sky-day:#22335e;--night-house:#1c2742;--night-house-far:#16203a;--night-window-off:#273356;--board:#2f4b3c;--board-line:#3c5d4b;--board-panel:#385a48;--board-frame:#7a5231;--chalk:#f4f2ea;--chalk-soft:#c8d4c8;--chalk-blue:#9cc8ff;--board-shadow:2px 3px 0 #00000059;--cardboard:#c49a6c;--cardboard-flute:#b98c5d;--cardboard-sticker:#fbfaf5;--cardboard-ink-soft:#3f2c1a;--cardboard-grey:#b9bcc4;--cardboard-shadow:2px 3px 0 #3a24104d;--newspaper:#f1eee6;--newspaper-line:#d8d2c4;--newspaper-panel:#faf8f2;--newspaper-ink:#1d1d1b;--newspaper-ink-soft:#55524b;--newspaper-red:#d62828;--newspaper-shadow:2px 3px 0 #1d1d1b29;--tracing:#eef1f4;--tracing-line:#d5dbe3;--tracing-panel:#f9fafb;--tracing-ink:#2b2f36;--tracing-ink-soft:#5b616b;--tracing-orange:#fb8500;--tracing-orange-ink:#9a4f00;--tracing-stroke:#d9480f;--tracing-silhouette:#aeb6c2;--tracing-shadow:2px 3px 0 #2b2f3624;--blotting:#f4cfd6;--blotting-line:#e8b2bd;--blotting-panel:#fbe9ec;--blotting-ink:#2f2a35;--blotting-ink-soft:#5e4d56;--blotting-green:#06a77d;--blotting-green-ink:#04694e;--blotting-band:#f3d3da;--blotting-crease:#b77b89;--blotting-shadow:2px 3px 0 #5e2b3a2e;--slant-paper:#fdfcff;--slant-line:#c7b6e6;--slant-diagonal:#e6ddf4;--slant-step:32px;--slant-panel:#fff;--slant-red:#c1121f;--slant-ink-soft:#5a5470;--slant-shadow:2px 3px 0 #3b2f5c24;--hub-bg:#15171c;--hub-panel:#20232b;--hub-panel-hi:#2a2e38;--hub-line:#343946;--hub-text:#f2f4fa;--hub-text-soft:#a9b0c2;--hub-accent:#ffe14d;--hub-on-accent:#15171c;--hub-radius:16px;--hub-radius-small:12px;--ink:#1b2340;--ink-soft:#5a6482;--marker:#ffe14d;--on-marker:#1b2340;--fire:#e5383b;--ice:#3a86ff;--poison:#2bb673;--bolt:#ffb703;--shade:#7b4fd6;--font-hand:"Shantell Sans Variable", "Comic Sans MS", cursive;--font-ui:"Onest Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--text-base:1rem;--text-large:1.25rem;--text-title:1.75rem;--text-display:3rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--tap:48px;--line:2px;--radius-hand:255px 15px 225px 15px / 15px 225px 15px 255px;--line-thin:1px;--paper:#fff;--shadow-paper:2px 3px 0 color-mix(in srgb, var(--ink) 15%, transparent);--tilt:1.5deg;--press-duration:90ms;--screen-duration:.22s}[data-surface=night]{--surface:var(--night-paper);--surface-line:var(--night-line);--ink:var(--night-ink);--ink-soft:var(--night-ink-soft);--paper:var(--night-panel);--fire:var(--night-fire);--poison:var(--night-poison);--shadow-paper:var(--night-shadow)}[data-surface=board]{--surface:var(--board);--surface-line:var(--board-line);--ink:var(--chalk);--ink-soft:var(--chalk-soft);--paper:var(--board-panel);--shadow-paper:var(--board-shadow)}[data-surface=blueprint]{--surface:var(--blueprint);--surface-line:var(--blueprint-line);--ink:var(--blueprint-ink);--ink-soft:var(--blueprint-ink-soft);--paper:var(--blueprint-panel);--shadow-paper:var(--blueprint-shadow)}[data-surface=newspaper]{--surface:var(--newspaper);--surface-line:var(--newspaper-line);--ink:var(--newspaper-ink);--ink-soft:var(--newspaper-ink-soft);--paper:var(--newspaper-panel);--shadow-paper:var(--newspaper-shadow)}[data-surface=tracing]{--surface:var(--tracing);--surface-line:var(--tracing-line);--ink:var(--tracing-ink);--ink-soft:var(--tracing-ink-soft);--paper:var(--tracing-panel);--shadow-paper:var(--tracing-shadow)}[data-surface=blotting]{--surface:var(--blotting);--surface-line:var(--blotting-line);--ink:var(--blotting-ink);--ink-soft:var(--blotting-ink-soft);--paper:var(--blotting-panel);--shadow-paper:var(--blotting-shadow)}[data-surface=slant]{--surface:var(--slant-paper);--surface-line:var(--slant-line);--ink-soft:var(--slant-ink-soft);--paper:var(--slant-panel);--shadow-paper:var(--slant-shadow)}[data-surface=cardboard]{--surface:var(--cardboard);--surface-line:var(--cardboard-flute);--ink-soft:var(--cardboard-ink-soft);--paper:var(--cardboard-sticker);--shadow-paper:var(--cardboard-shadow)}.kit-button{min-block-size:var(--tap);min-inline-size:var(--tap);padding:var(--space-2) var(--space-4);color:var(--ink);font-family:var(--font-hand);font-size:var(--text-large);cursor:pointer;transition:transform var(--press-duration) ease-out;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex;position:relative}.kit-button__text{position:relative}.kit-button:active:not(:disabled){transform:scale(.94)}.kit-button:disabled{color:var(--ink-soft);cursor:not-allowed}:where(a[href],button):focus-visible{outline:var(--line) dashed currentColor;outline-offset:var(--space-1)}.kit-button:focus-visible,.kit-tabs__tab:focus-visible{outline:var(--line) dashed var(--ink);outline-offset:var(--space-1)}.kit-button--marker:before{content:"";inset:var(--space-2) 0;background:var(--marker);clip-path:polygon(2% 12%,98% 0%,100% 84%,4% 100%);transition:clip-path var(--press-duration) ease-out;position:absolute;transform:rotate(-1deg)}.kit-button--marker:hover:not(:disabled):before{clip-path:polygon(0% 4%,100% 10%,97% 100%,2% 90%)}.kit-button--marker:active:not(:disabled):before{clip-path:polygon(3% 0%,96% 8%,100% 92%,0% 100%)}.kit-button--marker:disabled:before{background:var(--surface-line)}.kit-button--marker:not(:disabled){color:var(--on-marker)}.kit-button--outline{border:var(--line) solid var(--ink);border-radius:var(--radius-hand);background:var(--paper)}.kit-button--outline[aria-pressed=true]{background:var(--marker);color:var(--on-marker)}.kit-button--outline:disabled{border-color:var(--ink-soft)}.kit-button--ghost[aria-pressed=true]{-webkit-text-decoration:underline wavy var(--ink);text-decoration:underline wavy var(--ink);text-underline-offset:var(--space-1)}.kit-tabs{gap:var(--space-1);align-items:flex-end;display:flex}.kit-tabs__tab{min-block-size:var(--tap);padding:var(--space-2) var(--space-3);border:var(--line) solid var(--ink);border-radius:var(--space-3) var(--space-3) 0 0;background:var(--surface);color:var(--ink-soft);font-family:var(--font-hand);font-size:var(--text-base);cursor:pointer;-webkit-tap-highlight-color:transparent;border-block-end:0;flex:1 1 0}.kit-tabs__tab[aria-selected=true]{background:var(--paper);color:var(--ink);font-size:var(--text-large);box-shadow:var(--shadow-paper)}.kit-meter{--meter-color:var(--ink);gap:var(--space-2);color:var(--ink);font-family:var(--font-hand);font-size:var(--text-base);grid-template-columns:3.5ch 1fr auto;align-items:center;display:grid}.kit-meter--marker{--meter-color:var(--marker)}.kit-meter--fire{--meter-color:var(--fire)}.kit-meter--ice{--meter-color:var(--ice)}.kit-meter--poison{--meter-color:var(--poison)}.kit-meter--bolt{--meter-color:var(--bolt)}.kit-meter--shade{--meter-color:var(--shade)}.kit-meter__track{block-size:var(--space-3);border:var(--line-thin) solid var(--ink);border-radius:var(--space-1);background:var(--paper);position:relative;overflow:hidden}.kit-meter__fill,.kit-meter__ghost{background:var(--meter-color);transition:inline-size var(--screen-duration) ease-out;position:absolute;inset-block:0;inset-inline-start:0}.kit-meter__ghost{opacity:.4;transition:none}.kit-meter__text{text-align:end;font-variant-numeric:tabular-nums;min-inline-size:4ch}.kit-scrap{transform:rotate(var(--scrap-tilt,0deg));filter:drop-shadow(var(--shadow-paper))}.kit-scrap__paper{padding:var(--space-4);background:var(--paper);clip-path:var(--scrap-shape);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base)}.kit-sticky{max-inline-size:28ch;padding:var(--space-3) var(--space-4);background:var(--marker);box-shadow:var(--shadow-paper);transform:rotate(calc(var(--tilt) * -1));color:var(--on-marker);font-family:var(--font-hand);font-size:var(--text-base);line-height:1.3}.kit-days{gap:var(--space-3);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);display:grid}.kit-days__head{justify-content:space-between;align-items:center;gap:var(--space-1);display:flex}.kit-days__month{font-family:var(--font-hand);font-size:var(--text-large);text-align:center;margin:0;font-weight:700}.kit-days__nav{min-inline-size:var(--tap);min-block-size:var(--tap);border:var(--line) solid var(--ink);border-radius:var(--radius-hand);background:var(--paper);color:var(--ink);font-family:var(--font-hand);font-size:var(--text-large);cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1}.kit-days__nav:disabled{border-color:var(--ink-soft);color:var(--ink-soft);cursor:default;opacity:.5}.kit-days__grid{gap:var(--space-1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.kit-days__weekday{padding-block:var(--space-1);color:var(--ink-soft);text-align:center}.kit-day{justify-content:center;align-items:center;gap:var(--line);aspect-ratio:1;border:var(--line) solid var(--ink-soft);border-radius:var(--space-2);background:var(--paper);min-inline-size:0;color:var(--ink);font-family:var(--font-hand);font-size:var(--text-large);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;padding:0;font-weight:700;display:flex}.kit-day__num{line-height:1}.kit-day--pad{cursor:default;background:0 0;border:0}.kit-day--missing{color:var(--ink-soft);cursor:default;opacity:.45;background:0 0;border-color:#0000}.kit-day--locked{color:var(--ink-soft);background:0 0;border-style:dashed}.kit-day--today{border-color:var(--ink);border-width:calc(var(--line) * 1.5)}.kit-day--current{border-color:var(--ink);background:var(--marker);color:var(--on-marker)}.kit-day:focus-visible,.kit-days__nav:focus-visible{outline:var(--line) dashed var(--ink);outline-offset:var(--space-1)}.kit-day__spot{block-size:.8em;inline-size:.8em;display:block}.kit-day__mark{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;block-size:100%;inline-size:100%;display:block}.kit-day__fill{fill:currentColor;stroke:none}.kit-days__legend{gap:var(--space-2) var(--space-4);color:var(--ink-soft);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.kit-days__key{align-items:center;gap:var(--space-1);display:inline-flex}.kit-days__key .kit-day__mark{block-size:1.25em;inline-size:1.25em}.kit-days__note{margin:0;line-height:1.5}.kit-days__unlock{justify-items:start;gap:var(--space-2);display:grid}.kit-days__plus{color:var(--ink);font-weight:700}.kit-next{gap:var(--space-2);text-align:center;border-block-start:var(--line-thin) dashed currentColor;justify-self:stretch;justify-items:center;padding-block-start:var(--space-4);display:grid}.kit-next__title{font-size:var(--text-base);margin:0;font-weight:700}.kit-next__line{font-size:var(--text-base);margin:0}.turnstile-host{z-index:1000;pointer-events:none;justify-content:center;display:flex;position:fixed;inset-block-end:var(--space-4);inset-inline:0}.turnstile-host>*{pointer-events:auto}@media (prefers-reduced-motion:reduce){.kit-button,.kit-button--marker:before,.kit-meter__fill{transition:none}}html,body{height:100%;margin:0}body{background:var(--surface);overflow:hidden}#app{height:100%}#app canvas{display:block}.draw{--screen-pad:var(--space-2);--screen-gap:var(--space-2);--screen-center:calc((100% - 40rem) / 2);gap:var(--screen-gap);padding-block:max(var(--screen-pad), env(safe-area-inset-top)) max(var(--screen-pad), env(safe-area-inset-bottom));padding-inline:max(var(--screen-pad), env(safe-area-inset-left), var(--screen-center)) max(var(--screen-pad), env(safe-area-inset-right), var(--screen-center));overscroll-behavior:contain;pointer-events:none;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);grid-template:"banner banner""tabs tabs""canvas canvas"minmax(12rem,1fr)"stats stats""palette palette""tools done""nav nav""champion champion"/auto minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:auto}.draw>*,.draw__left>*,.draw__right>*{pointer-events:auto}.draw__left,.draw__right{display:contents}.draw__right>.room__banner{grid-area:banner}.draw__nav{gap:var(--space-2) var(--space-3);flex-wrap:wrap;grid-area:nav;justify-content:center;align-items:center;display:flex}.draw__nav .kit-button{padding-inline:var(--space-2)}.draw__champion{grid-area:champion}.draw__run{grid-area:banner}.draw__run .kit-scrap__paper{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.draw__tabs{grid-area:tabs;align-self:end}.canvas-slot{pointer-events:none;grid-area:canvas;min-block-size:0}.draw__hint{pointer-events:none;grid-area:canvas;place-self:start center;margin-block-start:var(--space-3)}.draw__stats{grid-area:stats}.draw__palette{grid-area:palette}.draw__tools{gap:var(--space-2);flex-wrap:wrap;grid-area:tools;align-items:center;display:flex}.draw__done{gap:var(--space-2) var(--space-3);flex-wrap:wrap;grid-area:done;justify-content:flex-end;align-items:center;display:flex}.draw__warning{color:var(--ink);font-family:var(--font-hand);-webkit-text-decoration:underline wavy var(--margin-line);text-decoration:underline wavy var(--margin-line);text-underline-offset:var(--space-1);margin:0}.draw__title{font-family:var(--font-hand);font-size:var(--text-title);text-align:center;grid-area:tabs;margin:0;font-weight:600}.stats{gap:var(--space-1) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stats__ink,.stats__interval,.stats__affinity{grid-column:1/-1}.stats__interval,.stats__affinity{color:var(--ink-soft);font-family:var(--font-hand);text-align:end;margin:0}.stats__affinity{margin-top:calc(-1 * var(--space-2))}.stats__ink .kit-meter{grid-template-columns:auto 1fr auto}.draw__stats .kit-scrap__paper,.draw__palette .kit-scrap__paper{padding:var(--space-2) var(--space-3)}.palette{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.swatches,.widths{flex-wrap:wrap;display:flex}.swatch,.width{inline-size:var(--tap);block-size:var(--tap);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.swatch:before{content:"";inline-size:calc(var(--tap) - var(--space-3));block-size:calc(var(--tap) - var(--space-3));border:var(--line) solid var(--ink);background:var(--swatch);border-radius:50%;grid-area:1/1}.swatch__glyph{inline-size:var(--space-6);block-size:var(--space-6);fill:none;stroke:var(--glyph,var(--paper));stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;grid-area:1/1}.swatch--black{--swatch:var(--ink)}.swatch--red{--swatch:var(--fire)}.swatch--blue{--swatch:var(--ice)}.swatch--green{--swatch:var(--poison)}.swatch--yellow{--swatch:var(--bolt);--glyph:var(--ink)}.swatch--purple{--swatch:var(--shade)}.swatch[aria-checked=true],.width[aria-checked=true]{outline:var(--line) solid var(--ink);outline-offset:calc(var(--space-1) * -1);border-radius:48% 52% 50% 50%/52% 48%}.swatch:focus-visible,.width:focus-visible{outline:var(--line) dashed var(--ink);outline-offset:0}.width__dot{inline-size:var(--dot);block-size:var(--dot);background:var(--ink);border-radius:50%}.draw--hero{grid-template-rows:auto minmax(12rem,1fr) auto auto;grid-template-areas:"tabs tabs""canvas canvas""stats stats""tools done"}@media (aspect-ratio>=5/4) and (width>=42rem){.draw{--screen-pad:var(--space-6);--screen-gap:var(--space-4);--screen-center:0px;grid-template:"left tabs right""left canvas right"minmax(12rem,1fr)/minmax(13rem,1fr) minmax(12rem,2fr) minmax(14rem,1fr)}.draw__left,.draw__right{gap:var(--space-4);flex-direction:column;align-self:start;inline-size:100%;display:flex}.draw__left{grid-area:left;justify-self:end;max-inline-size:20rem}.draw__right{grid-area:right;justify-self:start;max-inline-size:19rem}.draw__hint{align-self:start;margin-block-start:0}.draw__done,.draw__nav{justify-content:flex-start}.stats{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(0,1fr)}.draw__stats .kit-scrap__paper,.draw__palette .kit-scrap__paper,.draw__champion .kit-scrap__paper,.draw__run .kit-scrap__paper{padding:var(--space-3)}}@media (aspect-ratio>=5/4) and (width>=42rem) and (height<=30rem){.draw{--screen-pad:var(--space-2);--screen-gap:var(--space-2)}.draw__left,.draw__right{gap:var(--space-2)}}.draw__champion .kit-scrap__paper{gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.draw__champion p{flex:12rem;margin:0}.draw__champion a{min-block-size:var(--tap);color:var(--ink-soft);font-family:var(--font-hand);flex:none;align-items:center;display:inline-flex}.draw__champion a:focus-visible{outline:var(--line) dashed var(--ink);outline-offset:var(--space-1)}.draw__note{color:var(--ink-soft);font-size:var(--text-base);margin:0}.battle{--screen-pad:var(--space-2);--screen-center:calc((100% - 40rem) / 2);gap:var(--space-2);padding-block:max(var(--screen-pad), env(safe-area-inset-top)) max(var(--screen-pad), env(safe-area-inset-bottom));padding-inline:max(var(--screen-pad), env(safe-area-inset-left), var(--screen-center)) max(var(--screen-pad), env(safe-area-inset-right), var(--screen-center));overscroll-behavior:contain;pointer-events:none;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);grid-template-rows:auto minmax(12rem,1fr) auto;grid-template-areas:"bars""canvas""footer";display:grid;position:fixed;inset:0;overflow:auto}.battle>*{pointer-events:auto}.battle .canvas-slot{pointer-events:none;grid-area:canvas;min-block-size:0}.battle__bars{min-block-size:var(--space-4);grid-area:bars}.battle__meters{gap:var(--space-2);display:grid}.battle__meters .kit-meter{grid-template-columns:minmax(4ch,auto) 1fr auto}.battle__footer{justify-content:space-between;align-items:center;gap:var(--space-3);grid-area:footer;display:flex}.battle__timer{font-family:var(--font-hand);font-size:var(--text-large);font-weight:600}.battle__speed{gap:var(--space-2);display:flex}.battle__vs{justify-content:center;place-self:start center;align-items:center;gap:var(--space-4);pointer-events:none;flex-wrap:wrap;grid-area:canvas;margin-block-start:var(--space-3);display:flex}.battle__card{font-family:var(--font-hand);font-size:var(--text-title)}.battle__vs-word{font-family:var(--font-hand);font-size:var(--text-large);color:var(--ink-soft)}.battle__arena{text-align:center;font-family:var(--font-hand);color:var(--ink-soft);grid-area:footer;margin:0}.battle__result{place-self:end center;gap:var(--space-4);grid-area:canvas;justify-items:center;padding-block-end:var(--space-4);display:grid}.battle__title{text-align:center;font-family:var(--font-hand);font-size:var(--text-title);padding:var(--space-2) var(--space-4);background:var(--paper);box-shadow:var(--shadow-paper);margin:0;font-weight:600}.battle__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.battle--cards .battle__result{align-content:center;align-self:stretch;gap:var(--space-2);overscroll-behavior:contain;max-block-size:100%;inline-size:min(100%,28rem);padding-block:var(--space-3);overflow-y:auto}.run__score{color:var(--ink-soft);margin:0}.run__cards{margin:var(--space-3) 0;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));padding:0;list-style:none;display:grid}.run__card{inline-size:100%;padding:var(--space-3);background:var(--paper);border:2px solid var(--ink);color:var(--ink);font:inherit;text-align:start;cursor:pointer;border-radius:.7rem .5rem .8rem .6rem;gap:.2rem;display:grid}.run__card:hover:not(:disabled),.run__card:focus-visible{transform:translateY(-2px)}.run__card:disabled{opacity:.6;cursor:default}.run__card strong{font-family:var(--font-hand);font-size:1.05rem}.run__card span{color:var(--ink-soft);font-size:var(--text-sm,.85rem)}.run__card-final{gap:var(--space-1);padding:var(--space-3) var(--space-4);display:grid}.run__ink{padding:var(--space-2) var(--space-3)}.run__ink p{margin:0}.draw--extra{grid-template-rows:auto minmax(12rem,1fr) auto;grid-template-areas:"tabs tabs""canvas canvas""tools done"}.daily__past{color:var(--ink-soft);font-family:var(--font-ui);font-size:var(--text-base);font-weight:400;display:block}.daily__theme{font-family:var(--font-hand);margin:0;font-size:1.3rem}.daily__squares{letter-spacing:.1em;margin:0;font-size:1.2rem}.daily__board{box-sizing:border-box;gap:var(--space-2);inline-size:100%;max-inline-size:100%;padding:var(--space-3) var(--space-4);display:grid}.daily__board-title{margin:0;font-size:1rem}.daily__rows{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.daily__row{gap:var(--space-2);grid-template-columns:2rem minmax(0,1fr) auto;padding:.15rem 0;display:grid}.daily__row--me{font-weight:700}.daily__row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.draw--reveal{grid-template-rows:auto minmax(12rem,1fr) auto auto auto auto;grid-template-areas:"tabs tabs""canvas canvas""reveal reveal""stats stats""done done""tools tools"}.reveal{gap:var(--space-2);padding:var(--space-3) var(--space-4);grid-area:reveal;display:grid}.reveal--message{align-content:center;min-block-size:4rem}.reveal__name{font-family:var(--font-hand);font-size:var(--text-xl,1.6rem);min-block-size:1.2em;margin:0;line-height:1.1}.reveal__stamp{padding:var(--space-1) var(--space-3);border:var(--line) solid var(--fire);border-radius:var(--radius-hand);color:var(--fire);font-family:var(--font-hand);font-size:var(--text-large);transform:rotate(calc(var(--tilt) * -2));justify-self:start;margin:0;font-weight:700}.reveal__desc{color:var(--ink-soft);min-block-size:1.4em;margin:0}.reveal__note{color:var(--ink-soft);font-size:var(--text-sm,.9rem);margin:0}.reveal__cards{gap:var(--space-2);perspective:800px;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.reveal__card{opacity:0;transition:transform .35s ease-out,opacity .2s ease-out;transform:rotateY(90deg)}.reveal__card--open{opacity:1;transform:rotateY(0)}.reveal__card-face{padding:var(--space-2) var(--space-3);border:2px solid var(--ink);background:var(--paper);border-radius:.6rem .4rem .7rem .5rem;gap:.15rem;display:grid}.reveal__card-name{font-family:var(--font-hand);font-size:1.05rem;line-height:1.15}.reveal__card-type{color:var(--ink-soft);font-size:var(--text-sm,.85rem)}.reveal__card-power{gap:.2rem;margin-block-start:.2rem;display:inline-flex}.reveal__dot{border:1.5px solid var(--ink);border-radius:50%;block-size:.55rem;inline-size:.55rem}.reveal__dot--on{background:var(--ink)}.reveal__scan{pointer-events:none;grid-area:canvas;position:relative;overflow:hidden}.reveal__beam{background:var(--fire);block-size:3px;box-shadow:0 0 12px 2px var(--fire);animation:2s linear infinite reveal-beam;position:absolute;inset-inline:0}.reveal__scan-label{text-align:center;font-family:var(--font-hand);color:var(--ink-soft);margin:0;position:absolute;inset-block-end:var(--space-3);inset-inline:0}@keyframes reveal-beam{0%{inset-block-start:0}to{inset-block-start:100%}}@media (prefers-reduced-motion:reduce){.reveal__beam{animation-duration:6s}.reveal__card{transition:none}}@media (aspect-ratio>=5/4) and (width>=42rem){.draw--reveal{grid-template-rows:auto minmax(12rem,1fr);grid-template-areas:"left tabs right""left canvas right"}.reveal{grid-area:auto}}.room{z-index:1;align-items:center;gap:var(--space-4);padding-block:max(var(--space-6), env(safe-area-inset-top)) max(var(--space-6), env(safe-area-inset-bottom));padding-inline:max(var(--space-4), env(safe-area-inset-left)) max(var(--space-4), env(safe-area-inset-right));overscroll-behavior:contain;background:var(--surface);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.room__title{font-family:var(--font-hand);font-size:clamp(var(--text-title), 6vw, 2.5rem);color:var(--ink);margin:0}.room__meta,.room__hint.room__hint--warning{color:var(--fire)}.room__hint,.room__timer,.room__phase,.room__submitted{color:var(--ink-soft);margin:0}.room__timer{font-family:var(--font-hand);font-size:var(--text-large);color:var(--ink)}.room__winner{font-family:var(--font-hand);font-size:var(--text-large);color:var(--ink);margin:0}.room__panel{gap:var(--space-3);flex-direction:column;width:min(35rem,100%);display:flex}.room__banner{gap:var(--space-1);padding:var(--space-2) var(--space-3);flex-direction:column;display:flex}.room__players,.room__standings{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.room__players li,.room__standings li{align-items:center;gap:var(--space-2);min-block-size:var(--tap);border-bottom:var(--line-thin) dashed var(--surface-line);display:flex}.room__standings li span:last-child{margin-left:auto}.room__nick{font-family:var(--font-hand);font-size:var(--text-large);color:var(--ink)}.room__player--away .room__nick{opacity:.5}.room__tag{font-size:var(--text-base);color:var(--ink-soft);border:var(--line-thin) solid var(--surface-line);padding:0 var(--space-2);border-radius:999px}.room__kick,.room__report{min-block-size:var(--tap);border:var(--line-thin) solid var(--surface-line);border-radius:var(--space-2);padding:var(--space-1) var(--space-3);font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;margin-left:auto}.room__kick:hover,.room__report:hover{color:var(--ink)}.room__kick:focus-visible,.room__report:focus-visible,.room__sticker:focus-visible,.room__field select:focus-visible,.room__field input:focus-visible,.consent__links a:focus-visible{outline:var(--line) dashed var(--ink);outline-offset:var(--space-1)}.room__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));width:min(56rem,100%);margin:0;padding:0;list-style:none;display:grid}.room__card{align-items:center;gap:var(--space-1);padding:var(--space-2);border:var(--line) solid var(--ink);border-radius:var(--space-3);background:var(--paper);text-align:center;flex-direction:column;display:flex}.room__card strong{font-family:var(--font-hand);font-size:var(--text-base);color:var(--ink)}.room__card span{font-size:var(--text-base);color:var(--ink-soft)}.room__card .room__report{inline-size:100%;margin-left:0}.room__thumb{border-radius:var(--space-2);display:block}.room__actions{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;max-inline-size:100%;display:flex}.room__field{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--tap);color:var(--ink-soft);display:flex}.room__field select,.room__field input{font:inherit;min-block-size:var(--tap);padding:var(--space-1) var(--space-2);border:var(--line) solid var(--ink);border-radius:var(--space-2);background:var(--paper);color:var(--ink)}.room__field input{text-align:center;letter-spacing:.2em;width:7ch}.room__reactions{left:50%;bottom:max(var(--space-4), env(safe-area-inset-bottom));gap:var(--space-1);padding:var(--space-1) var(--space-2);border:var(--line) solid var(--ink);background:var(--paper);z-index:3;border-radius:999px;display:flex;position:fixed;transform:translate(-50%)}.room__sticker{min-inline-size:var(--tap);min-block-size:var(--tap);font-size:var(--text-title);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;line-height:1}.room__floats{inset:auto 0 calc(var(--tap) * 2) 0;justify-content:center;gap:var(--space-3);pointer-events:none;z-index:2;display:flex;position:fixed}.room__float{font-size:var(--text-title);animation:2s ease-out forwards room-float}@keyframes room-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--tap) * -1))}}@media (prefers-reduced-motion:reduce){.room__float{animation-duration:.01ms}}.plus__list{padding-left:var(--space-6);gap:var(--space-1);color:var(--ink);flex-direction:column;margin:0;display:flex}.room__dialog{padding:var(--space-4);background:color-mix(in srgb, var(--ink) 35%, transparent);z-index:5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.consent{left:50%;bottom:max(var(--space-3), env(safe-area-inset-bottom));width:min(30rem, calc(100% - var(--space-6)));z-index:6;position:fixed;transform:translate(-50%)}.consent__panel{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.consent__text{color:var(--ink);margin:0}.consent__links{margin:0}.consent__links a{min-block-size:var(--tap);color:var(--ink-soft);align-items:center;display:inline-flex}.consent__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.room__connecting{color:var(--ink-soft);font-size:var(--text-base);text-align:center;margin:0}
