:root{color:#363459;font-synthesis:none;text-rendering:optimizelegibility;--ink:#363459;--ink-soft:#666489;--paper:#fffdf7;--cream:#fff5cf;--sky:#8bd8f7;--coral:#ff7187;--coral-deep:#d94d6f;--violet:#7b67d9;--violet-deep:#5446a9;--lemon:#ffd65c;--mint:#68cfae;--line:#d9e7ef;--shadow:0 14px 30px #3e487424;--display:"Arial Rounded MT Bold", "PingFang SC", "Microsoft YaHei", sans-serif;background:#f4fbff;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#f4fbff;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button{color:inherit;font:inherit}button,[draggable=true]{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:4px solid #576ee052}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:inline-flex}.house-mark{flex:0 0 49px;place-items:center;width:49px;height:49px;display:inline-grid;position:relative;transform:rotate(-3deg)}.house-mark__roof{border:4px solid var(--violet-deep);background:var(--coral);border-radius:7px;width:36px;height:34px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.house-mark__room{border:4px solid var(--violet-deep);background:var(--lemon);border-radius:5px 5px 10px 10px;width:36px;height:29px;position:absolute;bottom:2px;left:7px}.house-mark__room span{border:3px solid var(--violet-deep);background:#fff7da;border-bottom:0;border-radius:6px 6px 0 0;width:11px;height:20px;position:absolute;bottom:-4px;left:12px}.brand__words{line-height:1;display:grid}.brand__words strong{font-family:var(--display);letter-spacing:.02em;font-size:20px}.brand__words small{color:var(--ink-soft);letter-spacing:.17em;text-transform:uppercase;margin-top:5px;font-size:8px;font-weight:800}.round-icon-button{width:43px;height:43px;font-family:var(--display);cursor:pointer;background:#ffffffc7;border:2px solid #524d892b;border-radius:50%;place-items:center;font-size:19px;font-weight:900;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 5px #504d861a}.round-icon-button:hover{transform:translateY(-2px)rotate(3deg);box-shadow:0 7px #504d861a}.home-screen{background:radial-gradient(circle at 78% 16%,#ffffff8c 0 4%,#0000 4.2%),linear-gradient(#8dd9f6 0%,#b9eaf9 68%,#eaf8ec 68.2%,#d7efbf 100%);min-height:100svh;position:relative;overflow:hidden}.home-header{z-index:8;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding-top:26px;display:flex;position:relative}.home-header .round-icon-button{background:#ffffff94}.home-hero{z-index:4;grid-template-columns:minmax(0,1.03fr) minmax(390px,.85fr);align-items:center;gap:clamp(54px,8vw,112px);width:min(1180px,100% - 48px);min-height:calc(100svh - 92px);margin:0 auto;padding:clamp(48px,8vh,92px) 0 130px;display:grid;position:relative}.home-copy{padding-bottom:30px}.eyebrow{color:var(--violet-deep);letter-spacing:.12em;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:900;display:inline-flex}.eyebrow:before{content:"✦";background:var(--lemon);border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid;box-shadow:0 3px #e5a943}.home-copy h1{color:#343259;max-width:650px;font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(48px,5.4vw,78px);line-height:1.06}.home-copy h1 span{color:var(--coral-deep);display:inline-block;position:relative;transform:rotate(-1deg)}.home-copy h1 span:after{content:"";background:repeating-linear-gradient(90deg, var(--lemon) 0 14px, transparent 14px 18px);opacity:.8;border-radius:50%;height:8px;position:absolute;bottom:-9px;left:2px;right:0;transform:rotate(-1deg)}.home-intro{color:#53527a;max-width:560px;margin:31px 0 27px;font-size:17px;font-weight:650;line-height:1.8}.home-actions{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.primary-button,.paper-button,.check-button{font-family:var(--display);cursor:pointer;border:0;font-weight:900}.primary-button{border:3px solid var(--violet-deep);background:var(--coral);min-height:50px;box-shadow:0 7px 0 var(--violet-deep), 0 13px 20px #63418c2e;color:#fff;border-radius:18px;padding:0 24px;font-size:16px;transition:transform .15s,box-shadow .15s}.primary-button:hover{box-shadow:0 9px 0 var(--violet-deep), 0 15px 22px #63418c30;transform:translateY(-2px)}.primary-button:active{box-shadow:0 2px 0 var(--violet-deep);transform:translateY(5px)}.primary-button--big{border-radius:21px;align-items:center;gap:11px;min-height:62px;padding:0 22px;font-size:18px;display:inline-flex}.button-spark{color:var(--lemon);font-size:21px}.button-arrow{background:#fff3;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:3px;display:grid}.paper-button{border:3px solid var(--violet-deep);min-height:62px;color:var(--violet-deep);background:#fffdf5;border-radius:21px 17px 23px 18px;align-items:center;gap:9px;padding:0 21px;font-size:17px;transition:transform .15s;display:inline-flex;transform:rotate(1deg);box-shadow:0 7px #5446a9e6}.paper-button:hover{transform:translateY(-2px)rotate(-1deg)}.paper-button span{font-size:24px}.home-how{color:#5c5a7d;align-items:center;gap:10px;margin-top:30px;font-size:12px;font-weight:800;display:flex}.home-how span:not(.dotted-arrow){align-items:center;gap:6px;display:inline-flex}.home-how b{background:#ffffff7a;border:2px solid #64618a;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.dotted-arrow{letter-spacing:.16em;opacity:.5}.home-showcase{border:4px solid var(--violet-deep);width:min(100%,480px);box-shadow:15px 17px 0 #564aa336, var(--shadow);background:#fffdf6;border-radius:31px 38px 29px 42px;justify-self:center;padding:47px 30px 28px;position:relative;transform:rotate(2.3deg)}.home-showcase:before{content:"";pointer-events:none;border:2px dashed #685ea238;border-radius:24px 30px 22px 32px;position:absolute;inset:10px}.showcase-label{z-index:5;border:3px solid var(--violet-deep);background:var(--lemon);width:128px;box-shadow:0 5px 0 var(--violet-deep);font-family:var(--display);text-align:center;border-radius:10px 14px 9px 12px;padding:10px 0;font-size:15px;font-weight:900;position:absolute;top:-20px;left:50%;transform:translate(-50%)rotate(-3deg)}.pin{z-index:6;border:2px solid var(--violet-deep);background:var(--coral);border-radius:50%;width:12px;height:12px;position:absolute;top:19px;box-shadow:1px 2px #36345933}.pin--left{left:24px}.pin--right{background:var(--mint);right:24px}.showcase-caption{font-family:var(--display);justify-content:space-between;align-items:center;padding:17px 4px 2px;font-size:17px;font-weight:900;display:flex;position:relative}.showcase-stars{color:#f0ae35;letter-spacing:.14em;font-size:18px}.mascot-note{align-items:flex-end;display:flex;position:absolute;bottom:-72px;right:-48px}.mascot-note>span{border:3px solid var(--violet-deep);color:#625c80;background:#fff;border-radius:17px 17px 17px 4px;max-width:178px;margin:0 0 53px -5px;padding:12px 14px;font-size:12px;font-weight:850;line-height:1.45;transform:rotate(-2deg);box-shadow:5px 6px #5446a921}.home-sun{background:#ffe580;border:4px solid #ae712740;border-radius:50%;width:95px;height:95px;position:absolute;top:11%;right:5%;box-shadow:0 0 0 17px #ffec8b40,0 0 0 34px #ffee991c}.home-cloud,.sky-cloud{background:#ffffffad;border-radius:999px;position:absolute}.home-cloud:before,.home-cloud:after,.sky-cloud:before,.sky-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.home-cloud:before,.sky-cloud:before{width:42%;height:160%;left:16%}.home-cloud:after,.sky-cloud:after{width:35%;height:125%;right:10%}.home-cloud--one{width:170px;height:43px;top:23%;left:-45px;transform:rotate(-3deg)}.home-cloud--two{opacity:.65;width:110px;height:29px;top:6%;left:46%}.home-hills{pointer-events:none;height:21%;position:absolute;bottom:0;left:0;right:0}.hill{border:3px solid #41745b1a;border-radius:50% 50% 0 0;position:absolute;bottom:-58%}.hill--one{background:#a9daa4;width:72%;height:130%;left:-12%}.hill--two{background:#8dce94;width:69%;height:115%;right:-13%}.bunny{flex:none;width:96px;height:132px;display:block;position:relative}.bunny__ear{z-index:1;border:3px solid var(--violet-deep);background:#fffaf0;border-radius:60% 60% 45% 45%;width:25px;height:64px;position:absolute;top:3px}.bunny__ear:after{content:"";border-radius:inherit;background:#ffb5c2;position:absolute;inset:9px 6px}.bunny__ear--left{left:20px;transform:rotate(-10deg)}.bunny__ear--right{right:18px;transform:rotate(12deg)}.bunny__head{z-index:3;border:3px solid var(--violet-deep);background:#fffaf0;border-radius:48% 52% 45% 48%;width:81px;height:70px;position:absolute;top:43px;left:8px}.bunny__eye{background:var(--violet-deep);border-radius:50%;width:6px;height:8px;position:absolute;top:27px}.bunny__eye--left{left:23px}.bunny__eye--right{right:22px}.bunny__nose{background:var(--coral);border-radius:60% 60% 70% 70%;width:7px;height:6px;position:absolute;top:39px;left:50%;transform:translate(-50%)}.bunny__nose:after{content:"⌣";color:var(--violet-deep);font-size:15px;position:absolute;top:-1px;left:-4px}.bunny__cheek{opacity:.65;background:#ffbdc6;border-radius:50%;width:12px;height:6px;position:absolute;top:40px}.bunny__cheek--left{left:8px}.bunny__cheek--right{right:7px}.bunny__body{border:3px solid var(--violet-deep);background:#9c87e5;border-radius:45% 45% 25% 25%;height:50px;position:absolute;bottom:0;left:13px;right:12px}.bunny--small{width:48px;height:60px}.bunny--small .bunny__ear{border-width:2px;width:13px;height:32px;top:0}.bunny--small .bunny__ear:after{inset:5px 3px}.bunny--small .bunny__ear--left{left:9px}.bunny--small .bunny__ear--right{right:8px}.bunny--small .bunny__head{border-width:2px;width:42px;height:37px;top:20px;left:3px}.bunny--small .bunny__eye{width:4px;height:5px;top:14px}.bunny--small .bunny__eye--left{left:11px}.bunny--small .bunny__eye--right{right:11px}.bunny--small .bunny__nose{width:4px;height:4px;top:20px}.bunny--small .bunny__nose:after{display:none}.bunny--small .bunny__cheek{width:6px;height:3px;top:21px}.bunny--small .bunny__cheek--left{left:4px}.bunny--small .bunny__cheek--right{right:4px}.build-board{aspect-ratio:9/8;isolation:isolate;background:linear-gradient(#83d6f5 0%,#c6eff9 72%,#9ed995 72.2%,#73ba7f 100%);border:3px solid #4e4a83;border-radius:26px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 -10px 20px #364e741f,0 8px #45427729}.build-board--sunset{background:linear-gradient(#f49aa5 0%,#ffd7ae 72%,#a8d987 72.2%,#79b87f 100%)}.build-board--night{background:linear-gradient(#4c5bab 0%,#8086c9 72%,#50846f 72.2%,#38685a 100%)}.build-board--compact{border-width:2px;border-radius:19px;box-shadow:inset 0 -7px 13px #364e741a,0 4px #4542771f}.board-grid,.piece-layer{position:absolute;inset:5% 6% 7%}.board-grid{z-index:3;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.board-cell{background:0 0;border:1px dashed #484f822e;min-width:0;min-height:0}.build-board--clean .board-cell{border-color:#0000}.board-cell--button{cursor:crosshair;padding:0;transition:background .12s;position:relative}.board-cell--button:hover,.board-cell--button:focus-visible{z-index:2;outline-offset:-3px;background:#ffffff3b;border:2px solid #ffffffe0;outline:2px solid #52479e8c}.board-cell--button.is-highlighted{z-index:6;background:#ffe35b9e;border:3px solid #fff;border-radius:12px;animation:.65s ease-in-out 2 hintPulse;box-shadow:0 0 0 6px #ffda4166}.piece-layer{z-index:4;pointer-events:none}.placed-piece{top:calc(var(--piece-row) * (100% / var(--grid-rows)));left:calc(var(--piece-col) * (100% / var(--grid-cols)));width:calc(100% / var(--grid-cols));height:calc(100% / var(--grid-rows));animation:.19s cubic-bezier(.2,1.2,.4,1) piecePop;position:absolute}.piece{width:100%;height:100%;padding:6%;display:block;position:relative}.piece__shape{width:100%;height:100%;display:block;position:relative}.piece--wall .piece__shape{border:clamp(1px, .22vw, 3px) solid var(--piece-accent);background:var(--piece-color);box-shadow:inset 0 17% 0 #ffffff30, inset 0 -15% 0 #482d561a, 0 8% 0 var(--piece-accent);border-radius:17%;overflow:hidden}.piece--wall .piece__shape:before,.piece--wall .piece__shape:after{content:"";background:#7b476038;width:100%;height:2px;position:absolute;left:0}.piece--wall .piece__shape:before{top:34%}.piece--wall .piece__shape:after{top:68%}.piece__brick{background:#7b476038;width:2px;height:34%;position:absolute}.piece__brick--one{top:0;left:50%}.piece__brick--two{box-shadow:calc(50% + 12px) 0 #7b476038;top:34%;left:25%}.piece--roof{padding:2%}.piece--roof .piece__shape{background:var(--piece-color);clip-path:polygon(50% 2%,98% 54%,90% 98%,10% 98%,2% 54%);filter:drop-shadow(0 5px 0 var(--piece-accent));border-radius:10%}.piece--roof .piece__shape:after{content:"";background:#fff3;border-radius:50%;height:13%;position:absolute;bottom:20%;left:18%;right:18%}.piece__roof-dot{aspect-ratio:1;background:#ffffff61;border-radius:50%;width:17%;position:absolute;top:47%;left:42%}.piece--window-square .piece__shape,.piece--window-round .piece__shape,.piece--window-heart .piece__shape{border:clamp(2px, .33vw, 5px) solid var(--piece-accent);background:linear-gradient(145deg, #fff 0 12%, var(--piece-color) 13% 100%);box-shadow:inset 0 -18% 0 #4692be1f, 0 7% 0 #3d3c7838;overflow:hidden}.piece--window-square .piece__shape{border-radius:18%}.piece--window-round .piece__shape{border-radius:50%}.piece--window-heart .piece__shape{border-radius:42% 42% 20% 20%}.piece__window-cross:before,.piece__window-cross:after{content:"";background:var(--piece-accent);position:absolute}.piece__window-cross:before{width:100%;height:8%;top:47%;left:0}.piece__window-cross:after{width:8%;height:100%;top:0;left:47%}.piece__window-shine{background:#ffffffd1;border-radius:50%;width:18%;height:30%;position:absolute;top:17%;left:23%;transform:rotate(35deg)}.piece__window-heart{color:var(--piece-accent);text-shadow:0 2px #ffffffbf;place-items:center;font-family:Georgia,serif;font-size:clamp(17px,3.8vw,50px);line-height:1;display:grid;position:absolute;inset:2% 0 0}.piece--door .piece__shape{border:clamp(2px, .32vw, 5px) solid var(--piece-accent);background:var(--piece-color);box-shadow:inset 0 0 0 9% #ffffff1c, 0 8% 0 #3d3c7833;border-radius:40% 40% 12% 12%}.piece__door-panel{border:2px solid #4c3b7b5c;border-radius:30%;position:absolute;inset:20% 20% 43%}.piece__door-knob{aspect-ratio:1;background:var(--lemon);border:1px solid #a86e26;border-radius:50%;width:13%;position:absolute;top:55%;right:14%}.piece--chimney{padding:5% 19% 2%;overflow:visible}.piece--chimney .piece__shape{border:clamp(1px, .25vw, 3px) solid var(--piece-accent);background:repeating-linear-gradient(0deg, var(--piece-color) 0 27%, var(--piece-accent) 28% 33%);box-shadow:inset 0 12% 0 #fff3, 0 7% 0 #462e4c2e;border-radius:9%}.piece--chimney .piece__shape:before{content:"";border:2px solid var(--piece-accent);background:var(--piece-color);border-radius:20%;height:18%;position:absolute;top:-8%;left:-13%;right:-13%}.piece__smoke{border:2px solid #ffffffbf;border-radius:50%;position:absolute}.piece__smoke--one{aspect-ratio:1;width:34%;top:-31%;left:43%}.piece__smoke--two{aspect-ratio:1;width:27%;top:-50%;left:58%}.piece--flower,.piece--star,.piece--bush,.piece--flower .piece__shape,.piece--star .piece__shape,.piece--bush .piece__shape{overflow:visible}.piece__flower{z-index:2;color:var(--piece-color);filter:drop-shadow(0 2px 0 var(--piece-accent));font-family:Georgia,serif;font-size:clamp(18px,4vw,55px);line-height:1;position:absolute;top:-3%;left:50%;transform:translate(-50%)}.piece__stem{background:#3d9665;border-radius:999px;width:7%;height:55%;position:absolute;bottom:5%;left:47%}.piece__stem:after{content:"";background:#68c67a;border-radius:100% 0;width:170%;height:30%;position:absolute;top:48%;left:70%;transform:rotate(-22deg)}.piece__star{color:var(--piece-color);text-align:center;text-shadow:0 4px 0 var(--piece-accent);font-size:clamp(23px,5vw,64px);line-height:1;position:absolute;inset:-8%;transform:rotate(-8deg)}.piece__leaf{z-index:2;aspect-ratio:1;border:2px solid var(--piece-accent);background:var(--piece-color);border-radius:50%;width:58%;position:absolute}.piece__leaf--one{bottom:17%;left:2%}.piece__leaf--two{bottom:17%;right:2%}.piece__leaf--three{top:2%;left:22%}.piece__trunk{background:#966345;border-radius:5px;width:16%;height:32%;position:absolute;bottom:0;left:43%}.piece--rainbow,.piece--flag,.piece--fence{overflow:visible}.piece--rainbow .piece__shape{background:radial-gradient(ellipse at 50% 100%, transparent 0 27%, #ffe36b 28% 39%, #79d9bd 40% 51%, var(--piece-accent) 52% 63%, var(--piece-color) 64% 76%, transparent 77%);filter:drop-shadow(0 4px #4d428433);border-radius:90% 90% 15% 15%;height:76%;top:10%}.piece--rainbow .piece__shape:before,.piece--rainbow .piece__shape:after{content:"";background:#fffdf7;border:2px solid #545c8f33;border-radius:999px;width:31%;height:25%;position:absolute;bottom:-3%;box-shadow:13px -4px 0 -2px #fffdf7}.piece--rainbow .piece__shape:before{left:2%}.piece--rainbow .piece__shape:after{right:14%;transform:scaleX(-1)}.piece__rainbow-shine{aspect-ratio:1;background:#ffffffb8;border-radius:50%;width:9%;position:absolute;top:10%;left:48%}.piece--flag .piece__shape:before{content:"";border:2px solid var(--piece-accent);background:#fff0bc;border-radius:999px;width:8%;position:absolute;top:4%;bottom:2%;left:27%}.piece--flag .piece__shape:after{content:"";border:clamp(1px, .22vw, 3px) solid var(--piece-accent);background:var(--piece-color);clip-path:polygon(0 0,100% 8%,82% 50%,100% 92%,0 100%);filter:drop-shadow(0 4px #4a3c7f3b);border-radius:8% 25% 25% 8%;width:60%;height:47%;position:absolute;top:5%;left:34%}.piece__flag-star{z-index:2;color:#ffe36b;text-shadow:0 2px #854b4342;font-size:clamp(12px,2.4vw,30px);line-height:1;position:absolute;top:15%;left:51%}.piece--fence .piece__shape{height:78%;top:12%}.piece--fence .piece__shape:before,.piece--fence .piece__shape:after{content:"";z-index:2;border:1px solid var(--piece-accent);background:var(--piece-color);border-radius:999px;height:13%;position:absolute;left:2%;right:2%}.piece--fence .piece__shape:before{top:34%}.piece--fence .piece__shape:after{top:65%}.piece__fence-picket{border:clamp(1px, .2vw, 3px) solid var(--piece-accent);background:var(--piece-color);width:25%;box-shadow:inset 0 10% 0 #ffffff7a, 0 5% 0 #5b424e26;border-radius:50% 50% 14% 14%;position:absolute;top:3%;bottom:1%}.piece__fence-picket--one{left:4%}.piece__fence-picket--two{left:38%}.piece__fence-picket--three{right:4%}.piece--sample{width:52px;height:52px}.piece--sample .piece__flower{font-size:42px}.piece--sample .piece__star{font-size:47px}.piece--sample .piece__window-heart{font-size:39px}.piece--sample .piece__flag-star{font-size:24px}.sky-cloud{z-index:0;opacity:.58;width:14%;height:3.7%}.sky-cloud--one{top:14%;left:8%}.sky-cloud--two{top:26%;right:9%;transform:scale(.78)}.sky-spark{z-index:1;color:#ffffffb3;font-size:clamp(8px,1.5vw,18px);position:absolute}.sky-spark--one{top:9%;right:18%}.sky-spark--two{top:32%;left:17%;transform:scale(.7)}.build-board--morning .sky-spark{color:#ffe868e6}.board-ground{z-index:1;opacity:.8;pointer-events:none;height:28%;position:absolute;bottom:-1px;left:0;right:0}.board-ground:before,.board-ground:after{content:"";background:#4f995e40;border-radius:50%;position:absolute;bottom:-32%}.board-ground:before{width:68%;height:92%;left:-10%}.board-ground:after{width:70%;height:104%;right:-12%}.ground-flower{color:#fff6aed1;font-family:Georgia,serif;position:absolute}.ground-flower--one{bottom:14%;left:6%}.ground-flower--two{font-size:12px;bottom:26%;right:8%}.ground-flower--three{font-size:10px;bottom:3%;left:19%}.app{background:radial-gradient(circle at 7% 19%,#6fc8ed1f 0 80px,#0000 81px),radial-gradient(circle at 94% 62%,#ffcd6924 0 100px,#0000 101px),#f5fbfe;min-height:100vh}.app--free{background:radial-gradient(circle at 8% 22%,#ffa0b11f 0 90px,#0000 91px),radial-gradient(circle at 92% 68%,#7ad4b126 0 110px,#0000 111px),#fffaf4}.topbar{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fafeffe0;border-bottom:1px solid #5f679321;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:10px clamp(18px,3vw,46px);display:grid;position:sticky;top:0;box-shadow:0 6px 22px #4c57830f}.mode-switch{background:#edf4f8;border:2px solid #d8e2ec;border-radius:18px;padding:5px;display:inline-flex;box-shadow:inset 0 2px 5px #37476d0f}.mode-switch button{color:#74728f;cursor:pointer;background:0 0;border:0;border-radius:13px;min-height:39px;padding:0 18px;font-size:13px;font-weight:850;transition:background .16s,transform .16s}.mode-switch button span{margin-right:4px}.mode-switch button.is-active{color:var(--violet-deep);background:#fff;box-shadow:0 3px 9px #464a6f21}.mode-switch button:first-child.is-active span{color:#e8a832}.mode-switch button:last-child.is-active span{color:var(--coral)}.topbar__actions{justify-self:end;gap:9px;display:flex}.topbar .round-icon-button{width:38px;height:38px;box-shadow:none;border-width:1px;font-size:16px}.game-layout{grid-template-columns:304px minmax(0,1fr);align-items:start;gap:25px;width:min(1480px,100% - 42px);margin:0 auto;padding:28px 0 52px;display:grid}.objective-panel,.workshop{background:#ffffffe6;border:1px solid #dbe7ec;box-shadow:0 12px 30px #424c7714}.objective-panel{border-radius:26px 21px 28px 23px;padding:20px;position:sticky;top:104px}.level-path{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex;position:relative}.level-path:before{content:"";border-top:3px dotted #cfdae5;position:absolute;top:50%;left:20px;right:20px}.level-path button{z-index:1;color:#7a7893;width:38px;height:38px;font-family:var(--display);cursor:pointer;background:#f4f7fa;border:2px solid #a9b4cb;border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid;position:relative}.level-path button.is-current{border:3px solid var(--violet-deep);background:var(--lemon);box-shadow:0 4px 0 var(--violet-deep);color:var(--violet-deep);transform:translateY(-2px)scale(1.1)}.level-path button.is-locked{cursor:not-allowed;background:#edf1f4;border-color:#d9e1e8}.tiny-lock{background:#a9b2c1;border-radius:2px;width:11px;height:9px;position:relative}.tiny-lock:before{content:"";border:2px solid #a9b2c1;border-bottom:0;border-radius:7px 7px 0 0;width:7px;height:8px;position:absolute;top:-7px;left:2px}.panel-kicker{color:var(--coral-deep);letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:900;display:flex}.panel-kicker span{background:#ffe8ec;border-radius:999px;padding:5px 9px}.panel-kicker i{color:#8885a2;letter-spacing:.08em;font-size:10px;font-style:normal}.objective-panel>h2{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:24px}.objective-panel>p{color:#77758f;margin:8px 0 16px;font-size:12px;font-weight:650;line-height:1.65}.target-card{background:#fffaf0;border:2px solid #d7d0bd;border-radius:10px 17px 13px 19px;margin:24px -2px 17px;padding:10px 10px 0;position:relative;transform:rotate(-1.3deg);box-shadow:5px 7px #eee5d3}.target-card__tape,.prompt-card__tape{z-index:5;clip-path:polygon(3% 10%,100% 0,97% 92%,0 100%);background:#ffd65cad;width:49px;height:15px;position:absolute}.target-card__tape--left{top:-7px;left:-13px;transform:rotate(-13deg)}.target-card__tape--right{top:-6px;right:-12px;transform:rotate(12deg)}.target-card__footer{color:#6e6b87;font-family:var(--display);justify-content:space-between;align-items:center;padding:10px 2px 9px;font-size:11px;font-weight:900;display:flex}.target-card__footer span:last-child{border:2px solid #85809d;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.tip-bubble,.free-cheer{background:#f6f1ff;border:2px solid #ded8ee;border-radius:18px 18px 18px 5px;align-items:center;gap:8px;min-height:67px;padding:8px 10px 7px 5px;display:flex}.tip-bubble>span,.free-cheer>span{color:#6a6682;font-size:11px;font-weight:650;line-height:1.55}.tip-bubble b{color:var(--violet-deep)}.objective-panel--free{background:#fffdf8ed;border-color:#f1ddd4}.objective-panel--free .panel-kicker i{color:#9b6640;background:#ffe4b0;border-radius:50%;place-items:center;width:27px;height:27px;font-size:16px;display:grid}.prompt-card{background:#fff5de;border:2px solid #efcfb5;border-radius:15px 9px 17px 12px;margin:28px 0 22px;padding:25px 18px 19px;position:relative;transform:rotate(1.2deg);box-shadow:5px 6px #f1dfca}.prompt-card__tape{width:63px;top:-8px;left:50%;transform:translate(-50%)rotate(-2deg)}.prompt-card small,.prompt-card strong{display:block}.prompt-card small{color:#c16a66;letter-spacing:.1em;margin-bottom:7px;font-size:10px;font-weight:900}.prompt-card strong{color:#5d5572;font-family:var(--display);font-size:15px;line-height:1.55}.theme-picker h3{font-family:var(--display);margin:0 0 11px;font-size:13px}.theme-options{gap:8px;display:grid}.theme-options button{color:#6a6884;cursor:pointer;background:#fff;border:2px solid #e3e5eb;border-radius:13px;align-items:center;gap:9px;min-height:43px;padding:5px 9px;font-size:11px;font-weight:800;display:flex}.theme-options button i{background:var(--swatch);color:#fff;border:2px solid #4948704d;border-radius:50%;place-items:center;width:29px;height:29px;font-size:14px;font-style:normal;display:grid}.theme-options button.is-selected{border-color:var(--violet);color:var(--violet-deep);background:#f8f5ff;box-shadow:0 3px #5446a933}.free-cheer{background:#effaf2;border-color:#d9eadc;margin-top:18px}.workshop{border-radius:30px;min-width:0;padding:clamp(18px,2.4vw,30px)}.workshop__heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:19px;display:flex}.workshop__kicker{color:var(--coral-deep);letter-spacing:.12em;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.workshop__heading h1{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(23px,2.2vw,32px)}.score-meter{background:#fbfcff;border:2px solid #e5e5ed;border-radius:15px;width:min(290px,35vw);padding:10px 13px 8px}.score-meter__top{color:#77758d;justify-content:space-between;align-items:end;font-size:10px;font-weight:800;display:flex}.score-meter__top strong{color:var(--violet-deep);font-family:var(--display);font-size:20px;line-height:1}.score-meter__top small{font-size:10px}.score-meter__track{background:#e6edf1;border-radius:999px;height:9px;margin-top:6px;position:relative}.score-meter__fill{border-radius:inherit;background:linear-gradient(90deg,#78d4b2,#ffd056 73%,#ff7f91);max-width:100%;height:100%;transition:width .24s;display:block}.score-meter__goal{background:var(--violet-deep);border-radius:3px;width:3px;height:15px;position:absolute;top:-3px}.score-meter p{color:#858298;text-align:right;margin:5px 0 0;font-size:8px;font-weight:750}.album-button{min-height:44px;color:var(--violet-deep);cursor:pointer;background:#f7f1ff;border:2px solid #dcceef;border-radius:14px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:850;display:inline-flex}.album-button span{font-size:18px;transform:rotate(-3deg)}.album-button b{background:var(--violet);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;display:grid}.stage-wrap{width:min(100%,750px);margin:0 auto;position:relative}.stage-ribbon{z-index:7;color:#626080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:2px solid #4e4a83a6;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 14px;font-size:9px;font-weight:850;display:inline-flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 4px #4e4a8321}.stage-ribbon span{color:#e6a327}.tool-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(100%,750px);margin:16px auto 25px;display:flex}.tool-row button{color:#6a6880;cursor:pointer;background:#fff;border:2px solid #dfe4ea;border-radius:12px;align-items:center;gap:5px;min-height:37px;padding:0 12px;font-size:10px;font-weight:850;transition:transform .13s,border-color .13s;display:inline-flex}.tool-row button:hover:not(:disabled){border-color:#a9a0d7;transform:translateY(-2px)}.tool-row button:disabled{opacity:.45;cursor:default}.tool-row button.is-active{border-color:var(--coral);color:var(--coral-deep);background:#fff0f2}.tool-row .hint-button{color:#8f6a28;background:#fff7d9;border-color:#efcf83;margin-left:auto}.eraser-icon{border:2px solid;border-radius:2px;width:12px;height:9px;display:inline-block;transform:rotate(-35deg)}.shelf-heading{border-top:2px dashed #dfe7eb;justify-content:space-between;align-items:center;gap:20px;padding-top:17px;display:flex}.shelf-heading>div{display:grid}.shelf-heading>div>span{font-family:var(--display);font-size:18px;font-weight:900}.shelf-heading small{color:#88869b;margin-top:3px;font-size:9px;font-weight:700}.check-button{border:3px solid var(--violet-deep);background:var(--lemon);min-height:46px;box-shadow:0 5px 0 var(--violet-deep);color:var(--violet-deep);border-radius:16px;align-items:center;gap:8px;padding:0 18px;font-size:13px;transition:transform .15s,box-shadow .15s;display:inline-flex}.check-button:hover{box-shadow:0 7px 0 var(--violet-deep);transform:translateY(-2px)}.check-button:active{box-shadow:0 1px 0 var(--violet-deep);transform:translateY(4px)}.check-button span{color:#e89f25;font-size:18px}.material-shelf{grid-template-columns:repeat(auto-fit,minmax(91px,1fr));gap:10px;margin-top:14px;display:grid}.material-card{cursor:grab;background:#fff;border:2px solid #dfe5e9;border-radius:16px 13px 17px 14px;justify-items:center;min-width:0;min-height:99px;padding:8px 5px 7px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid;position:relative;box-shadow:0 4px #e4eaed}.material-card:nth-child(2n){transform:rotate(.5deg)}.material-card:nth-child(3n){transform:rotate(-.7deg)}.material-card:hover{z-index:2;border-color:#aaa1d7;transform:translateY(-3px)rotate(0);box-shadow:0 7px #ddd8ef}.material-card:active{cursor:grabbing}.material-card.is-selected{border:3px solid var(--violet-deep);box-shadow:0 6px 0 var(--violet-deep), 0 10px 15px #5446a921;background:#faf7ff;transform:translateY(-3px)rotate(-1deg)}.material-card.is-selected:after{content:"✓";border:2px solid var(--violet-deep);background:var(--lemon);width:23px;height:23px;color:var(--violet-deep);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;top:-8px;right:-7px}.material-card__sample{place-items:center;width:55px;height:55px;display:grid}.material-card__name{max-width:100%;font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.material-card__category{color:#9a98a8;margin-top:2px;font-size:8px;font-weight:750}.toast{z-index:80;border:3px solid var(--violet-deep);min-height:48px;box-shadow:0 7px 0 var(--violet-deep), 0 14px 30px #39326f40;color:var(--violet-deep);background:#fffdf5;border-radius:16px;align-items:center;gap:8px;padding:0 18px;font-size:12px;font-weight:850;animation:.24s ease-out toastIn;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.toast span{color:#e5a52a}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#3030507d;place-items:center;padding:22px;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0;overflow-y:auto}.result-modal,.help-modal,.album-modal{border:4px solid var(--violet-deep);text-align:center;background:#fffdf7;border-radius:31px 26px 35px 28px;width:min(100%,440px);animation:.3s cubic-bezier(.18,1.2,.35,1) modalPop;position:relative;box-shadow:0 12px #3c347d8c,0 24px 55px #2421504d}.result-modal{padding:62px 35px 28px}.result-modal__badge{border:4px solid var(--violet-deep);background:var(--lemon);width:105px;height:105px;box-shadow:0 7px 0 var(--violet-deep);border-radius:50%;place-items:center;display:grid;position:absolute;top:-57px;left:50%;transform:translate(-50%)rotate(-4deg)}.result-modal__badge>span{color:#fff4ba;text-shadow:0 4px #db8e2a;font-size:57px;line-height:1}.result-modal--retry .result-modal__badge{background:#f3eaff}.result-modal__kicker{color:var(--coral-deep);letter-spacing:.13em;margin:0 0 7px;font-size:10px;font-weight:900}.result-modal h2{font-family:var(--display);margin:0;font-size:27px}.result-score{color:var(--violet-deep);align-items:flex-end;margin:16px 0 9px;display:inline-flex}.result-score strong{font-family:var(--display);font-size:56px;line-height:.9}.result-score span{font-size:18px;font-weight:900}.result-modal>p:not(.result-modal__kicker){color:#77738b;max-width:330px;margin:10px auto 20px;font-size:13px;font-weight:650;line-height:1.6}.result-modal__actions{justify-items:center;gap:14px;display:grid}.text-button{color:#77738b;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:800;text-decoration:underline}.confetti{pointer-events:none;position:absolute;inset:-100px;overflow:hidden}.confetti i{background:hsl(calc(var(--i) * 47deg), 78%, 66%);width:9px;height:18px;transform:rotate(calc(var(--i) * 31deg));animation:confettiFly .95s calc(var(--i) * 18ms) ease-out both;border-radius:3px;position:absolute;top:38%;left:50%}.modal-close{z-index:3;color:#77738b;cursor:pointer;background:#fff;border:2px solid #ddd8e8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid;position:absolute;top:15px;right:15px}.help-modal{text-align:left;padding:29px 30px 27px}.help-modal__heading,.album-modal__heading{align-items:center;gap:13px;display:flex}.help-modal__heading small,.album-modal__heading small{color:var(--coral-deep);letter-spacing:.12em;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.help-modal__heading h2,.album-modal__heading h2{font-family:var(--display);margin:0;font-size:22px}.help-steps{gap:12px;margin:22px 0 25px;padding:0;list-style:none;display:grid}.help-steps li{background:#fafbfc;border:2px solid #e4e4ec;border-radius:15px;grid-template-columns:38px 1fr;align-items:center;gap:11px;padding:12px;display:grid}.help-steps li>b{border:2px solid var(--violet-deep);background:var(--lemon);width:35px;height:35px;box-shadow:0 3px 0 var(--violet-deep);font-family:var(--display);border-radius:50%;place-items:center;font-size:13px;display:grid}.help-steps li span{color:#747187;font-size:11px;line-height:1.5}.help-steps li strong{color:var(--ink);font-size:13px;display:block}.help-modal>.primary-button{margin:0 auto;display:block}.album-modal{text-align:left;width:min(100%,760px);max-height:calc(100vh - 44px);padding:27px 28px 30px;overflow-y:auto}.album-modal__heading>span{border:3px solid var(--violet-deep);background:var(--lemon);color:#e49325;border-radius:15px;place-items:center;width:50px;height:50px;font-size:24px;display:grid;transform:rotate(-4deg)}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.album-card{background:#fffaf0;border:2px solid #e5dfd3;border-radius:15px;padding:9px;box-shadow:4px 5px #eee5d6}.album-card:nth-child(2n){transform:rotate(.8deg)}.album-card:nth-child(3n){transform:rotate(-.8deg)}.album-card>div:not(.build-board){justify-content:space-between;align-items:center;padding:9px 3px 7px;display:flex}.album-card strong{font-family:var(--display);font-size:11px}.album-card small{color:#9894a2;font-size:8px}.album-card>button{width:100%;min-height:31px;color:var(--violet-deep);cursor:pointer;background:#f7f2ff;border:2px solid #d9d1e9;border-radius:10px;font-size:9px;font-weight:850}.album-empty{color:#858197;text-align:center;align-content:center;place-items:center;gap:10px;min-height:280px;display:grid}.album-empty .house-mark{margin-bottom:10px;transform:rotate(-3deg)scale(1.3)}.album-empty strong{font-family:var(--display);color:var(--ink);font-size:17px}.album-empty span{max-width:300px;font-size:11px;line-height:1.6}@keyframes piecePop{0%{opacity:0;transform:scale(.55)translateY(-15%)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes hintPulse{50%{transform:scale(1.08)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,18px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(20px)scale(.88)rotate(-2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes confettiFly{0%{opacity:0;transform:translate(0)rotate(0)}14%{opacity:1}to{opacity:0;transform:translate(calc((var(--i) - 9) * 30px), calc(150px + (var(--i) % 4) * 30px)) rotate(calc(var(--i) * 95deg))}}@media (width<=1060px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);gap:45px}.mascot-note{right:-18px}.mascot-note>span{display:none}.game-layout{grid-template-columns:270px minmax(0,1fr)}.objective-panel{padding:16px}.material-shelf{grid-template-columns:repeat(auto-fit,minmax(83px,1fr))}}@media (width<=820px){.home-header,.home-hero{width:min(100% - 34px,620px)}.home-hero{text-align:center;grid-template-columns:1fr;gap:70px;padding-top:52px}.home-copy{justify-items:center;display:grid}.home-actions{justify-content:center}.home-showcase{width:min(86vw,470px);margin-bottom:70px}.home-intro{max-width:540px}.home-how{justify-content:center}.home-sun{top:46%;right:-25px}.topbar{grid-template-columns:1fr auto;gap:10px}.topbar .mode-switch{grid-area:2/1/auto/-1;width:100%}.mode-switch button{flex:1}.topbar__actions{grid-area:1/2}.game-layout{grid-template-columns:1fr;width:min(100% - 24px,720px);padding-top:16px}.objective-panel{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);align-items:start;column-gap:20px;display:grid;position:static}.level-path,.panel-kicker,.objective-panel>h2,.objective-panel>p,.tip-bubble,.objective-panel--free .prompt-card,.objective-panel--free .free-cheer{grid-column:1}.level-path{grid-column:1/-1}.target-card,.theme-picker{grid-area:1/2/span 5;margin-top:7px}.level-path{margin-bottom:17px}.tip-bubble{margin-top:10px}.objective-panel--free{min-height:255px}.objective-panel--free .prompt-card{margin:18px 0 12px}.workshop{padding:20px}}@media (width<=560px){.brand__words strong{font-size:17px}.brand__words small{display:none}.house-mark{flex-basis:42px;width:42px;height:42px;transform:rotate(-3deg)scale(.85)}.home-header{padding-top:17px}.home-hero{padding-top:36px}.home-copy h1{font-size:clamp(40px,13vw,58px)}.home-intro{margin-top:28px;font-size:14px}.home-actions{width:100%}.primary-button--big,.paper-button{justify-content:center;width:100%}.home-how{gap:6px;font-size:10px}.dotted-arrow{display:none}.home-showcase{width:calc(100% - 8px);padding:43px 21px 23px}.mascot-note{bottom:-64px;right:-12px;transform:scale(.88)}.topbar{padding:8px 12px}.topbar .round-icon-button{width:35px;height:35px}.mode-switch button{min-height:36px;padding:0 9px;font-size:11px}.game-layout{gap:12px;width:calc(100% - 14px)}.objective-panel{grid-template-columns:minmax(0,.9fr) minmax(164px,1.1fr);column-gap:13px;padding:15px;display:grid}.objective-panel .level-path{grid-column:1/-1}.objective-panel .panel-kicker,.objective-panel>h2,.objective-panel>p{grid-column:1}.objective-panel .target-card{grid-area:2/2/span 4;align-self:center;margin:4px 0 10px;padding:6px 6px 0}.objective-panel .target-card__footer{padding:7px 1px 6px;font-size:9px}.objective-panel .tip-bubble{grid-column:1/-1;margin-top:10px}.objective-panel--free{min-height:auto;display:block}.theme-options{grid-template-columns:repeat(3,1fr)}.theme-options button{text-align:center;justify-items:center;padding:7px 2px;display:grid}.theme-options button span{font-size:8px}.free-cheer{margin-top:13px}.workshop{border-radius:22px;padding:14px 10px 19px}.workshop__heading{margin-bottom:13px;padding:0 4px;display:block}.score-meter{width:100%;margin-top:12px}.album-button{margin-top:12px}.stage-ribbon{white-space:nowrap;text-overflow:ellipsis;max-width:75%;top:9px;overflow:hidden}.build-board{border-radius:18px}.tool-row{justify-content:flex-start;gap:6px;margin:13px auto 20px}.tool-row button{min-height:35px;padding:0 10px}.tool-row .hint-button{margin-left:0}.shelf-heading{align-items:flex-end}.shelf-heading small{max-width:190px}.check-button{min-height:43px;padding:0 12px;font-size:11px}.material-shelf{scroll-snap-type:x mandatory;margin-right:-10px;padding:3px 10px 11px 1px;display:flex;overflow-x:auto}.material-card{scroll-snap-align:start;min-width:94px}.modal-backdrop{padding:17px}.result-modal{padding:59px 20px 25px}.result-modal h2{font-size:23px}.help-modal{padding:24px 18px}.album-modal{padding:22px 15px 25px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.toast{text-align:center;justify-content:center;width:calc(100% - 34px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}