body{margin:0;padding:0;font-family:Calibri,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 7% 10%,rgba(37,99,235,.1) 0%,transparent 35%),radial-gradient(circle at 92% 84%,rgba(71,85,105,.1) 0%,transparent 35%),#f8fafc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{display:flex;gap:8px;justify-content:center}.character{width:50px;height:50px;border:2px solid #d0d0d0;border-radius:8px;font-size:20px;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:700}.character--inactive{border-color:#e0e0e0}.character--selected{border-color:#1976d2}.character--filled{background-color:#f5f5f5}