.wg-stage{background-color:var(--pink);color:var(--ink);background-image:repeating-linear-gradient(135deg,#15110d12 0 10px,#0000 10px 24px);flex-direction:column;flex:1;display:flex;position:relative}.wg-boardbox{flex:1;min-height:13.5rem;position:relative}.wg-boardbox .pop-confetti{--x:50%;--y:45%}.wg-fill{place-items:center;display:grid;position:absolute;inset:.5rem .75rem;container-type:size}.wg-board{--t:min(calc(100cqi / 5.5), calc(100cqb / 6.6), 4.5rem);gap:calc(var(--t) * .1);font-size:calc(var(--t) * .58);display:grid}.wg-tiles{grid-template-columns:repeat(5, var(--t));gap:calc(var(--t) * .1);display:grid}.wg-tile{width:var(--t);height:var(--t);border:3px solid var(--ink);background:var(--cream);font-family:var(--font-pop-display), ui-rounded, system-ui, sans-serif;text-transform:uppercase;border-radius:12%;place-items:center;line-height:1;display:grid;position:relative}.wg-typed{box-shadow:3px 3px 0 var(--ink)}.wg-side{flex-direction:column;align-items:center;gap:.25rem;padding:0 .375rem .625rem;display:flex}.wg-note{place-items:center;min-height:1.875rem;font-size:.875rem;font-weight:800;display:grid}.wg-note-error{background:var(--ink);color:var(--cream);border-radius:999px;padding-inline:.875rem}.wg-legend{gap:.875rem;display:flex}.wg-legend>span{white-space:nowrap;align-items:center;gap:.3125rem;display:inline-flex}.wg-legend .wg-tile{--t:1.25rem;border-width:2px;font-size:.8125rem}.wg-legend .wg-correct:after{border-width:0 0 2px 2px;width:.6em;height:.34em;top:18%;right:16%}.wg-keys{flex-direction:column;gap:.3125rem;width:min(100%,37rem);display:flex}.wg-keyrow{justify-content:center;gap:.25rem;display:flex}.wg-key{border:2px solid var(--ink);background-color:var(--cream);min-width:0;max-width:3.25rem;height:clamp(2.875rem,6.6dvh,3.75rem);box-shadow:0 3px 0 var(--ink);color:var(--ink);text-transform:uppercase;touch-action:manipulation;border-radius:.5rem;flex:1 1 0;place-items:center;font-size:1.0625rem;font-weight:800;line-height:1;display:grid}.wg-key:active{box-shadow:0 1px 0 var(--ink);translate:0 2px}.wg-key:focus-visible{outline:3px solid var(--ink);outline-offset:1px}.wg-key-wide{flex-grow:1.55;max-width:5rem;font-size:.8125rem}.wg-correct{background:var(--mint);position:relative}.wg-correct:after{content:"";border-bottom:.08em solid var(--ink);border-left:.08em solid var(--ink);width:.34em;height:.2em;position:absolute;top:8%;right:8%;rotate:-45deg}.wg-present{background-color:var(--sun);background-image:radial-gradient(#15110d38 22%,#0000 24%);background-size:.28em .28em;border-radius:50%}.wg-absent{background-color:#a39c8f;background-image:linear-gradient(to top right,#0000 47%,#15110d66 47% 53%,#0000 53%);border-style:dashed}.wg-key.wg-present{border-radius:999px}.wg-key.wg-correct:after{font-size:.75rem;top:12%;right:12%}.wg-key.wg-absent{box-shadow:none}.wg-panel{border:4px solid var(--ink);background:var(--cream);width:min(100%,34rem);box-shadow:5px 5px 0 var(--ink);border-radius:20px;flex-direction:column;gap:.625rem;padding:.875rem 1rem 1rem;display:flex;position:relative}.wg-close{border:2px solid var(--ink);border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;display:grid;position:absolute;top:.5rem;right:.5rem}.wg-close:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.wg-result{overflow-wrap:anywhere;font-size:clamp(1.5rem,6vw,2.25rem);line-height:1.05}.wg-score{gap:.625rem;display:grid}.wg-facts{text-align:center;grid-template-columns:repeat(4,1fr);gap:.25rem;padding-right:2.25rem;display:grid}.wg-facts dd{font-size:1.5rem;line-height:1}.wg-facts dt{font-size:.75rem;font-weight:700}.wg-bars{gap:.1875rem;font-size:.8125rem;font-weight:800;display:grid}.wg-bars li{grid-template-columns:.75rem 1fr;align-items:center;gap:.375rem;display:grid}.wg-bar{text-align:right;background:#15110d26;border-radius:4px;min-width:1.25rem;padding-inline:.3125rem}.wg-bar-now{background:var(--mint);outline:2px solid var(--ink)}.wg-actions{flex-wrap:wrap;gap:.625rem;display:flex}.wg-actions .pop-btn{min-height:2.75rem;padding-inline:1rem;font-size:1rem}.pop-btn.wg-next{background:var(--sun)}@media (orientation:landscape) and (max-height:34rem){.wg-stage{flex-direction:row}.wg-boardbox{flex:0 38%;min-height:15rem}.wg-side{flex:1;justify-content:center;min-width:0;padding:.25rem .75rem .5rem .25rem}.wg-key{height:clamp(2.5rem,13dvh,3rem)}.wg-panel{gap:.375rem;width:100%;padding:.5rem .75rem}.wg-bars{display:none}}@media (max-width:39.99rem) and (max-height:56rem){body:has(section[aria-label=Cookie\ consent]) .wg-key{height:2.625rem}body:has(section[aria-label=Cookie\ consent]) .wg-boardbox{min-height:11rem}body:has(section[aria-label=Cookie\ consent]) .wg-note{min-height:1.5rem;font-size:.75rem}}@media (prefers-reduced-motion:no-preference){@keyframes wg-flip{0%{transform:rotateX(90deg)}to{transform:none}}@keyframes wg-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.wg-reveal{animation:wg-flip .28s calc(var(--i) * 90ms) cubic-bezier(.3, 1.3, .5, 1) both}.wg-shake{animation:.32s wg-shake}}