.pattern-choice-0477{display:grid;grid-template-columns:auto 1fr;gap:.25rem .6rem;padding:.6rem .75rem;border:1px solid #6ed8c7;border-radius:12px;background:#103846;color:#fff1c9;font-size:.9rem;margin:.5rem 0}.pattern-choice-0477 input{grid-row:span 2;align-self:center;accent-color:#75eadb}.pattern-choice-0477 small{color:#d0eae7;font-size:.75rem}
#pattern-hud-0477{position:fixed;top:36%;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;box-sizing:border-box;padding:.5rem .7rem;border:1px solid #79ead5;border-radius:12px;background:#103846ed;color:#fff0b3;text-align:center;pointer-events:none;z-index:8;font-size:.88rem}#pattern-hud-0477 small{display:block;color:#d5f6ed;font-size:.75rem}#pattern-hud-0477[data-kind=miss]{border-color:#d4dbe5;color:#f4f6f8}
#pattern-result-0477{color:#244751;font-size:.85rem;line-height:1.5}#pattern-hud-0477[hidden],#pattern-result-0477[hidden]{display:none}#pattern-hud-0477 small[hidden]{display:none}
@media(max-width:480px){#pattern-hud-0477{top:35%;font-size:.78rem;max-width:calc(100vw - 24px)}.pattern-choice-0477{font-size:.83rem}}