.xw{--xw-font:"Manrope", "DM Sans", sans-serif;--xw-scene-colour:#fbf8ea;--xw-scene:radial-gradient(120% 60% at 50% 30%, #fffdf2 0%, transparent 70%), linear-gradient(180deg, #fbf8ea 0%, #f7f1dc 60%, #f3e6c2 100%);--xw-brass:#b08d3a;--xw-brass-light:#ecd28c;--xw-brass-dark:#6f521c;--xw-glass:#fffdf4cc;--xw-glass-edge:#b08d3a8c;--xw-amber:#f2c14e;--xw-amber-deep:#d48f1a;--xw-on-amber:#2f1f05;--xw-accent:#2c6652;--xw-on-accent:#fff8e6;--xw-tile-empty:#fffdf4db;--xw-tile-edge:#b08d3a80;--xw-hinted-ink:#ffe3a1;--xw-disc:#fffdf4b8;--xw-disc-edge:#b08d3a66;--xw-wheel-ink:#2a2012;--xw-frost:#fffdf4eb;--xw-frost-edge:#b08d3a73;--xw-ink:#2a2012;--xw-gold:#c99223;--xw-shadow:#46321433}.xw[data-palette=night]{--xw-scene-colour:#01203a;--xw-scene:radial-gradient(90% 50% at 50% 40%, #06324a 0%, transparent 70%), linear-gradient(180deg, #001a30 0%, #01203a 55%, #011c33 100%);--xw-brass:#c9a24c;--xw-brass-light:#f0d68e;--xw-brass-dark:#7a5a1e;--xw-glass:#78c4cd33;--xw-glass-edge:#c9a24c99;--xw-amber:#f5c95a;--xw-amber-deep:#d99a22;--xw-on-amber:#2a1b04;--xw-accent:#e3b148;--xw-on-accent:#1d1507;--xw-tile-empty:#60b0be33;--xw-tile-edge:#96d6de73;--xw-hinted-ink:#6d4a0c;--xw-disc:#04223aa8;--xw-disc-edge:#c9a24c73;--xw-wheel-ink:#f6efd8;--xw-frost:#041e34e6;--xw-frost-edge:#c9a24c73;--xw-ink:#f6efd8;--xw-gold:#e3b148;--xw-shadow:#00000073}.xw-stage{--xw-slot:58px;grid-template:"hud" auto "grid" minmax(0, 1fr) "slot" var(--xw-slot) "dock" auto / minmax(0, 1fr);background:var(--xw-art,none) center top / cover no-repeat, var(--xw-scene);background-color:var(--xw-scene-colour);height:min(880px,max(620px,100svh - 170px));color:var(--ink);border-radius:18px;display:grid;position:relative;overflow:hidden;container:xwstage/size}:root[data-focus-view] .xw-stage{border-radius:0;height:100cqh}.xw-stage>*{--xw-tool:clamp(44px, 12cqw, 50px);--xw-d:max(min(200px, 72cqw), min(72cqw, 100cqw - 2 * var(--xw-tool) - 28px, 37cqh, 380px, 100cqh - 150px - var(--xw-rows,7) * 31px))}.xw-hud{grid-area:hud;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;padding:8px 10px 4px;display:grid}.xw-hud-side{gap:6px;min-width:0;display:flex}.xw-hud-side.is-end{grid-column:3;justify-content:flex-end}.xw-hud-button{border:1.5px solid var(--xw-frost-edge);background:var(--xw-frost);width:44px;height:44px;color:var(--xw-ink);box-shadow:0 2px 6px var(--xw-shadow);-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;padding:0;display:grid}.xw-hud-button svg{width:22px;height:22px}.xw-hud-title{color:var(--ink);text-align:center;grid-column:2;justify-items:center;margin:0;line-height:1.15;display:grid}.xw-hud-title strong{font:800 1.3rem / 1.1 var(--xw-font);letter-spacing:.06em;text-transform:uppercase}.xw-hud-title span{font:700 .78rem / 1.2 var(--xw-font);letter-spacing:.04em;white-space:nowrap}.xw-tonic{border:1.5px solid var(--xw-frost-edge);background:var(--xw-frost);min-height:44px;color:var(--xw-ink);box-shadow:0 2px 6px var(--xw-shadow);font:800 1.05rem / 1 var(--xw-font);border-radius:999px;align-items:center;gap:4px;padding:0 12px 0 9px;display:inline-flex}.xw-tonic svg{width:20px;height:20px;color:var(--xw-gold)}.xw-gridzone{grid-area:grid;place-items:center;min-height:0;padding:14px 18px 10px;display:grid;container:xwgrid/size}.xw-loading{color:var(--ink);justify-items:center;gap:10px;display:grid}:root .xw .xw-board.game-board{--xw-gap:5px;--xw-cell:min((100cqw - 24px - (var(--board-cols) - 1) * var(--xw-gap)) / var(--board-cols), (100cqh - 24px - (var(--board-rows) - 1) * var(--xw-gap)) / var(--board-rows), 64px);min-width:0;width:calc(var(--xw-cell) * var(--board-cols) + (var(--board-cols) - 1) * var(--xw-gap));gap:var(--xw-gap);max-width:none;margin:0;display:grid}.xw-row{grid-template-columns:repeat(var(--board-cols), minmax(0, 1fr));gap:var(--xw-gap);display:grid}.xw-gap,.xw-void{aspect-ratio:1;display:block}.xw-void:focus-visible{outline:2px dashed var(--xw-ink);border-radius:22%}.xw-cell{aspect-ratio:1;border:1.5px solid var(--xw-tile-edge);background:var(--xw-tile-empty);width:100%;color:var(--xw-on-accent);font:800 calc(var(--xw-cell) * .6) / 1 var(--xw-font);box-shadow:0 1px 3px var(--xw-shadow);cursor:default;border-radius:22%;place-items:center;padding:0;transition:background-color .22s,box-shadow .22s;display:grid}.xw-cell.is-found,.xw-cell.is-hinted{background:var(--xw-accent);border-color:#0000}.xw-cell.is-hinted{color:var(--xw-hinted-ink)}.xw-cell.is-catalyst{border:2px solid var(--xw-gold);box-shadow:0 0 0 2px color-mix(in srgb, var(--xw-gold) 30%, transparent), 0 1px 3px var(--xw-shadow)}.xw-flask{width:52%;fill:color-mix(in srgb, var(--xw-gold) 80%, transparent)}.xw-cell.is-fresh{box-shadow:0 0 calc(var(--xw-cell) * .4) color-mix(in srgb, var(--xw-accent) 70%, transparent)}.xw-cell.is-flash{background:color-mix(in srgb, var(--xw-gold) 70%, var(--xw-accent))}.xw-board.is-choosing .xw-cell.is-hidden{border:2px dashed var(--xw-ink);cursor:pointer}.xw-board.is-cheering :is(.is-found,.is-hinted){animation:xw-gust .76s cubic-bezier(.35, 0, .3, 1) var(--xw-wave) both}@keyframes xw-gust{35%{background-color:var(--xw-gold);box-shadow:0 0 calc(var(--xw-cell) * .45) color-mix(in srgb, var(--xw-gold) 80%, transparent);transform:translate(8%,-14%)rotate(9deg)}70%{transform:translate(-2%)rotate(-3deg)}}.xw .xw-cell:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.xw-slot{grid-area:slot;place-items:end center;min-width:0;padding:0 12px 6px;display:grid}.xw-pill{background:var(--xw-accent);min-height:48px;color:var(--xw-on-accent);box-shadow:0 3px 10px var(--xw-shadow);font:800 1.9rem / 1 var(--xw-font);letter-spacing:.05em;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;align-items:center;gap:.04em;padding:2px 18px;display:inline-flex}.xw-pill-go{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;margin-left:8px}.xw-toast{border:1.5px solid var(--xw-frost-edge);background:var(--xw-frost);max-width:40ch;color:var(--xw-ink);box-shadow:0 2px 8px var(--xw-shadow);font:700 .9rem / 1.3 var(--xw-font);text-align:center;border-radius:14px;margin:0;padding:7px 14px;animation:.2s ease-out both xw-rise}.xw-toast.is-bad.is-shake{animation:.26s ease-in-out both xw-shake}@keyframes xw-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes xw-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.xw-dock{grid-area:dock;grid-template-columns:minmax(0, 1fr) var(--xw-d) minmax(0, 1fr);align-items:center;gap:4px;padding:2px 6px 14px;display:grid}.xw-tools{justify-items:center;gap:12px;display:grid}.xw-round{width:var(--xw-tool);height:var(--xw-tool);border:1.5px solid var(--xw-frost-edge);background:var(--xw-frost);color:var(--xw-ink);box-shadow:0 3px 8px var(--xw-shadow);-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.xw-round svg{width:52%;height:52%}.xw-round.is-active{background:var(--xw-accent);color:var(--xw-on-accent)}.xw-round[aria-disabled=true]{opacity:.55}.xw-badge{background:var(--xw-accent);min-width:22px;height:22px;color:var(--xw-on-accent);font:800 .72rem / 1 var(--xw-font);border-radius:11px;place-items:center;padding:0 5px;display:grid;position:absolute;bottom:-5px;right:-5px}.xw-jar{overflow:hidden}.xw-jar-fill{background:color-mix(in srgb, var(--xw-accent) 45%, transparent);transition:height .25s;position:absolute;inset:auto 0 0}.xw-jar-count{font:800 .85rem / 1 var(--xw-font);position:relative}.xw .xw-round:focus-visible,.xw .xw-hud-button:focus-visible,.xw .xw-tonic:focus-visible,.xw .xw-use:focus-visible,.xw .xw-pill:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.xw-wheel-wrap{justify-items:center;display:grid}.xw-wheel{width:var(--xw-d);aspect-ratio:1;border:1.5px solid var(--xw-disc-edge);background:var(--xw-disc);box-shadow:0 6px 22px var(--xw-shadow);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;position:relative}.xw-trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.xw-trail>polyline{fill:none;stroke:var(--xw-accent);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.xw-letter{aspect-ratio:1;width:25%;color:var(--xw-wheel-ink);font:800 calc(var(--xw-d) * (.215 - var(--xw-count) * .007)) / 1 var(--xw-font);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .12s;display:grid;position:absolute;transform:translate(-50%,-50%)}.xw-letter span{position:relative}.xw-letter:before,.xw-letter:after{content:"";border-radius:50%;position:absolute;inset:0}.xw-letter:before{background:0 0;transition:background-color .14s}.xw-letter:after{border:2px solid var(--xw-accent);opacity:0}.xw-letter.is-near:before{background:color-mix(in srgb, var(--xw-accent) 18%, transparent);transition-duration:80ms}.xw-letter.is-lit{color:var(--xw-on-accent);transition:none}.xw-letter.is-lit:before{background:var(--xw-accent);box-shadow:0 3px 10px var(--xw-shadow);transition:none;animation:.18s cubic-bezier(.3,1.6,.5,1) both xw-pick}.xw-letter.is-lit:after{animation:.28s ease-out both xw-ring}.xw-letter.is-sink:before{background:color-mix(in srgb, var(--xw-accent) 55%, transparent);animation:.22s ease-in both xw-sink}@keyframes xw-pick{0%{transform:scale(.6)}60%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes xw-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes xw-sink{to{opacity:0;transform:scale(.8)}}.xw-letter.is-wild span{opacity:.75}.xw .xw-letter:focus-visible{outline:3px solid var(--focus);outline-offset:-2px}.xw-debug circle{fill:none;stroke:#c8282873;stroke-width:.4px;stroke-dasharray:1.5 1.5}.xw-debug polyline{fill:none;stroke:#c82828cc;stroke-width:.5px}.xw-debug-log{z-index:6;max-width:60%;font-size:.75rem;position:absolute;inset:auto 8px 8px auto}.xw-debug-log textarea{width:100%;height:120px}.xw-flights{z-index:5;pointer-events:none;position:absolute;inset:0}.xw-ghost{background:var(--xw-accent);color:var(--xw-on-accent);font-family:var(--xw-font);will-change:transform;border-radius:22%;place-items:center;font-weight:800;line-height:1;display:grid;position:absolute}.xw-end{min-height:calc(var(--xw-d) + 16px);border:1.5px solid var(--xw-frost-edge);background:var(--xw-frost);color:var(--xw-ink);box-shadow:0 6px 22px var(--xw-shadow);text-align:center;border-radius:24px;grid-area:dock;align-content:center;justify-items:center;gap:8px;margin:0 14px 14px;padding:16px 18px;animation:.26s ease-out both xw-rise;display:grid}.xw-end h2{font:800 1.3rem / 1.2 var(--xw-font);margin:0}.xw-end-word{justify-items:center;gap:4px;margin:0;display:grid}.xw-end-word span{font:700 .78rem / 1 var(--xw-font);letter-spacing:.06em;text-transform:uppercase}.xw-end-word strong{background:var(--xw-accent);color:var(--xw-on-accent);font:800 1.6rem / 1.2 var(--xw-font);letter-spacing:.06em;border-radius:999px;padding:4px 16px}.xw-end-stats{font:700 .88rem / 1.3 var(--xw-font);margin:0}.xw-end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.xw .xw-next.game-button{min-width:200px;min-height:52px;font:800 1.1rem / 1 var(--xw-font)}@container xwstage (aspect-ratio>=23/20){.xw-stage>*{--xw-d:min(32cqw, 58cqh, 360px)}}@media (aspect-ratio>=23/20){.xw-stage{background-position:50% 57%,50%}:root .xw .xw-board.game-board{min-width:calc(var(--board-cols) * 28px)}.xw-stage{grid-template:"hud hud" auto "grid slot" var(--xw-slot) "grid dock" minmax(0, 1fr) / minmax(0, 620px) auto;justify-content:center;column-gap:clamp(8px,3%,56px);padding-inline:4%}.xw-dock,.xw-end{align-self:start}.xw-end{width:min(380px,40vw)}}.xw-choices{gap:10px;display:grid}.xw .xw-choice.game-button{justify-items:center;gap:2px;width:100%;min-height:60px;font-size:1rem;display:grid}.xw-choice small{opacity:.8;font-size:.78rem;font-weight:600}.xw-menu{border:1px solid var(--line);border-radius:16px;margin-top:8px}.xw-replay+.xw-replay{border-top:1px solid var(--line)}.xw-replay summary{cursor:pointer;grid-template-columns:24px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:56px;padding:0 14px;font-weight:600;list-style:none;display:grid}.xw-replay summary::-webkit-details-marker{display:none}.xw-replay summary svg{width:22px;height:22px}.xw-replay summary:after{content:"";border-bottom:2px solid;border-right:2px solid;grid-column:4;justify-self:center;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.xw-replay[open] summary:after{transform:translateY(2px)rotate(-135deg)}.xw-menu-meta{color:var(--muted);grid-column:3;font-size:.85rem;font-weight:500}.xw-replay>:not(summary){margin:0 14px 14px}.xw-replay h3{margin:10px 0 6px;font-size:.95rem}.xw-levels{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;display:grid}@media (prefers-reduced-motion:reduce){.xw-letter:before,.xw-letter:after{animation:none!important}.xw-cell,.xw-letter,.xw-jar-fill{transition:none}.xw-toast,.xw-end,.xw-board.is-cheering :is(.is-found,.is-hinted){animation:none}.xw-board.is-cheering :is(.is-found,.is-hinted){background:var(--xw-gold)}}.xw-intro{text-align:center;justify-items:center;gap:12px;display:grid}.xw-intro p{margin:0}.xw-intro-tip{color:var(--muted)}.xw-intro-picture{background:#f3e3bd;border-radius:16px;gap:5px;padding:12px;display:flex}.xw-intro-cell{color:#2a2012;background:#fffaeee6;border:1.5px solid #5844204d;border-radius:22%;place-items:center;width:40px;height:40px;font:800 1.3rem/1 Manrope,sans-serif;display:grid}.xw-intro-cell.is-found{color:#fff8e6;background:#2c6652;border-color:#0000}.xw-intro-cell.is-catalyst{color:#a06f10;border:2px solid #c99223}.xw-intro-cell.is-fog{background:#fffaee59;border-style:dashed}.xw-intro-cell.is-wild{color:#2a2012;border-style:dashed}.xw-jar-list ul{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.xw-jar-list li{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-weight:700}.xw-jar-left{color:var(--muted);margin:6px 0 0}.xw[data-letters=engraved] :is(.xw-cell,.xw-letter,.xw-pill,.xw-ghost,.xw-end-word strong){font-family:Fraunces,Georgia,serif;font-weight:400}.xw-token{pointer-events:none;will-change:transform, opacity;place-items:center;display:grid;position:absolute}.xw-token.is-seed{background:var(--xw-accent);width:18px;height:24px;box-shadow:0 2px 6px var(--xw-shadow);border-radius:50%/60% 60% 40% 40%}.xw-token.is-flask{background:var(--xw-gold);color:#2a1d08;width:30px;height:30px;box-shadow:0 0 12px color-mix(in srgb, var(--xw-gold) 70%, transparent);border-radius:50%;font-size:1rem}.xw-jar-count.is-bump{animation:.24s ease-out xw-wobble}.xw-tonic-inner{align-items:center;gap:4px;display:inline-flex}.xw-tonic-inner.is-bump{animation:.26s ease-out xw-pulse}@keyframes xw-wobble{30%{transform:rotate(-9deg)scale(1.15)}65%{transform:rotate(6deg)}}@keyframes xw-pulse{40%{transform:scale(1.22)}}.xw-pill span{animation:.14s ease-out both xw-letter-in}@keyframes xw-letter-in{0%{opacity:0;transform:translateY(6px)scale(.7)}}.xw-board.is-arriving .xw-cell{animation:xw-arrive .32s cubic-bezier(.3, 1.4, .5, 1) var(--xw-arrive) both}@keyframes xw-arrive{0%{opacity:0;transform:translateY(-14px)scale(.6)}}@media (prefers-reduced-motion:reduce){.xw-jar-count.is-bump,.xw-tonic-inner.is-bump,.xw-pill span,.xw-board.is-arriving .xw-cell{animation:none}}.xw-end-sense{max-width:34ch;min-height:44px;color:var(--xw-ink);font:italic 500 .88rem / 1.35 var(--font-accent);text-align:center;background:0 0;border:0;border-radius:10px;padding:4px 8px}.xw .xw-end-sense:focus-visible{outline:3px solid var(--focus)}.xw-round,.xw-hud-button,.xw-tonic{border:2px solid var(--xw-brass);background:radial-gradient(circle at 32% 26%, #ffffffd9 0 10%, transparent 34%), var(--xw-frost);box-shadow:inset 0 -3px 6px #b08d3a2e, 0 3px 8px var(--xw-shadow)}.xw-round svg,.xw-hud-button svg{color:var(--xw-ink)}.xw-badge{border:1.5px solid var(--xw-brass-dark);background:linear-gradient(180deg, var(--xw-brass-light), var(--xw-brass));color:#2a1d08}.xw-wheel{background:radial-gradient(circle at 50% 38%, #fff6 0 30%, transparent 62%), var(--xw-disc);box-shadow:0 0 0 3px var(--xw-brass), 0 0 0 5px #f0d68e99, 0 0 0 7px var(--xw-brass-dark), 0 8px 24px var(--xw-shadow);border:0}.xw-letter:before{border:1.5px solid var(--xw-glass-edge);background:radial-gradient(circle at 34% 28%, #ffffffe6 0 9%, transparent 30%), radial-gradient(circle at 50% 55%, transparent 52%, #b08d3a2e 100%), var(--xw-glass)}.xw-letter.is-lit{color:var(--xw-on-amber)}.xw-letter.is-lit:before{border-color:var(--xw-amber-deep);background:radial-gradient(circle at 34% 28%, #fffffff2 0 8%, transparent 28%), radial-gradient(circle at 50% 50%, #fff3c4 0%, var(--xw-amber) 52%, var(--xw-amber-deep) 100%);box-shadow:0 0 18px color-mix(in srgb, var(--xw-amber) 80%, transparent), 0 3px 8px var(--xw-shadow)}.xw-letter.is-lit:after{border-color:var(--xw-amber)}.xw-letter.is-near:before{background:radial-gradient(circle at 34% 28%, #ffffffe6 0 9%, transparent 30%), color-mix(in srgb, var(--xw-amber) 30%, var(--xw-glass))}.xw-trail>polyline{stroke:var(--xw-amber-deep)}.xw-pill{border:2px solid var(--xw-amber-deep);background:linear-gradient(180deg, #ffffff80, transparent 55%), linear-gradient(180deg, #fbd879, var(--xw-amber));color:var(--xw-on-amber)}.xw-cell{border:1.5px solid var(--xw-tile-edge);background:linear-gradient(160deg, #ffffff8c, transparent 45%), var(--xw-tile-empty)}.xw-cell.is-found,.xw-cell.is-hinted{border-color:color-mix(in srgb, var(--xw-accent) 70%, black);background:linear-gradient(160deg, #ffffff47, transparent 45%), var(--xw-accent)}.xw-cell.is-catalyst.is-hidden{background:linear-gradient(160deg, #ffffff80, transparent 45%), color-mix(in srgb, var(--xw-amber) 45%, var(--xw-tile-empty))}.xw-cell.is-catalyst:not(.is-hidden){border:2px solid var(--xw-amber)}.xw-frame{border:2px solid var(--xw-brass);background:color-mix(in srgb, var(--xw-scene-colour) 35%, transparent);box-shadow:inset 0 0 0 3px #f0d68e59, 0 4px 14px var(--xw-shadow);border-radius:16px;padding:10px;position:relative}.xw-corner{width:34px;height:34px;color:var(--xw-brass);pointer-events:none;position:absolute}.xw-corner.is-tl{top:-12px;left:-12px}.xw-corner.is-tr{top:-12px;right:-12px;transform:scaleX(-1)}.xw-corner.is-bl{bottom:-12px;left:-12px;transform:scaleY(-1)}.xw-corner.is-br{bottom:-12px;right:-12px;transform:scale(-1)}.xw-end.has-plant{text-align:left;grid-template-columns:minmax(0,1fr) auto;justify-items:start;column-gap:14px}.xw-end.has-plant>:not(.xw-plant){grid-column:1}.xw-end.has-plant .xw-end-word{justify-items:start}.xw-end.has-plant .xw-end-sense{text-align:left;padding-inline:0}.xw-end.has-plant .xw-end-actions{grid-column:1/-1;justify-content:center;justify-self:stretch}.xw-plant{border:1.5px solid var(--xw-brass);color:#2a2012;width:clamp(96px,28cqw,124px);box-shadow:inset 0 0 0 3px #f8f0d9, inset 0 0 0 4px #9a7a3373, 0 3px 10px var(--xw-shadow);text-align:center;background:#f8f0d9;border-radius:12px;grid-area:1/2/span 4;align-self:center;justify-items:center;gap:4px;padding:8px 8px 9px;display:grid}.xw-specimen{aspect-ratio:2/3;width:100%;display:block;position:relative}.xw-specimen:before,.xw-specimen:after{background:var(--xw-atlas) no-repeat var(--xw-at) 0 / 400% 100%;content:"";position:absolute;inset:0}.xw-specimen:before{filter:grayscale();opacity:.13;background-position:100% 0}.xw-specimen.is-bloom:before{content:none}.xw-specimen.is-growing:after{transform-origin:50% 97%;animation:.52s cubic-bezier(.3,1.5,.5,1) both xw-grow}@keyframes xw-grow{0%{opacity:.4;filter:brightness(1.3);transform:scale(.8)}}.xw-plant-name{font:700 .72rem / 1.2 var(--xw-font)}.xw-plant-count{font:700 .68rem / 1 var(--xw-font);opacity:.8}.xw-growth{background:#9a7a3340;border-radius:3px;width:86%;height:5px;overflow:hidden}.xw-growth>span{background:#2f6b4f;height:100%;display:block}.xw-plate{color:#2a2012;text-align:center;background:#f8f0d9;border-radius:12px;justify-items:center;gap:4px;max-width:340px;margin:0 auto;padding:30px 30px 36px;display:grid;position:relative}.xw-plate-frame{fill:none;stroke:#9a7a33;stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.xw-plate-art{aspect-ratio:2/3;object-fit:contain;width:min(100%,240px)}.xw-plate-number{font:700 .72rem / 1 var(--xw-font);letter-spacing:.12em;text-transform:uppercase;margin:4px 0 0}.xw-plate-latin{font:italic 400 1.2rem / 1.2 var(--font-accent);margin:0}.xw-plate-note{font:italic 400 .95rem / 1.35 var(--font-accent);margin:4px 0 0}.xw-plate-done{margin:14px auto 0;display:block}.xw-plate.is-unveiling .xw-plate-frame :is(rect,path){stroke-dasharray:1;animation:.7s ease-out both xw-draw}.xw-plate.is-unveiling .xw-plate-art{animation:.52s cubic-bezier(.3,1.3,.5,1) .38s both xw-bloom}.xw-plate.is-unveiling :is(.xw-plate-number,.xw-plate-latin){animation:.28s ease-out .8s both xw-rise}.xw-plate.is-unveiling .xw-plate-note{animation:.28s ease-out 1.05s both xw-rise}@keyframes xw-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes xw-bloom{0%{opacity:0;transform:translateY(12px)scale(.92)}}.xw-herbarium{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.xw-herbarium-plate{border:1px solid var(--line);color:#2a2012;min-height:44px;font:700 .72rem / 1.2 var(--xw-font);background:#f8f0d9;border-radius:10px;justify-items:center;gap:4px;padding:6px;display:grid}.xw-herbarium-plate img{aspect-ratio:2/3;object-fit:contain;width:100%}@media (prefers-reduced-motion:reduce){.xw-specimen.is-growing:after,.xw-plate.is-unveiling *{animation:none!important}}.xw-use{border:2px solid var(--xw-brass);background:var(--xw-accent);min-height:46px;color:var(--xw-on-accent);box-shadow:0 3px 10px var(--xw-shadow);font:800 1rem / 1 var(--xw-font);-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:8px;padding:0 8px 0 16px;animation:.16s ease-out both xw-rise;display:inline-flex}.xw-use svg{width:20px;height:20px}.xw-use-cost{background:#0000002e;border-radius:999px;align-items:center;gap:2px;min-height:30px;padding:0 10px;font-size:.9rem;display:inline-flex}.xw-use-cost svg{width:16px;height:16px}.xw-tonic{cursor:pointer;-webkit-tap-highlight-color:transparent}.xw-info{gap:14px;display:grid}.xw-info h3{margin:4px 0 -4px;font-size:1rem}.xw-info p{margin:0}.xw-info-quiet{color:var(--muted)}.xw-info-icon{border:1.5px solid var(--line);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.xw-info-icon svg{width:22px;height:22px}.xw-jar-meter{justify-items:center;gap:8px;display:grid}.xw-jar-meter>div{gap:8px;display:flex}.xw-jar-meter span{border:2px dashed var(--line);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.xw-jar-meter span.is-full{border:2px solid var(--gold);background:var(--gold);color:var(--on-gold)}.xw-jar-meter span svg{width:18px;height:18px}.xw-jar-meter p{align-items:center;gap:4px;font-weight:600;display:inline-flex}.xw-jar-meter p svg{width:18px;height:18px}.xw-how{background:color-mix(in srgb, var(--line) 35%, transparent);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:12px 6px;list-style:none;display:grid}.xw-how li{text-align:center;justify-items:center;gap:6px;font-size:.82rem;line-height:1.3;display:grid;position:relative}.xw-how .xw-info-icon{background:var(--paper)}.xw-how li+li:before{color:var(--muted);content:"→";position:absolute;top:16px;left:-10px}.xw-jar-words{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.xw-jar-words li{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-weight:600}.xw-tonic-have{align-items:center;gap:12px;font-size:1rem;display:flex}.xw-tonic-have strong{font-size:1.3rem}.xw-info-list{margin:0;padding:0;list-style:none;display:grid}.xw-info-list li{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;display:grid}.xw-info-list li+li{border-top:1px solid var(--line)}.xw-info-list li>span:nth-child(2){color:var(--muted);gap:1px;font-size:.85rem;line-height:1.3;display:grid}.xw-info-list strong{color:var(--ink);font-size:.95rem}.xw-info-cost{background:var(--gold);min-width:40px;color:var(--on-gold);text-align:center;border-radius:999px;padding:4px 10px;font-weight:800}.xw-plate-dialog .game-dialog-content{flex-direction:column;display:flex;overflow:hidden}.xw-plate-dialog .xw-plate{flex-direction:column;flex:0 auto;align-items:center;min-height:0;display:flex}.xw-plate-dialog .xw-plate>:not(svg,img),.xw-plate-dialog .xw-plate-done{flex:none}.xw-plate-dialog .xw-plate-art{aspect-ratio:auto;flex:0 auto;width:240px;max-width:100%;height:360px;min-height:72px}@media (orientation:landscape) and (height<=520px){.xw-plate-dialog .xw-plate{grid-template-rows:1fr auto auto auto 1fr;grid-template-columns:auto minmax(0,1fr);column-gap:18px;width:100%;max-width:none;padding:16px 22px;display:grid}.xw-plate-dialog .xw-plate-art{aspect-ratio:2/3;grid-row:1/-1;width:auto;height:clamp(72px,85dvh - 220px,300px);min-height:0}.xw-plate-dialog .xw-plate>p{grid-column:2;padding-right:12px}.xw-plate-dialog .xw-plate-number{grid-row:2}.xw-plate-dialog .xw-plate-latin{grid-row:3}.xw-plate-dialog .xw-plate-note{grid-row:4}.xw-plate-dialog .xw-plate-done{margin-top:10px}}.xw-slot{position:relative}.xw-praise{color:#2a2012;width:max-content;box-shadow:inset 0 0 0 3px #f8f0d9, inset 0 0 0 4px #9a7a338c, 0 6px 18px var(--xw-shadow);text-align:center;background:#f8f0d9;border:2px solid #9a7a33;border-radius:10px;justify-items:center;gap:2px;margin:0;padding:10px 26px 9px;animation:1.43s ease-out .18s both xw-stamp;display:grid;position:absolute;bottom:4px;left:50%;transform:translate(-50%)rotate(-3deg)}.xw-praise strong{font:italic 500 1.35rem / 1.15 var(--font-accent)}.xw-praise span{font:800 .74rem / 1 var(--xw-font);letter-spacing:.12em;text-transform:uppercase}@keyframes xw-stamp{0%{opacity:0;transform:translate(-50%)rotate(-3deg)scale(1.6)}12%{opacity:1;transform:translate(-50%)rotate(-3deg)scale(.96)}18%,82%{opacity:1;transform:translate(-50%)rotate(-3deg)scale(1)}to{opacity:0;transform:translate(-50%)rotate(-3deg)scale(1)}}.xw-end-swift{font:800 .8rem / 1.2 var(--xw-font);background:var(--xw-gold);color:#2a2012;white-space:nowrap;border-radius:999px;margin:0;padding:3px 10px}@media (aspect-ratio>=23/20) and (height<=500px){.xw-end{grid-row:2/-1;gap:4px;min-height:0;margin:4px 0 10px;padding:10px 12px}.xw-end .xw-plant{width:96px}.xw-end h2{font-size:1.1rem}}