@font-face{font-family:XanhMono;src:url(../../../xanh.ttf) format("truetype");font-weight:400;font-style:normal}*{color:#fff;font-family:XanhMono,serif}body{background-color:#000;margin:0;padding:0}input[type=text],input[type=password]{margin:0;padding:0;background-color:#000;width:100%;border:1px solid white;color-scheme:dark;font-family:XanhMono,serif}button{color:#fff;background-color:#000;border:1px solid white}.anchor-button{background-color:transparent;border:none;color:#a9a9a9;text-decoration:underline;cursor:pointer;font-family:XanhMono,serif;font-size:14px}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;flex-direction:column;padding:8px 0;box-sizing:border-box}.status-text{color:#a9a9a9;font-size:20px;font-family:XanhMono,serif}.sync-dialog{background-color:#000;border:1px solid darkgray;max-width:calc(100vw - 48px);max-width:calc(100dvw - 48px);box-sizing:border-box}.settings-dialog{width:420px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto}.settings-dialog input{margin-top:6px}.replay-dialog{width:420px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px)}.replay-list{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:300px}.replay-list li{margin-bottom:4px}.replay-row{display:flex;align-items:baseline;gap:10px;width:100%;padding:8px;background-color:#000;border:1px solid #3a3a3c;border-left-width:3px;cursor:pointer;font-family:XanhMono,serif;text-align:left}.replay-row:hover{background-color:#1d1d1d}.replay-row.win{border-left-color:#538d4e}.replay-row.loss{border-left-color:#b59f3b}.replay-row.unplayed{border-left-color:#3a3a3c}.replay-date{color:#a9a9a9;font-size:13px}.replay-word{color:#fff;font-size:16px;letter-spacing:1px}.replay-result{color:#a9a9a9;font-size:13px;margin-left:auto;text-align:right}:root{--conn-gap: clamp(6px, 1.5vw, 10px);--card-size: clamp(70px, calc((min(560px, 100vw - 16px) - 3 * var(--conn-gap)) / 4), 130px)}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc(var(--card-size) * .78);gap:var(--conn-gap);width:min(560px,calc(100% - 16px));margin:0 auto}.solved-row{grid-column:1 / -1;outline:solid white 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;text-align:center;text-transform:uppercase;font-family:XanhMono,serif}.solved-row.yellow{background:#b59f3b;outline-color:#b59f3b}.solved-row.green{background:#538d4e;outline-color:#538d4e}.solved-row.blue{background:#5a7fbf;outline-color:#5a7fbf}.solved-row.purple{background:#8a5fbf;outline-color:#8a5fbf}.solved-title{font-weight:700;font-size:15px}.solved-words{font-size:13px}.card{width:100%;height:100%;outline:solid white 1px;border:0;background:#000;display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;font-family:XanhMono,serif;text-transform:uppercase;-webkit-user-select:none;user-select:none}.card-text{font-size:clamp(8px,calc(var(--card-size, 100px) * .13),15px);text-align:center;line-height:1.05;word-break:break-word;pointer-events:none}.card.selected{background:#a9a9a9;color:#000}.card.yellow{background:#b59f3b;outline-color:#b59f3b}.card.green{background:#538d4e;outline-color:#538d4e}.card.blue{background:#5a7fbf;outline-color:#5a7fbf}.card.purple{background:#8a5fbf;outline-color:#8a5fbf}.controls{display:flex;gap:8px;margin-top:4px}.controls button{font-family:XanhMono,serif;padding:8px 14px;cursor:pointer}.controls button:disabled{color:#666;border-color:#666;cursor:default}