.wg{--wg-paper:#fff6e7;--wg-ink:#263c31;--wg-muted:#526454;--wg-green:#295a43;--wg-edge:#7a846b;color:var(--wg-ink);background:var(--wg-paper);max-width:1240px;margin:20px auto;padding:24px;border:1px solid var(--wg-edge);border-radius:24px}.wg-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.wg-header a{font-size:12px;color:var(--wg-green)}.wg-eyebrow,.wg-header p{font-size:10px;letter-spacing:2px;color:var(--wg-muted);margin:12px 0 6px}.wg h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,60px);line-height:1.1;letter-spacing:-2px}.wg h1 em{font-weight:400}.wg-header>span{font-size:13px;color:var(--wg-muted)}.wg button{background:var(--wg-paper);color:var(--wg-ink);border:1px solid var(--wg-edge);padding:10px 16px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600}.wg button:hover:not(:disabled){background:#e6ecd8}.wg button:disabled{cursor:default}.wg :is(button,input,a):focus-visible{outline:3px solid var(--wg-green);outline-offset:3px}.wg .wg-primary{background:var(--wg-green);color:var(--wg-paper);border-color:var(--wg-green)}.wg .wg-primary:hover{background:#204733}.wg-hud{display:flex;align-items:center;gap:24px;padding:12px 0 18px;font-size:12px;color:var(--wg-muted)}.wg-hud b{font-size:18px;color:var(--wg-ink);margin-right:5px}.wg-hud button{margin-left:auto}.wg-scene{position:relative;height:clamp(350px,52svh,510px);border-radius:16px;overflow:hidden;isolation:isolate;background:#7c9b73}.wg-backdrop{position:absolute;inset:0;background:url(/images/word-garden/courtyard.webp) 50%/cover}.wg-plots{position:absolute;inset:30% 7% 3%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:0 4%}.wg .wg-plot{position:relative;align-self:end;justify-self:center;width:100%;height:100%;max-width:180px;border:0;padding:0;display:flex;align-items:end;justify-content:center}.wg .wg-plot,.wg .wg-plot:hover{background:none}.wg-plot svg{position:absolute;bottom:14px;max-width:170px;height:clamp(110px,18svh,185px);width:100%;overflow:visible;filter:drop-shadow(0 4px 4px #42351c33);pointer-events:none}.wg-plot>span{position:relative;background:var(--wg-paper);border:1px solid var(--wg-edge);border-radius:15px;padding:4px 10px;font-size:11px;z-index:1}.wg .wg-empty{padding:8px 14px;border-style:dashed}.wg-plot:disabled:not(.wg-planted){opacity:.7}.wg-growth{transition:transform .6s ease}.wg-bloom{animation:wg-open .7s ease both;transform-origin:80px 48px}@keyframes wg-open{0%{transform:scale(.25);opacity:.3}to{transform:scale(1);opacity:1}}.wg-plot[aria-pressed=true]{outline:3px dashed var(--wg-green);outline-offset:-5px;border-radius:15px}.wg-overlay{position:absolute;inset:0;z-index:3;background:#203b2522;display:flex;overflow:auto;padding:16px}.wg-dialog{margin:auto;background:var(--wg-paper);border:1px solid var(--wg-edge);border-radius:18px;padding:26px;text-align:center;max-width:410px;display:flex;flex-direction:column;gap:14px;align-items:center;box-shadow:0 15px 65px #24341a44}.wg h2{font-family:Georgia,serif;font-size:30px;line-height:1.15}.wg-dialog>p:not(.wg-eyebrow){font-size:13px;color:var(--wg-muted)}.wg-dialog .wg-eyebrow{margin:0}.wg-console{display:grid;grid-template-columns:1fr 240px;gap:16px;margin-top:18px}.wg-typing{padding:18px;border:1px solid var(--wg-edge);border-radius:13px}.wg-typing label{font-size:10px;letter-spacing:1px;color:var(--wg-muted)}.wg-target{font-family:monospace;font-size:clamp(18px,2.2vw,24px);line-height:1.65;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere;min-height:66px}.wg-target>span{color:var(--wg-green);text-decoration:underline;text-decoration-color:#8b947b}.wg-target mark{background:var(--wg-green);color:var(--wg-paper)}.wg input:not([type=checkbox]){width:100%;background:#fffdf5;border:1px solid var(--wg-edge);color:var(--wg-ink);padding:10px 12px;border-radius:8px;font-size:16px}.wg input::placeholder{color:var(--wg-muted)}.wg-instruction{font-size:20px;font-family:Georgia,serif;margin:18px 0}.wg-seeds{display:flex;flex-direction:column;justify-content:center;gap:8px}.wg-seeds button{display:flex;align-items:center;gap:12px}.wg-seeds button[aria-pressed=true]{border:2px solid var(--wg-green);background:#e6ecd8}.wg-seed{width:20px;height:20px;border-radius:50%;background:#fffdf5;border:4px dotted #956721;box-shadow:0 0 0 1px #8b947b}.wg-seed-1{background:#ef795f;border-color:#713f33}.wg-seed-2{background:#ffd66a;border-color:#805721}.wg-footer{flex-wrap:wrap;gap:14px;color:var(--wg-muted);font-size:11px;margin-top:16px}.wg-footer,.wg-footer label{display:flex;align-items:center}.wg-footer label{gap:6px}.wg-footer button{font-size:11px;padding:6px 10px}.wg-notice{font-size:12px;margin-top:10px;color:var(--wg-muted)}.wg-result{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 0}.wg-result p:not(.wg-eyebrow){font-size:13px;color:var(--wg-muted);margin-top:8px}.wg-confirm{padding:16px;border:1px solid var(--wg-edge);border-radius:12px;margin-top:12px}.wg-confirm p{font-size:13px;margin-bottom:12px}.wg-confirm button{margin-right:10px}.wg-still .wg-growth{transition:none}.wg-still .wg-bloom{animation:none}@media(max-width:640px){.wg{margin:0;padding:12px;border-radius:0}.wg-header{padding:4px}.wg-header>span{display:none}.wg-hud{gap:10px;flex-wrap:wrap;font-size:10px}.wg-hud b{font-size:15px}.wg-hud button{padding:7px}.wg-scene{height:360px}.wg-plots{inset:31% 2% 3%;gap:0 2%}.wg-plot svg{height:115px}.wg-plot>span{font-size:9px;padding:3px 5px}.wg .wg-empty{font-size:10px;padding:6px}.wg-console{grid-template-columns:1fr}.wg-seeds{flex-direction:row;flex-wrap:wrap}.wg-seeds button{padding:9px;gap:6px;font-size:11px}.wg-dialog{padding:22px 16px}.wg h2{font-size:26px}.wg-result{flex-direction:column;align-items:start}.wg-target{min-height:70px}}