:root{font-family:DM Sans,system-ui,sans-serif;color:#364d40;background:#f7f3e9;font-synthesis:none;font-weight:400;--coloring-panel:#eeeee2;--coloring-line:#d5d8c7;--coloring-muted:#75806b;--coloring-color:#cc765a}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button{border:1px solid #cbd0bc;border-radius:8px;background:#f9f7ee;padding:9px 12px;min-height:40px;cursor:pointer;font-size:12px;touch-action:manipulation}button:hover:not(:disabled){background:#e8edde}button:disabled{opacity:.43;cursor:default}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #b97b45;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header,main,footer{width:min(1360px,calc(100% - 64px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;height:72px;border-bottom:1px solid var(--coloring-line);font-size:12px}.brand{font-size:25px;font-weight:700;letter-spacing:-1.2px}.brand span{font-weight:400}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 17px}.title-group{display:flex;align-items:center;gap:15px;min-width:0}.title-group>img{width:104px;height:auto;mix-blend-mode:multiply}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#79816b;margin:0 0 8px}h1{font:400 clamp(27px,3vw,40px)/1.12 Georgia,serif;letter-spacing:-.9px;margin:0}.toolbar{display:flex;gap:7px;align-items:center;flex-shrink:0}.toolbar>button{white-space:nowrap;min-width:38px;padding:8px 10px}#players-btn{max-width:210px;overflow:hidden;text-overflow:ellipsis}.drawing-shelf{display:flex;align-items:center;gap:20px;border-top:1px solid var(--coloring-line);border-bottom:1px solid var(--coloring-line);padding:12px 0;margin-bottom:20px}.shelf-label{font:italic 17px Georgia,serif;white-space:nowrap}.drawing-choices{display:flex;gap:9px;min-width:0}.drawing-choice{display:flex;gap:10px;align-items:center;min-height:57px;padding:5px 12px 5px 5px;background:#f9f7f0;border-radius:9px;text-align:left;font-size:12px;border:1px solid var(--coloring-line)}.drawing-choice img{width:67px;height:45px;object-fit:contain;border-radius:5px;background:#fff}.drawing-choice span{max-width:105px;line-height:1.35}.drawing-choice[aria-pressed=true]{border-color:#6f8b68;background:#e6ebdc;box-shadow:0 0 0 1px #6f8b68}.drawing-shelf>p{margin:0 0 0 auto;font-size:10px;line-height:1.7;color:var(--coloring-muted)}.desk{display:grid;grid-template-columns:minmax(0,1fr) 255px;align-items:start;gap:28px}.paper-column,.color-column{min-width:0}.paper-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.paper-meta h2{font:23px Georgia,serif;margin:0}.paper-meta>span{font-size:10px;color:var(--coloring-muted);white-space:nowrap}.paper-frame{position:relative;isolation:isolate;background:#e5d9c2;border:1px solid #cbb692;border-radius:8px;padding:11px;box-shadow:0 12px 25px #5c513119,inset 0 0 0 4px #ede3d2;margin:auto;width:100%}#paper{display:block;width:100%;height:auto;aspect-ratio:3/2;background:#fff;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;outline-offset:5px;border-radius:1px;box-shadow:0 1px 3px #6a4f2433}#paper[data-active-tool=erase]{cursor:cell}#paper[aria-busy=true]{cursor:wait}#loading{position:absolute;inset:11px;background:#fffaf0f5;color:#46604a;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:20px;font-size:13px;line-height:1.6;border-radius:2px}#move-message{margin:12px 0 10px;min-height:20px;text-align:center;line-height:1.5;font-size:12px;color:#64715a}.board-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.board-actions button{min-height:39px;padding:8px 13px;font-size:11px}.board-actions .download{border-color:#8da284;background:#e5ebdc;margin-left:4px}.work-tools{padding:17px;background:var(--coloring-panel);border:1px solid var(--coloring-line);border-radius:13px;margin-top:1px}.tools-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:15px}.tools-heading h2{font:24px Georgia,serif;margin:0}.tools-heading>span{font-size:9px;color:var(--coloring-muted)}.palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px 7px;padding:2px}.palette .swatch{position:relative;width:100%;aspect-ratio:1;min-height:0;padding:0;border:2px solid transparent;border-radius:50%;background:none;box-shadow:none}.swatch:before{content:"";position:absolute;inset:2px;background:var(--swatch);border-radius:50%;box-shadow:inset 0 0 0 1px #00000013;pointer-events:none}.swatch[aria-pressed=true]{border-color:#536c4d;box-shadow:0 0 0 2px var(--coloring-panel)}.swatch[aria-pressed=true]:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--swatch-ink,#fff);text-shadow:0 1px 1px #0003}.palette .swatch:hover{background:none;transform:scale(1.1)}.custom-color{display:flex;align-items:center;gap:9px;font-size:10px;margin:13px 0 16px;cursor:pointer}.custom-color>span:last-child{margin-left:auto;font-size:18px;color:#7f8b72}.custom-color input[type=color]{appearance:none;-webkit-appearance:none;padding:2px;width:28px;min-width:28px;height:28px;min-height:28px;border:1px solid #a5b193;border-radius:6px;cursor:pointer;background:transparent}.custom-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.custom-color input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.custom-color input[type=color]::-moz-color-swatch{border:0;border-radius:3px}.tool-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border-top:1px solid var(--coloring-line);padding-top:14px}.tool-choices button{padding:8px 4px;font-size:10px;min-height:49px;display:flex;align-items:center;flex-direction:column;gap:4px}.tool-choices button>span{font:20px/1 Georgia,serif}.tool-choices button[aria-pressed=true]{background:#496b50;color:#fffcef;border-color:#496b50}.brush-size{display:grid;grid-template-columns:auto minmax(0,1fr) 20px 24px;align-items:center;gap:7px;margin-top:15px;font-size:10px}.brush-size input{min-width:0;width:100%;height:28px;accent-color:#627e55;padding:0}.brush-size output{font-size:10px;text-align:right;font-variant-numeric:tabular-nums}.brush-size i{display:block;border-radius:50%;background:var(--coloring-color);width:12px;height:12px;margin:auto;border:1px solid #0002}#tool-tip{font-size:10px;color:var(--coloring-muted);line-height:1.7;margin:10px 0 0;min-height:34px}.companion img{display:block;width:100%;height:auto;mix-blend-mode:multiply;margin:18px 0 0}.companion p{text-align:center;font-size:11px;line-height:1.8;color:#778269;margin:6px 0}.companion em{font:italic 17px/1.7 Georgia,serif}.storage-status{text-align:center;color:var(--coloring-muted);font-size:10px;line-height:1.7;margin:21px 0 25px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--coloring-line);padding:22px 0 28px;font-size:11px;gap:15px;line-height:1.6}.primary{background:#44694b;border-color:#44694b;color:#fffced}.primary:hover:not(:disabled){background:#537858}dialog{border:1px solid #bec9b5;border-radius:17px;color:#304c41;background:#fffaf0;width:min(530px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:25px;box-shadow:0 24px 90px #1a352a44}dialog::backdrop{background:#203b328a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font:29px Georgia,serif;margin:0 0 14px}dialog p,dialog li{font-size:13px;line-height:1.7}dialog ol{padding-left:20px}dialog li{margin-bottom:8px}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:20px}.dialog-actions button{font-size:12px}#player-list{display:grid;gap:8px;margin-bottom:19px}#player-form{border-top:1px solid var(--coloring-line);padding:18px 0;display:flex;flex-wrap:wrap;gap:10px}#player-form label{display:grid;gap:7px;flex:1;min-width:160px;font-size:12px}#player-form>button{align-self:end}input:not([type=range],[type=color]){border:1px solid #c2cdb7;border-radius:8px;background:#fffdf6;color:inherit;padding:10px;min-width:0}#name-error{width:100%;color:#945136;margin:0}.skip-link{position:absolute;top:-80px;left:15px;z-index:5;background:#fff;padding:10px}.skip-link:focus{top:10px}.game-expanded{overflow:hidden!important}.coloring-shell:is(:fullscreen,.expanded-view){position:fixed;inset:0;width:100%;height:100dvh;max-width:none;overflow:auto;margin:0;padding:10px max(16px,env(safe-area-inset-right)) 12px;background:#f7f3e9;z-index:2000}.coloring-shell:is(:fullscreen,.expanded-view) .game-heading{padding:0 0 8px}.coloring-shell:is(:fullscreen,.expanded-view) .title-group>img{width:58px}.coloring-shell:is(:fullscreen,.expanded-view) .eyebrow{display:none}.coloring-shell:is(:fullscreen,.expanded-view) h1{font-size:27px}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-shelf{padding:7px 0;margin-bottom:11px}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choice{min-height:43px}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choice img{width:45px;height:30px}.coloring-shell:is(:fullscreen,.expanded-view) .companion{display:none}.coloring-shell:is(:fullscreen,.expanded-view) .paper-frame{max-width:min(100%,calc((100dvh - 237px)*1.5))}.coloring-shell:is(:fullscreen,.expanded-view) .storage-status{margin:10px 0 0}.coloring-shell:is(:fullscreen,.expanded-view) .desk{gap:20px}@media(max-width:1100px){.site-header,main,footer{width:calc(100% - 38px)}.desk{grid-template-columns:minmax(0,1fr) 225px;gap:19px}.work-tools{padding:13px}.drawing-shelf{gap:14px}.shelf-label{font-size:15px}.drawing-choice{padding-right:8px;gap:6px}.drawing-choice img{width:54px;height:39px}.drawing-shelf>p{display:none}.title-group>img{width:88px}.palette{gap:7px 5px}.tools-heading h2{font-size:22px}.tools-heading>span{font-size:8px}}@media(max-width:700px){.site-header,main,footer{width:calc(100% - 28px)}.site-header{height:52px;font-size:10px}.brand{font-size:23px}.game-heading{padding:13px 0 12px;gap:10px;flex-wrap:wrap}.title-group{gap:9px}.title-group>img{width:67px}h1{font-size:27px}.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:5px}.toolbar{margin-left:auto;gap:6px}.toolbar>button{min-height:33px;min-width:33px;padding:5px 8px;font-size:11px}#players-btn{max-width:140px}.drawing-shelf{padding:9px 0;margin-bottom:13px;display:block}.shelf-label{display:none}.drawing-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.drawing-choice{min-width:0;min-height:53px;padding:5px;gap:5px;font-size:9px}.drawing-choice img{width:39px;height:34px}.drawing-choice span{max-width:65px}.desk{display:flex;flex-direction:column;gap:13px}.paper-column,.color-column{width:100%}.paper-meta{margin-bottom:8px;gap:7px}.paper-meta h2{font-size:21px}.paper-meta>span{font-size:9px}.paper-frame{padding:8px}#loading{inset:8px;font-size:11px}#move-message{font-size:10px;min-height:16px;margin:9px 0 8px}.board-actions{gap:5px;flex-wrap:nowrap}.board-actions button{padding:8px 10px;font-size:10px;min-height:36px;white-space:nowrap}.board-actions .download{margin-left:auto}.work-tools{padding:11px 13px;display:grid;grid-template-columns:minmax(0,1fr) 123px;column-gap:17px;row-gap:8px}.tools-heading{grid-column:1/-1;margin:0;align-items:center}.tools-heading h2{font-size:20px}.tools-heading>span{font-size:9px}.palette{grid-column:1/-1;grid-row:2;align-self:center;gap:5px;max-width:none}.palette .swatch{max-width:none;min-width:0;height:40px;aspect-ratio:auto;border-color:transparent;box-shadow:none}.palette .swatch:before{inset:0;margin:auto;width:32px;height:32px}.palette .swatch[aria-pressed=true]:before{box-shadow:0 0 0 2px var(--coloring-panel),0 0 0 4px #6c855e}.custom-color{grid-column:2;grid-row:3;margin:0;font-size:9px;gap:5px}.custom-color input[type=color]{width:25px;min-width:25px;height:25px;min-height:25px}.custom-color>span:last-child{font-size:14px}.tool-choices{grid-column:1;grid-row:3;border:0;padding:0;gap:4px}.tool-choices button{min-height:38px;padding:5px 2px;font-size:8px;gap:3px}.tool-choices button>span{font-size:16px}.brush-size{grid-column:1/-1;margin:0;grid-template-columns:auto minmax(0,1fr) 20px 24px;font-size:9px}.brush-size input{height:22px}#tool-tip,.companion{display:none}.storage-status{margin:13px 0 18px;font-size:9px}footer{font-size:10px;padding:18px 0}.coloring-shell:is(:fullscreen,.expanded-view){padding:8px 12px}.coloring-shell:is(:fullscreen,.expanded-view) .game-heading{flex-wrap:nowrap;gap:6px}.coloring-shell:is(:fullscreen,.expanded-view) .title-group>img{width:38px}.coloring-shell:is(:fullscreen,.expanded-view) .title-group>div{display:none}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choice{font-size:9px;padding:3px;gap:4px}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choice img{width:34px;height:25px}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-shelf{padding:5px 0;margin-bottom:9px}.coloring-shell:is(:fullscreen,.expanded-view) .paper-meta h2{font-size:19px}.coloring-shell:is(:fullscreen,.expanded-view) .paper-frame{max-width:min(100%,calc((100dvh - 430px)*1.5))}.coloring-shell:is(:fullscreen,.expanded-view) .desk{gap:10px}.coloring-shell:is(:fullscreen,.expanded-view) .storage-status{display:none}}@media(max-width:370px){.site-header,main,footer{width:calc(100% - 22px)}.game-heading{padding:10px 0}.title-group>img{width:57px}h1{font-size:25px}.toolbar{gap:5px}#players-btn{max-width:132px}.drawing-choices{gap:5px}.drawing-choice{font-size:8px;gap:3px}.drawing-choice img{width:32px;height:30px}.board-actions button{font-size:9px;padding:7px}.work-tools{grid-template-columns:minmax(0,1fr) 112px;column-gap:10px;padding:10px}.palette{gap:7px 3px}.tool-choices button{font-size:7px}.swatch[aria-pressed=true]:after{font-size:10px}.paper-meta>span{font-size:8px}dialog{padding:20px}}@media(max-height:600px)and (min-width:600px){.coloring-shell:is(:fullscreen,.expanded-view) .game-heading{padding-bottom:4px}.coloring-shell:is(:fullscreen,.expanded-view) .title-group>img{width:40px}.coloring-shell:is(:fullscreen,.expanded-view) .title-group>div{display:block}.coloring-shell:is(:fullscreen,.expanded-view) h1{font-size:22px}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-shelf{padding:4px 0;margin-bottom:6px}.coloring-shell:is(:fullscreen,.expanded-view) .shelf-label{display:none}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choices{display:flex}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choice{min-height:33px;font-size:10px;padding:2px 9px 2px 3px}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choice img{width:33px;height:22px}.coloring-shell:is(:fullscreen,.expanded-view) .desk{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px}.coloring-shell:is(:fullscreen,.expanded-view) .paper-meta{margin-bottom:5px}.coloring-shell:is(:fullscreen,.expanded-view) .paper-meta h2{font-size:18px}.coloring-shell:is(:fullscreen,.expanded-view) .paper-meta>span{font-size:8px}.coloring-shell:is(:fullscreen,.expanded-view) .paper-frame{max-width:min(100%,calc((100dvh - 202px)*1.5));padding:6px}.coloring-shell:is(:fullscreen,.expanded-view) #move-message{margin:5px 0;min-height:15px;font-size:9px}.coloring-shell:is(:fullscreen,.expanded-view) .board-actions{gap:4px;flex-wrap:nowrap}.coloring-shell:is(:fullscreen,.expanded-view) .board-actions button{min-height:29px;padding:5px 8px;font-size:9px}.coloring-shell:is(:fullscreen,.expanded-view) .work-tools{display:block;padding:8px}.coloring-shell:is(:fullscreen,.expanded-view) .palette .swatch{height:35px;aspect-ratio:auto}.coloring-shell:is(:fullscreen,.expanded-view) .tools-heading{margin-bottom:8px}.coloring-shell:is(:fullscreen,.expanded-view) .tools-heading h2{font-size:20px}.coloring-shell:is(:fullscreen,.expanded-view) .palette{gap:5px}.coloring-shell:is(:fullscreen,.expanded-view) .custom-color{margin:8px 0}.coloring-shell:is(:fullscreen,.expanded-view) .tool-choices{padding-top:8px;border-top:1px solid var(--coloring-line)}.coloring-shell:is(:fullscreen,.expanded-view) .tool-choices button{min-height:37px;font-size:8px;padding:4px}.coloring-shell:is(:fullscreen,.expanded-view) .tool-choices button>span{font-size:16px}.coloring-shell:is(:fullscreen,.expanded-view) .brush-size{margin-top:7px}.coloring-shell:is(:fullscreen,.expanded-view) #tool-tip,.coloring-shell:is(:fullscreen,.expanded-view) .storage-status{display:none}}@media(prefers-color-scheme:dark){html body .coloring-shell .board-actions .download{background:#426c54;color:#fffbed;border-color:#9dba8e}html body .coloring-shell .board-actions .download:hover:not(:disabled){background:#4d785e;color:#fffbed}:root{--coloring-panel:#263a2e;--coloring-line:#607967;--coloring-muted:#bdcaba}.coloring-shell:is(:fullscreen,.expanded-view){background:#18251f}.drawing-choice{background:#263a2e;color:#f0efdf}.drawing-choice:hover:not(:disabled){background:#3b5546}.drawing-choice[aria-pressed=true]{background:#3b5742;border-color:#a1ba8d;box-shadow:0 0 0 1px #a1ba8d}.work-tools{color:#f0efdf}.tool-choices button{background:#2e4338;color:#f0efdf;border-color:#607967}.tool-choices button:hover:not(:disabled){background:#3b5546}.tool-choices button[aria-pressed=true]{background:#426c54;border-color:#9dba8e}.swatch[aria-pressed=true]{border-color:#e5c885}.paper-frame{background:#47503b;border-color:#81876b;box-shadow:0 9px 25px #0003,inset 0 0 0 4px #59604b}#paper{background:#fff;filter:none;mix-blend-mode:normal}#loading{background:#fffaf0f5;color:#36553d}.custom-color>span:last-child{color:#bdcaba}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.drawing-shelf{display:block}.shelf-label{display:block;margin:0 0 9px}.drawing-shelf>p{display:none}.drawing-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.drawing-choice{min-width:0;padding:6px;gap:6px;font-size:11px}.drawing-choice img{width:clamp(40px,5vw,67px);height:45px;flex-shrink:0}.drawing-choice span{overflow-wrap:anywhere}.previous-drawings{margin:-8px 0 16px;border:1px solid var(--coloring-line);border-radius:9px;padding:10px 12px}.previous-drawings summary{cursor:pointer;font-size:12px;min-height:24px}.previous-drawings p{font-size:11px;line-height:1.5;color:var(--coloring-muted)}.previous-drawings .drawing-choices{display:flex;flex-wrap:wrap}.previous-drawings .drawing-choice{max-width:230px}@media(max-width:1100px){.drawing-choice{font-size:10px;gap:4px}.drawing-choice img{width:42px;height:36px}}@media(max-width:700px){.drawing-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.drawing-choice{font-size:9px;min-height:54px}.drawing-choice img{width:38px;height:32px}.shelf-label{display:none}.coloring-shell:is(:fullscreen,.expanded-view) .paper-frame{max-width:min(100%,calc((100dvh - 482px)*1.5))}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choice{min-height:40px}.previous-drawings{margin:0 0 12px}}@media(max-width:370px){.drawing-choice{font-size:8px;padding:4px}.drawing-choice img{width:31px;height:29px}}@media(max-height:600px)and (min-width:600px){.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choice{min-height:36px;font-size:9px;padding:3px;gap:4px}.coloring-shell:is(:fullscreen,.expanded-view) .drawing-choice img{width:31px;height:25px}.coloring-shell:is(:fullscreen,.expanded-view) .paper-frame{max-width:min(100%,calc((100dvh - 211px)*1.5))}}