.cs-workshop{--paper:#fffcf4;--ink:#73675f;--cream:#fff2d3;--gold:#efbd61;--lemon:#ffdf83;--apricot:#efb782;--coral:#df8d79;--teal:#79b5a7;--mint:#c5e1d5;--lavender:#b5a7cd;--purple:#8d83ac;--brown:#b78862;z-index:100;color:#514c43;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#e6d4ec;font-family:Golos Text,sans-serif;position:fixed;inset:0;overflow:auto}.cs-workshop *,.cs-workshop :before,.cs-workshop :after{box-sizing:border-box}.cs-workshop button{font:inherit;cursor:pointer;touch-action:manipulation}.cs-workshop button:focus-visible,.cs-workshop input:focus-visible{outline-offset:5px;outline:3px solid #428d83}.cs-workshop button:disabled{cursor:wait;opacity:.5}.cs-grain{z-index:-1;pointer-events:none;background:#e6d4ec url(/games/contours-s/art/studio-landscape-v1.webp) 50%/cover no-repeat;position:fixed;inset:0}.cs-toolbar{align-items:center;gap:20px;height:92px;padding:20px 4vw;display:flex}.cs-brand{letter-spacing:.02em;align-items:center;gap:11px;font-size:14px;display:flex}.cs-brand-mark{color:#fffaf1;background:#df8d79;border-radius:45% 55% 49% 35%;place-items:center;width:31px;height:35px;font:800 28px Georgia,serif;display:grid;transform:rotate(-8deg)}.cs-controls{gap:10px;margin-left:auto;display:flex}.cs-icon-button{color:#625c51;background:#fffaf1b3;border:1px solid #d9d1c2;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:inline-grid}.cs-icon-button svg{width:21px;height:21px}.cs-help{font-size:24px!important;font-weight:600!important}.cs-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#8e8371;margin:0;font-size:11px;font-weight:800}.cs-intro{grid-template-columns:.9fr 1.2fr;align-items:center;gap:4vw;max-width:1380px;min-height:calc(100svh - 110px);margin:0 auto;padding:5vh 6vw 100px;display:grid;position:relative}.cs-intro h1{letter-spacing:-.065em;color:#4c574b;margin:22px 0 8px;font-size:clamp(64px,7.6vw,112px);font-weight:650;line-height:1}.cs-title-dot{color:#df8d79}.cs-subtitle{margin:18px 0 26px;font-size:clamp(21px,2.2vw,30px);font-weight:600}.cs-subtitle span{color:#a37542;background:#ecdfc0;border-radius:12px;place-items:center;width:43px;height:46px;margin-left:4px;font-weight:900;display:inline-grid;transform:rotate(5deg)}.cs-description{color:#827766;margin:0 0 32px;font-size:19px;line-height:1.65}.cs-primary{color:#fffdf5;background:#668f7b;border:0;border-radius:18px;justify-content:center;align-items:center;gap:40px;min-height:62px;padding:16px 26px;transition:transform .2s;display:inline-flex;box-shadow:0 5px #507562,0 12px 22px #53643c12;font-size:21px!important;font-weight:750!important}.cs-primary:active{transform:translateY(3px);box-shadow:0 2px #507562}.cs-primary svg{width:24px;height:24px}.cs-small{color:#978c7b;margin-top:26px;font-size:12px}.cs-intro-album{aspect-ratio:1.07;background:#fffdf7;border:1px solid #dfd6c5;border-radius:10px 30px 30px 10px;width:100%;position:relative;transform:rotate(4deg);box-shadow:-9px 3px #e9dfc9,-14px 7px #faf6ec,0 28px 55px #73633d22}.cs-intro-album:before{content:"";background:#eee4d4;width:1px;position:absolute;inset:0 auto 0 20px}.cs-album-tab{color:#574128;letter-spacing:.17em;background:#e8b96c;border-radius:2px;padding:14px 20px;font-size:10px;position:absolute;top:-14px;left:24%;transform:rotate(-7deg)}.cs-demo{text-align:center;width:45%;position:absolute;transform:rotate(-4deg)}.cs-demo .cs-art{width:100%;height:auto}.cs-demo span{color:#a0927f;font-size:14px;display:inline-block}.cs-demo-one{top:8%;left:4%}.cs-demo-two{top:15%;right:0}.cs-demo-two .cs-paint-circle{transform:scale(.39)}.cs-demo-three{width:47%;bottom:3%;left:26%}.cs-demo-three span{color:#6d9582}.cs-demo-line{fill:none;stroke:#ddc9a6;stroke-width:2px;stroke-dasharray:6 6;width:76%;position:absolute;bottom:39%;left:12%}.cs-paint-jars{gap:12px;display:flex;position:absolute;bottom:28px;right:5%;transform:rotate(-8deg)}.cs-paint-jars i{background:#d69983;border-top:9px solid #e8ddca;border-radius:8px 8px 14px 14px;width:44px;height:49px;box-shadow:inset -8px 0 #0000000b,0 7px 10px #75634e12}.cs-paint-jars i:nth-child(2){background:#8bb8a8;transform:translateY(-8px)}.cs-paint-jars i:nth-child(3){background:#b3a5c7}.cs-game{grid-template-rows:106px minmax(0,1fr) 96px;max-width:1200px;height:calc(100svh - 92px);margin:auto;padding:0 44px 16px;display:grid}.cs-page-heading{justify-content:space-between;align-items:center;gap:16px;padding:0 16px 12px;display:flex}.cs-page-heading h1{letter-spacing:-.025em;margin:8px 0 0;font-size:clamp(23px,2.7vw,35px);font-weight:650;line-height:1.2}.cs-page-heading .cs-eyebrow span{color:#c7bfae;margin:0 10px}.cs-drops{isolation:isolate;flex-shrink:0;gap:6px;display:flex;position:relative}.cs-drops svg{fill:#0000;stroke:#cbbfa9;stroke-width:1.4px;width:21px;height:28px}.cs-drops svg.is-filled{fill:var(--drop);stroke:var(--drop);transition:fill .6s}.cs-sheet{background:#fffcf4;border:1px solid #e5dbc8;border-radius:15px 24px 36px 13px;grid-template-rows:minmax(0,1fr) 96px;gap:8px;padding:12px 28px;display:grid;position:relative;box-shadow:0 5px #e7ddca,0 9px #fbf5e8,0 22px 40px #74634313}.cs-sheet:before{content:"";border-left:2px dotted #e4d9c5;position:absolute;top:5%;bottom:5%;left:14px}.cs-sheet-corner{background:linear-gradient(135deg,#f3ebdc 50%,#e9ddc6 51%,#fbf6e8 90%);border-radius:7px 0 30px;width:38px;height:38px;position:absolute;bottom:0;right:0}.cs-object{background:0 0;border:0;border-radius:28%;justify-content:center;align-items:center;min-width:0;min-height:0;padding:2px 4px 17px;display:flex;position:relative}.cs-object:nth-of-type(3n+1) .cs-object-inner{transform:rotate(-4deg)}.cs-object:nth-of-type(3n) .cs-object-inner{transform:rotate(3deg)}.cs-object-inner{grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:100%;min-width:0;max-width:250px;height:100%;min-height:0;display:grid;position:relative}.cs-art{width:100%;min-width:0;height:100%;min-height:0;max-height:100%;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.cs-art path,.cs-art circle,.cs-art ellipse{vector-effect:non-scaling-stroke}.cs-ink [fill]:not([fill=none]){fill:#fffcf4}.cs-ink .cs-detail{visibility:hidden}.cs-color .cs-detail{stroke-width:2.5px;opacity:.8}.cs-paint-circle{transform-origin:96px 104px}.cs-art.is-painting .cs-paint-circle{animation:1.15s cubic-bezier(.2,.65,.4,1) both cs-paint-spread}.cs-art.is-painting .cs-detail{animation:1.3s both cs-details}.cs-caption{text-align:center;color:#877963;font-size:15px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.cs-object-inner.is-reacting .cs-art{transform-origin:50% 80%;animation:.75s ease-in-out 1.05s cs-alive}.cs-object.is-painting .cs-art{animation-delay:1.1s}.cs-object-inner.is-reacting:not(.is-reveal) .cs-art{animation-delay:0s}.cs-object-inner.is-reacting .cs-wings{transform-origin:100px 85px;animation:.18s 1.1s 4 alternate cs-flutter}.cs-object-inner.is-reacting .cs-balance{transform-origin:100px 50px;animation:.5s 1.1s 2 alternate cs-balance}.cs-object-inner.is-reacting .cs-eyes{transform-box:fill-box;transform-origin:50%;animation:.4s 1.2s cs-blink}.cs-object-inner.is-reacting .cs-spin{transform-origin:100px 94px;animation:1s 1s cs-turn}.cs-object-inner.is-reacting .cs-continents{animation:1s 1s cs-globe}.cs-object-inner.is-reacting .cs-art-scooter,.cs-object-inner.is-reacting .cs-art-bus{animation-name:cs-roll}.cs-sparks{pointer-events:none;position:absolute;inset:10%}.cs-sparks i{opacity:0;background:#dbb665;border-radius:2px;width:7px;height:7px;animation:.9s .7s both cs-spark;position:absolute;top:20%;left:15%}.cs-sparks i:nth-child(2){background:#94bca8;animation-delay:.85s;top:10%;left:80%}.cs-sparks i:nth-child(3){animation-delay:1s;top:60%;left:90%}.cs-sparks i:nth-child(4){background:#b0a0c4;animation-delay:.9s;top:80%;left:12%}.cs-sparks i:nth-child(5){animation-delay:1.05s;top:90%;left:65%}.cs-page-bottom{justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 0;display:flex}.cs-footer-note{color:#9b8f7b;font-size:13px}.cs-sheet-number{color:#b9ad97;font-family:Georgia,serif;font-size:30px}.cs-finish-copy h2{color:#658a73;margin:4px 0;font-size:26px}.cs-finish-copy .cs-eyebrow{font-size:9px}.cs-finish-actions{align-items:center;gap:20px;display:flex}.cs-finish-actions .cs-primary{gap:16px;min-height:51px;padding:12px 20px;font-size:17px!important}.cs-complete .cs-sheet{animation:1s ease-out cs-celebrate}.cs-complete .cs-sheet:after{content:"";pointer-events:none;background:radial-gradient(circle at 12% 18%,#efbd61 0 3px,#0000 4px),radial-gradient(circle at 87% 25%,#b5a7cd 0 4px,#0000 5px),radial-gradient(circle at 57% 80%,#79b5a7 0 3px,#0000 4px);animation:1.7s both cs-spark;position:absolute;inset:4%}.cs-adult-dialog{color:#5a5349;background:#fffbf2;border:1px solid #ded3bf;border-radius:25px;width:min(620px,100% - 28px);max-height:calc(100svh - 32px);padding:26px 32px;font-family:inherit;box-shadow:0 28px 90px #403a3433}.cs-dialog-backdrop::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4a42376b}.cs-dialog-top{justify-content:space-between;align-items:center;display:flex}.cs-adult-dialog h2{margin:10px 0 18px;font-size:27px;line-height:1.2}.cs-adult-dialog p:not(.cs-eyebrow){font-size:15px;line-height:1.65}.cs-dialog-note{color:#8d816e;font-size:13px!important}.cs-label-toggle{border-block:1px solid #e9dfce;justify-content:space-between;align-items:center;gap:15px;margin:22px 0;padding:18px 0;font-size:15px;display:flex}.cs-label-toggle input{accent-color:#668f7b;width:24px;height:24px}.cs-sheet-choices{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cs-sheet-choices button{color:#665c4c;text-align:left;background:#f5efdf;border:1px solid #ded3bf;border-radius:13px;min-height:119px;padding:12px}.cs-sheet-choices button.is-selected{background:#e8eee0;border:2px solid #7fa38e}.cs-sheet-choices span{color:#a98e67;margin-bottom:10px;font:25px Georgia,serif;display:block}.cs-sheet-choices strong{font-size:13px;display:block}.cs-sheet-choices small{color:#998974;margin-top:5px;font-size:10px;display:block}.cs-dialog-actions{flex-direction:column;gap:14px;margin-top:24px;display:flex}.cs-secondary{color:#5e806a;background:#edf0e4;border:1px solid #c6d3c0;border-radius:12px;padding:14px;font-weight:700!important}.cs-text-button{color:#877763;text-underline-offset:4px;background:0 0;border:none;min-height:44px;padding:12px 4px;text-decoration:underline;font-size:14px!important}.cs-gate{color:#5a5349;background:#fffaf0;border-radius:22px;max-width:420px;padding:28px}.cs-gate h2{font-size:36px}.cs-gate form{gap:12px;display:grid}.cs-gate input{border:1px solid #cfc0a7;border-radius:10px;padding:12px}.cs-gate form>div{flex-wrap:wrap;gap:12px;display:flex}.cs-gate .cs-primary{gap:10px;min-height:48px;font-size:16px!important}.cs-gate-error{color:#9f5341;font-size:13px}.cs-paused *,.cs-paused :before,.cs-paused :after{animation-play-state:paused!important}@keyframes cs-paint-spread{0%{transform:scale(0)}35%{transform:scale(.26)}70%{transform:scale(.68)}to{transform:scale(1)}}@keyframes cs-details{0%,60%{opacity:0}to{opacity:.8}}@keyframes cs-alive{0%,to{transform:rotate(0)translateY(0)}35%{transform:rotate(-4deg)translateY(-5px)}70%{transform:rotate(3deg)}}@keyframes cs-roll{0%,to{transform:translate(0)}40%{transform:translate(13px)rotate(-2deg)}}@keyframes cs-flutter{to{transform:scaleY(.7)}}@keyframes cs-balance{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes cs-blink{45%{transform:scaleY(.1)}}@keyframes cs-turn{to{transform:rotate(75deg)}}@keyframes cs-globe{50%{transform:translate(5px)}}@keyframes cs-spark{0%,to{opacity:0;transform:scale(.4)rotate(-20deg)}40%{opacity:.85;transform:scale(1)rotate(50deg)}75%{opacity:.3;transform:translateY(-9px)scale(.7)}}@keyframes cs-celebrate{40%{transform:translateY(-4px)rotate(.4deg)}}@media (max-width:760px){.cs-toolbar{gap:12px;height:74px;padding:12px 20px}.cs-brand{gap:8px;font-size:12px}.cs-brand-mark{width:26px;height:29px;font-size:23px}.cs-controls{gap:7px}.cs-icon-button{width:44px;height:44px}.cs-fullscreen{display:none}.cs-intro{grid-template-columns:1fr 1fr;gap:22px;min-height:calc(100svh - 74px);padding:4vh 5vw 65px}.cs-intro h1{font-size:64px}.cs-intro .cs-eyebrow{font-size:9px}.cs-description{font-size:16px}.cs-subtitle{font-size:20px}.cs-small{max-width:200px;line-height:1.5}.cs-demo span{font-size:11px}.cs-album-tab{padding:9px;font-size:8px}.cs-game{grid-template-rows:100px minmax(0,1fr) 120px;height:calc(100svh - 74px);padding:0 20px 14px}.cs-sheet{gap:12px;padding:20px}.cs-page-heading{padding-inline:4px}.cs-page-heading h1{font-size:26px}.cs-eyebrow{font-size:9px}.cs-finish-copy h2{font-size:20px}.cs-finish-copy .cs-eyebrow{max-width:190px;line-height:1.5;display:block}.cs-finish-actions{flex-direction:column;gap:6px}.cs-finish-actions .cs-primary{gap:10px;font-size:15px!important}.cs-finish-actions .cs-text-button{min-height:44px;padding:4px;font-size:12px!important}}@media (max-width:540px){.cs-brand>span:last-child{display:none}.cs-toolbar{height:66px;padding:10px 18px}.cs-brand{margin-right:auto}.cs-controls{margin-left:0}.cs-intro{flex-direction:column;gap:28px;min-height:calc(100svh - 66px);padding:10px 24px 50px;display:flex}.cs-intro-copy{text-align:center}.cs-intro h1{margin:15px 0 0;font-size:clamp(54px,19vw,70px)}.cs-subtitle{margin:12px 0;font-size:21px}.cs-subtitle span{width:33px;height:36px}.cs-description{margin:10px 0 18px;font-size:15px}.cs-description br{display:none}.cs-intro .cs-primary{gap:50px;min-height:53px;padding:12px 25px}.cs-small{max-width:none;margin:18px auto 0;font-size:10px}.cs-intro-album{aspect-ratio:1.35;max-width:285px}.cs-demo-one{top:4%}.cs-demo-two{top:8%}.cs-demo-three{width:39%;bottom:2%;left:34%}.cs-demo span{font-size:9px}.cs-demo-line{bottom:31%}.cs-paint-jars{gap:7px;bottom:10px;right:7%}.cs-paint-jars i{border-top-width:5px;width:24px;height:29px}.cs-game{grid-template-rows:98px minmax(0,1fr) 120px;height:calc(100svh - 66px);padding:0 14px 12px}.cs-page-heading{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding-bottom:10px}.cs-page-heading h1{margin-top:5px;font-size:23px}.cs-page-heading p:not(.cs-eyebrow){font-size:13px;display:inline}.cs-page-heading .cs-eyebrow span{margin:0 4px}.cs-drops{gap:3px;position:absolute;top:144px;right:21px}.cs-drops svg{width:13px;height:18px}.cs-sheet{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 13px;padding:12px 15px 14px 20px}.cs-sheet:before{left:9px}.cs-object{padding-bottom:14px}.cs-caption{font-size:12px}.cs-art{stroke-width:2.2px}.cs-page-bottom{padding:12px 3px 0}.cs-footer-note{font-size:11px}.cs-finish-copy h2{max-width:155px;font-size:18px;line-height:1.2}.cs-finish-copy .cs-eyebrow{max-width:150px;font-size:7px}.cs-finish-actions .cs-primary{border-radius:13px;min-height:45px;padding:10px 12px;font-size:13px!important}.cs-finish-actions .cs-primary svg{width:18px}.cs-adult-dialog{padding:20px}.cs-adult-dialog h2{font-size:24px}.cs-sheet-choices{gap:6px}.cs-sheet-choices button{padding:8px}.cs-sheet-choices strong{font-size:11px}.cs-sheet-choices small{font-size:9px}}@media (max-height:550px) and (min-width:541px){.cs-toolbar{height:58px;padding-block:8px}.cs-game{grid-template-rows:66px minmax(0,1fr) 70px;height:calc(100svh - 58px)}.cs-page-heading h1{font-size:21px}.cs-page-heading p:not(.cs-eyebrow){font-size:12px}.cs-sheet{gap:4px;padding:8px 25px}.cs-caption{font-size:11px}.cs-finish-copy h2{font-size:19px}.cs-intro{min-height:calc(100svh - 58px);padding-block:15px}.cs-intro-album{max-height:290px}.cs-intro h1{font-size:65px}.cs-description{margin-bottom:15px}.cs-small{margin-top:16px}.cs-subtitle{margin:12px 0}}@media (prefers-reduced-motion:reduce){.cs-workshop *,.cs-workshop :before,.cs-workshop :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.cs-art.is-painting .cs-paint-circle,.cs-art.is-painting .cs-detail{animation:none!important}}.cs-dialog-backdrop{background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:16px;position:fixed;inset:0}.cs-dialog-backdrop[open]{place-items:center;display:grid}.cs-dialog-backdrop .cs-adult-dialog{width:min(620px,100%)}.cs-workshop h1,.cs-workshop h2{font-family:Golos Text,sans-serif}.cs-adult-dialog h2{letter-spacing:-.025em;font-weight:700}.cs-object-inner.is-reacting:not(.is-reveal) :is(.cs-wings,.cs-balance,.cs-eyes,.cs-spin,.cs-continents,.cs-sparks i){animation-delay:0s}@media (max-height:550px) and (min-width:541px){.cs-finish-actions{flex-direction:row}.cs-page-bottom{padding-top:6px}}.cs-puzzle-wrap{place-items:center;min-width:0;min-height:0;display:grid;position:relative}.cs-puzzle{width:100%;height:100%;min-height:0;overflow:visible}.cs-tangled-ink{fill:none;stroke:var(--ink);stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.cs-tangled-ink *{vector-effect:non-scaling-stroke;fill:none!important;stroke:var(--ink)!important;stroke-width:1.65px!important}.cs-tangled-ink .cs-detail,.cs-contour-hit .cs-detail{display:none}.cs-contour{cursor:pointer;touch-action:manipulation;outline:none}.cs-contour:focus-visible .cs-tangled-ink *{stroke:#44877b!important;stroke-width:3px!important}.cs-contour-hit *{vector-effect:non-scaling-stroke;pointer-events:stroke;fill:none!important;stroke:#0000!important;stroke-width:16px!important}.cs-contour-hit .cs-detail *{pointer-events:none}.cs-collection{border-top:1px solid #e9dfce;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-height:0;padding-top:8px;display:grid}.cs-collection .cs-object{padding:0 2px 16px}.cs-collection .cs-caption{font-size:12px;font-weight:500}.cs-empty-slot{place-items:center;min-width:0;display:grid}.cs-empty-slot i{background:#ddd1bc;border-radius:50%;width:6px;height:6px}.cs-discovery{pointer-events:none;z-index:1;width:min(80%,360px);height:95%;margin:auto;position:absolute;inset:0}.cs-discovery:before{content:"";background:radial-gradient(#fffcf4 40%,#fffcf4ec 57%,#fffcf400 72%);border-radius:50%;position:absolute;inset:-12%}.cs-discovery .cs-object-inner{max-width:none}.is-discovering .cs-puzzle{opacity:.22;transition:opacity .25s}.cs-sheet.cs-sheet-finished{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 28px;padding:16px 30px}.cs-intro-puzzle{opacity:.65;width:92%;height:92%;margin:4%}.cs-demo-found{background:radial-gradient(#fffaf1 40%,#fffaf100 70%);border-radius:50%;width:42%;height:45%;position:absolute;bottom:4%;right:-5%;transform:rotate(-9deg)}.cs-album-caption{color:#796653;font:italic 14px Georgia,serif;position:absolute;bottom:5%;left:10%}@media (min-width:900px){.cs-sheet:not(.cs-sheet-finished){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 130px}.cs-collection{border-top:0;border-left:1px solid #e9dfce;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));padding:0 0 0 12px}}@media (max-width:760px){.cs-sheet{grid-template-rows:minmax(0,1fr) 85px;grid-template-columns:minmax(0,1fr);padding:12px 20px}.cs-art{stroke-width:1.7px}}@media (max-width:540px){.cs-sheet{grid-template-rows:minmax(0,1fr) 68px;grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 12px 8px 16px}.cs-collection{gap:2px}.cs-collection .cs-caption{font-size:8px}.cs-collection .cs-object{padding-inline:0}.cs-sheet.cs-sheet-finished{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding:12px 20px}.cs-tangled-ink,.cs-tangled-ink *{stroke-width:1.4px!important}.cs-album-caption,.cs-page-heading p:not(.cs-eyebrow){font-size:11px}}@media (max-height:550px) and (min-width:541px){.cs-sheet:not(.cs-sheet-finished){grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 180px;padding:4px 24px}.cs-collection{border-top:0;border-left:1px solid #e9dfce;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));padding:0 0 0 12px}.cs-sheet.cs-sheet-finished{padding:6px 25px}}@media (max-width:540px){.cs-game{grid-template-rows:98px minmax(0,1fr) 80px}.cs-complete .cs-game{grid-template-rows:98px minmax(0,1fr) 120px}.cs-sheet:not(.cs-sheet-finished){grid-template-rows:minmax(0,1fr) 106px}.cs-collection{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.cs-collection .cs-caption{font-size:10px}.cs-collection .cs-object{padding-bottom:12px}}.cs-illustrated-drawing .cs-drawing-wash{stroke:none!important}.cs-drawing-ink path,.cs-ink .cs-drawing-ink path{fill:var(--ink);stroke-width:.3px;stroke:var(--ink)!important}.cs-ink .cs-drawing-wash{fill:none}.cs-tangled-ink .cs-drawing-wash,.cs-contour-hit .cs-drawing-wash{display:none}.cs-tangled-ink .cs-drawing-ink path{fill:var(--ink)!important;stroke:var(--ink)!important;stroke-width:.3px!important}.cs-contour-hit .cs-drawing-ink path{pointer-events:stroke;fill:none!important;stroke:#0000!important;stroke-width:16px!important}.cs-contour:focus-visible .cs-tangled-ink .cs-drawing-ink path{fill:#44877b!important;stroke:#44877b!important;stroke-width:1px!important}.cs-color .cs-eyes{transform-box:fill-box}.cs-ink .cs-drawing-ink path{fill:var(--ink)!important}@media (max-aspect-ratio:4/5){.cs-grain{background-image:url(/games/contours-s/art/studio-portrait-v1.webp)}}.cs-icon-button{background:#fffaf3f2;border-color:#fffaf3;box-shadow:0 3px #a593b966}.cs-brand{color:#57485f;text-shadow:0 1px 3px #fffaf3}.cs-workshop .cs-eyebrow,.cs-description,.cs-small,.cs-page-heading p:not(.cs-eyebrow){color:#67596f}.cs-footer-note{color:#4f445c;text-shadow:0 1px 3px #fffaf3}.cs-sheet-number{color:#67536e}.cs-finish-copy h2{color:#3e5d49;text-shadow:0 1px 3px #fffaf3}.cs-drops svg:not(.is-filled){stroke:#725b7f}.cs-paint-jars{display:none}.cs-intro-copy,.cs-page-heading>div:first-child{isolation:isolate;position:relative}.cs-intro-copy:before,.cs-page-heading>div:first-child:before,.cs-drops:before{content:"";z-index:-1;pointer-events:none;background:#fffaf3ed;position:absolute}.cs-intro-copy:before{border-radius:30px;inset:-24px;box-shadow:0 10px 32px #75598512}.cs-page-heading>div:first-child:before{border-radius:18px;inset:-8px -12px}.cs-drops:before{border-radius:30px;inset:-6px -10px}@media (max-width:540px){.cs-intro-copy:before{inset:-10px -12px}}.cs-game{grid-template-rows:80px minmax(0,1fr) 52px;max-width:1480px;padding:0 24px 12px}.cs-page-heading{padding-bottom:10px}.cs-page-heading h1{margin-top:3px;font-size:29px}.cs-page-heading p:not(.cs-eyebrow){font-size:14px}.cs-sheet:not(.cs-sheet-finished){grid-template:minmax(0,1fr)/minmax(0,1fr) 190px;gap:12px;padding:12px 20px}.cs-contour-shadow{--ink:#aaa196;opacity:.8}.cs-contour-shadow,.cs-contour-shadow *{pointer-events:none!important}.cs-word-list{border-left:1px solid #e9dfce;grid-template-rows:repeat(6,minmax(44px,1fr));align-self:stretch;gap:4px;min-width:0;min-height:0;margin:0;padding:8px 0 8px 12px;list-style:none;display:grid}.cs-word-list li{border-radius:12px;align-items:center;min-width:0;min-height:0;display:flex}.cs-word-pending,.cs-word-button{align-items:center;gap:10px;width:100%;min-height:44px;padding:0 4px;display:flex}.cs-word-name{color:#64594d;font-size:17px;font-weight:650}.cs-word-marker{flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.cs-word-marker:before{content:"";border:1.5px solid #b8ad9c;border-radius:50%;width:9px;height:9px}.cs-word-button.cs-object{border-radius:12px;justify-content:flex-start;height:100%}.cs-word-button .cs-object-inner{flex-shrink:0;width:44px;height:48px;transform:none}.cs-word-button .cs-word-name{color:#496c59}.cs-word-check{color:#496c59;margin-left:auto;font-size:17px}.cs-word-list .is-found{background:#eaf0e4}.cs-page-bottom{padding-top:8px}.cs-finish-copy h2{font-size:20px}.cs-sheet-choices{margin-top:22px}@media (max-width:899px) and (min-height:551px){.cs-sheet:not(.cs-sheet-finished){grid-template:minmax(0,1fr) 96px/minmax(0,1fr);gap:6px;padding:10px 14px}.cs-word-list{border-top:1px solid #e9dfce;border-left:0;grid-template:repeat(2,minmax(44px,1fr))/repeat(3,minmax(0,1fr));gap:3px 6px;padding:4px 0 0}.cs-word-pending,.cs-word-button{gap:4px}.cs-word-name{font-size:14px}.cs-word-marker{width:24px;height:30px}.cs-word-button .cs-object-inner{width:30px;height:36px}.cs-word-check{font-size:13px}}@media (max-width:540px){.cs-game{grid-template-rows:82px minmax(0,1fr) 32px;padding:0 8px 8px}.cs-complete .cs-game{grid-template-rows:82px minmax(0,1fr) 110px}.cs-page-heading{gap:3px;padding:0 10px 10px}.cs-page-heading h1{font-size:25px}.cs-page-heading .cs-eyebrow{letter-spacing:.07em;font-size:8px}.cs-page-heading p:not(.cs-eyebrow){font-size:12px}.cs-drops{top:99px;right:21px}.cs-sheet:not(.cs-sheet-finished){padding:8px 7px 6px 12px}.cs-sheet:before{left:5px}.cs-word-list{column-gap:3px}.cs-word-name{font-size:12px}.cs-word-marker{width:18px}.cs-word-button .cs-object-inner{width:24px;height:30px}.cs-word-pending,.cs-word-button{gap:2px;padding-inline:2px}.cs-word-check{font-size:11px}.cs-page-bottom{padding:4px 8px 0}.cs-footer-note{margin:0}.cs-sheet-number{font-size:20px}.cs-finish-copy h2{font-size:18px}}@media (max-height:550px) and (min-width:541px){.cs-game{grid-template-rows:58px minmax(0,1fr) 58px;padding-inline:18px}.cs-page-heading h1{font-size:21px}.cs-page-heading p:not(.cs-eyebrow){font-size:12px}.cs-sheet:not(.cs-sheet-finished){grid-template:minmax(0,1fr)/minmax(0,1fr) 220px;gap:8px;padding:4px 16px}.cs-word-list{grid-template:repeat(3,minmax(44px,1fr))/repeat(2,minmax(0,1fr));gap:4px;padding:0 0 0 8px}.cs-word-name{font-size:12px}.cs-word-pending,.cs-word-button{gap:2px;padding:0 2px}.cs-word-marker{width:18px}.cs-word-button .cs-object-inner{width:24px;height:30px}.cs-word-check{font-size:11px}.cs-finish-copy h2{font-size:18px}}.cs-sheet-nav{gap:6px;margin-right:auto;display:flex}.cs-sheet-nav button{color:#51465b;background:#fffaf373;border:1px solid #fffaf380;border-radius:50%;width:44px;height:44px;padding:0;font-size:17px;font-weight:650}.cs-sheet-nav button[aria-pressed=true]{color:#fffdf5;background:#507562;border-color:#507562}.cs-workshop .cs-intro h1{font-family:var(--font-display,Georgia), serif, serif;letter-spacing:-.025em;margin:0 0 26px;font-size:clamp(58px,7vw,88px);font-weight:600;line-height:1.05}.cs-title-sound{letter-spacing:0;margin-top:14px;font-family:Golos Text,sans-serif;font-size:clamp(21px,2.3vw,28px);font-weight:500;line-height:1.3;display:block}.cs-intro-copy:before{box-shadow:none;background:#fffaf380}.cs-intro .cs-description{color:#51465b;max-width:320px;font-size:18px;line-height:1.55}.cs-game{grid-template-rows:48px minmax(0,1fr) 52px}.cs-page-heading{flex-direction:row;align-items:center;gap:12px;padding:0 4px 10px}.cs-page-heading p:not(.cs-eyebrow){color:#51465b;margin:0;font-size:14px}.cs-page-heading>div:first-child:before,.cs-drops:before{background:#fffaf380}.cs-drops{position:relative;top:auto;right:auto}.cs-page-heading .cs-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cs-finish-copy h2{max-width:none}@media (max-width:760px){.cs-toolbar{gap:10px}.cs-sheet-nav{gap:4px}.cs-intro .cs-description{font-size:16px}}@media (max-width:540px){.cs-toolbar{gap:8px;padding-inline:14px}.cs-controls{gap:6px;margin-left:0}.cs-workshop .cs-intro h1{margin:0 0 20px;font-size:62px}.cs-title-sound{margin-top:8px;font-size:22px}.cs-intro-copy:before{inset:-14px -16px}.cs-intro .cs-description{max-width:250px;margin:0 auto 22px}.cs-game{grid-template-rows:48px minmax(0,1fr) 32px}.cs-complete .cs-game{grid-template-rows:48px minmax(0,1fr) 80px}.cs-page-heading p:not(.cs-eyebrow){font-size:11px}.cs-page-heading{gap:8px;padding-inline:6px}.cs-finish-copy h2{font-size:18px}}@media (max-height:550px) and (min-width:541px){.cs-game{grid-template-rows:38px minmax(0,1fr) 58px}.cs-workshop .cs-intro h1{margin-bottom:18px;font-size:60px}.cs-title-sound{margin-top:8px;font-size:21px}.cs-intro .cs-description{margin-bottom:20px;font-size:15px}}.cs-finale{place-items:center;height:calc(100svh - 92px);padding:12px 28px 32px;display:grid}.cs-finale-card{isolation:isolate;background:#fffaf3b3;border:1px solid #fffaf380;border-radius:40px;grid-template-rows:auto minmax(0,1fr);gap:20px;width:min(100%,980px);height:100%;min-height:0;max-height:780px;padding:38px 44px 28px;display:grid;position:relative}.cs-workshop .cs-finale h1{text-align:center;color:#496c59;outline:none;margin:0;padding:0 12px;font-size:clamp(24px,3vw,34px);font-weight:550;line-height:1.35;position:relative}.cs-finale h1 span{font-family:var(--font-display,Georgia),serif;letter-spacing:-.025em;margin-bottom:8px;font-size:clamp(72px,10vw,112px);font-weight:600;line-height:1;display:block}.cs-finale-pictures{grid-template:repeat(2,minmax(0,1fr))/repeat(3,minmax(0,1fr));gap:14px 24px;min-width:0;min-height:0;display:grid}.cs-finale .cs-object{padding:6px 8px 24px}.cs-finale .cs-caption{color:#64594d}.cs-finale-stars{z-index:-1;pointer-events:none;position:absolute;inset:12px 24px}.cs-finale-stars svg{width:24px;height:24px;left:calc(2% + var(--star)*11%);fill:#e9b55b;animation:.8s ease-out both cs-finale-star;animation-delay:calc(var(--star)*45ms);position:absolute;top:8px;transform:rotate(-12deg)}.cs-finale-stars svg:nth-child(2n){fill:#9b8ab7;width:18px;height:18px;top:27%;transform:rotate(16deg)}.cs-finale-stars svg:nth-child(3n){fill:#71a393;top:58%}.cs-finale-stars svg:nth-child(4n){fill:#df8d79;top:90%}@keyframes cs-finale-star{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}@media (max-width:760px){.cs-finale{height:calc(100svh - 74px);padding:10px 18px 24px}.cs-finale-card{gap:20px;padding:36px 24px 22px}}@media (max-width:540px){.cs-finale{height:calc(100svh - 66px);padding:8px 12px 20px}.cs-finale-card{border-radius:30px;gap:18px;padding:32px 18px 22px}.cs-workshop .cs-finale h1{padding:0;font-size:23px}.cs-finale h1 span{margin-bottom:10px;font-size:76px}.cs-finale-pictures{grid-template:repeat(3,minmax(0,1fr))/repeat(2,minmax(0,1fr));gap:14px 18px}.cs-finale .cs-object{padding:4px 6px 18px}.cs-finale-stars{inset:10px 12px}.cs-finale-stars svg{width:18px;height:18px}}@media (max-height:550px) and (min-width:541px){.cs-finale{height:calc(100svh - 58px);padding:6px 24px 18px}.cs-finale-card{border-radius:28px;grid-template:minmax(0,1fr)/.85fr 1.4fr;align-items:center;gap:24px;padding:20px 28px}.cs-workshop .cs-finale h1{font-size:24px}.cs-finale h1 span{margin-bottom:12px;font-size:80px}.cs-finale-pictures{gap:8px 14px;height:100%}.cs-finale .cs-object{padding:2px 4px 18px}}
