/* Little garden: one illustration, one path, one invitation to play. */
.home-screen{position:fixed;inset:0;z-index:10;overflow:auto;isolation:isolate;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#fcf8ed;color:#354f41}
.home-screen[hidden]{display:none}
.home-screen{scrollbar-width:thin;scrollbar-color:#c6cfb9 transparent}.home-screen::-webkit-scrollbar{width:5px}.home-screen::-webkit-scrollbar-thumb{background:#c6cfb9;border-radius:5px}
.home-scenery{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 87% 30%,#eee9d88c,transparent 53%),radial-gradient(ellipse at 5% 85%,#e4eadb,transparent 50%),#fcf8ed}
.home-scenery:after{content:'';position:absolute;inset:0;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23a3ab91' opacity='.25' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}
.sun-glow{position:absolute;left:52%;top:15%;width:630px;height:630px;border-radius:50%;background:#f4ead96b;filter:blur(40px)}
.hill{position:absolute;width:110%;left:-5%;height:23%;border-radius:50% 50% 0 0}
.hill-back{bottom:-17%;background:#dbe5cc;transform:rotate(-4deg)}.hill-front{bottom:-20%;background:#c5d5b6;transform:rotate(4deg)}
.home-blossom{position:absolute;color:#c9aa9b;opacity:.23;font:62px Georgia}.blossom-one{left:2%;top:28%;transform:rotate(-20deg)}.blossom-two{right:2%;bottom:10%;font-size:96px}.blossom-three{right:17%;top:11%;font-size:24px;color:#b89b51}.blossom-four{left:16%;bottom:12%;font-size:22px;color:#8aa477}
.home-top{max-width:1240px;margin:0 auto;padding:27px 40px;display:flex;justify-content:space-between;align-items:center}
.home-wordmark{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.2;font-weight:700;letter-spacing:-.3px}.brand-emblem{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e3bec6;border-radius:14px;color:#bf8294;font:26px/1 Georgia;background:#f5e6e5;box-shadow:inset 0 1px #fff}
.home-top .round-button{width:44px;height:44px;background:#fffcf5;border:1px solid #dedfce;box-shadow:0 3px 0 #e6e7d9;color:#6c8060}
.home-content{max-width:1080px;width:calc(100% - 80px);margin:26px auto 0;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);grid-template-areas:'greeting garden' 'progress garden' 'play garden' 'fact fact';column-gap:64px;align-items:start}
.home-greeting{grid-area:greeting;padding-top:15px}.home-eyebrow{display:flex;align-items:center;gap:8px;color:#89916f;font-size:10px;line-height:1.4;font-weight:650;letter-spacing:1.9px}.home-eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:#cfa08c}
.home-greeting h1{font:700 clamp(38px,4.3vw,53px)/1.1 'Trebuchet MS',Arial,sans-serif;letter-spacing:-1.8px;margin:22px 0 16px;color:#354f41}.home-greeting .greeting-name{color:#b77789}.greeting-heart{display:inline-block;color:#c995a1;font-family:Georgia;font-weight:400;font-size:.77em;transform:rotate(-10deg)}
.home-greeting p{font-size:14px;line-height:1.8;color:#7b846e;margin:0 0 29px}
.queen-wrap{grid-area:garden;position:relative;width:calc(100% + 35px);height:480px;margin:-4px -20px 0;max-width:560px;align-self:center;isolation:isolate}
.garden-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.queen-art{position:absolute;left:4%;top:0;width:90%;height:84%;display:block;filter:drop-shadow(0 12px 12px #72654110);animation:queen-breathe 6s ease-in-out infinite}
.queen-caption{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);white-space:nowrap;padding:9px 15px;border:1px solid #ebe4ce;border-radius:20px;background:#fffaf0e6;box-shadow:0 4px 15px #7f8f5810;font-size:10px;color:#7a8266;letter-spacing:.1px}.queen-caption:before{content:'';display:inline-block;width:6px;height:6px;background:#9eb582;border-radius:50%;margin-right:7px}
.home-progress{grid-area:progress;padding:18px 20px 16px;border:1px solid #e6e6d5;border-radius:22px;background:#fffcf5;box-shadow:0 5px 0 #e8e9da55,0 8px 24px #53634204}
.path-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#899177}.path-caption>span{letter-spacing:.2px}.path-caption strong{font-size:11px;font-weight:650;color:#977181;background:#f5e7e7;border:1px solid #eddbdc;border-radius:9px;padding:5px 9px}
.journey-path{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;list-style:none;margin:17px 0 14px;padding:0}.journey-path:before{content:'';position:absolute;left:5%;right:5%;top:50%;height:2px;background:#e4e8d8}
.journey-path li{position:relative;box-sizing:content-box;display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:4px solid #fffcf5;border-radius:50%;background:#eef0e4;color:#a3ac94;font:11px/1 'Segoe UI',Arial,sans-serif}
.journey-path li.done{background:#dce8cd;color:#758d62}.journey-path li.current{background:#c992a3;color:#fffaf3;box-shadow:0 0 0 1px #d7acb7,0 3px 8px #c995a12b;font-weight:700}
.home-progress-copy{display:flex;justify-content:space-between;gap:12px;color:#8b957b;font-size:9px;line-height:1.5}
.home-play{grid-area:play;display:flex;align-items:center;justify-content:space-between;width:100%;margin:15px 0 0;padding:12px 16px 12px 25px;min-height:66px;border:1px solid #68815d;border-radius:19px;background:linear-gradient(145deg,#849b72,#6b865e);box-shadow:inset 0 1px #adbc98,0 5px 0 #4f6b47,0 9px 16px #6c805219;color:#fffaf0;font-size:17px;font-weight:650;letter-spacing:.1px;transition:filter .18s,transform .18s,box-shadow .18s}
.home-play>span{display:grid;place-items:center;width:37px;height:37px;border:1px solid #ffffff40;border-radius:50%;font:23px/1 Arial;background:#ffffff12}.home-play:hover{filter:brightness(1.05);transform:translateY(-1px)}.home-play:active{transform:translateY(3px);box-shadow:inset 0 1px #adbc98,0 2px 0 #4f6b47}.home-play:disabled{opacity:.6;transform:none}
.home-save{grid-area:save;color:#969d87;font-size:10px;text-align:center;margin:20px 0 0;line-height:1.5}.home-save:before{content:'♡';color:#b58a95;margin-right:6px}
.ant-fact{grid-area:fact;display:flex;align-items:center;gap:14px;margin:38px 0 0;padding:20px 0;border-top:1px solid #dfE3d3;max-width:none;text-align:left}.fact-leaf{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #dde4cd;border-radius:14px;background:#edf0e2}.fact-leaf svg{width:23px;height:23px;fill:#cfdbbc;stroke:#8c9c74;stroke-width:1.3;stroke-linecap:round}.ant-fact p{margin:0;font-size:12px;line-height:1.65;color:#7a866c}.ant-fact b{display:block;font-size:10px;font-weight:650;letter-spacing:.2px;color:#627955;margin-bottom:2px}.ant-fact a{color:inherit;text-decoration:none}.ant-fact a:hover{text-decoration:underline}
.home-footer{text-align:center;font-size:10px;letter-spacing:.2px;color:#9aa38b;padding:10px 24px 26px}.home-footer span{color:#c48b9d;font-size:15px;margin-left:5px}
@keyframes queen-breathe{50%{transform:translateY(-5px) rotate(.4deg)}}
@media(min-width:961px) and (min-height:900px){.home-content{margin-top:clamp(36px,8vh,110px)}.home-greeting h1{font-size:55px}.queen-wrap{height:500px}.home-footer{padding-top:24px}}
@media(max-width:960px){.home-top{padding:20px 28px}.home-content{display:flex;flex-direction:column;width:calc(100% - 48px);max-width:420px;margin:5px auto 0;align-items:stretch;text-align:center;gap:0}.home-greeting{padding-top:0}.home-eyebrow{justify-content:center;font-size:9px;letter-spacing:1.7px}.home-greeting h1{font-size:38px;letter-spacing:-1.2px;margin:16px 0 12px}.home-greeting p{font-size:13px;line-height:1.75;margin-bottom:0}.queen-wrap{width:100%;max-width:none;height:280px;margin:-6px 0 10px;align-self:auto}.queen-caption{font-size:9px;bottom:2%;padding:7px 12px}.home-progress{padding:15px 18px 13px}.journey-path{margin:14px 0 12px}.home-play{min-height:62px;margin-top:13px}.ant-fact{margin-top:24px;padding:16px 3px 8px;gap:12px}.ant-fact p{font-size:12px}.home-save{margin-top:18px}.home-footer{padding:13px 20px 24px}.sun-glow{width:480px;height:480px;left:5%;top:15%}.home-blossom{opacity:.15}.blossom-one{left:-5%;top:33%}.blossom-two{right:-7%;bottom:7%}}
@media(max-width:480px){.home-top{padding:18px 22px}.home-content{width:calc(100% - 40px)}.home-wordmark{font-size:12px}.brand-emblem{width:36px;height:36px;font-size:25px;border-radius:12px}.home-greeting h1{font-size:35px}.queen-wrap{height:260px;margin-top:-7px}.journey-path li{width:28px;height:28px;border-width:3px}.home-progress-copy{font-size:9px}.home-progress{border-radius:20px}.home-play{font-size:16px;border-radius:17px}.home-footer{padding-bottom:20px}}
@media(max-height:780px) and (max-width:960px){.home-top{padding-top:13px;padding-bottom:13px}.home-greeting h1{font-size:31px;margin:12px 0 9px}.home-greeting p{font-size:12px}.queen-wrap{height:201px;margin:-6px 0 9px}.queen-caption{font-size:8px;padding:5px 10px;bottom:0}.home-progress{padding-top:12px;padding-bottom:11px}.journey-path{margin:11px 0 10px}.home-play{min-height:56px;padding-top:9px;padding-bottom:9px;margin-top:12px}.home-play>span{width:33px;height:33px}.home-save{margin-top:15px;font-size:9px}.ant-fact{margin-top:18px;padding-top:13px}.fact-leaf{width:35px;height:35px;border-radius:11px}.home-footer{padding-top:7px;padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.queen-art{animation:none}.home-play{transition:none}}
@media(max-width:960px){.home-screen{scrollbar-width:none}.home-screen::-webkit-scrollbar{display:none}}

/* Keep the established game geometry and linked-command behavior. */
.app[inert]{visibility:hidden}.level-caption #level-number,.difficulty{white-space:nowrap}.tray-column{position:relative}.queue-depth{align-self:start;text-align:center;font-size:8px;line-height:12px;color:#96a087}.result-secondary #play-again[hidden]{display:none}.level-heading{min-width:0}
@media(max-width:760px){.level-heading h1{font-size:clamp(13px,4vw,18px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud{grid-template-columns:44px minmax(0,1fr) 94px}}
.hud{background:linear-gradient(#fffdf0ef,#fffdf000)}.round-button,.soft-button{box-shadow:inset 0 1px #fff,0 2px 0 #6e815b0b;border-color:#ffffffba}.dock{background:#fffcf1;box-shadow:0 -6px 25px #485a3f0c;border-color:#fffffff0}.tool-button{background:#e9eddf55;color:#75866c}.tool-button:hover{background:#e4ead8}.field-progress{padding:6px 10px;border:1px solid #ffffff4d;border-radius:18px;background:#fffbedbf}.progress-track{background:#bdc8aa61}.result-dialog{border:1px solid #fffdf4;box-shadow:0 24px 100px #34472c30}.result-dialog .eyebrow{color:#9b7b87}.result-art{background:#edf0e3;border-radius:26px;width:114px;height:114px;padding:9px;box-shadow:inset 0 1px 0 #fff,0 4px 0 #e2e6d4}.result-stats{padding:18px 8px;border-top:1px solid #e7eadb;border-bottom:1px solid #e7eadb}.result-stats strong{color:#799467}.pause-cover h2{color:#4e6c4e}
/* Linked commands remain one action from the queue to the working slots. */
.tray,.slots{position:relative}.connector-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3;filter:drop-shadow(0 1px 1px #51493620)}.cube-link{position:absolute;right:5px;top:3px;line-height:10px;color:var(--box-ink);opacity:.8}.cube-link .icon{width:12px;height:12px;stroke-width:2}.cube-button.link-companion{opacity:.8;filter:saturate(.85)}.cube-button.link-blocked{opacity:.56;filter:saturate(.6)}.cube-button.linked-focus{outline:2px solid #c4a87a;outline-offset:2px}.connector-layer .linked-focus .rope-color{filter:brightness(1.15)}.slot.linked-done .mini-cube{opacity:.6;font-size:22px;color:var(--box-ink)}.slot.linked-focus{border-color:#bba16f}
.slots .mini-cube{position:relative;z-index:4}

