.bg-area{max-width:44rem;margin:0 auto;text-align:center}.bg-timer{width:100%;height:.375rem;background:#c9f7a526;border-radius:.25rem;margin-bottom:1rem;overflow:hidden}.bg-timer__bar{height:100%;background:#c9f7a5;border-radius:.25rem;transition:width 1s linear}.bg-timer__bar--low{background:#f87171}.bg-timer__label{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;opacity:.5;margin-bottom:.75rem}.bg-grid{display:inline-grid;grid-template-columns:repeat(4,1fr);gap:.375rem;margin:0 auto 1.5rem;user-select:none;-webkit-user-select:none}.bg-cell{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;background:#c9f7a51a;border:2px solid rgba(201,247,165,.2);border-radius:.5rem;color:#fff;transition:background .15s ease,border-color .15s ease,transform .1s ease;cursor:default}.bg-cell--highlight{background:#c9f7a54d;border-color:#c9f7a5}.bg-cell--path{background:#c9f7a540;border-color:#c9f7a5;color:#c9f7a5}@media(min-width:480px){.bg-cell{width:4.25rem;height:4.25rem;font-size:1.75rem}}.bg-input-group{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.bg-input{font-family:inherit;font-size:1.125rem;font-weight:600;text-transform:uppercase;width:12rem;padding:.625rem .75rem;border:2px solid rgba(201,247,165,.3);border-radius:.5rem;background:#ffffff0d;color:#fff;text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease;letter-spacing:.05em}.bg-input:focus{border-color:#c9f7a5;box-shadow:0 0 0 3px #c9f7a533}.bg-input:disabled{opacity:.4;cursor:default}.bg-input::placeholder{color:#ffffff4d;text-transform:none;letter-spacing:normal}.bg-submit{font-family:inherit;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;border:2px solid #c9f7a5;border-radius:.5rem;background:#c9f7a5;color:#000;cursor:pointer;transition:all .15s ease;min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent}.bg-submit:hover,.bg-submit:focus-visible{background:#b8e896;border-color:#b8e896}.bg-submit:focus-visible{outline:3px solid #c9f7a5;outline-offset:2px}.bg-submit:disabled{opacity:.4;cursor:default}.bg-wordlist{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;margin-bottom:1.5rem;max-height:12rem;overflow-y:auto;padding:.25rem}.bg-word-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#c9f7a51f;border:1px solid rgba(201,247,165,.2);border-radius:1rem;font-size:.8125rem;font-weight:600;color:#c9f7a5;letter-spacing:.03em}.bg-word-tag__remove{background:none;border:none;color:#c9f7a580;cursor:pointer;font-size:.875rem;line-height:1;padding:0;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.bg-word-tag__remove:hover{color:#f87171}.bg-opponents{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem;font-size:.75rem;opacity:.5}.bg-opponent{display:inline-flex;align-items:center;gap:.25rem}.bg-opponent__count{font-weight:700;font-variant-numeric:tabular-nums}.bg-scoring{text-align:left;max-width:36rem;margin:0 auto}.bg-scoring__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-bottom:.5rem;text-align:center}.bg-scoring__player{margin-bottom:1.25rem}.bg-scoring__player-name{font-size:.875rem;font-weight:700;margin-bottom:.375rem;color:#c9f7a5}.bg-scoring__words{display:flex;flex-wrap:wrap;gap:.25rem}.bg-scoring__word{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;letter-spacing:.02em}.bg-scoring__word--ok{background:#2d582940;color:#a7f3a0}.bg-scoring__word--duplicate{background:#facc1526;color:#facc15cc;text-decoration:line-through}.bg-scoring__word--no-path{background:#f8717126;color:#f87171cc;text-decoration:line-through}.bg-scoring__word--too-short{background:#ffffff0d;color:#ffffff4d;text-decoration:line-through}.bg-scoring__points{font-weight:700;font-size:.625rem;opacity:.7}.bg-scoreboard{margin-top:1.5rem}.bg-scoreboard__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-bottom:.75rem}.bg-scoreboard__list{list-style:none;display:flex;flex-direction:column;gap:.375rem;max-width:24rem;margin:0 auto}.bg-scoreboard__entry{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffff0d;border-radius:.375rem;font-size:.875rem}.bg-scoreboard__entry--me{background:#c9f7a51a;font-weight:600}.bg-scoreboard__entry--first{background:#c9f7a5;color:#000;font-weight:600}.bg-scoreboard__name{flex:1;text-align:left}.bg-scoreboard__points{font-weight:700;font-variant-numeric:tabular-nums}.bg-final{padding:2rem 0}.bg-final__place{font-size:3rem;font-weight:700;margin-bottom:.5rem}.bg-final__score{font-size:1.25rem;opacity:.7}.bg-waiting{opacity:.5;font-size:.875rem}.bg-my-count{font-size:.75rem;opacity:.5;margin-bottom:.5rem}@media(prefers-reduced-motion:reduce){.bg-timer__bar,.bg-cell,.bg-input,.bg-submit,.bg-word-tag__remove{transition:none}}