:root{font-family:Arial,Helvetica,sans-serif;color:#29483d;background:#f8f7ef;font-synthesis:none;--paper:#f8f7ef;--ink:#29483d;--muted:#6c7d70;--line:#dce1d4;--card:#fffef8;--accent:#e5bc74;--board:#eef1df;--platform-top:#cdddb8;--platform-side:#9db591;--socket:#e3e9d7;--route:#537d62}*{box-sizing:border-box}body{margin:0;min-width:300px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;min-height:44px}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ca8536;outline-offset:4px}button:hover:not(:disabled){filter:brightness(.97)}a{color:inherit}h1,h2,p{margin:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400}em{font-weight:400;font-style:italic;color:#729175}strong{font-weight:600}button.primary,.primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:12px;padding:14px 22px;font-weight:600}.secondary{background:transparent;border:1px solid var(--line);border-radius:12px;padding:12px 20px}.text-btn{font-size:14px;text-decoration:underline;text-underline-offset:5px}.icon-btn{width:46px;border:1px solid var(--line);border-radius:50%;font-size:23px}.big{min-height:58px;padding:17px 23px}.app-shell{max-width:1320px;margin:auto;padding:0 max(32px,env(safe-area-inset-right)) 0 max(32px,env(safe-area-inset-left))}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:24px;letter-spacing:-1px;font-weight:700}.brand-caption{display:block;font-size:8px;font-weight:500;letter-spacing:2.2px;margin-top:7px}.brand-mark{background:var(--ink);color:#f8f7ef;width:45px;height:45px;display:grid;place-items:center;border-radius:14px;font:italic 37px Georgia;position:relative;line-height:1}.brand-mark span{position:absolute;font:16px Arial;right:5px;top:3px;color:#e8c77d}.topbar nav{display:flex;gap:24px;align-items:center}.nav-link{font-size:13px}.home{padding-top:52px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-copy{padding:35px 0 26px 34px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:block}.eyebrow i{display:inline-block;width:7px;height:7px;background:#87a47c;border-radius:50%;margin-right:8px}.hero-copy h1{font-size:clamp(58px,6.5vw,86px);line-height:1.06;letter-spacing:-3px;margin:25px 0}.lead{font-size:16px;line-height:1.8;color:var(--muted)}.lead strong{color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;font-size:14px}.hero-actions .primary span{margin-left:22px;font-size:20px}.hero-meta{display:flex;gap:13px;font-size:10px;margin-top:23px;color:var(--muted);flex-wrap:wrap}.hero-meta span+span:before{content:"·";margin-right:13px}.hero-scene{position:relative;align-self:center}.hero-scene svg{width:100%;height:auto}.float-note{position:absolute;top:15%;left:1%;background:var(--card);padding:14px 18px;font-size:12px;line-height:1.6;transform:rotate(-7deg);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 20px #29483d08}.float-note>span{float:left;font-size:32px;margin-right:10px;color:#9cae86}.progress-line{width:260px;font-size:11px;margin-top:37px;display:flex;justify-content:space-between;flex-wrap:wrap;color:var(--muted)}.progress-line>div{width:100%;height:4px;background:var(--line);margin-top:10px;border-radius:5px}.progress-line i{display:block;height:100%;background:#98ae80;border-radius:5px}.home-bottom{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:28px 20px;margin-top:38px;gap:20px}.home-bottom>div{display:flex;gap:14px;align-items:center}.number{font:italic 25px Georgia;color:#91a183}.home-bottom p{font-size:12px;line-height:1.9;color:var(--muted)}.home-bottom strong{color:var(--ink)}footer{display:flex;justify-content:space-between;padding:25px 4px max(24px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.2px;color:var(--muted);gap:20px}.save-status{color:#698464}.page{padding:48px 28px}.page-heading h1{font-size:54px;letter-spacing:-1.5px;margin:14px 0}.page-heading p{font-size:14px;color:var(--muted);line-height:1.7}.filter{display:flex;gap:6px;margin:30px 0 25px;background:#e9ede0;border-radius:12px;padding:5px;width:max-content;max-width:100%}.filter button{padding:10px 22px;border-radius:9px;font-size:13px}.filter button.active{background:var(--card);box-shadow:0 2px 6px #29483d0c}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.level-card{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:23px;text-align:left;position:relative;overflow:hidden;min-height:180px;transition:transform .2s}.level-card:hover{transform:translateY(-3px)}.level-no{font-size:12px;letter-spacing:2px;color:var(--muted)}.level-world{position:absolute;right:21px;top:18px;font:45px Georgia;color:#c3cda9}.level-card strong{display:block;margin:25px 0 9px;font:22px Georgia}.level-card small{font-size:11px;color:var(--muted)}.level-best{display:block;font-size:11px;margin-top:20px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted)}.level-card.finished{background:#edf1e3}.challenge{margin-top:30px;padding:25px;border-radius:16px;border:1px dashed #a6b394;display:flex;gap:20px;align-items:center;justify-content:space-between}.challenge p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.6}.play-page{padding:25px 28px}.play-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.back-link{padding:0;font-size:12px;color:var(--muted);text-align:left;min-height:28px}.play-heading h1{font-size:30px;margin-top:9px}.play-heading h1 span{font:12px Arial;color:var(--muted);vertical-align:middle;margin-right:16px}.moves{text-align:right;font-size:11px;color:var(--muted)}.moves b{display:block;font:32px Georgia;color:var(--ink);margin-bottom:4px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.game-stage{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card)}.board{position:relative;background:var(--board);width:100%;aspect-ratio:600/620;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate}.board>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}.board:before{content:"";position:absolute;width:55%;height:60%;border-radius:50%;background:#ffffff38;left:25%;top:14%}.board-cloud{position:absolute;width:115px;height:26px;border-radius:50%;background:#ffffff45;z-index:-1}.cloud-one{top:15%;left:8%}.cloud-two{top:43%;right:4%;width:70px}.board-label{position:absolute;bottom:15px;left:22px;right:22px;font-size:8px;letter-spacing:2px;color:var(--muted);pointer-events:none}.board-label span{float:right}.board-targets{position:absolute;inset:0;z-index:4}.socket-target{position:absolute;transform:translate(-50%,-50%);width:max(44px,10%);height:max(44px,11%);border-radius:50%;min-width:44px;min-height:44px;background:transparent;padding:0;touch-action:none}.socket-target:focus-visible{outline-offset:0}.hint-target{border:2px dashed #ca8f3c}.game-toolbar{display:flex;align-items:stretch;justify-content:space-around;padding:10px 8px;gap:4px}.game-toolbar button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:23px;padding:5px 10px;border-radius:9px;min-width:44px}.game-toolbar button:hover{background:var(--board)}.game-toolbar span{font-size:11px}.play-aside{padding:12px 0}.chapter-pill{font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:700}.play-aside h2{font-size:30px;line-height:1.15;margin:20px 0 12px}.objective{font-size:13px;line-height:1.8;color:var(--muted)}.friend-list{margin:25px 0;display:grid;gap:9px}.friend{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:8px 12px;width:100%;background:var(--card);text-align:left;min-height:69px}.friend.chosen{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.friend:disabled{opacity:.65}.friend svg{width:46px;height:46px}.friend span{flex:1}.friend strong{display:block;font-size:13px}.friend small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.friend>b{font-size:15px}.status-card{border-radius:12px;background:#e9edde;padding:16px;display:flex;gap:12px;align-items:flex-start}.status-card>span{font-size:23px;color:#78916d}.status-card p{font-size:12px;line-height:1.7}.rule-note{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:11px;line-height:1.7;color:var(--muted)}.rule-note b{color:var(--ink)}.rule-note p{margin-top:8px}.coop-turn{margin-top:15px;font-size:11px;line-height:1.8;padding:14px;background:var(--card);border-radius:12px}.coop-turn strong,.coop-turn small{display:block}.coop-turn strong{font-size:16px}.gesture{position:absolute;z-index:5;pointer-events:none;font-size:38px;transform:translate(-10%,20%);animation:gesture 1.4s ease-in-out infinite;filter:drop-shadow(1px 3px 2px #29483d22)}.tutorial-dots{display:flex;gap:4px;margin-top:20px}.tutorial-dots i{width:8px;height:4px;border-radius:3px;background:var(--line)}.tutorial-dots i.on{background:#799a70}.tutorial-card .text-btn{font-size:11px;display:block}.tutorial-card h2{font-size:25px}.tutorial-card .primary{font-size:13px;width:100%}.completion{position:fixed;inset:0;max-width:480px;width:calc(100% - 32px);margin:auto;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:35px;text-align:center;box-shadow:0 0 0 100vmax #1e3e3345,0 20px 90px #20392f35;z-index:20;color:var(--ink)}.completion-stars{font-size:40px;color:#cda454;margin-bottom:22px;letter-spacing:13px}.completion h2{font-size:34px;margin:17px 0}.completion p{font-size:13px;line-height:1.8;color:var(--muted)}.medal{margin:20px 0;font-size:12px;line-height:1.6;color:var(--muted)}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.dialog-actions .primary{flex:1 1 100%}.modal{border:1px solid var(--line);border-radius:20px;max-width:440px;width:calc(100% - 32px);padding:30px;background:var(--card);color:var(--ink)}.modal::backdrop{background:#1e3e3377}.modal h2{font-size:30px;margin-bottom:15px}.modal p{font-size:14px;line-height:1.8;color:var(--muted)}.appearance-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;margin-top:30px}.appearance-preview{align-self:start;border-radius:20px;background:var(--board);margin-top:20px;padding:20px}.appearance-preview svg{width:100%}.appearance-preview p{text-align:center;font-size:12px;color:var(--muted);padding-bottom:20px}fieldset{border:0;border-top:1px solid var(--line);padding:20px 0;margin:20px 0}legend{font-size:13px;padding-right:14px;font-weight:600}.options{display:flex;gap:10px;flex-wrap:wrap}.options button{border:1px solid var(--line);padding:13px;border-radius:12px;min-width:88px;text-transform:capitalize;font-size:11px;background:var(--card);display:flex;gap:9px;align-items:center;flex-direction:column}.options button.selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.swatch{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:23px Georgia;background:var(--board)}.swatch.meadow{background:#c1d0aa}.swatch.peach{background:#edbc9d}.swatch.night{background:#526477}.swatch.candy{color:#cb7b92}.swatch.brass{color:#b68b34}.settings-grid{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.setting{position:relative;display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;cursor:pointer;min-height:90px}.setting strong{display:block;font-size:14px}.setting small{display:block;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.5}.setting input{width:44px;height:28px;position:absolute;right:0;opacity:0;z-index:2;cursor:pointer}.switch{width:44px;height:26px;border-radius:20px;background:#c4cebc;flex-shrink:0;position:relative}.switch:after{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;background:#fffef8;border-radius:50%;transition:transform .2s}.setting input:checked+.switch{background:#648564}.setting input:checked+.switch:after{transform:translate(18px)}.setting input:focus-visible+.switch{outline:3px solid #c68d41;outline-offset:5px}.settings-bottom{border-top:1px solid var(--line);padding-top:25px}.settings-bottom p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:18px;max-width:740px}.danger{color:#9e4842;border:1px solid #cdaca0;border-radius:10px;padding:12px 18px;font-size:13px}.settings-bottom button{margin:10px 15px 0 0}.idle-jelly{animation:wobble 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}.hero-jelly .jelly-body{animation:wobble 3s ease-in-out infinite;transform-origin:center bottom}.route{opacity:.4}.route.active{opacity:1}.home-marker{opacity:.9}@keyframes wobble{0%,to{transform:scale(1)}50%{transform:scale(1.04,.96)}}@keyframes gesture{0%,to{transform:translate(-10%,20%) rotate(-12deg)}50%{transform:translate(-10%,1%) rotate(0)}}[data-motion=false] *{animation:none!important;transition:none!important}[data-theme=peach]{--paper:#fbf4eb;--card:#fff9f0;--board:#f5e4cd;--platform-top:#edc19e;--platform-side:#caa17d;--socket:#f5d7b7;--route:#9b6a50;--line:#e8d7c4}[data-theme=peach] em{color:#a98061}[data-theme=night]{--paper:#edf0f1;--card:#f8f9f7;--board:#d5e0e4;--platform-top:#b2c7ce;--platform-side:#819da6;--socket:#d8e3e6;--route:#496b7d;--line:#cedbde}[data-theme=night] em{color:#718f9f}[data-theme=night] .board:before{background:#ecf1dd99;width:90px;height:90px;left:73%;top:8%}@media(min-width:1250px){.play-layout{grid-template-columns:minmax(0,690px) 280px;justify-content:center}.board{max-height:none}.hero-scene{padding:0 10px}}@media(max-width:1000px){.app-shell{padding:0 24px}.hero-copy{padding-left:0}.home{padding-top:30px}.hero-copy h1{font-size:64px}.hero-actions{flex-direction:column;align-items:flex-start}.home-bottom{flex-wrap:wrap}.play-page{padding:25px 0}.play-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.page{padding:40px 0}.game-toolbar button{padding:5px}.game-toolbar span{font-size:10px}.level-grid{grid-template-columns:repeat(3,1fr)}.appearance-layout{gap:24px}.topbar nav{gap:14px}}@media(max-width:700px){.app-shell{padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}.topbar{height:82px}.brand{font-size:20px;gap:10px}.brand-mark{width:37px;height:37px;font-size:31px;border-radius:11px}.brand-caption{font-size:6px;letter-spacing:1.5px;margin-top:5px}.topbar nav{gap:7px}.nav-link{display:none}.icon-btn{width:42px;min-height:42px}.home{grid-template-columns:1fr;padding-top:0;gap:0}.hero-copy{padding:36px 8px 0}.hero-copy h1{font-size:62px;margin:20px 0;letter-spacing:-2.5px}.lead{font-size:14px}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero-actions{flex-direction:row;gap:9px;margin-top:22px}.big{font-size:12px;padding:14px 17px;min-height:50px}.hero-actions .primary span{margin-left:12px}.hero-meta{font-size:9px;gap:9px;margin-top:18px}.hero-meta span+span:before{margin-right:9px}.progress-line{margin-top:24px;width:100%}.hero-scene{max-width:460px;margin:auto;width:100%}.hero-scene svg{margin-top:5px}.float-note{top:16%;left:3%;font-size:10px;padding:10px 13px}.home-bottom{margin-top:0;padding:20px 4px;gap:18px}.home-bottom>div{flex:1 1 100%;gap:16px}.home-bottom p{font-size:12px}.home-bottom .text-btn{margin-left:40px}footer{font-size:9px;flex-wrap:wrap;gap:10px;padding-top:23px}.page{padding-top:30px}.page-heading h1{font-size:43px}.page-heading p{font-size:12px}.filter{width:100%;margin:25px 0 20px;gap:2px}.filter button{padding:10px 8px;font-size:12px;flex:1}.level-grid{grid-template-columns:repeat(2,1fr);gap:11px}.level-card{padding:16px;min-height:170px;border-radius:13px}.level-world{font-size:32px;right:13px;top:10px}.level-card strong{font-size:19px;line-height:1.2;margin:25px 0 8px}.level-card small,.level-best{font-size:10px}.level-best{line-height:1.6}.challenge{padding:20px;flex-direction:column;align-items:flex-start}.play-page{padding:18px 0}.play-heading{margin-bottom:16px;gap:10px}.play-heading h1{font-size:25px;line-height:1.2}.play-heading h1 span{font-size:10px;margin-right:8px}.moves b{font-size:25px}.moves span{font-size:9px;display:block;max-width:70px;line-height:1.5}.play-layout{display:flex;flex-direction:column;gap:18px}.game-stage{width:100%;border-radius:16px}.board-label{font-size:7px;bottom:12px;left:15px}.game-toolbar{padding:7px 5px}.game-toolbar button{flex-direction:column;gap:2px;font-size:22px;padding:3px 7px;min-height:49px}.game-toolbar span{font-size:9px}.play-aside{width:100%;padding:0;display:flex;flex-wrap:wrap;gap:12px}.chapter-pill{width:100%;font-size:8px}.play-aside h2{font-size:25px;margin:0;flex-basis:100%}.objective{font-size:12px;line-height:1.6;flex-basis:100%}.friend-list{display:flex;margin:0;gap:7px;width:100%}.friend{padding:7px;min-height:58px;gap:5px;flex:1}.friend svg{width:35px;height:40px;flex-shrink:0}.friend small{display:none}.friend strong{font-size:11px}.friend>b{font-size:12px}.status-card{width:100%;padding:12px}.status-card p{font-size:12px;line-height:1.6}.rule-note{margin-top:0;padding-top:12px;width:100%}.rule-note p{margin-top:3px;font-size:10px}.coop-turn{margin:0;width:100%;padding:10px}.tutorial-card{width:100%;display:flex;flex-wrap:wrap;gap:6px 12px}.tutorial-dots{margin:0 0 8px;width:100%}.tutorial-card h2{font-size:22px}.tutorial-card .primary{width:auto;margin-top:5px}.tutorial-card .text-btn{font-size:10px}.appearance-layout{grid-template-columns:1fr;gap:5px}.appearance-preview{order:-1;max-height:220px;overflow:hidden;padding:0}.appearance-preview svg{height:200px}.appearance-preview p{display:none}.options button{min-width:72px;padding:12px;flex:1}.settings-grid{grid-template-columns:1fr;gap:0}.setting{padding:19px 0}.completion{padding:28px 22px}.completion h2{font-size:29px}.modal{padding:25px}.gesture{font-size:31px}}@media(max-height:550px)and (min-width:701px){.topbar{height:65px}.play-page{padding-top:10px}.play-heading{margin-bottom:10px}.play-heading h1{font-size:23px}.play-layout{grid-template-columns:minmax(0,420px) minmax(220px,1fr);justify-content:center}.board{aspect-ratio:600/620;max-height:none}.play-aside{padding:0}.play-aside h2{margin:10px 0;font-size:24px}.friend-list{margin:12px 0}.rule-note{display:none}.game-toolbar{padding:3px}.home{padding-top:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.idle-jelly,.hero-jelly .jelly-body{animation:toy-idle 3.6s ease-in-out infinite;transform-box:view-box;transform-origin:0 0}@keyframes toy-idle{0%,58%,to{transform:scale(1) rotate(0)}68%{transform:scale(1.055,.95) rotate(-1.2deg)}79%{transform:scale(.975,1.035) rotate(1deg)}90%{transform:scale(1.012,.99) rotate(-.4deg)}}