:root{color-scheme:light;font-family:Inter,ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#e7f6ff;color:#17323a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--sky: #8bd3dd;--grass: #55c667;--leaf: #2f9f5d;--sun: #ffd166;--berry: #ef476f;--pond: #118ab2;--plum: #7353ba;--paper: #fffdf8;--ink: #17323a;--muted: #54707a;--line: rgba(23, 50, 58, .14);--shadow: 0 18px 48px rgba(41, 83, 92, .18)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 16% 10%,rgba(255,209,102,.36),transparent 24rem),linear-gradient(180deg,#e7f6ff,#e9fbef);overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:4px solid rgba(17,138,178,.42);outline-offset:3px}.app-shell{height:100dvh;padding:clamp(8px,1.4vw,14px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;overflow:hidden}.topbar{width:100%;margin:0 auto;display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:8px;align-items:center}.settings-panel h2,.settings-panel h3{margin:0;letter-spacing:0}.mode-segment,.preset-list{display:flex;flex-wrap:wrap;gap:8px}.pack-list,.set-grid{display:grid;gap:14px}.detail-list{display:grid;gap:10px}.pack-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.set-grid,.detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-segment{padding:4px;border:1px solid var(--line);border-radius:999px;background:#fffdf8d1;box-shadow:0 8px 24px #29535c17}.mode-segment button,.preset-list button{min-height:42px;border:0;border-radius:999px;color:var(--ink);background:transparent;font-size:.98rem;font-weight:850;cursor:pointer}.mode-segment button{padding:0 14px}.preset-list button{padding:0 14px;background:#f3fbfd;border:1px solid rgba(17,138,178,.16)}.pack-card,.set-card,.detail-list button{--card-muted: var(--muted);--card-meta: rgba(23, 50, 58, .74);display:grid;gap:3px;border:1px solid rgba(17,138,178,.16);border-radius:8px;background:#f3fbfd;color:var(--ink);text-align:left;cursor:pointer}.pack-card,.set-card{min-height:88px;padding:14px}.detail-list button{min-height:76px;padding:12px}.pack-card-title,.set-card-title,.detail-option-label{font-size:1rem;font-weight:900;line-height:1.12}.pack-card-subtitle,.set-card-subtitle,.detail-option-hint{color:var(--card-muted);font-size:.82rem;font-weight:760;line-height:1.2}.pack-card-meta,.set-card-meta{color:var(--card-meta);font-size:.76rem;font-weight:820;line-height:1.2}.mode-segment button.is-selected,.preset-list button.is-selected,.detail-list button.is-selected{--card-muted: rgba(255, 255, 255, .82);--card-meta: rgba(255, 255, 255, .82);background:#17323a;color:#fff}.topbar-actions{display:flex;justify-content:flex-end;gap:8px}.icon-button{display:inline-grid;place-items:center;border:1px solid var(--line);color:var(--ink);background:#fffdf8e6;cursor:pointer}.icon-button{width:48px;height:48px;border-radius:50%;box-shadow:0 8px 24px #29535c1f}.icon-button[aria-pressed=true]{background:#17323a;color:#fff}.play-area{width:100%;height:100%;min-height:0;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.prompt-ribbon{min-height:clamp(62px,9vh,82px);display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 14px;border-radius:8px;background:#fffdf8eb;border:1px solid var(--line);box-shadow:0 12px 28px #29535c1c;text-align:center}.prompt-ribbon.is-success{background:#fff8df;border-color:#ff9f1c52}.prompt-ribbon.is-puzzle{background:#f3f0ff;border-color:#7353ba3d}.prompt-ribbon strong{font-size:clamp(1.08rem,2vw,1.36rem);line-height:1.15}.sequence-text{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.word-line{min-height:46px;display:grid;place-items:center;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid rgba(23,50,58,.12);color:var(--ink);box-shadow:0 8px 18px #29535c14}.word-line span{font-size:clamp(1.16rem,2.2vw,1.42rem);line-height:1.05;font-weight:900}.word-line small{margin-top:3px;color:var(--muted);font-size:.9rem;font-weight:760}.garden-stage{position:relative;height:100%;min-height:0;overflow:hidden;border-radius:8px;border:1px solid rgba(23,50,58,.12);background-color:var(--sky);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:var(--shadow);isolation:isolate;touch-action:manipulation}.garden-object{--object-scale: 1;position:absolute;width:120px;height:120px;min-width:88px;min-height:88px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transform:translate(-50%,-50%) scale(var(--object-scale));transform-origin:center;transition:filter .42s ease}.garden-object img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 14px rgba(28,67,72,.16))}.garden-object.is-active{filter:saturate(1.08)}.garden-object.is-active.is-bob{animation:bob 1.5s ease-in-out}.garden-object.is-active.is-bounce{animation:bounce 1.3s ease-in-out}.garden-object.is-active.is-sway{animation:sway 1.6s ease-in-out}.garden-object.is-active.is-wiggle{animation:wiggle 1.3s ease-in-out}.garden-object.is-active.is-glow img{animation:glow 1.7s ease-in-out}.puzzle-layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(124px,13vw);gap:12px}.garden-stage.is-puzzle{min-height:100%}.puzzle-gap{--object-scale: 1;position:absolute;width:120px;height:120px;min-width:88px;min-height:88px;padding:0;border:3px dashed rgba(23,50,58,.3);border-radius:50%;background:#fffdf880;cursor:default;transform:translate(-50%,-50%) scale(var(--object-scale));transform-origin:center;transition:background-color .22s ease,border-color .22s ease,filter .22s ease}.puzzle-gap img{width:100%;height:100%;display:block;object-fit:contain;opacity:.24;pointer-events:none;filter:grayscale(.2) saturate(.7)}.puzzle-gap.is-drop-hover{border-color:#ff9f1cd1;background:#fff8dfad;filter:saturate(1.08)}.puzzle-gap.is-valid-drop{border-color:#40916ccc;background:#e2f8eebd;filter:saturate(1.12)}.puzzle-tray{min-height:0;display:grid;align-content:start;grid-template-columns:1fr;gap:10px;overflow:auto;padding:12px;border-radius:8px;border:1px solid rgba(23,50,58,.12);background:#fffdf8e6;box-shadow:0 12px 28px #29535c1c;overscroll-behavior:contain}.puzzle-piece{width:100%;aspect-ratio:1;min-height:86px;padding:8px;border:2px solid rgba(17,138,178,.16);border-radius:8px;background:#fff;cursor:grab;touch-action:none;transition:border-color .18s ease,filter .18s ease,transform .18s ease}.puzzle-piece:active{cursor:grabbing}.puzzle-piece.is-dragging{cursor:grabbing;filter:saturate(1.08);opacity:.72;transform:translateY(-2px) scale(1.02);box-shadow:0 18px 34px #29535c2e}.puzzle-piece img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 12px rgba(28,67,72,.14))}.scene-nav{display:flex;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:48px}.scene-nav span{min-height:42px;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;background:#fffdf8db;border:1px solid rgba(23,50,58,.12);color:var(--ink);font-size:clamp(.92rem,1.5vw,1rem);font-weight:850;line-height:1.1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 8px 18px #29535c14}.scene-nav.is-single-scene span{max-width:min(420px,100%)}.scene-nav .icon-button{width:44px;height:44px;flex:0 0 44px;box-shadow:0 8px 18px #29535c14}.scene-nav .icon-button:disabled{opacity:.42;cursor:default}.settings-backdrop{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end;background:#10262c5c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel{width:min(480px,100%);height:100%;overflow:auto;padding:20px;background:var(--paper);box-shadow:-20px 0 54px #10262c38}.settings-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.settings-panel h2{font-size:1.55rem}.settings-panel h3{margin-bottom:10px;font-size:1rem;color:var(--muted)}.settings-section{padding:16px 0;border-top:1px solid var(--line)}.settings-section.compact{display:grid;gap:12px}.settings-section label{display:flex;align-items:center;gap:10px;min-height:42px;font-size:1rem;font-weight:800}.settings-section input[type=checkbox]{width:22px;height:22px;accent-color:var(--pond)}.loading-screen{min-height:100vh;display:grid;place-content:center;gap:12px;padding:24px;text-align:center}.loading-screen h1{margin:0;font-size:2rem}.loading-screen p{max-width:40rem;margin:0;color:var(--muted);font-size:1rem}@keyframes bob{0%,to{transform:translate(-50%,-50%) scale(var(--object-scale))}50%{transform:translate(-50%,-59%) scale(var(--object-scale))}}@keyframes bounce{0%,to{transform:translate(-50%,-50%) scale(var(--object-scale))}45%{transform:translate(-50%,-62%) scale(var(--object-scale))}}@keyframes sway{0%,to{transform:translate(-50%,-50%) scale(var(--object-scale)) rotate(0)}35%{transform:translate(-50%,-50%) scale(var(--object-scale)) rotate(-4deg)}70%{transform:translate(-50%,-50%) scale(var(--object-scale)) rotate(4deg)}}@keyframes wiggle{0%,to{transform:translate(-50%,-50%) scale(var(--object-scale)) rotate(0)}30%{transform:translate(-52%,-50%) scale(var(--object-scale)) rotate(-5deg)}70%{transform:translate(-48%,-50%) scale(var(--object-scale)) rotate(5deg)}}@keyframes glow{0%,to{filter:drop-shadow(0 12px 14px rgba(28,67,72,.16))}50%{filter:drop-shadow(0 0 28px rgba(255,209,102,.72))}}@media(max-width:820px){.app-shell{padding:8px;gap:7px}.topbar{grid-template-columns:minmax(0,1fr) auto}.mode-segment{grid-column:1;justify-content:stretch;border-radius:8px}.mode-segment button{flex:1 1 0;min-width:0;padding:0 8px}.scene-nav{grid-column:1 / -1;grid-row:2;min-height:44px}.pack-list,.set-grid,.detail-list{grid-template-columns:1fr}.prompt-ribbon{min-height:58px;padding:7px 10px}.puzzle-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px}.puzzle-tray{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));max-height:min(168px,24vh);padding:8px}.garden-object,.puzzle-gap{width:104px;height:104px}.word-line span{font-size:1.32rem}}@media(max-width:520px){.icon-button{width:44px;height:44px}.topbar-actions{gap:6px}.mode-segment button{font-size:.9rem}.puzzle-layout{grid-template-rows:minmax(0,1fr) auto}.garden-object,.puzzle-gap{width:88px;height:88px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:1ms;animation-iteration-count:1;transition-duration:1ms}}