:root{color:#183b2c;background:#f8f5e9;font-family:ui-rounded,Avenir Next,Avenir,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;background:#f8f5e9;overscroll-behavior:none}body{min-width:320px;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{color:inherit;font:inherit;touch-action:manipulation}button:active:not(:disabled){filter:brightness(.95)}.wg-app{width:min(100%,520px);height:100vh;height:100svh;height:100dvh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;overflow:hidden}.wg-garden-list{width:100%;flex:1 1 0;min-height:0;overflow-y:auto}.wg-garden-list{-webkit-overflow-scrolling:touch;padding-bottom:8px}.wg-list-header{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:8px;background:#f8f5e9}.wg-list-header h1{grid-column:2;margin:0;font-family:Georgia,serif;font-size:1.35rem}.wg-list-header .wg-header-button{grid-column:1;justify-self:start}.wg-garden-list h2{margin:20px 0 10px;color:#64806a;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase}.wg-level-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.wg-level{position:relative;aspect-ratio:1;min-height:48px;border:1px solid #d8ddce;border-radius:16px;background:#fffdf4;box-shadow:0 3px #d8ddce;font-family:Georgia,serif;font-size:1.2rem;font-weight:700;cursor:pointer}.wg-level.is-done{color:#fffdf4;border-color:#356749;background:#356749;box-shadow:0 3px #244c36}.wg-level:disabled{color:#b4bcae;background:#efeee3;box-shadow:none;cursor:default}.wg-header-button{min-width:48px;min-height:48px;padding:0 14px;border:1px solid #d8ddce;border-radius:999px;background:#fffdf4;font-size:.9rem;font-weight:700;cursor:pointer}.wg-header{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:10px}.wg-header h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg-header .wg-header-button{justify-self:end}.wg-header h1{margin:0;font-family:Georgia,serif;font-size:clamp(1rem,5vw,1.25rem);line-height:1.1}.wg-puzzle-title{display:none;margin:0;color:#64806a;font-weight:600}.wg-board{width:min(100%,420px);padding:12px;border:1px solid #e2e4d4;border-radius:24px;background:#eeefdf}.wg-grid{display:grid;gap:7px}.wg-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:11px;background:transparent}.wg-cell-letter{border:1px solid #d6ddc8;background:#fffdf4;font-family:Georgia,serif;font-size:clamp(.9rem,5.5cqmin,1.75rem);font-weight:700}.wg-cell.is-solved{color:#fffdf4;border-color:#356749;background:#356749}.wg-cell.is-revealed{color:#8a641d;border:2px solid #d4a94c;background:#fff8df}.wg-cell.is-hinted{outline:3px solid #d4a94c;outline-offset:1px}.wg-play{width:100%;margin-top:18px;display:flex;flex-direction:column;align-items:center}.wg-word{min-height:42px;color:#64806a;font-size:1.15rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.wg-wheel{position:relative;touch-action:none;width:min(100%,360px);aspect-ratio:1;flex:0 0 auto;border:1px solid #e2e4d4;border-radius:50%;background:radial-gradient(circle,#eeefdf 0 2px,transparent 3px),#f3f2e8}.wg-wheel-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.wg-wheel-path polyline{fill:none;stroke:#d4a94c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;opacity:.9}.wg-tile{position:absolute;width:clamp(48px,15vw,60px);height:clamp(48px,15vw,60px);padding:0;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #d8ddce;border-radius:50%;background:#fffdf4;box-shadow:0 3px #d8ddce;font-family:Georgia,serif;font-size:1.55rem;font-weight:700;cursor:pointer}.wg-tile.is-selected{color:#fffdf4;border-color:#356749;background:#356749;transform:translate(-50%,calc(-50% + 2px));box-shadow:0 1px #244c36}.wg-entry-actions{min-height:52px;width:100%;margin-top:12px;display:flex;justify-content:center;align-items:center;gap:14px}.wg-text-button,.wg-submit{min-width:48px;min-height:48px;padding:0 19px;border-radius:999px;font-weight:700;cursor:pointer}.wg-text-button{border:1px solid transparent;background:transparent}.wg-submit{border:0;color:#fffdf4;background:#356749}.wg-feedback{width:100%;margin-top:auto;height:56px;overflow-y:auto;padding:6px 4px;color:#64806a;text-align:center;font-size:.95rem;font-weight:600;line-height:1.3}button:focus-visible{outline:3px solid #d4a94c;outline-offset:3px}@media (max-height: 700px){.wg-app{padding-top:max(12px,env(safe-area-inset-top))}.wg-board{width:min(100%,300px)}.wg-play{margin-top:10px}}.wg-board,.wg-play{min-height:0}.wg-board{flex:1 1 0;min-height:124px;container-type:size;display:flex;align-items:center;justify-content:center}@media (min-height: 601px){.wg-board[data-columns="5"]{min-height:180px}}.wg-grid{--wg-cell: min(100cqw / var(--wg-cols), 100cqh / var(--wg-rows), 52px);width:calc(var(--wg-cell) * var(--wg-cols));height:calc(var(--wg-cell) * var(--wg-rows))}.wg-cell{min-height:0}.wg-play{flex:2.2 1 0;min-height:246px;container-type:size}.wg-wheel{--wg-wheel: max(0px, min(100cqw, 320px, 100cqh - 106px));width:var(--wg-wheel);height:var(--wg-wheel);flex:none;container-type:size}.wg-wheel .wg-tile{width:clamp(48px,23cqw,76px);height:clamp(48px,23cqw,76px);font-size:clamp(1.4rem,9cqw,2rem)}.wg-play{justify-content:center}@media (max-height: 600px){.wg-app{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.wg-board{flex:0 0 154px;min-height:154px}.wg-grid{gap:2px}.wg-play{flex:1 1 0;min-height:266px;margin-top:4px}.wg-word{min-height:26px}.wg-wheel{--wg-wheel: max(0px, min(100cqw, 320px, 100cqh - 74px))}.wg-entry-actions{min-height:48px;margin-top:4px}.wg-feedback{height:24px;padding:2px 4px}}.wg-shuffle,.wg-hint{position:absolute;width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:50%;cursor:pointer}.wg-shuffle svg,.wg-hint svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wg-shuffle{left:50%;top:50%;transform:translate(-50%,-50%);border:0;color:#64806a;background:transparent}.wg-entry-actions{position:relative;padding:0 56px}.wg-hint{right:0;top:50%;transform:translateY(-50%);border:0;color:#fffdf4;background:#d4a94c;box-shadow:0 3px #a9822f,0 6px 14px #183b2c2e}.wg-celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#f8f5e999;animation:wg-fade .25s ease-out}.wg-celebrate-card{padding:24px 32px;border-radius:28px;background:#fffdf4;box-shadow:0 10px 40px #183b2c33;text-align:center;animation:wg-pop .35s cubic-bezier(.2,1.4,.4,1)}.wg-celebrate-card p{margin:0 0 16px;font-family:Georgia,serif;font-size:1.6rem;font-weight:700}.wg-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.wg-confetti span{position:absolute;top:-12px;left:var(--x);width:9px;height:14px;border-radius:2px;background:#d4a94c;animation:wg-fall 1.8s var(--d) ease-in forwards}.wg-confetti span:nth-child(3n){background:#356749}.wg-confetti span:nth-child(3n+1){background:#e0866b}.wg-confetti span:nth-child(4n){width:7px;height:7px;border-radius:50%}@keyframes wg-fall{to{transform:translate(calc((var(--i) - 18) * 4px),105vh) rotate(calc(var(--i) * 40deg))}}@keyframes wg-pop{0%{transform:scale(.7);opacity:0}}@keyframes wg-fade{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.wg-confetti{display:none}.wg-celebrate,.wg-celebrate-card{animation:none}}@media (max-width: 359px){.wg-entry-actions{gap:4px;padding:0 52px 0 0}.wg-text-button,.wg-submit{padding:0 14px}}
