@font-face{font-family:Manrope;src:url(/assets/fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:NotoJP;src:url(/assets/fonts/notosansjp.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--paper:#faf8f0;--ink:#272820;--muted:#727367;--line:#e5e3d8;--purple:#786bc7;--lavender:#aaa3e7;--coral:#ed7054;--yellow:#ecd956;--green:#8c9a68;--white:#fffefa;font-family:Manrope,NotoJP,sans-serif;color:var(--ink);font-size:16px;line-height:1.75;background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,input,summary{touch-action:manipulation}a{color:inherit}svg{display:block}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--purple);outline-offset:5px}button:disabled{opacity:.52}[hidden]{display:none!important}.skip{position:fixed;top:10px;left:10px;transform:translateY(-180%);z-index:20;background:var(--ink);color:#fff;padding:12px 20px;border-radius:8px}.skip:focus{transform:none}.header{max-width:1296px;margin:auto;height:102px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 29px/1.1 Manrope,sans-serif;letter-spacing:-1.5px}.brand svg{width:38px;height:38px;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.brand-accent{stroke:var(--coral)}.brand-dot{color:var(--coral)}.header nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:550}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.header nav button{border:1px solid var(--line);border-radius:30px;padding:8px 14px;min-width:65px;font-size:13px;background:#fff8}.header nav button span{margin-left:7px;font-size:15px}.header nav button:hover{border-color:var(--purple)}main{max-width:1296px;margin:auto;padding:0 48px}.studio{padding-top:52px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px;align-items:start;min-height:650px}.intro{min-width:0}.intro h1{font-size:clamp(36px,4vw,52px);line-height:1.55;font-weight:740;letter-spacing:-1.8px}.title-line{position:relative;white-space:nowrap}.intro-copy{margin-top:22px;font-size:16px;line-height:1.95;color:#63665b}.hero-illustration{margin:6px -38px 0;height:292px;position:relative}.hero-illustration .art{width:100%;height:100%;overflow:visible;touch-action:manipulation}.pc-entry{display:grid;grid-template-columns:23px 1fr;column-gap:10px;align-items:center;margin-top:15px;font-size:13px;line-height:1.75;color:var(--muted)}.pc-entry svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.25;grid-row:span 2}.pc-entry button{grid-column:2;text-align:left;padding:5px 0;width:fit-content;font-size:13px;text-decoration:underline;text-decoration-color:#72736755;text-underline-offset:5px}.pc-entry button:hover{color:var(--purple)}.workbench{position:relative;background:var(--white);border:1px solid #e5e3d7;border-radius:24px;padding:26px 30px 28px;box-shadow:0 3px #eeeade80,0 14px 40px #27282005;min-width:0}.bench-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;font-size:12px;color:var(--muted)}.bench-word{line-height:1.7}.step{flex:none;font:500 12px/1.4 Manrope,sans-serif;color:#858776;display:flex;gap:8px;align-items:center}.step-divider{opacity:.45}#step-no{color:var(--ink);font-weight:750}.pick-heading h2{font-size:24px;font-weight:650;letter-spacing:-.6px}.drop-area{text-align:center;margin-top:11px;padding:0 0 8px;border-radius:14px;transition:background .2s,box-shadow .2s}.drop-area.dragging{background:#ede8ff;box-shadow:0 0 0 2px var(--purple)}.upload-symbol{height:126px;display:grid;place-items:center}.upload-symbol svg{width:151px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;overflow:visible;transform:rotate(-3deg);transition:transform .45s cubic-bezier(.22,1,.36,1)}.upload-symbol .photo-paper{fill:#f3f0df;stroke:#555b48;stroke-width:1.2}.symbol-accent{stroke:var(--coral);stroke-width:2}.drop-area:hover .upload-symbol svg{transform:rotate(3deg) translateY(-3px)}.primary{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:14px 22px;color:#fff;background:var(--ink);border-radius:16px;text-decoration:none;font-size:16px;font-weight:650;text-align:left;transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s,box-shadow .2s;box-shadow:0 3px #0a0c0515}.primary>span{font:500 25px/1 Manrope,sans-serif;transition:transform .3s cubic-bezier(.22,1,.36,1)}.primary:not(:disabled):hover{background:#424735;transform:translateY(-2px);box-shadow:0 6px #0a0c050b}.primary:not(:disabled):hover>span{transform:translate(2px,-2px)}.primary:not(:disabled):active{transform:translateY(0);box-shadow:none}.primary:disabled{opacity:1;background:#eeede5;color:#919486;box-shadow:none}.drop-copy{font-size:13px;color:var(--muted);margin-top:15px;line-height:1.7}.file-type{display:block;font-size:12px;color:#888b7d;margin-top:7px}.local-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#74796b;font-size:12px;margin:14px 0 23px;line-height:1.7}.local-note svg{width:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4}.sample-row{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border-top:1px solid var(--line);padding:18px 0 0}.sample-row #mini-art{height:65px;width:65px;flex:none;border-radius:50%;background:#f0f0e7;display:grid;place-items:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}#mini-art svg{width:53px;height:53px}.sample-row:hover #mini-art{transform:rotate(-6deg) scale(1.04)}.sample-row strong{display:block;font-size:14px;font-weight:600}.sample-row small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.sample-arrow{margin-left:auto;font-size:24px}.text-button{font-size:13px;padding:9px 0;color:#636a56;line-height:1.65;text-decoration:underline;text-decoration-color:#636a5635;text-underline-offset:5px}.text-button:hover{color:var(--purple)}.resume{display:block;margin-top:13px}.notice{background:#fff1e8;padding:14px 16px;font-size:14px;border-radius:12px;margin-bottom:18px;color:#8b4b38}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.panel-heading h2{font-size:28px;line-height:1.55;font-weight:660;letter-spacing:-.7px}.tiny-label{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.panel-heading:not(.result-heading){display:block}.selected-image{height:330px;background:#f2f1e9;padding:18px;border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center}.selected-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:3px}.image-corners{position:absolute;inset:12px;border:1px solid #e3e1d3;pointer-events:none;border-radius:8px}.selected-actions{display:flex;justify-content:space-between;margin:9px 0 16px}.quiet-copy{font-size:13px;line-height:1.85;color:var(--muted);margin-top:16px}.wide{width:100%}.making{height:240px;position:relative;border-radius:17px;background:#f5f2e9;margin:24px 0 22px;display:grid;place-items:center;overflow:hidden}.making-shape svg{width:220px;max-width:100%}.wait-petal{transform-origin:128px 107px;animation:petal 6s ease-in-out infinite}.wait-petal>path:first-child{fill:var(--coral)}.petal-ink{fill:#f5f2e9;stroke:var(--ink);stroke-width:1.3}.wait-thread{fill:none;stroke:var(--ink);stroke-width:2.3;stroke-linecap:round;stroke-dasharray:600;animation:trace 5s ease-in-out infinite}.wait-leaf{fill:var(--yellow);stroke:var(--ink);stroke-width:1}.wait-leaf-vein{fill:none;stroke:var(--ink);stroke-width:1}.making-shape{pointer-events:none}#growing-art{position:absolute;inset:10px}#growing-art svg{width:100%;height:100%}.process-steps{list-style:none;display:flex;gap:0;margin:0;padding:0;font-size:12px}.process-steps li{width:25%;color:#8d9082;padding-top:10px;position:relative;border-top:2px solid #e4e3d8;text-align:center;transition:color .2s,border-color .2s}.process-steps li.active{color:var(--ink);border-color:var(--coral);font-weight:650}.process-steps li.done{border-color:#a2ad8e;color:#717e5d}.wait-copy{font-size:13px;color:#6e7762;line-height:1.8;min-height:47px;margin:19px 0 17px}#cancel{display:block;margin-top:7px}#show-result:not(:disabled){background:var(--purple)}body.in-work .intro{display:none}body.in-work .studio{display:block;max-width:960px;margin:auto;padding-top:28px;min-height:0}body[data-view=upload] .studio,body[data-view=wait] .studio{max-width:580px}body.in-work .workbench{padding:28px 32px 32px}.result-heading{margin-bottom:27px}.done-stamp{height:62px;width:62px;flex:none;transform:rotate(7deg)}.done-stamp svg{width:100%;height:100%}.stamp-shape{fill:#e6e7cf}.stamp-check{fill:none;stroke:#556149;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.result-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:30px;align-items:start}.result-art{height:380px;border-radius:17px;overflow:hidden;border:1px solid #efeee4;background:#fff;display:grid;place-items:center;padding:20px}.result-art svg{height:100%;width:100%;overflow:visible}.canvas-caption{display:flex;justify-content:space-between;gap:14px;font-size:11px;line-height:1.7;color:#858a7c;margin:12px 1px}.canvas-caption span:first-child{flex:none;color:#666e59}.tone-switch{display:flex;gap:3px;padding:5px;border-radius:13px;background:#eeede6}.tone-switch button{width:50%;font-size:13px;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 5px;border-radius:9px;white-space:nowrap;transition:background .2s,box-shadow .2s}.tone-switch button[aria-pressed=true]{background:#fffefa;box-shadow:0 2px 4px #27282008;color:#272820}.tone-switch button[aria-pressed=false]{color:#747a6b}.mono-dot,.color-dot{height:11px;width:11px;border-radius:50%;display:block;flex:none}.mono-dot{background:linear-gradient(90deg,#373b30 50%,#c4c6bc 50%)}.color-dot{background:conic-gradient(var(--coral) 0 33%,var(--yellow) 33% 66%,var(--lavender) 66%)}.width-control{display:grid;grid-template-columns:1fr auto;margin:27px 1px 25px;align-items:center}.width-control label{font-size:14px;font-weight:550}.width-control output{font:750 19px/1.5 Manrope,sans-serif;font-variant-numeric:tabular-nums}.width-control input{grid-column:1/-1;width:100%;margin:20px 0 15px;appearance:none;-webkit-appearance:none;height:4px;border-radius:5px;background:linear-gradient(90deg,var(--purple) 37.14%,#dedfd3 37.14%);cursor:pointer}.width-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;background:var(--purple);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c4beda}.width-control input::-moz-range-thumb{width:15px;height:15px;background:var(--purple);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c4beda}.width-control p{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.75}.width-control button{grid-column:1/-1;justify-self:start;font-size:12px;color:#7d729e;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#7d729e44;padding:8px 0 0}#desmos{background:var(--purple)}#desmos:hover{background:#685cba}.desmos-note{font-size:12px;color:#7a8070;margin:12px 0 0;line-height:1.8}.result-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;flex-wrap:wrap}.result-actions button{font-size:12px;color:#58614c;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#58614c44;padding:5px 0}.result-actions button:hover{color:var(--purple)}.publish-details{border-top:1px solid var(--line);margin-top:22px;font-size:12px;color:#767d6b}.publish-details summary{cursor:pointer;padding:13px 0;list-style:none}.publish-details summary:after{content:"\ff0b";float:right;color:#808572}.publish-details[open] summary:after{content:"\2212"}.publish-details p{line-height:1.85;padding-bottom:8px}.publish-details summary::-webkit-details-marker{display:none}.result-new .done-stamp{animation:stamp .65s cubic-bezier(.2,1.4,.4,1) both}.result-new .result-art{animation:paper-enter .6s cubic-bezier(.22,1,.36,1) both}.result-new .result-sidebar{animation:panel-enter .4s .12s both}.arcade-section{max-width:960px;margin:62px auto 0}.arcade-intro{display:flex;gap:17px;align-items:center;margin-bottom:26px}.section-mark{display:block;flex:none;width:42px;height:42px}.section-mark svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:2.3;stroke-linecap:round;overflow:visible}.arcade-intro h2{font-size:25px;letter-spacing:-.6px;font-weight:650}.arcade-intro p{font-size:14px;color:var(--muted);margin-top:7px}.arcade-intro #back-result{margin-left:auto;flex:none;color:var(--purple);font-weight:650}.game-console{background:var(--white);border-radius:24px;border:1px solid var(--line);padding:22px 26px 20px;box-shadow:0 3px #eeecdf99}.game-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#f0eee4;border-radius:12px;padding:5px}.game-tabs button{font-size:14px;font-weight:550;padding:10px 8px;border-radius:9px;transition:background .2s,transform .2s}.game-tabs button[aria-pressed=true]{background:#fffefa;box-shadow:0 2px 4px #27282008}.game-tabs button[aria-pressed=false]{color:#7b7f6f}.game-tabs button:not([aria-pressed=true]):hover{transform:translateY(-1px)}.console-hud{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 2px 19px}.console-hud #game-name{display:block;font-size:21px;line-height:1.6;font-weight:700;letter-spacing:-.7px}.console-hud small{display:block;font-size:12px;color:#787e6e;line-height:1.75;margin-top:3px}.scoreboard{text-align:right;flex:none}.scoreboard>span{font-size:11px;display:block;line-height:1.5;color:#848878}.scoreboard strong{display:block;font:750 27px/1.4 Manrope,sans-serif;font-variant-numeric:tabular-nums}.scoreboard small{font-size:10px}.game-screen{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:12/7;background:#e8edcf}.game-screen canvas{width:100%;height:100%;display:block;touch-action:none}.game-overlay{position:absolute;inset:0;background:#faf8f0e8;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center;backdrop-filter:blur(3px)}.game-overlay-art{width:96px;height:64px;fill:none;stroke:var(--purple);stroke-width:4;stroke-linecap:round;transform:rotate(-5deg);margin-bottom:14px}.game-overlay p{font-size:15px;font-weight:500;line-height:1.9;max-width:300px}.game-overlay button{background:var(--ink);color:#fff;border-radius:12px;padding:10px 28px;font-size:15px;font-weight:600;margin-top:20px;min-height:47px}.game-overlay button:hover{background:#475039}.game-controls{display:flex;align-items:center;gap:17px;padding:17px 2px 0}.game-controls p{font-size:12px;color:#7c8271;margin-right:auto}.game-controls button{font-size:12px;color:#647255;flex:none;padding:7px 0;min-height:36px}.game-controls button:disabled{opacity:.45}.dpad{display:grid;grid-template-columns:repeat(3,46px);justify-content:center;gap:6px;margin:10px auto 0}.dpad button{border:1px solid #dadfcf;border-radius:12px;background:#f0f2e9;min-height:46px;font-size:20px}.dpad button[data-dir="0"]{grid-column:2}.dpad button[data-dir="3"]{grid-column:1;grid-row:2}.dpad button[data-dir="2"]{grid-column:2;grid-row:2}.dpad button[data-dir="1"]{grid-column:3;grid-row:2}.how-section{margin-top:96px;padding-top:55px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;gap:18px}.section-heading h2{font-size:27px;font-weight:650;letter-spacing:-.8px;line-height:1.65}.coral svg{stroke:var(--coral);stroke-width:3}.how-list{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.how-list li{position:relative;padding:0 1px}.how-drawing{height:120px;display:grid;place-items:center;margin-bottom:20px}.how-drawing svg{height:110px;width:200px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;overflow:visible;transition:transform .5s cubic-bezier(.22,1,.36,1)}.drawing-paper{fill:#f1ead1;stroke-width:1.25}.drawing-accent{stroke:var(--coral);stroke-width:3}.drawing-purple{stroke:var(--purple);stroke-width:3}.drawing-yellow{stroke:#b3a137;stroke-width:3}.how-list li:hover .how-drawing svg{transform:translateY(-5px) rotate(-2deg)}.how-number{font:650 12px/1.5 Manrope,sans-serif;color:#9d987e;display:block;margin-bottom:10px}.how-list h3{font-size:16px;font-weight:650;line-height:1.8;letter-spacing:-.4px}.how-list p{font-size:13px;color:#777e6d;line-height:1.9;margin-top:12px}.tips-section{margin-top:80px;border-top:1px solid var(--line);padding-top:46px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:65px}.tips-intro{display:flex;align-items:start;gap:18px}.tips-leaf{width:55px;flex:none;fill:#ebdf72;stroke:var(--ink);stroke-width:1.2;transform:rotate(-8deg);margin-top:7px}.tips-intro h2{font-size:22px;font-weight:650;letter-spacing:-.6px;line-height:1.8}.tips-intro p{font-size:14px;line-height:1.95;color:#767d6a;margin-top:17px}.questions details{border-bottom:1px solid var(--line);font-size:14px;line-height:1.9}.questions summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;font-weight:550}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:22px;font-weight:400;color:#898e7c;transition:transform .2s}.questions details[open] summary span{transform:rotate(45deg)}.questions details>div{font-size:13px;color:#747d67;padding:0 0 18px;line-height:1.95}.questions details .text-button{margin:0 0 18px;color:#a45840}footer{max-width:1296px;margin:90px auto 0;padding:43px 48px 24px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:32px}.footer-brand{font:800 26px/1.3 Manrope,sans-serif;letter-spacing:-1.4px;text-decoration:none}.footer-brand>span{color:var(--coral)}footer p{font-size:12px;line-height:1.8;color:#81866f;margin-top:8px}.social-links{display:flex;gap:29px;font:550 14px/1.8 Manrope,sans-serif}.social-links a{text-decoration:none}.social-links a:hover{color:var(--purple)}.footer-bottom{margin-top:35px;display:flex;align-items:center;gap:24px;font-size:11px;color:#8c907e}.footer-bottom a{color:inherit;text-decoration:none}.footer-bottom svg{width:105px;fill:none;stroke:var(--coral);stroke-width:1.5;stroke-linecap:round;margin-left:auto}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);width:max-content;background:#30372b;color:#fff;padding:14px 21px;border-radius:14px;box-shadow:0 8px 24px #20231a18;font-size:14px;line-height:1.8}.reveal{transition:opacity .5s,transform .5s}.reveal.pending{opacity:0;transform:translateY(14px)}@keyframes petal{0%,to{transform:rotate(-4deg) scale(.98,1.02)}50%{transform:rotate(5deg) scale(1.03,.97)}}@keyframes trace{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:40}}@keyframes stamp{0%{transform:scale(.55) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(7deg);opacity:1}}@keyframes paper-enter{0%{opacity:0;transform:translateY(6px) rotate(-.6deg)}to{opacity:1;transform:none}}@keyframes panel-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(min-width:1400px){.studio{gap:90px}.hero-illustration{height:320px;margin-left:-35px;margin-right:-40px}}@media(max-width:1000px){.header{padding:0 32px}main{padding:0 32px}.studio{gap:28px;padding-top:38px;grid-template-columns:1fr 1fr}.intro h1{font-size:37px;letter-spacing:-1.1px}.intro-copy{font-size:14px}.hero-illustration{margin:16px -16px 0;height:240px}.workbench{padding:24px}.bench-word{font-size:11px}.how-list{gap:22px}.how-list h3{font-size:14px}.tips-section{gap:32px}.tips-intro{gap:14px}.tips-leaf{width:39px}.tips-intro h2{font-size:19px}footer{padding-left:32px;padding-right:32px}.result-grid{gap:24px}.result-art{height:340px}.canvas-caption{flex-wrap:wrap;gap:4px}}@media(max-width:700px){.header{height:80px;padding:0 22px}.brand{font-size:25px;gap:8px;letter-spacing:-1.3px}.brand svg{width:30px;height:34px}.header nav{gap:18px;font-size:12px}.header nav button{font-size:12px;padding:6px 11px;min-width:60px}.header nav button span{margin-left:5px;font-size:13px}main{padding:0 20px}.studio{display:grid;grid-template-columns:1fr;gap:0;padding-top:23px;min-height:0}.intro{display:contents}.intro-heading{grid-row:1}.intro h1{font-size:36px;line-height:1.5;letter-spacing:-1.25px}.intro-copy{font-size:14px;line-height:1.95;margin-top:13px}.hero-illustration{grid-row:2;height:173px;margin:5px -21px -4px;overflow:hidden}.workbench{grid-row:3;border-radius:21px;padding:20px 22px 23px}.bench-top{margin-bottom:18px;font-size:11px}.bench-word{font-size:11px}.pick-heading h2{font-size:21px;letter-spacing:-.4px}.drop-area{margin-top:7px}.upload-symbol{height:93px}.upload-symbol svg{width:128px}.primary{min-height:56px;font-size:16px;padding:12px 19px;border-radius:14px}.drop-copy{font-size:12px;margin-top:12px}.file-type{font-size:11px;margin-top:5px}.local-note{font-size:11px;margin:11px 0 17px}.sample-row{gap:13px;padding-top:16px}.sample-row #mini-art{width:56px;height:56px}#mini-art svg{width:46px;height:46px}.sample-row strong{font-size:13px}.sample-row small{font-size:11px}.sample-arrow{font-size:22px}.pc-entry{grid-row:4;display:flex;flex-wrap:wrap;gap:5px 9px;margin:20px 3px 0;font-size:12px}.pc-entry svg{width:18px}.pc-entry p{flex:1;min-width:245px}.pc-entry button{margin-left:27px;font-size:12px;padding:3px 0}.how-section{margin-top:58px;padding-top:32px}.section-heading{gap:11px}.section-heading .section-mark{width:29px;height:35px}.section-heading h2{font-size:21px;line-height:1.7;letter-spacing:-.8px}.how-list{grid-template-columns:1fr;margin-top:20px;gap:0}.how-list li{padding:27px 0 26px 89px;border-bottom:1px solid var(--line);min-height:164px}.how-list li:last-child{border-bottom:0}.how-drawing{position:absolute;left:-9px;top:29px;width:94px;height:77px;margin:0}.how-drawing svg{height:78px;width:127px}.how-number{font-size:11px;margin-bottom:6px}.how-list h3{font-size:14px;font-weight:650;letter-spacing:-.5px;line-height:1.85}.how-list p{font-size:12px;line-height:1.95;margin-top:8px}.tips-section{margin-top:22px;padding-top:31px;display:block}.tips-intro{gap:13px}.tips-leaf{width:37px;margin-top:3px}.tips-intro h2{font-size:18px;letter-spacing:-.6px}.tips-intro p{font-size:13px;margin-top:12px}.questions{margin-top:25px}.questions summary{font-size:13px;padding:17px 0}.questions details>div{font-size:12px}.questions .text-button{font-size:12px}footer{padding:29px 22px 22px;margin-top:52px}.footer-top{display:block}.footer-brand{font-size:24px}.social-links{margin-top:25px;gap:25px;font-size:13px}.footer-bottom{margin-top:27px;font-size:10px;gap:18px}.footer-bottom svg{width:85px}footer p{font-size:11px}.toast{bottom:16px;padding:12px 17px;font-size:13px;border-radius:12px}body.in-work .studio{padding-top:13px}body.in-work .workbench{padding:20px 20px 23px}.panel-heading{margin-bottom:21px}.panel-heading h2{font-size:24px;letter-spacing:-.75px}.tiny-label{font-size:12px;margin-bottom:6px}.selected-image{height:279px;padding:15px;border-radius:14px}.quiet-copy{font-size:12px;margin-top:15px}.making{height:210px;margin:21px 0}.process-steps{font-size:11px}.wait-copy{font-size:12px;min-height:44px}.result-grid{display:block}.result-heading{margin-bottom:20px;gap:10px}.done-stamp{width:46px;height:46px}.result-art{height:270px;border-radius:13px;padding:15px}.canvas-caption{flex-wrap:nowrap;font-size:9px;gap:7px;margin:9px 0 20px}.result-sidebar{padding-top:0}.tone-switch button{font-size:13px;padding:10px 5px}.width-control{margin:23px 0 22px}.width-control label{font-size:13px}.width-control output{font-size:18px}.width-control input{margin:18px 0 14px}.width-control p{font-size:12px}.width-control button{font-size:11px;padding-top:6px}.desmos-note{font-size:11px;margin-top:12px}.result-actions{margin-top:18px;gap:10px}.result-actions button{font-size:11px}.publish-details{font-size:11px;margin-top:19px}.publish-details p{font-size:12px}.arcade-section{margin-top:38px}.arcade-intro{align-items:start;gap:11px;flex-wrap:wrap;margin-bottom:18px}.arcade-intro .section-mark{width:30px;height:33px}.arcade-intro>div{flex:1}.arcade-intro h2{font-size:19px;line-height:1.7;letter-spacing:-.7px}.arcade-intro p{font-size:12px;line-height:1.85;margin-top:6px}.arcade-intro #back-result{margin-left:41px;font-size:12px;padding:3px 0}.game-console{padding:14px 12px;border-radius:20px}.game-tabs{padding:4px;border-radius:11px;gap:2px}.game-tabs button{font-size:11px;padding:9px 1px;letter-spacing:-.4px}.console-hud{padding:17px 3px 14px;gap:15px}.console-hud #game-name{font-size:17px}.console-hud small{font-size:10px;line-height:1.7;max-width:170px}.scoreboard>span{font-size:9px}.scoreboard strong{font-size:23px}.scoreboard small{font-size:8px}.game-screen{border-radius:12px}.game-overlay{padding:16px}.game-overlay-art{width:56px;height:38px;margin-bottom:8px}.game-overlay p{font-size:12px;max-width:225px}.game-overlay button{margin-top:11px;font-size:13px;padding:8px 21px;min-height:39px}.game-controls{flex-wrap:wrap;gap:8px 20px;padding:12px 3px 0}.game-controls p{width:100%;font-size:10px;margin:0}.game-controls button{font-size:11px;min-height:36px}.dpad{margin-top:4px}}@media(max-width:360px){.header{padding:0 17px}.brand{font-size:22px;gap:6px}.brand svg{width:26px}.header nav{gap:13px;font-size:11px}.header nav button{font-size:11px;min-width:55px;padding:6px 9px}.header nav button span{font-size:12px}main{padding:0 16px}.intro h1{font-size:31px;letter-spacing:-1px}.intro-copy{font-size:12px;line-height:1.95}.hero-illustration{height:148px}.workbench{padding:19px}.bench-word{font-size:10px}.bench-top{gap:8px}.pick-heading h2{font-size:19px}.sample-row strong{font-size:12px}.sample-row small{font-size:10px}.sample-row{gap:10px}.sample-row #mini-art{height:48px;width:48px}.local-note{font-size:10px}.drop-copy{font-size:11px}.file-type{font-size:10px}.primary{font-size:14px;min-height:52px}.pc-entry p{min-width:216px;font-size:11px}.section-heading h2{font-size:18px}.how-list li{padding-left:75px}.how-drawing{left:-15px;width:83px}.how-list h3{font-size:12px}.how-list p{font-size:11px}.tips-intro h2{font-size:16px}.tips-intro p{font-size:12px}.social-links{font-size:12px;gap:21px}body.in-work .workbench{padding:19px 17px}.panel-heading h2{font-size:21px}.result-art{height:235px}.canvas-caption{font-size:8px}.tone-switch button{font-size:12px}.result-actions button{font-size:10px}.arcade-intro h2{font-size:17px}.arcade-intro p{font-size:11px}.game-tabs button{font-size:10px}.game-screen{aspect-ratio:12/8}.console-hud #game-name{font-size:16px}.console-hud small{font-size:9px;max-width:135px}.game-overlay p{font-size:11px}.game-overlay-art{height:32px;margin-bottom:3px}.game-overlay button{margin-top:8px}.scoreboard strong{font-size:21px}}html[lang=en] .intro h1{font-family:Manrope,sans-serif;line-height:1.28;letter-spacing:-2px;font-weight:750;font-size:clamp(38px,4.2vw,57px)}html[lang=en] .title-line{white-space:normal}html[lang=en] .intro-copy{line-height:1.8}html[lang=en] .bench-word{font-size:12px}html[lang=en] .how-list h3{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px}html[lang=en] .how-list p{font-size:14px}html[lang=en] .panel-heading h2{font-family:Manrope,sans-serif;letter-spacing:-1px}html[lang=en] .game-tabs button{letter-spacing:0}@media(max-width:700px){html[lang=en] .intro h1{font-size:39px;line-height:1.22;letter-spacing:-1.5px}html[lang=en] .intro-copy{font-size:14px}html[lang=en] .bench-word{font-size:11px}html[lang=en] .how-list h3{font-size:15px}html[lang=en] .how-list p{font-size:13px}html[lang=en] .section-heading h2{font-size:22px;line-height:1.4}html[lang=en] .primary{font-size:15px}html[lang=en] .arcade-intro h2{font-size:21px;line-height:1.4}}@media(max-width:360px){html[lang=en] .intro h1{font-size:34px}html[lang=en] .intro-copy{font-size:12px}html[lang=en] .bench-word{font-size:10px}html[lang=en] .primary,html[lang=en] .how-list h3{font-size:13px}html[lang=en] .how-list p{font-size:12px}html[lang=en] .section-heading h2{font-size:20px}.header nav{flex:none}html[lang=en] .brand{font-size:21px}}.finish-phrase{white-space:nowrap}.result-art path{transition:stroke .18s,stroke-opacity .18s,stroke-width .12s}.result-art{display:flex;align-items:center;justify-content:center}.result-art svg{flex:1;min-width:0;min-height:0}.panel-heading h2,.section-heading h2{text-wrap:balance}.header nav button{min-height:44px}.text-button,.result-actions button{min-height:40px}.game-tabs button{min-height:44px}.game-controls button{min-height:40px}.game-overlay button,.tone-switch button{min-height:44px}.pc-entry button{min-height:36px}.footer-bottom svg{animation:footer-ink 9s ease-in-out infinite;transform-origin:center}.wait-drawing svg{animation:small-sketch 8s ease-in-out infinite;transform-origin:center}.finish-drawing .drawing-purple{stroke-dasharray:100;animation:small-trace 8s ease-in-out infinite}.finish-drawing .drawing-yellow{stroke-dasharray:100;animation:small-trace 8s .25s ease-in-out infinite}@keyframes footer-ink{0%,to{transform:rotate(-1deg) scaleX(.985)}50%{transform:rotate(1.5deg) scaleX(1.015)}}@keyframes small-sketch{0%,to{transform:rotate(-1deg) scaleY(.98)}50%{transform:rotate(2deg) scale(.98,1.02)}}@keyframes small-trace{0%,15%,to{stroke-dashoffset:0}50%,65%{stroke-dashoffset:15}}@media(max-width:700px){.hero-illustration{margin-left:-20px;margin-right:-20px}}@media(max-width:360px){.hero-illustration{margin-left:-16px;margin-right:-16px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.pending{opacity:1;transform:none}}.brand{gap:9px;letter-spacing:-1.15px;font-weight:780}.brand svg{stroke-width:2.6;overflow:visible}.brand-accent{stroke-width:2.2}.brand-dot{display:inline-block;margin-left:1px}.hero-artwork{position:relative;min-width:0}.hero-illustration{height:300px;margin-top:10px}.motion-toggle{position:absolute;right:0;bottom:4px;width:34px;height:34px;border:1px solid #dddccf;border-radius:50%;background:#faf8f0d9;display:grid;place-items:center;color:#7a7d6c;transition:background .2s,transform .2s}.motion-toggle svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.motion-toggle[aria-pressed=true] svg{fill:currentColor;stroke:none}.motion-toggle:hover{transform:rotate(8deg);background:#fffefa}.workbench:before{content:"";position:absolute;inset:8px;pointer-events:none;border:1px solid #f0eee4;border-radius:18px;z-index:0}.workbench>*{position:relative}.bench-top{padding-bottom:16px;border-bottom:1px solid #eeeade;margin-bottom:22px}.step{gap:7px}.step:before{content:"";height:6px;width:6px;background:var(--coral);border-radius:50%;margin-right:3px}.primary{border-radius:15px;box-shadow:0 4px #27282015;transition:transform .2s,background .2s,box-shadow .2s}.primary:not(:disabled):active{transform:translateY(2px)}.selected-image{background:repeating-linear-gradient(0deg,transparent,transparent 27px,#e5e3d933 27px,#e5e3d933 28px),#f4f2e8}.image-corners{border:0;border-radius:0;background:linear-gradient(var(--ink),var(--ink)) left top/13px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) left top/1px 13px no-repeat,linear-gradient(var(--ink),var(--ink)) right top/13px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) right top/1px 13px no-repeat,linear-gradient(var(--ink),var(--ink)) left bottom/13px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) left bottom/1px 13px no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom/13px 1px no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom/1px 13px no-repeat;opacity:.35}.wait-play{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px 15px;margin-top:16px;border:1px solid #deddd1;border-radius:12px;color:#625794;background:#f0edf8;font-size:13px;min-height:46px;font-weight:550}.wait-play span{font-size:18px}.wait-play:hover{background:#e8e2f8}.process-steps li:before{content:"";position:absolute;top:-4px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#e4e3d8;border:2px solid var(--white);box-sizing:content-box;transition:background .3s,transform .3s}.process-steps li.active:before{background:var(--coral);transform:scale(1.3)}.process-steps li.done:before{background:#8c9a68}.wait-petal,.wait-thread,.wait-leaf{animation:none}.wait-petal{animation:petal-open 9s cubic-bezier(.45,0,.2,1) infinite}.wait-thread{stroke-dasharray:550;animation:waiting-thread 11s cubic-bezier(.65,0,.35,1) infinite}.wait-leaf,.wait-leaf-vein{transform-origin:190px 181px;animation:leaf-turn 9s cubic-bezier(.45,0,.2,1) infinite}@keyframes petal-open{0%,12%,60%,to{transform:rotate(-4deg) scale(.97)}25%,40%{transform:rotate(12deg) scale(1.06)}}@keyframes waiting-thread{0%,15%,to{stroke-dashoffset:0}35%,50%{stroke-dashoffset:550}75%,90%{stroke-dashoffset:0}}@keyframes leaf-turn{0%,40%,to{transform:rotate(0)}55%,70%{transform:rotate(-13deg)}}.tone-switch,.game-tabs,.difficulty-switch{position:relative;isolation:isolate}.selection-marker{position:absolute;left:0;top:0;z-index:-1;border-radius:9px;background:var(--white);box-shadow:0 2px 5px #2728200b;pointer-events:none}.tone-switch button,.game-tabs button,.difficulty-switch button{position:relative;background:transparent!important;box-shadow:none!important}.tone-switch button[aria-pressed=true],.game-tabs button[aria-pressed=true]{color:var(--ink)}.width-control input{height:5px;min-height:5px;outline-offset:12px;touch-action:pan-y}.width-control input::-webkit-slider-thumb{width:25px;height:25px;border-width:5px;box-shadow:0 0 0 1px #c4beda,0 2px 5px #52457818}.width-control input::-moz-range-thumb{width:15px;height:15px;border-width:5px}.width-control output{transform-origin:center;display:inline-block}.result-new .done-stamp,.result-new .result-art,.result-new .result-sidebar{animation:none}.done-stamp{position:relative;overflow:visible}#celebration{position:absolute;left:50%;top:50%;pointer-events:none;z-index:2}#celebration span{display:block;position:absolute;width:7px;height:13px;border-radius:2px;will-change:transform}#celebration .celebration-ring{width:11px;height:11px;border-radius:50%;background:transparent!important;border:2px solid var(--coral)}.canvas-caption{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:0}.result-art{border-radius:12px;background:#fff;border-color:#eae7de;box-shadow:3px 3px #f1ead9}.ready-dock{position:fixed;z-index:18;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100vw - 28px);display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--white);border:1px solid #dbd6ee;border-radius:18px;box-shadow:0 5px 28px #2c254724;font-size:13px;font-weight:550}.ready-icon{width:28px;height:28px;display:grid;place-items:center;background:#e6e8d3;border-radius:50%}.ready-icon svg{width:23px;fill:none;stroke:#647154;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ready-dock button{border-radius:11px;background:var(--purple);color:#fff;padding:10px 14px;min-height:42px;font-size:13px;white-space:nowrap}body[data-view=wait] .arcade-section{padding-bottom:70px}.game-console{padding:23px 26px 20px;position:relative}.game-tabs{gap:4px}.game-settings{display:flex;align-items:center;justify-content:space-between;margin:15px 2px 0}.difficulty-switch{display:flex;background:#efede5;padding:3px;border-radius:30px}.difficulty-switch .selection-marker{border-radius:24px}.difficulty-switch button{font-size:12px;min-height:36px;padding:7px 14px;color:#7b7e70;border-radius:24px}.difficulty-switch button[aria-pressed=true]{color:#625894}#game-sound{width:40px;height:40px;border:1px solid #e3e0d4;border-radius:50%;color:#8d9180;display:grid;place-items:center}#game-sound svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#game-sound[aria-pressed=true]{color:#625794;background:#efeafa;border-color:#d9d0f0}.console-hud{padding-top:15px}.game-screen{border:5px solid #f1ead8;border-radius:18px;box-shadow:0 1px #d7d0bc}.game-overlay{background:#faf8f0da;backdrop-filter:blur(2px)}.game-overlay-art{width:100px;height:70px}.game-overlay button{box-shadow:0 3px #27282015;transition:transform .2s,background .2s}.game-overlay button:active{transform:translateY(2px);box-shadow:none}.game-controls button{border-bottom:1px solid #a3aa9160}.dpad button{min-width:48px;min-height:48px;box-shadow:0 3px #d9ddcb}.dpad button:active{transform:translateY(2px);box-shadow:none;background:#e5e6d8}.how-list li:hover .how-drawing svg{transform:none}.reveal.pending{opacity:1;transform:none}.footer-bottom svg,.wait-drawing svg,.finish-drawing path{animation:none}.how-drawing .drawing-paper{fill:#f0e7c5}.how-section{position:relative}.how-section:after{content:"";position:absolute;right:4px;top:48px;width:44px;height:27px;border:2px solid var(--lavender);border-left:0;border-bottom:0;border-radius:50%;transform:rotate(30deg);pointer-events:none}.social-links a{position:relative}.social-links a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}.social-links a:hover:after,.social-links a:focus-visible:after{transform:scaleX(1)}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(max-width:1000px){.hero-illustration{height:250px}}@media(max-width:700px){.hero-artwork{grid-row:2;height:182px;margin:5px 0 0}.hero-illustration{margin-top:0;height:180px}.motion-toggle{right:2px;bottom:8px;width:31px;height:31px}.workbench:before{inset:6px;border-radius:16px}.bench-top{margin-bottom:17px;padding-bottom:13px}.game-console{padding:14px 12px 16px}.game-settings{margin-top:12px}.console-hud{padding-top:12px}.game-screen{aspect-ratio:12/7;border-width:3px;border-radius:14px}.game-overlay-art{width:64px;height:43px}.game-overlay p{font-size:12px}.game-overlay button{min-height:44px}.ready-dock{gap:9px;padding:10px 11px;font-size:12px}.ready-dock button{font-size:12px}.how-section:after{width:27px;height:19px;top:31px;right:1px}.difficulty-switch button{font-size:11px;padding:7px 12px}.canvas-caption{margin-bottom:20px}.game-tabs button{min-height:44px}}@media(max-width:360px){.hero-artwork,.hero-illustration{height:150px}.motion-toggle{width:29px;height:29px;bottom:1px}.brand{letter-spacing:-1px}.game-overlay-art{width:48px;height:29px}.game-overlay p{font-size:10px}.game-overlay button{margin-top:8px;font-size:12px;padding:7px 17px}.ready-icon{width:24px;height:24px}.ready-dock{font-size:11px;gap:7px}.ready-dock button{font-size:11px;padding:8px 12px}.how-section:after{display:none}}@media(max-width:700px){.arcade-intro #back-result{flex:0 0 calc(100% - 41px);text-align:left}.arcade-intro h2{text-wrap:balance}}@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}.wait-petal,.wait-thread,.wait-leaf,.wait-leaf-vein{animation:none}}.viewer-open{overflow:hidden}.result-art{cursor:zoom-in}.enlarge-row{display:flex;justify-content:center;margin:14px 0 0}#enlarge{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--purple);min-height:44px;padding:5px 12px}#enlarge svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:700px){.how-list li{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:17px;padding:25px 0;min-height:0}.how-list li>.how-drawing{grid-column:1;grid-row:1/4;position:static;align-self:center;margin:0;width:76px;height:86px;overflow:hidden}.how-drawing svg{width:100%;height:86px;overflow:hidden}.how-list li>.how-number,.how-list li>h3,.how-list li>p{grid-column:2;min-width:0}.how-list p{margin-top:9px}.how-list h3{letter-spacing:-.3px}.how-list p br{display:none}}@media(max-width:360px){.how-list li{grid-template-columns:63px minmax(0,1fr);column-gap:14px}.how-list li>.how-drawing{width:63px}}@media(max-width:700px){.how-drawing path,.how-drawing circle{vector-effect:non-scaling-stroke;stroke-width:1.25px}.how-drawing .drawing-accent,.how-drawing .drawing-purple,.how-drawing .drawing-yellow{stroke-width:2px}}.game-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.game-tabs button{min-width:0}.game-console[data-kind=merge] .game-screen{aspect-ratio:auto;background:#f2eedf;display:flex;justify-content:center;padding:20px}.merge-board{position:relative;width:min(100%,380px);aspect-ratio:1;touch-action:none;outline-offset:6px;border-radius:14px;background:#e3ddca;isolation:isolate}.merge-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:10px;pointer-events:none}.merge-grid i{border-radius:9px;background:#f5f0e5b3}.merge-tiles{position:absolute;inset:10px;pointer-events:none}.merge-tile{position:absolute;width:calc((100% - 27px)/4);height:calc((100% - 27px)/4);left:calc(var(--x)*(100% + 9px)/4);top:calc(var(--y)*(100% + 9px)/4);display:grid;place-items:center;border-radius:9px;transition:left .16s cubic-bezier(.2,.8,.2,1),top .16s cubic-bezier(.2,.8,.2,1);box-shadow:0 3px #27282012;color:#4d493a;background:#faf8ef;font:750 clamp(23px,4vw,36px)/1 Manrope,sans-serif;font-variant-numeric:tabular-nums}.merge-tile[data-value="4"]{background:#ebe3b4}.merge-tile[data-value="8"]{background:#ecd956}.merge-tile[data-value="16"]{background:#edb881}.merge-tile[data-value="32"]{background:#ed8e71}.merge-tile[data-value="64"]{background:#ed7054;color:#fffefa}.merge-tile[data-value="128"]{background:#c3bedf;color:#514674}.merge-tile[data-value="256"]{background:#a79ed3;color:#fffefa}.merge-tile[data-value="512"]{background:#8173bd;color:#fffefa}.merge-tile[data-value="1024"],.merge-tile[data-value="2048"]{background:#596b4c;color:#fffefa;font-size:28px}.merge-tile[data-large=true]{background:#3b4935;color:#fffefa;font-size:25px}.merge-tile.born{animation:tile-born .18s .1s both}.merge-tile.merged{animation:tile-merge .25s .15s both}@keyframes tile-born{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes tile-merge{0%{transform:scale(1)}45%{transform:scale(1.13) rotate(-2deg)}to{transform:scale(1)}}#game-undo{color:var(--purple)}.merge-board:focus-visible,.viewer-stage:focus-visible,.result-art:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.game-console[data-kind=merge] .console-hud small{max-width:none}.console-hud>div:first-child{min-width:0}@media(max-width:700px){.game-console[data-kind=merge] .game-screen{padding:12px}.merge-grid{gap:7px;padding:8px}.merge-tiles{inset:8px}.merge-tile{width:calc((100% - 21px)/4);height:calc((100% - 21px)/4);left:calc(var(--x)*(100% + 7px)/4);top:calc(var(--y)*(100% + 7px)/4);font-size:clamp(23px,7vw,31px)}.merge-tile[data-value="1024"],.merge-tile[data-value="2048"],.merge-tile[data-large=true]{font-size:23px}.game-tabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:2px}.game-tabs::-webkit-scrollbar{display:none}.game-tabs button{flex:none;padding:9px 13px;font-size:11px}.game-tabs .selection-marker{flex:none}.game-settings:has(.difficulty-switch[hidden]){justify-content:flex-end}}.how-drawing svg,.tips-leaf,.footer-bottom svg{will-change:transform}@media(prefers-reduced-motion:reduce){.merge-tile{animation:none;transition:none}}.art-viewer{position:fixed;inset:0;border:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;background:#fff;color:var(--ink);padding:0;overflow:hidden;overscroll-behavior:contain}.art-viewer::backdrop{background:#fff}.art-viewer[open]{display:block}.viewer-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.viewer-icon{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;display:grid;place-items:center;border:1px solid #ecece7;border-radius:50%;background:#fffffff2;transition:background .18s,transform .18s}.viewer-icon:hover{background:#f5f4f0}.viewer-icon:active{transform:scale(.94)}.viewer-icon svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round}.viewer-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 256px;gap:28px;padding:28px max(28px,env(safe-area-inset-right)) 28px max(28px,env(safe-area-inset-left))}.viewer-stage{min-height:0;min-width:0;position:relative;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;background:#fff;border-radius:0}.viewer-stage:active{cursor:grabbing}.viewer-stage:focus-visible{outline-offset:-4px}.viewer-art{height:100%;width:100%;padding:16px}.viewer-art svg{height:100%;width:100%;display:block;overflow:hidden}.viewer-art path{transition:stroke .18s,stroke-opacity .18s,stroke-width .12s}.viewer-controls{align-self:center;min-width:0;padding:20px 0;overflow:visible}.viewer-controls .tone-switch{padding:4px;gap:3px;border:1px solid #eeeee8;background:#f5f5f1;border-radius:14px}.viewer-controls .tone-switch button{min-height:44px;padding:10px 5px;font-size:13px;border-radius:10px}.viewer-controls .tone-switch .selection-marker{border-radius:10px;background:#fff}.viewer-controls .width-control{margin:25px 4px 0;row-gap:0}.viewer-controls .width-control label{font-size:13px;font-weight:550}.viewer-controls .width-control output{font-size:18px;line-height:1.4}.viewer-controls .width-control input{height:28px;margin:10px 0 0;padding:0;border-radius:0;background:none!important;--progress:37.14%;outline-offset:2px}.viewer-controls .width-control input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--purple) var(--progress),#e2e3dc var(--progress))}.viewer-controls .width-control input::-webkit-slider-thumb{margin-top:-9px}.viewer-controls .width-control input::-moz-range-track{height:4px;border-radius:4px;background:#e2e3dc}.viewer-controls .width-control input::-moz-range-progress{height:4px;border-radius:4px;background:var(--purple)}@media(max-width:900px)and (orientation:portrait){.viewer-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.viewer-art{padding:44px 0 18px}.viewer-controls{align-self:stretch;width:100%;max-width:460px;justify-self:center;padding:14px 4px max(18px,env(safe-area-inset-bottom));border-top:1px solid #efefea}.viewer-controls .width-control{margin:16px 5px 0}.viewer-controls .width-control input{margin-top:6px;min-height:32px}}@media(orientation:landscape)and (max-height:600px){.viewer-layout{grid-template-columns:minmax(0,1fr) 204px;gap:22px;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.viewer-art{padding:8px}.viewer-controls{padding:56px 0 28px}.viewer-controls .tone-switch button{font-size:12px}.viewer-controls .width-control{margin-top:18px}}@media(prefers-reduced-motion:reduce){.viewer-art path,.viewer-icon{transition:none}}.footer-social{max-width:420px;display:grid;gap:16px}.footer-social .footer-feedback{margin:0;font-size:12px;line-height:1.9;text-wrap:pretty}.footer-social .social-links{margin:0;flex-wrap:wrap;gap:12px 26px}@media(max-width:700px){.footer-social{margin-top:24px}}